/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.samvilla.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.etalage img.gallery-image{max-width:100%}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list {
  zoom: 1;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  display: inline-block;
  zoom: 1;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 5px 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #08c;
}
#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #08c;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #08c;
  padding-left: 5px;
}

#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.samvilla.com/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.samvilla.com/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 685px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 520px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.mbdialog img{
  border:0; vertical-align:top;
}

.mbdialog p{
  margin:0 0 10px;
}

.mbdialog{
  color:#2f2f2f;         
}
                                                                                                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
.mbdialog *, .mbdialog *:before, .mbdialog *:after{                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
  box-sizing:content-box;         
}

.mbdialog th, .mbdialog td{
  vertical-align:top;                      
}

.mbdialog img{
  display:inline;         
}

.dialogBg{
  background: rgba(255, 255, 255, 0.90);  
  position:fixed;
  overflow-x: auto;
  overflow-y: scroll;
  z-index:99999999;
  left:0;
  top:0;
  bottom:0;
  right:0; 
  /*visibility:hidden;*/
  display:none;
  cursor:pointer;   
}           

.dialogBody{
  overflow:hidden;   
  text-align:left; 
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);         
}
              
.mbdialog{  
  display:none;
  cursor:default;
  margin: 0px auto;        
  position:absolute;
  z-index:99999998;  
  -webkit-backface-visibility: hidden;
} 

@media (max-width: 500px) {
  .mbdialog,.dialogBody{
    -webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup
  }
}

.dialogTool{
  position:relative;          
}    

.dialogClose{
  position:absolute; 
  top:-20px; 
  right:-26px; 
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_dark.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;
  height:26px;
  width:26px;    
  cursor:pointer; 
  z-index:99999995;  
}

.dialogCloseCustom{ 
  cursor:pointer;  
}

.dialogClose.overlay2{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_white.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;     
}

.dialogClose.style2{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big.png);  
  height:29px;
  width:29px; 
  top:-15px; 
  right:-15px;       
} 

.dialogClose.style2:hover{
  background-position:0 -29px;     
}

.dialogClose.style4,.dialogClose.style3{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px;   
  height:25px;
  width:25px;      
}

.dialogClose.style3{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px;          
}

.dialogClose.style6{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;   
  top:7px; 
  right:8px;            
  width:20px;
  height:20px;
}

.dialogClose.style6{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big_x_d.png) no-repeat;              
}

.dialogClose.style7{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat;   
}

.dialogClose.style8{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;   
}

.dialogClose.style9{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold.png) no-repeat;              
}

.dialogClose.style10{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold_d.png) no-repeat;              
}

.dialogClose.style11{
  background:url(https://www.samvilla.com/skin/frontend/base/default/images/magebird_popup/white_circle.png) no-repeat;              
}

.dialogClose.style6,.dialogClose.style7,.dialogClose.style8,.dialogClose.style9,.dialogClose.style10,.dialogClose.style11{
  width:30px;
  height:30px;
  background-position:center;
}

.dialogClose.style7,.dialogClose.style11{
  width:35px;
  height:35px;
}

.dialogClose.style4:hover,.dialogClose.style3:hover{  
  background-position:4px -17px;   
}

.dialogClose.style1:hover{      
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.imgType img{
  display:block;        
}

.mbdialog .error, .mbdialog .warning{  
  border:1px solid #EED2D8;
  color:#B94A4A;
  font-size:12px;
  font-weight:normal;
  text-shadow:1px 1px #FFFFFF;
  background-color:#F2DDDE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin:0 15px 15px 0;
  padding:2px 5px;
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);   
  position:absolute;
  z-index:999999;
}

.mbdialog .error p, .mbdialog .warning p{
  margin:4px 0;
}

.transform-rotate-zoom1{
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;     
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;  
   
  -moz-transform:rotate(0deg) scale(0.001);
  -webkit-transform:rotate(0deg) scale(0.001);
  -o-transform:rotate(0deg) scale(0.001);
  -moz-transform:rotate(0deg) scale(0.001);
  -ms-transform: rotate(0deg) scale(0.001);  
}

.transform-rotate-zoom2{
 -webkit-transform: rotate(360deg) scale(1); 
 -moz-transform: rotate(360deg) scale(1); 
 -o-transform: rotate(360deg) scale(1); 
 -ms-transform: rotate(360deg) scale(1); 
 transform: rotate(360deg) scale(1);  
}   


.popuptransition{
   -moz-transition: all 0.9s ease-in-out;
   -webkit-transition: all 0.9s ease-in-out;     
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;      
}

.transform-elastic1, .moctoddribegam{
   -moz-transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;     
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   
  -moz-transform:scale(0.001);
  -webkit-transform:scale(0.001);
  -o-transform:scale(0.001);
  -moz-transform:scale(0.001);
  -ms-transform:scale(0.001);   
}
 
.transform-elastic2{
 -webkit-transform: scale(1.2); 
 -moz-transform: scale(1.2); 
 -o-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2);   
}

.transform-elastic3{
 -webkit-transform: scale(1); 
 -moz-transform: scale(1); 
 -o-transform: scale(1); 
 -ms-transform:scale(1); 
 transform: scale(1);   
}

.mbdialog table {              
    border-spacing:0;
    border-collapse:separate;
} 

/*FOLLOW WIDGET*/
.followPopup{
  line-height:1;            
}

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

.followPopup li{
  float:left;
  margin-right:10px;
  height:62px;
  overflow:hidden;
  width:63px;
  text-align:center;
}  

.followPopup li img{
  width:auto;
}  

.followPopup.tp2 li{
  height:20px;                   
}     

.followPopup li.twitterFollow img,.followPopup li.pinFollow img{
  margin-bottom:3px;
  margin-left:5px;
}

.followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{
  margin-bottom:3px;
  margin-left:0px;
}

.followPopup .fbLike{
  min-width:48px;
  margin-right:2px;
  margin-left:-3px;
}

.followPopup.tp3 .fbLike{
  margin-left:0px;
}

.followPopup .twitterTweet{
  /*width:58px;*/  
}

.followPopup .twitterTweet{
  visibility:visible !important;
}

.followPopup .gplusRecommend{
  width:50px;
}

.gplusRecommend div{
  vertical-align:top !important;
}

.followPopup .pinFollow{
  min-width:59px;
}

.followPopup.tp3 li{
  float:none;
  width:63px !important;
  margin-right:0;
  text-align:center;
  margin-bottom:10px;                   
}


/*FB like bugfix for ie*/
.fb-like.fb_iframe_widget iframe{
  min-width:49px !important;
  min-height:61px !important;  
  left:0;                              
}
/*END FOLLOW WIDGET*/

/********Css For bannerads************/
.wrap-bannerads {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px;
}

/*
.wrap-bannerads .div-banner{background:#FFF; border:2px solid #F0F0F0; padding:5px; overflow:hidden}
*/
.wrap-bannerads img {
  max-width: 100%;
}

/* Display type: Show all */
/*.wrap-bannerads .div-banner ul li{float:left; display:inline; margin:0 0 5px;}*/
/* Display type: Random */
.wrap-bannerads div.banner {
  margin: 0 auto;
}

.wrap-bannerads div.banner .bx-viewport {
  /* background: #FFF; */
}

.showall-banner {
}

.banner {
}

.allbanner {
  width: 70%;
  margin: 0 auto;
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 0px;
  padding: 0;
  *zoom: 1;
  min-height:50px;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin:auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(https://www.samvilla.com/skin/frontend/base/default/magebuzz/bannerads/css/images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  color: #fff;
  padding-top: 10px;
  
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager {
  position:absolute;
  bottom:5px;
  width:100%;
	z-index:999;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #303988;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a.bx-prev {
  left: 10px;
  background-position:0 -155px;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{
  background-position:-60px -155px;
}

.bx-wrapper .bx-controls-direction a.bx-next {
  right: 10px;
  background-position:-60px -208px; 
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
  background-position:0 -208px;
}


.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background:url(https://www.samvilla.com/skin/frontend/base/default/magebuzz/bannerads/css/images/icon.png) no-repeat;
	z-index:999;
}


.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(https://www.samvilla.com/skin/frontend/base/default/magebuzz/bannerads/css/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(https://www.samvilla.com/skin/frontend/base/default/magebuzz/bannerads/css/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption .caption-text {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
  text-align: left;
}

.bx-wrapper .bx-caption .caption-text h3 {
  color: #FFFFFF;
}
/*-----------------------*/
.big-banner-home .bx-wrapper li {z-index:1;}
.big-banner-home .bx-wrapper .bx-controls-direction a {display:none;}

.small-banner-home .banner-vertical  {height:100%;}
.small-banner-home .banner-vertical .bx-wrapper {max-height:100%;}
.small-banner-home .banner-vertical img {max-height:100%;}
.small-banner-home .banner-vertical > ul {max-height:100%;}
.small-banner-home .banner-vertical > ul li {max-height:33%; padding-bottom:5%;}
.small-banner-home .banner-vertical li {padding-bottom:0px; }
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a{width:32px; height:32px; left:50%; margin:0 0 0 -16px;}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-next{
  background-position: -63px -490px;
  top:5px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-next:hover{
  background-position: -63px -525px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-prev{
  background-position: 0px -525px;
  top:100%;
  margin-top:-37px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-prev:hover{
  background-position: 0px -490px;
}
/* home sections banner*/ 
.box-content-home.box01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box01 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#58538D;}
.box-content-home.box02 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box02 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#E20613;}
.box-content-home.box03 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box03 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#EF7E14;}
.box-content-home.box04 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box04 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#C87CBD;}
.box-content-home.box05 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box05 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#DDDB00;}
.box-content-home.box06 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.box-content-home.box06 .bx-wrapper .bx-pager.bx-default-pager a.active {background-color#CB8C63;}

.banner-with-title .bx-pager-tab select {display:none;}

@media only screen and (max-width: 620px) {
.bx-wrapper .bx-controls-direction a {width:32px; height:32px; margin-top:-16px;}
.bx-wrapper .bx-controls-direction a.bx-next{background-position:-61px -452px;}
.bx-wrapper .bx-controls-direction a.bx-prev{background-position:0 -412px;}
.bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:0px -452px;}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{background-position:-61px -412px;}
}
@media only screen and (max-width: 480px) {
  .banner-with-title .bx-pager-tab select {display:block; width:100%;}
  .box-content-home .banner-with-title .bx-pager-tab a {display:none!important;}
}


/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


.gift-card *{box-sizing: border-box;}
.gift-card button *{box-sizing: content-box;}
.gift-card .row {
    margin-right: -10px;
    margin-left: -10px;
}

.gift-card .col-xs-1,.gift-card  .col-xs-2,.gift-card  .col-xs-3,.gift-card  .col-xs-4,.gift-card  .col-xs-5,.gift-card  .col-xs-6,.gift-card  .col-xs-7,.gift-card  .col-xs-8,.gift-card  .col-xs-9,.gift-card  .col-xs-10,.gift-card  .col-xs-11,.gift-card  .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .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-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
table {
    background-color: transparent;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
.gift-card .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.gift-card .table > thead > tr > th,
.gift-card .table > tbody > tr > th,
.gift-card .table > tfoot > tr > th,
.gift-card .table > thead > tr > td,
.gift-card .table > tbody > tr > td,
.gift-card .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.gift-card .table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}
.gift-card .table > caption + thead > tr:first-child > th,
.gift-card .table > colgroup + thead > tr:first-child > th,
.gift-card .table > thead:first-child > tr:first-child > th,
.gift-card .table > caption + thead > tr:first-child > td,
.gift-card .table > colgroup + thead > tr:first-child > td,
.gift-card .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.gift-card .table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.gift-card .table .table {
    background-color: #fff;
}
.gift-card .table-condensed > thead > tr > th,
.gift-card .table-condensed > tbody > tr > th,
.gift-card .table-condensed > tfoot > tr > th,
.gift-card .table-condensed > thead > tr > td,
.gift-card .table-condensed > tbody > tr > td,
.gift-card .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.gift-card .table-bordered {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > tbody > tr > th,
.gift-card .table-bordered > tfoot > tr > th,
.gift-card .table-bordered > thead > tr > td,
.gift-card .table-bordered > tbody > tr > td,
.gift-card .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.gift-card .table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.gift-card .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.gift-card table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
.gift-card table td[class*="col-"],
.gift-card table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.gift-card .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .gift-card .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .gift-card .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .gift-card .table-responsive > .table-bordered {
        border: 0;
    }
    .gift-card .table-responsive > .table-bordered > thead > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > thead > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .gift-card  .table-responsive > .table-bordered > thead > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .gift-card  .table-responsive > .table-bordered > thead > tr > td:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


.gift-card input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gift-card input[type="radio"],
.gift-card input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.gift-card input[type="file"] {
    display: block;
}
.gift-card input[type="range"] {
    display: block;
    width: 100%;
}
.gift-card select[multiple],
.gift-card select[size] {
    height: auto;
}
.gift-card input[type="file"]:focus,
.gift-card input[type="radio"]:focus,
.gift-card input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.gift-card output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.gift-card .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gift-card .form-control:focus {
    border-color: #66afe9;
    outline:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.gift-card .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.gift-card .form-control:-ms-input-placeholder {
    color: #999;
}
.gift-card .form-control::-webkit-input-placeholder {
    color: #999;
}
.gift-card .form-control[disabled],
.gift-card .form-control[readonly],

.gift-card textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
.gift-card input[type="date"],
.gift-card input[type="time"],
.gift-card input[type="datetime-local"],
.gift-card input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
.gift-card input[type="date"].input-sm,
.gift-card input[type="time"].input-sm,
.gift-card input[type="datetime-local"].input-sm,
.gift-card input[type="month"].input-sm {
    line-height: 30px;
    line-height: 1.5 \0;
}
.gift-card input[type="date"].input-lg,
.gift-card input[type="time"].input-lg,
.gift-card input[type="datetime-local"].input-lg,
.gift-card input[type="month"].input-lg {
    line-height: 46px;
    line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
    line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
    line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
    line-height: 1.33;
}
.gift-card .form-group {
    margin-bottom: 10px;
    float:left;
    width:100%;
    text-align: left;
}
.gift-card .radio,
.gift-card .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.gift-card .radio label,
.gift-card .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.gift-card .radio input[type="radio"],
.gift-card .radio-inline input[type="radio"],
.gift-card .checkbox input[type="checkbox"],
.gift-card .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.gift-card .radio-inline,
.gift-card .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.gift-card .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.gift-card .hide{display:none;}
.gift-card .disabled{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}
.gift-card .text-left {
    text-align: left;
}
.gift-card .text-right {
    text-align: right;
}
.gift-card .text-center {
    text-align: center;
}
.gift-card .text-justify {
    text-align: justify;
}
.gift-card .text-nowrap {
    white-space: nowrap;
}
.gift-card .text-lowercase {
    text-transform: lowercase;
}
.gift-card .text-uppercase {
    text-transform: uppercase;
}
.gift-card .text-capitalize {
    text-transform: capitalize;
}
@font-face
{
    font-family: Open sans;
    src: url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}

.magestore-popup_social {
    max-width: 622px !important;
}
.clear{
    width:100%;
    height:0px;
    clear:both;
    font-size:0px;
    line-height:0px;
}

#sociallogin_button{
    margin-top:10px;
}

#sociallogin_button button span{
    box-sizing: border-box;
}

#bt-loginfb span, #bt-loginfb-other span, #bt-loginfb-popup span{
    height:35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/LoginWithFacebook_35.png") no-repeat;
    display: block;
    float: left;
    width: 200px;
}
#bt-loginfb span span,#bt-loginfb-other span span, #bt-loginfb-popup span span{background: none repeat scroll 0 0 #4267B2;}
#bt-loginamazon span,#bt-loginamazon-other span, #bt-loginamazon-popup span{
    height:35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/bt_amazon.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginamazon span span,#bt-loginamazon-other span span, #bt-loginamazon-popup span span{background: none repeat scroll 0 0 #fe9900;}
#bt-loginins span,#bt-loginins-other span, #bt-loginins-popup span{
    height:35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/bt_intagram.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginins span span,#bt-loginins-other span span, #bt-loginins-popup span span{background: none repeat scroll 0 0 #42729a;}
#bt-logingo span,#bt-logingo-other span, #bt-logingo-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/google.png") no-repeat;
    display: block;
    float: left;
}
#bt-logingo span span,#bt-logingo-other span span, #bt-logingo-popup span span{background: none repeat scroll 0 0 #dd4b39;}
#magestore-popup  .input-box{width:100%;}
#bt-loginvk span,#bt-loginvk-other span, #bt-loginvk-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/vk.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginvk span span,#bt-loginvk-other span span, #bt-loginvk-popup span span{background: none repeat scroll 0 0 #44678d;}
#bt-loginper span,#bt-loginper-other span, #bt-loginper-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/persional.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginper span span,#bt-loginper-other span span, #bt-loginper-popup span span{background: none repeat scroll 0 0 #ffc823;}

#bt-loginse span,#bt-loginse-other span, #bt-loginse-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/stack.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginse span span,#bt-loginse-other span span, #bt-loginse-popup span  span{background: none repeat scroll 0 0 #3170c3;}

#bt-logintw span,#bt-logintw-other span, #bt-loginaol-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#bt-logintw span span,#bt-logintw-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #28bceb;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-loginya span, #bt-loginya-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/yh.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginya span span,#bt-loginya-other span span, #bt-loginya-popup span span{background: none repeat scroll 0 0 #6f2b90;}
/* by Hai Ta */
#bt-loginaol span,#bt-loginaol-other span, #bt-loginaol-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/aol.png") no-repeat;  
}
#bt-loginaol span span,#bt-loginaol-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #ffc923;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-logincal span,#bt-logincal-other span, #bt-logincal-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/clavid.png") no-repeat;    
}
#bt-logincal span span,#bt-logincal-other span span, #bt-logincal-popup span span{ background: none repeat scroll 0 0 #12396b;}
#bt-loginorg span,#bt-loginorg-other span, #bt-loginorg-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/orange.png") no-repeat;    
}
#bt-loginorg span span,#bt-loginorg-other span span, #bt-loginorg-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginmp span,#bt-loginmp-other span, #bt-loginmp-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/mysp.png") no-repeat;    
}
#bt-loginmp span span,#bt-loginmp-other span span, #bt-loginmp-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginlive span,#bt-loginlive-other span, #bt-loginlive-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/live.png") no-repeat;
}
#bt-loginlive span span,#bt-loginlive-other span span, #bt-loginlive-popup span span{  background: none repeat scroll 0 0 #30a8e4;}
#bt-loginfq span,#bt-loginfq-other span, #bt-loginfq-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/fq.png") no-repeat;   
}
#bt-loginfq span span,#bt-loginfq-other span span, #bt-loginfq-popup span span{	background: none repeat scroll 0 0 #099eba;}

#bt-loginlinked span,#bt-loginlinked-other span, #bt-loginlinked-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/linked.png") no-repeat;   
}
#bt-loginlinked span span,#bt-loginlinked-other span span, #bt-loginlinked-popup span span{background: none repeat scroll 0 0 #017fb2;}
#bt-loginopen span,#bt-loginopen-other span, #bt-loginopen-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/myop.png") no-repeat;
}
#bt-loginopen span span,#bt-loginopen-other span span, #bt-loginopen-popup span span{background: none repeat scroll 0 0 #74bc52;}
#bt-loginlj span,#bt-loginlj-other span, #bt-loginlj-popup span{    
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/liveJ.png") no-repeat;   
}
#bt-loginlj span span,#bt-loginlj-other span span, #bt-loginlj-popup span span{background: none repeat scroll 0 0 #143ea9;}

#sociallogin-other-div{	
    display: block;	
    float: right;      
}
#sociallogin-other-a{
    width: 91px;
    display: block;
}
#sociallogin-other-a-popup{margin-right:30px}
.sociallogin-other{
    display: block;
    float: right;
    width: 100%;
    /* margin-top: -25px; */
}
.sociallogin-other-span{
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
}

.sociallogin-other-span-img-popup{
    float: right;
    width: 20px;
    height: 25px;
    cursor: pointer;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/add.png") no-repeat right;
}

.other-button{
    /* margin: 7px 3px 5px 4px; */
}
.sociallogin-other-button{	
    width: auto;
    max-width:375px;
}

button.bt-login-social{background:none;border:none;cursor: pointer;}
button.bt-login-social:hover{opacity: 0.9; /* width: 88%; */}
button.bt-login-social span{
    height:35px;
    line-height:35px;
    color:#fff;
    padding: 0 0 0 35px;
    float:left;
}
button#bt-logintw-popup span{
    height: 35px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#sociallogin_button .sociallogin-other #other_sociallogin_label{font-family: Open sans;}
button.bt-login-social span span{
    background-position:100% 0 !important;
    /* padding-right:10px !important; */
    padding-left:10px !important;
    text-align: left;
    color:#fff;
    min-width: 110px;
    font-family: Open sans;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: regular;
    text-transform:none;
}
button.bt-login-social span span {
    min-width: 125px;
}

/* change poppup */
#magestore-popup{
    top: 100px;
    position: absolute;
    z-index: 40020;
    border-radius: 7px;
    border: 10px solid rgba(255, 255, 255, 0.58);
}
#magestore-popup .border-popup{
    float: left;
    width: 100%;
    /*padding: 15px;*/
    padding: 30px;
    height: auto;
    background: #fff;
}
#magestore-login-social{
    float: right;
    width: 43%;
}
#magestore-login-social .magestore-loign-h3{
    float: right;
    /*padding-right: 102px;*/
    padding-right: 85px;
}
#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
    opacity: 0.3;
}
#sociallogin-close{
    cursor: pointer;
    height: 33px;
    position: absolute;
    right: -20px;
    top: -16px;   
    z-index: 9999;
    right: -12px;
    top: -15px;
    height: 34px;
    width: 33px;
    background:url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close:hover{
    text-decoration: underline;
}
#sociallogin-close-popup{
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    right: -22px;
    top: -22px;
    height: 34px;
    width: 33px;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close-popup:hover{
    text-decoration: underline;
}
#magestore-login-form{
    padding-left: 33px;
    width: 57%;
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;
}
/*
.magestore-loign-h3{
    margin-bottom: 18px;
    font-family: 'tahoma',Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-bottom: 3px;
}
*/
.magestore-loign-h3{
    margin-bottom: 10px;
    font-size: 25px;
    padding-bottom: 0;
    font-weight: 500;
    color: #000;
}
.magestore-login-input-box{

}
.login-label{
    padding-top: 5px;
    font-weight: normal;
    color: #000;
    margin: 5px 0;
}
.login-label em{
    /*color: red;*/
    color: #000;
}
.sociallogin-input-box{

}
.sociallogin-input-box .input-text{
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 2px #E3E3E3 inset;
    font-family: inherit;
    font-size: 1.1em;
    margin: 0;
    padding: 5px 4px;
    width: 230px;
    height: 32px;
}
.magestore-login-popup-button{
    float: left;
    margin-top: 15px;
}
.magestore-login-popup-button button{
    float: left;
    margin-bottom: 15px !important;
}
.magestore-login-popup-button button.button span {
    border-radius: 0 !important;
    text-transform: uppercase;
}
.magestore-login-popup-button .pass-register {
    float: left;
    width: 100%;
}
#magestore-sociallogin-create-new-customer{
    font-size: 14px;
    float: left;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}
#magestore-sociallogin-create-new-customer span {
    background-color: #a7a9ac;
}
#magestore-forgot-password, #magestore-forgot-back {
    font-size: 14px;
    float: left;
    color: #000;
    text-decoration: underline;
}
#magestore-forgot-password a,
#magestore-forgot-password a:active,
#magestore-forgot-password a:hover {

}
#magestore-forgot-back{
    display: block;
    float: none;
}
.popup_click_btn{
    float: left;
    /* margin-left: 137px; */
}
.magestore-login-input-box  .login-label em{	
}
.ajax-login-image{
    background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/opc-ajax-loader.gif") no-repeat scroll 0 0 transparent;
    width: 16px;
    height: 16px;
    margin: 5px 0 5px 152px;
}
.magestore-invalid-email{
    margin-left: 152px;
    color: red;
    float: left;
}

#sociallogin-forgot{
    margin-bottom : 20px;
    padding-right: 15px;
}
.magestore-sociallogin-create-new-customer{
    float: left;	
    clear: both;
}
#magestore-button-sociallogin-forgot{
    margin-top: 15px;
}
.magestore-sociallogin-create-new-customer a{
    padding-left: 32px;
    font-weight: bold;
}
.sociallogin-field{
    width: 100%;
    float: left;
}
.sociallogin-field .input-text{
    width: 230px;
}
#magestore-create-back{
    font-size: 14px;
    float: left;
    margin-left: 80px;
    margin-top: 6px;
}
.sociallogin-other-button-popup{
    float: left;
    text-align: center;
    padding: 15px 0px 0px;
}
#sociallogin_button ul.right{float:right;    width: 100%;text-align: center;}
#sociallogin_button ul.left{float:left;}

/*Register*/
#magestore-create-user {
    width: 57%;
    /*background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;*/
    padding-left: 33px;
}
.magestore-create-popup-button{
    float: left;
    width: 100%;
    margin-top: 15px;
}
/*Danny */
#magestore-create-user .name-lastname {
    clear: both;
    float: left !important;
}

#magestore-create-user .fieldset.pop-up-login3 div.field {
    clear: both;
    width: 100%;
    float: left;
}
#magestore-create-user .fieldset.pop-up-login1 .form-list li div.field {
    width: 100%;
    float: left;
}
#magestore-create-user .fieldset.pop-up-login3 .form-list li div.field {
    float: left;
    width: 100%;
}
#magestore-create-user .account-create .fieldset ul.form-list li.fields div {
    float: left;
    width: 100%;
}
a#magestore-create-back:hover {
    color: #000;
}
a#magestore-forgot-password:hover {
    color: #000;
}
a#magestore-sociallogin-create-new-customer:hover {
    color: #000;
}
span.sociallogin-other-span:hover {
    color: #000;
}
/*hide google*/
body.sociallogin-gologin-user .wrapper {
    display: none;
}
body.sociallogin-fblogin-login .wrapper {
    display: none;
}
 body.sociallogin-yalogin-login .wrapper {
    display: none;
}
 body.sociallogin-twlogin-login .wrapper {
    display: none;
}
 
@font-face
{
 font-family: Open sans;
 src: url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}
#sociallogin_button #magestore-popup_social ul li button{
	width: 175px;height:37px;
}
#sociallogin_button #magestore-popup_social ul li {
    float:left;
	font-family: Open sans;
}
@media all and (min-width: 0px) and (max-width: 680px){
#magestore-popup_social {
    font-size: 1.5em !important;
}
}
@media (min-width: 681px) {
}
@media all and (min-width: 0px) and  (max-width: 459px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 0px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 0px;}
}
@media (min-width: 460px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 10px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 10px;}
}
ul.magestore-login-social li{background:#fff;border:none; float: right}

#magestore-popup{
	width:66% !important;
	z-index:99999;
	max-width: 630px;
}
#magestore-popup_social {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 0.7em;
	position: absolute;
	top: 100px !important;
	left: 0;
	z-index: 100000;
	background-color: white;
}
#sociallogin_button ul.right li{
    float: right;
}
.magestore-popup_social{
		width: 90% !important;
	}
#other_sociallogin_label {
	background-color: rgb(240, 240, 237);
	line-height: 2em;
}
#magestore-popup_social li{
    /* float: right; */
    text-align: center;
}
.magestore-login-social{
    float: right;
    /*padding-right: 30px;*/
    /*padding-right: 60px;*/
    padding-right: 20px;
    padding-top: 14px;
}
@media (max-width: 900px) {
    .magestore-login-social{
        float: none;
    }
}
ul.magestore-login-social li.button{
    list-style: none !important;
    padding: 4px 0;
}
ul.magestore-login-social li.button:hover{
	background:none !important;
	margin:0;
	border:none;
    list-style: none !important;

}
.sociallogin-input-box .input-text{
	box-shadow: none;
}
.sociallogin-other-button-popup li.button{
	background:none;
	border:none;
	list-style: none !important;
	padding: 3px 8px !important;
}
.sociallogin-other-button-popup li.button:hover{
	background:none;
	border:none;
        list-style: none !important;
}
.other-button{padding:0;}
.bt-login-social{padding:0;margin:0 !important;}
.top-container{width:100%;}

#sociallogin_button{
	/*float:left;*/
}
#sociallogin_button ul li,.sociallogin-other ul li{margin: 0px;}
#sociallogin_button ul li.button,.sociallogin-other ul li.button{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
#sociallogin_button ul li.button,.sociallogin-other ul li{
    display: inline-block;
    margin: 0 auto;
    /* float: none; */
}
#sociallogin_button ul li.button:hover{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
.sociallogin-other-button{
	_display:block !important;
	z-index:3000 !important;
}
#sociallogin-other-a{
	display: inline-block;
	width:100%;
	text-align:right;
}
#sociallogin-other-div{
	display: inline-block;
	width:100%;
	margin:0;
}
#sociallogin-other-b{
	display:block;
	height:30px;
	line-height:30px;
}
#sociallogin-other-b span{
	display:block;
	margin-right:30px;
	text-align:right;
}
#sociallogin-other-button{
	top:30px;
}
#magestore-login-form .magestore-invalid-email{
	margin:0;
}
.other-button{
/* 	margin: 0px 2px 0px 2px !important;
	padding: 3px 0px 0px 8px!important; */
}

#bg_fade{
	z-index:30020 !important;
	float:left;
	width:100%;
	min-height:3000px;
}
.active .sociallogin-other-span-img-popup{
	float: right;
	width: 20px;
	height: 25px;
	cursor: pointer;
	background: url("https://www.samvilla.com/skin/frontend/base/default/css/magestore/sociallogin/sub.png") no-repeat right;
}
@media only screen and (max-width: 900px){

    #magestore-sociallogin-form-forgot .magestore-login-popup-button{
        width: 100%;
    }
    #magestore-popup .border-popup{
        height: auto;
        padding: 30px;
    }
    #magestore-login-form{
        width: 100%;
        background: none;
        padding: 0;
    }
    h2.legend {
        margin-left: 0 !important;
    }
    .sociallogin-input-box .input-text {
        box-shadow: none;
        width: 100%;
    }
    .magestore-login-popup-button .pass-register {
        float: none;
        width: auto;
        clear: both;
    }
    #magestore-login-social{
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }
    .magestore-login-social {
         padding-right: 0px;
    }
    ul.magestore-login-social li.button {
        margin-right: 8px;
    }
    ul.magestore-login-social li {
        float: left;
        vertical-align: middle;
        float: none;
    }
    #magestore-login-social .magestore-loign-h3 {
        float: none;
        padding-right: 0;
        width: 100%;
        margin-bottom: 2px;
    }
    #magestore-button-sociallogin-forgot {
        margin-top: 0px;
        float: none;
        clear: both;
    }
    #magestore-create-user {
        width: 100%;
        background: none;
         padding-left: 0px;
    }

    #magestore-sociallogin-form-create .form-list > li{
        float: left;
        width: 100%;
    }

    #magestore-popup .form-list .sociallogin-field{
        width: 50%;
    }
    #magestore-popup .form-list .sociallogin-field.right{
        padding-left: 5px;
    }
    #magestore-button-sociallogin-forgot{
        margin-bottom: 0;
    }
    #magestore-forgot-password {
        float: none;
    }
    #magestore-create-back{
        margin-left: 0;
        margin-top: 6px;
    }
    .buttons-set .required {
        text-align: left;
    }
    .buttons-set {
        margin-top: -30px !important;
    }
    #webform_2_submit_button {
        float: left;
        margin: 0 0 15px;
    }
    #magestore-forgot-back {
        font-size: 14px;
        margin-right: 0 !important;
        display: block !important;
        float: none !important;
    }
}
@media only screen and (max-width: 650px){
    .magestore-login-social {
        text-align: left;
    }
    ul.magestore-login-social li.button {
        margin-right: 0px;
        vertical-align: middle;
        float:none;
    }
    .magestore-login-popup-button{
        margin-bottom: 15px;
    }
    #magestore-forgot-password,
    #magestore-sociallogin-create-new-customer{
        font-size: 15px;
    }
}
@media only screen and (max-width: 500px){
    #magestore-popup .form-list .sociallogin-field{width: 100%}
    .sociallogin-field .input-text{width: 100%}
    #magestore-create-back{
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    #magestore-button-sociallogin-create{
        width: 100%;
        margin-left: 0 !important;
    }
}
@media only screen and (max-width: 480px){
    #magestore-popup{
        width:90% !important;
        z-index:99999;
        max-width: 630px;
        left: 20px !important;
    }
    .magestore-login-popup-button button{
        width:100%;
        margin-bottom: 5px !important;
    }
    .magestore-login-popup-button .pass-register {
        float: none;
        clear: both;
    }
    #magestore-forgot-password,{
        font-size: 14px;
    }
    #magestore-sociallogin-create-new-customer {
        margin: 0;
        float: none;
        clear: both;
    }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('https://www.samvilla.com/skin/frontend/smartwave/default/fancybox/css/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/** 
 * ISAAC Priceslider
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    ISAAC
 * @package     ISAAC_Priceslider
 * @copyright   Copyright (c) 2011 ISAAC Software Solutions B.V. (http://www.isaac.nl)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * @author      Aad Mathijssen, Sam Berghmans
 * @version     1.0.0
 */

.header .form-search #cat { width: 118px; float:left; margin-right: 2px;}
.header .form-search #search { width: 97px; float: left; margin-right: 2px; }
.header .form-search label { width: 22px; float: left; }
#search_mini_form .header .form-search button.button { float: right; margin-right: 8px; }

.maintitle {
    border-left: 1px solid #DBDBDB;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    color: #3A3A3A;
    float: none;
    font-size: 14px;
    height: 29px;
    padding: 6px 10px 0;
    clear: both;
}

.titlemain {
    color: #3A3A3A;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.viewall {
    float: right;
}

.viewall a {
    color: #5C5C5C;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}


.products-grid li.item {
    float: left;
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    width: 138px;
}

/*.std .category-products ul.products-grid, .std .category-products ol.products-grid {
    width: 634px;
}*/

.std .category-products ul, .std .category-products ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/*.maintitle {
    width: 634px;
}*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
/*New Style*/
/* ---added from version 1.0.2 ---*/
/*1.0.2 start*/
.col-sw-1,
.col-sw-2,
.col-sw-3,
.col-sw-4,
.col-sw-5,
.col-sw-6,
.col-sw-7,
.col-sw-8,
.col-sw-9,
.col-sw-10,
.col-sw-11,
.col-sw-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
.col-sw-2:nth-child(2n+1),.col-sw-3:nth-child(3n+1),.col-sw-4:nth-child(4n+1),.col-sw-5:nth-child(5n+1),.col-sw-6:nth-child(6n+1),.col-sw-7:nth-child(7n+1),.col-sw-8:nth-child(8n+1),.col-sw-9:nth-child(9n+1),.col-sw-10:nth-child(10n+1),.col-sw-11:nth-child(11n+1),.col-sw-12:nth-child(12n+1){clear:both}
.col-sw-1 {
  width: 100%; }

.col-sw-2 {
  width: 50%; }

.col-sw-3 {
  width: 33.3333%; }

.col-sw-4 {
  width: 25%; }

.col-sw-5 {
  width: 20%; }

.col-sw-6 {
  width: 16.6666%; }

.col-sw-7 {
  width: 14.2857%; }

.col-sw-8 {
  width: 12.5%; }

.col-sw-9 {
  width: 11.1111%; }

.col-sw-10 {
  width: 10%; }

.col-sw-11 {
  width: 9.0909%; }

.col-sw-12 {
  width: 8.3333%; }

/*1.0.2 end*/
.main-nav { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 2px 0; position: relative; }
.main-nav .double-border { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

.fixed-header a,
.main-nav a { color: #000; text-align: left; }
.fixed-header a:hover,
.main-nav a:hover { color: #f00; }
.fixed-header .menu,
.main-nav .menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; }
.fixed-header .menu > li,
.main-nav .menu > li { display: inline-block; padding: 0 22px; }
.fixed-header .menu > li > a,
.main-nav .menu > li > a { display: block; position: relative; padding: 13px 5px; text-transform: uppercase; font-weight: 400; }
.fixed-header .menu > li > a:after,
.main-nav .menu > li > a:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: -20px; left: 0; }
.fixed-header .menu > li > a > span.cat-label,
.main-nav .menu > li > a > span.cat-label { position: absolute; top: 8px; right: -25px; font: 11px arial, sans-serif; text-transform: uppercase; padding: 0 2px; }
.fixed-header .menu > li > a > span.cat-label.cat-label-label1,
.main-nav .menu > li > a > span.cat-label.cat-label-label1 { background: #f00; color: #fff; }
.fixed-header .menu > li > a > span.cat-label.cat-label-label2,
.main-nav .menu > li > a > span.cat-label.cat-label-label2 { background: #00f; color: #fff; }
.fixed-header .menu > li .nav-sublist-dropdown,
.main-nav .menu > li .nav-sublist-dropdown { display: none; position: absolute; z-index: 10000; width: 200px; top: 100%; border-bottom: 1px solid #ebebeb; padding: 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; list-style: none; }
.fixed-header .menu > li .nav-sublist-dropdown.active,
.main-nav .menu > li .nav-sublist-dropdown.active { display: list-item; }
.fixed-header .menu > li .nav-sublist-dropdown:before,
.main-nav .menu > li .nav-sublist-dropdown:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: -15px;
z-index: -1; }
.fixed-header .menu > li .nav-sublist-dropdown ul,
.main-nav .menu > li .nav-sublist-dropdown ul {
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span {
position: relative; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label {
position: absolute;
font: 10px arial, sans-serif;
text-transform: uppercase;
padding: 0 2px;
top: 2px;
right: -35px; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1 {
background: #f00;
color: #fff; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2 {
background: #00f;
color: #fff; }
.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item a,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item a {
font-size: 0 !important; }
.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item:before,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item:before {
display: none; }
.fixed-header .menu > li .nav-sublist-dropdown .container,
.main-nav .menu > li .nav-sublist-dropdown .container {
max-width: 100%;
padding: 0; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
padding: 15px 20px;
display: block;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children {
position: relative; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before {
font: normal normal 16px/20px "FontAwesome";
content: '\f105';
width: 15px;
height: 15px;
position: absolute;
right: 10px;
margin-left: 13px; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
position: absolute;
left: 199px;
top: 0;
display: none; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li {
background-color: #fff;
width: 200px; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a {
border-bottom: 1px solid #dbdbdb; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist {
display: block; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown {
padding: 25px 0 30px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
padding: 25px 0 30px;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a {
display: block;
padding: 5px;
border: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
/*the font size for level1*/
text-transform: uppercase;
line-height: 1.5; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li {
background: none;
width: auto;
clear: both; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before {
font: normal normal 16px/20px "FontAwesome";
text-decoration: inherit;
content: "\f105";
-webkit-font-smoothing: antialiased;
float: left;
margin: 0 10px 0 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before {
text-decoration: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {
margin: 3px 0 3px 5px; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before {
line-height: 17px; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a {
padding: 3px;
font-size: 12px;
/*the font size for under level 2*/ }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {
font-size: 13px;
/*the font size for level 2*/ }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before {
background: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a {
border-bottom: none; }
.fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
left: auto;
right: 199px; }

.fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before,
.fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before {
top: -50px; }

.fixed-header {
background: #fff;
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu li a {
padding-bottom: 15px; }

.fixed-header .menu li a {
padding-bottom: 15px; }

.fixed-header-area {
position: fixed;
top: -160px;
left: 0;
width: 100%;
z-index: 901;
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out; }
.fixed-header-area.fixed-already {
top: 0; }
.fixed-header-area .menu {
float: right; }
.fixed-header-area .menu > li {
padding: 0 11px !important; }

/*mobile menu*/
.mobile-nav {
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: static;
height: 0;
background-color: #151515; display: none; }
.mobile-nav-shown .mobile-nav {
-webkit-box-shadow: 0 10px 10px #111111;
box-shadow: 0 10px 10px #111111;
height: 100%;
display: block;
 }
.mobile-nav .sw-mobile-menu {
text-align: left;
margin-bottom: 0;
padding-left: 0; }
.mobile-nav .sw-mobile-menu li {
display: block;
position: relative;
clear: both; }
.mobile-nav .sw-mobile-menu li.over > a {
color: #FFF; }
.mobile-nav .sw-mobile-menu li.over > .open-child:after {
background-image: url(https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png);
background-position: top center;
background-repeat: no-repeat; }
.mobile-nav .sw-mobile-menu li .container {
width: 100%;
padding: 0; }
.mobile-nav .sw-mobile-menu li .open-child {
float: right;
font-size: 0;
width: 40px;
height: 40px;
margin-top: 1px;
display: block;
cursor: pointer;
position: relative;
background-color: #151515;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.mobile-nav .sw-mobile-menu li .open-child:hover {
background-color: #0e0e0e; }
.mobile-nav .sw-mobile-menu li .open-child:after {
content: "";
background-image: url(https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
width: 19px;
height: 19px;
display: block;
position: absolute;
left: 10px;
top: 10px;
opacity: 0.5; }
.mobile-nav .sw-mobile-menu li .open-child:selection {
background-color: transparent !important; }
.mobile-nav .sw-mobile-menu li > a {
color: #c7c7c7;
display: block;
line-height: 40px;
padding: 0 10px 0 20px;
font-size: 14px;
text-transform: uppercase;
background: #151515;
border-top: 1px solid #222222; }
.mobile-nav .sw-mobile-menu li > a:hover {
background-color: #989898;
text-decoration: none;
color: #222;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.mobile-nav .sw-mobile-menu li > a span.cat-label {
font: 10px/1.2 arial;
text-transform: uppercase;
padding: 0 2px;
margin-left: 1px;
margin-bottom: 3px;
display: inline-block;
vertical-align: middle; }
.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 {
background: #f00;
color: #fff; }
.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 {
background: #00f;
color: #fff; }
.mobile-nav .sw-mobile-menu > li > ul {
border-top: 0;
padding-left: 0;
margin-bottom: 0; }
.mobile-nav .sw-mobile-menu > li > ul li {
display: block;
position: relative;
background-color: #151515; }
.mobile-nav .sw-mobile-menu > li > ul > li a {
padding-left: 20px;
margin-left: 15px;
text-transform: none;
font: 12px/40px "Open Sans", Arial;
display: block;
/*background-color: #151515;*/ }
.mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label {
margin-bottom: 0; }
.mobile-nav .sw-mobile-menu > li > ul > li a:before {
font: normal normal 16px/40px "FontAwesome";
text-decoration: inherit;
content: "\f105";
-webkit-font-smoothing: antialiased;
float: left;
margin-right: 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.mobile-nav .sw-mobile-menu > li > ul > li li a {
padding-left: 15px;
/*background-color: #151515;*/
margin-left: 30px; }
.mobile-nav .sw-mobile-menu > li > ul > li li li a {
padding-left: 15px;
/*background-color: #151515;*/
margin-left: 40px; }
.mobile-nav .sw-mobile-menu > li > ul > li li li li a {
padding-left: 20px;
margin-left: 45px; }
.mobile-nav .sw-mobile-menu > li ul {
display: none;
padding: 0;
margin: 0; }

.side-block .close-block {
font-size: 16px;
position: relative;
text-transform: uppercase;
color: #fff;
background-color: #151515;
display: block;
padding: 20px 0 20px 20px;
text-align: left;
cursor: pointer;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.side-block .close-block:hover {
color: #c6c6c6; }
.side-block .close-block:hover:before {
background-position: bottom center; }
.side-block .close-block:before {
content: "";
display: block;
width: 15px;
height: 15px;
position: absolute;
right: 15px;
top: 25px;
background-image: url(https://www.samvilla.com/skin/frontend/smartwave/porto/megamenu/css/images/small-close.png);
background-repeat: no-repeat;
background-position: top center; }

@media (max-width: 979px)  {
    .fixed-header .menu-icon {
        float: left;
        position: relative;
        top: 11px;
        left: 10px;
    }
    .fixed-header .menu{
        display: none;
    }
}

@media (min-width: 992px) {
	.mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav {
	  display: none;
	}
}
/**** removed all styles ****/
.social-icons {
  float: right; }
  .social-icons span.label {
    line-height: 30px;
    font-size: 13px;
    color: #8b8c8d;
    display: inline-block;
    padding: 0; }
  .social-icons a {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/default/socialicons/images/social-icons-sprite.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    background-color: #000;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 10px;
    line-height: 30px; }
    .social-icons a:hover {
      background: url(https://www.samvilla.com/skin/frontend/smartwave/default/socialicons/images/social-icons-hover-sprite.png) 0 0 no-repeat;
      width: 30px;
      height: 30px;
      background-color: #E0E0E0;
      display: inline-block;
      text-indent: -9999px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      margin-left: 10px;
      line-height: 30px; }

@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@font-face {
  font-family: 'porto';
  src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562');
  src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562#iefix') format('embedded-opentype'),
       url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.woff?43147562') format('woff'),
       url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.ttf?43147562') format('truetype'),
       url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'porto';
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "porto";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-spin1:before { content: '\e800'; } /* '' */
.icon-spin2:before { content: '\e801'; } /* '' */
.icon-spin3:before { content: '\e802'; } /* '' */
.icon-spin4:before { content: '\e803'; } /* '' */
.icon-spin5:before { content: '\e804'; } /* '' */
.icon-spin6:before { content: '\e805'; } /* '' */
.icon-firefox:before { content: '\e806'; } /* '' */
.icon-chrome:before { content: '\e807'; } /* '' */
.icon-opera:before { content: '\e808'; } /* '' */
.icon-ie:before { content: '\e809'; } /* '' */
.icon-phone:before { content: '\e80a'; } /* '' */
.icon-down-dir:before { content: '\e80b'; } /* '' */
.icon-cart:before { content: '\e80c'; } /* '' */
.icon-up-dir:before { content: '\e80d'; } /* '' */
.icon-mode-grid:before { content: '\e80e'; } /* '' */
.icon-mode-list:before { content: '\e80f'; } /* '' */
.icon-compare:before { content: '\e810'; } /* '' */
.icon-wishlist:before { content: '\e811'; } /* '' */
.icon-search:before { content: '\e812' !important; } /* '' */
.icon-left-dir:before { content: '\e813'; } /* '' */
.icon-right-dir:before { content: '\e814'; } /* '' */
.icon-down-open:before { content: '\e815'; } /* '' */
.icon-left-open:before { content: '\e816'; } /* '' */
.icon-right-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-angle-left:before { content: '\e819'; } /* '' */
.icon-angle-right:before { content: '\e81a'; } /* '' */
.icon-angle-up:before { content: '\e81b'; } /* '' */
.icon-angle-down:before { content: '\e81c'; } /* '' */
.icon-down:before { content: '\e81d'; } /* '' */
.icon-left:before { content: '\e81e'; } /* '' */
.icon-right:before { content: '\e81f'; } /* '' */
.icon-up:before { content: '\e820'; } /* '' */
.icon-angle-double-left:before { content: '\e821'; } /* '' */
.icon-angle-double-right:before { content: '\e822'; } /* '' */
.icon-angle-double-up:before { content: '\e823'; } /* '' */
.icon-angle-double-down:before { content: '\e824'; } /* '' */
.icon-mail:before { content: '\e825'; } /* '' */
.icon-location:before { content: '\e826'; } /* '' */
.icon-skype:before { content: '\e827'; } /* '' */
.icon-right-open-big:before { content: '\e828'; } /* '' */
.icon-left-open-big:before { content: '\e829'; } /* '' */
.icon-down-open-big:before { content: '\e82a'; } /* '' */
.icon-up-open-big:before { content: '\e82b'; } /* '' */
.icon-cancel:before { content: '\e82c'; } /* '' */
.icon-user:before { content: '\e82d'; } /* '' */
.icon-mail-alt:before { content: '\e82e'; } /* '' */
.icon-fax:before { content: '\e82f'; } /* '' */
.icon-lock:before { content: '\e830'; } /* '' */
.icon-company:before { content: '\e831'; } /* '' */
.icon-city:before { content: '\e832'; } /* '' */
.icon-post:before { content: '\e833'; } /* '' */
.icon-country:before { content: '\e834'; } /* '' */
.icon-calendar:before { content: '\e835'; } /* '' */
.icon-doc:before { content: '\e836'; } /* '' */
.icon-mobile:before { content: '\e837'; } /* '' */
.icon-clock:before { content: '\e838'; } /* '' */
.icon-chat:before { content: '\e839'; } /* '' */
.icon-tag:before { content: '\e83a'; } /* '' */
.icon-folder:before { content: '\e83b'; } /* '' */
.icon-folder-open:before { content: '\e83c'; } /* '' */
.icon-forward:before { content: '\e83d'; } /* '' */
.icon-reply:before { content: '\e83e'; } /* '' */
.icon-cog:before { content: '\e83f'; } /* '' */
.icon-cog-alt:before { content: '\e840'; } /* '' */
.icon-wrench:before { content: '\e841'; } /* '' */
.icon-quote-left:before { content: '\e842'; } /* '' */
.icon-quote-right:before { content: '\e843'; } /* '' */
.icon-gift:before { content: '\e844'; } /* '' */
.icon-dollar:before { content: '\e845'; } /* '' */
.icon-euro:before { content: '\e846'; } /* '' */
.icon-pound:before { content: '\e847'; } /* '' */
.icon-rupee:before { content: '\e848'; } /* '' */
.icon-yen:before { content: '\e849'; } /* '' */
.icon-rouble:before { content: '\e84a'; } /* '' */
.icon-try:before { content: '\e84b'; } /* '' */
.icon-won:before { content: '\e84c'; } /* '' */
.icon-bitcoin:before { content: '\e84d'; } /* '' */
.icon-ok:before { content: '\e84e'; } /* '' */
.icon-chevron-left:before { content: '\e84f'; } /* '' */
.icon-chevron-right:before { content: '\e850'; } /* '' */
.icon-export:before { content: '\e851'; } /* '' */
.icon-star:before { content: '\e852'; } /* '' */
.icon-star-empty:before { content: '\e853'; } /* '' */
.icon-plus-squared:before { content: '\e854'; } /* '' */
.icon-minus-squared:before { content: '\e855'; } /* '' */
.icon-plus-squared-alt:before { content: '\e856'; } /* '' */
.icon-minus-squared-alt:before { content: '\e857'; } /* '' */
.icon-truck:before { content: '\e858'; } /* '' */
.icon-lifebuoy:before { content: '\e859'; } /* '' */
.icon-pencil:before { content: '\e85a'; } /* '' */
.icon-users:before { content: '\e85b'; } /* '' */
.icon-video:before { content: '\e85c'; } /* '' */
.icon-menu:before { content: '\e85d'; } /* '' */
.icon-desktop:before { content: '\e85e'; } /* '' */
.icon-doc-inv:before { content: '\e85f'; } /* '' */
.icon-circle:before { content: '\e860'; } /* '' */
.icon-circle-empty:before { content: '\e861'; } /* '' */
.icon-circle-thin:before { content: '\e862'; } /* '' */
.icon-mini-cart:before { content: '\e863'; } /* '' */
.icon-paper-plane:before { content: '\e864'; } /* '' */
.icon-attention-alt:before { content: '\e865'; } /* '' */
.icon-info:before { content: '\e866'; } /* '' */
.icon-compare-link:before { content: '\e867'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 0.8s infinite linear;
  -o-animation: spin 0.8s infinite linear;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Reset ================================================================================= */

* {
    outline: none !important
}

html,
body {
    background-color: #fff;
    font: 13px/1 'Open Sans', Arial, Helvetica, sans-serif;
    color: #777;
    text-align: center
}

body {
    overflow-x: hidden
}

img {
    border: 0;
    vertical-align: top
}

a {
    color: #08c;
    text-decoration: none;
    transition: all 0.3s
}

a:visited,
a:focus {
    text-decoration: none
}

a:hover {
    color: #08c;
    text-decoration: underline
}

:focus {
    outline: 0
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 5px;
    line-height: 1.35;
    color: #777
}

h1 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

h3 {
    font-size: 16px;
    font-weight: 600
}

h4 {
    font-size: 14px;
    font-weight: 600
}

h5 {
    font-size: 12px;
    font-weight: 600
}

h6 {
    font-size: 11px;
    font-weight: 600
}

hr {
    border-color: #f5f5f5
}


/* Forms */

form {
    display: inline
}

fieldset {
    border: 0
}

legend {
    display: none
}


/* Table */

table {
    border: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
}

caption,
th,
td {
    vertical-align: middle;
    text-align: left;
    font-weight: normal
}


/* Content */

p {
    margin: 0 0 15px;
    line-height: 1.5
}

strong {
    font-weight: bold
}

address {
    text-align: left;
    margin: 0
}

cite {
    font-style: normal
}

q,
blockquote {
    quotes: none
}

q:before,
q:after {
    content: ''
}

small,
big {
    font-size: 1em
}


/* Lists */

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0
}


/* Tools */

.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.a-left {
    text-align: left !important
}

.a-center {
    text-align: center !important
}

.a-right {
    text-align: right !important
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.f-left,
.left {
    float: left !important
}

.f-right,
.right {
    float: right !important
}

.f-none {
    float: none !important
}

.f-fix {
    float: left;
    width: 100%
}

.label {
    color: #000
}

th.label {}

.no-display {
    display: none
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-bg {
    background: none !important
}

.theme-color {
    color: #08c!important
}

.theme-bg-color {
    background-color: #08c
}

.theme-border-color {
    border-color: #08c
}

.theme-hover-color:hover {
    color: #08c
}

.theme-hover-bg-color:hover {
    background-color: #08c
}


/* Layout ================================================================================ */

.wrapper {}

.page {
    background-color: #fff;
    padding: 0
}

.page-print {
    background: #fff;
    padding: 25px 30px;
    text-align: left
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left
}

.page-popup {
    background: #fff;
    padding: 25px 30px;
    text-align: left
}

.top-container {}


/******** For Boxed Version ************/

body.boxed {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/boxed_bg.png) repeat;
    background-color: #000
}

body.boxed.page-empty {
    background-image: none;
    background-color: #fff
}

body.ajaxcart-index-options {
    background: #fff
}

body.boxed .wrapper {
    padding-top: 24px;
    padding-bottom: 17px;
}

body.boxed .page {
    overflow: hidden;
    border-radius: 8px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto
}

body.boxed .header-container .top-links-container {
    border-radius: 4px 4px 0 0
}


/* BreadCrumbs */

.top-container>.breadcrumbs {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    background-color: #171717
}

.breadcrumbs ul {
    padding: 0
}

.breadcrumbs li {
    display: inline;
    vertical-align: top
}

.breadcrumbs li strong {
    font-weight: 400;
    vertical-align: middle
}

.breadcrumbs li a {
    vertical-align: middle;
    font-weight: 400;
    color: #fff
}

.breadcrumbs span.breadcrumbs-split {
    vertical-align: middle;
    margin: 0 2px;
    font-size: 12px
}

.main-container {
    padding: 20px 0 50px;
    min-height: 400px
}

.main {
    text-align: left
}

.main.container {
    max-width: 100%
}

.col-main {
    padding-bottom: 30px
}


/* Content Columns */

.col2-set .col-1 {
    float: left;
    width: 48.5%
}

.col2-set .col-2 {
    float: right;
    width: 48.5%
}

.col2-set .col-narrow {
    width: 32%
}

.col2-set .col-wide {
    width: 65%
}

.col3-set .col-1 {
    float: left;
    width: 32%
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
}

.col3-set .col-3 {
    float: right;
    width: 32%
}

.col4-set .col-1 {
    float: left;
    width: 23.5%
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
}

.col4-set .col-3 {
    float: left;
    width: 23.5%
}

.col4-set .col-4 {
    float: right;
    width: 23.5%
}


/* Global Styles ========================================================================= */


/* Form Elements */

input,
select,
textarea,
button {
    font-size: 12px;
    vertical-align: middle;
    color: #484747
}

input.input-text,
select,
textarea {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px;
    border-radius: 3px
}

select {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px
}

input.input-text,
textarea {
    padding: 8px
}

label {
    margin: 0;
    vertical-align: middle;
    color: #777;
    font-size: 13px;
    font-weight: normal
}

select option {
    padding-right: 10px
}

select.multiselect option {
    padding: 2px 5px
}

select.multiselect option:last-child {
    border-bottom: 0
}

textarea {
    overflow: auto;
    padding: 8px
}

input.radio {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle
}

input.checkbox {
    margin-right: 10px;
    display: inline-block
}

input.qty {
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 35px !important;
    font-size: 14px;
    text-align: center;
    color: #08c;
    border-color: #e1e1e1
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.button {
    -webkit-border-fit: lines
}

button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
}

button.button span {
    display: block;
    border: 0;
    background: #08c;
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    line-height: 38px;
    border-radius: 5px
}

button.button span span {
    border: 0;
    padding: 0;
    color: inherit;
    border-width: 0;
    background: transparent;
    line-height: inherit
}

button.button:hover span {
    opacity: .9;
    filter: alpha(opacity=90)
}

button.disabled span {
    background: #bbb !important
}

button.btn-checkout.no-checkout span {
    color: #b8baba
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 10px;
    display: inline-block
}

p.control {
    line-height: 19px
}


/* Form lists */


/* Grouped fields */

.input-box label {
    margin-bottom: 10px
}

.form-wrap,
#form-validate,
#login-form {
    display: block;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #08c;
    padding: 35px 25px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)
}

.form-wrap h2,
#form-validate h2 {
    color: #08c;
    text-transform: uppercase;
    margin: 0 0 20px
}

.form-wrap .fieldset,
#form-validate .fieldset {
    margin: 0
}

.form-wrap .fieldset+.fieldset,
#form-validate .fieldset+.fieldset {
    margin-top: 35px
}

.form-list li {
    margin: 0 0 10px
}

.form-list label {
    float: left;
    font-size: 14px;
    position: relative;
    z-index: 0;
    margin-bottom: 10px
}

.form-list label.required {}

.form-list label.required em {
    float: right;
    font-style: normal;
    color: #eb340a;
    position: absolute;
    top: 0;
    right: -8px
}

.form-list li.control label {
    float: none;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin: 0 8px 0 0;
}

.form-list li.control .input-box {
    clear: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0
}

.form-list .input-box {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    clear: both
}

.form-list .input-box label {
    float: none;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 5px
}

.form-list .input-box label i {
    width: 46px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #ccc;
    margin-right: 10px
}

.form-list .input-box label.required em {
    float: none;
    position: static
}

.form-list li.wide {}

.form-list .field {
    float: left;
    margin: 0;
    width: 48%
}

.form-list .field:nth-child(2n) {
    float: right
}

.form-list input.input-text {
    width: 100%;
    height: 38px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-color: #fff;
    text-transform: capitalize;
}

.form-list input.input-text[name='email'],
.form-list input#email,
.form-list input#login-email{
    text-transform: lowercase;
}

.form-list input#billing\:email {
    text-transform: lowercase;
}


.form-list input.input-text[type='password'] {
    text-transform: none;
}

.form-list textarea {
    width: 100%;
    height: 10em;
    line-height: 1.4;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.form-list select {
    width: 100%;
    height: 38px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.form-list li.control {}

.form-list li.wide .input-box {}

.form-list li.wide input.input-text {}

.form-list li.wide textarea {}

.form-list li.wide select {}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0
}

.form-list .input-range input.input-text {
    width: 74px;
    border: 1px solid #ccc
}

.form-list-narrow li {
    margin-bottom: 0
}

.form-list-narrow li .input-box {
    margin-bottom: 6px
}

.form-list-narrow li.wide .input-box {
    width: 260px
}

.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
    width: 254px
}

.form-list-narrow li.wide select {
    width: 260px
}


/* Customer */

.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto
}

.form-list .name-prefix {
    width: 65px
}

.form-list .name-prefix select {
    width: 55px
}

.form-list .name-prefix input.input-text {
    width: 49px
}

.form-list .name-suffix {
    width: 65px
}

.form-list .name-suffix select {
    width: 55px
}

.form-list .name-suffix input.input-text {
    width: 49px
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename {
    width: 210px
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename .name-middlename input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 46px
}

.form-list .customer-dob .dob-year {
    width: 140px
}

.form-list .customer-dob .dob-year input.input-text {
    width: 134px
}

.buttons-set {
    clear: both;
    margin: 1em 0 0;
    padding: 8px 0 0;
    text-align: right
}

.buttons-set p.required {
    margin: 0 0 10px
}

.buttons-set .back-link {
    float: left;
    margin: 0
}

.buttons-set button.button {
    float: right;
    margin-left: 5px
}

.buttons-set a {
    line-height: 35px
}

.buttons-set-order {
    margin: 10px 0 0
}

.buttons-set-order .please-wait {
    padding: 12px 7px 0 0
}

.fieldset {
    margin: 20px 0
}

.fieldset .legend {
    font-size: 16px;
    margin: 20px 0
}


/* Form Validation */

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    color: #eb340a;
    position: relative;
    top: 100%;
    text-align: left
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important
}

.validation-passed {}

p.required {
    font-size: 11px;
    text-align: right;
    color: #EB340A
}


/* Expiration date and CVV number validation fix */

.v-fix {
    float: left
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
}


/* Global Messages  */

.success {
    color: #3d6611;
    font-weight: bold
}

.error {
    color: #df280a;
    font-weight: bold
}

.notice {
    color: #e26703
}

.messages,
.messages ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.messages {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px
}

.messages li {
    margin: 0 0 10px
}

.messages li li {
    margin: 0 0 3px
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid;
    border-width: 1px;
    min-height: 24px;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    margin-bottom: 20px
}

.error-msg {
    border-color: #ebccd1;
    background-color: #f2dede;
    color: #a94442
}

.success-msg {
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d
}

.note-msg,
.notice-msg {
    border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b
}

.owl-carousel .owl-wrapper-outer {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.owl-top-narrow .error-msg,
.owl-top-narrow .success-msg,
.owl-top-narrow .note-msg,
.owl-top-narrow .notice-msg {
    margin: 10px
}


/* Page Heading */

.page-title {
    text-align: left
}

.page-title h1,
.page-title h2 {
    margin: 0;
    font-size: 20px;
    color: #484747
}

.col-main .page-title h1,
.col-main .page-title h2 {
    font-size: 20px;
    margin: 0 0 15px;
    color: #08c
}

.page-title.category-title {
    display: none
}

.col-main .page-title.category-title h1 {
    margin-bottom: 10px
}

.page-title .separator {
    margin: 0 3px
}

.page-title .link-rss {
    float: right;
    margin: 7px 0 0
}

.title-buttons {
    text-align: right
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left
}

.subtitle,
.sub-title {
    clear: both;
    padding: 15px 0 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #08c
}


/* Pager */

.pager {}

.pager .amount {
    float: left;
    margin: 0;
    line-height: 30px;
    margin-right: 10px;
    display: none
}

.pager .limiter {
    float: right
}

.pager .limiter label {
    vertical-align: middle
}

.pager .limiter select {
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle
}

.pager .pages {
    float: right;
    margin-left: 7px
}

.pager .pages ol {
    display: inline
}

.pager .pages li {
    display: inline-block;
    margin: 0;
    height: 26px;
    width: 26px;
    line-height: 24px;
    font-size: 13px;
    margin-left: 2px;
    text-align: center;
    border-radius: 3px
}

.pager li>a,
.pager li>span {
    padding: 0;
    background-color: #fff;
    display: block;
    height: 26px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 3px
}

.pager li>a.next,
.pager li>a.previous {
    color: #999
}

.pager li>a.next:hover,
.pager li>a.next:focus,
.pager li>a.previous:hover,
.pager li>a.previous:focus {
    color: #fff
}

.pager li>a:hover,
.pager li>a:focus {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
    text-decoration: none
}

.pager .pages .current {
    padding: 0;
    border: 1px solid #08c;
    background-color: #08c;
    color: #fff
}


/* Sorter */

.sorter {}

.sorter .view-mode {
    float: left;
    margin: 0;
    margin-right: 10px;
    line-height: 29px;
    height: 30px
}

.sorter .view-mode i {
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #ccc;
    width: 26px;
    height: 26px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    vertical-align: top
}

.sorter .view-mode strong i,
.sorter .view-mode a:hover i {
    border-color: #08c;
    color: #fff;
    background-color: #08c;
    border-radius: 3px
}

.sorter .sort-by {
    float: left;
    margin-right: 15px;
    margin-bottom: 4px
}

.sorter label {
    margin-right: 5px
}

.sorter .sort-by select {}

.sorter .link-feed {}

.sorter .limiter {
    float: right
}


/* Toolbar */

.toolbar {}

.toolbar .pager {
    float: right;
    margin: 0;
    margin-bottom: 4px
}

.toolbar .sorter {}

.toolbar-bottom {
    text-align: center;
    margin-top: 20px
}

.toolbar-bottom .toolbar {
    display: inline-block;
    border: 0
}

.toolbar-bottom .toolbar .sorter .sort-by,
.toolbar-bottom .toolbar .sorter .view-mode {
    display: none
}


/* Data Table */

.data-table {
    width: 100%;
    border: 0
}

.data-table .odd {}

.data-table .even {}

.data-table thead tr {
    border: 1px solid #dcdcdc
}

.data-table tbody tr {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background-color: #fff
}

.data-table td.last,
.data-table th.last {
    border-right: 1px solid #dcdcdc
}

.data-table tr.last th,
.data-table tr.last td {}

.data-table th {
    padding: 15px 10px;
    font-weight: bold
}

.data-table td {
    padding: 15px 10px
}

.data-table h2,
.data-table h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal
}

.data-table thead th {
    font-weight: 600;
    padding: 15px 10px;
    color: #777;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase
}

.data-table thead th.wrap {
    white-space: normal
}

.data-table thead th a,
.data-table thead th a:hover {
    color: #fff
}

.data-table thead th {
    background-color: #f6f6f6
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap
}

.data-table tfoot {
    border-bottom: 1px solid #d9dde3
}

.data-table tfoot tr.first td {
    border-left: 1px solid #dcdcdc
}

.data-table tfoot tr {}

.data-table tfoot td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc
}

.data-table tfoot strong {
    font-size: 16px
}

.data-table tbody th,
.data-table tbody td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 15px 10px;
    line-height: 1.3
}

.data-table tbody td .option-label {
    font-weight: bold;
    font-style: italic
}

.data-table tbody td .option-value {
    padding-left: 10px
}

.data-table p {
    margin-bottom: 0
}

.data-table .qty-holder,
.data-table .add-to-cart-alt {
    position: relative;
    text-align: left;
    margin-right: 0
}

.data-table .add-to-cart-alt {
    margin: 10px 0;
    width: 93px
}

.data-table .edit-qty {
    margin-left: 5px
}

.cart-table.data-table input.qty {
    color: #777;
    margin: 0 -1px;
    height: 30px;
    border-color: #ccc;
    border-radius: 0
}

.data-table .table_qty_inc,
.data-table .table_qty_dec {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    color: #777;
    line-height: 30px;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: top
}

.data-table button.button>span {
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    line-height: 32px;
    padding: 0 12px
}

.data-table button.button:hover>span {
    background: #08c;
    border: 1px solid #08c;
    color: #fff
}

.data-table .product-name a {
    color: #08c
}

.data-table .cart-cell {
    margin-bottom: 10px
}

.data-table .cart-cell button.button span {
    font-size: 13px;
    line-height: 28px
}


/* Generic Info Box */

.info-box {
    background: #fff 0 0 repeat-x;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px
}

.info-box h2 {
    font-weight: bold;
    font-size: 13px
}

.info-table th {
    font-weight: bold;
    padding: 2px 15px 2px 0
}

.info-table td {
    padding: 2px 0
}


/* Shopping cart total summary row expandable to details */

tr.summary-total {
    cursor: pointer
}

tr.summary-total td {}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    cursor: pointer
}

tr.show-details td {}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db
}

tr.summary-details-excluded {
    font-style: italic
}


/* Shopping cart tax info */

.cart-tax-info {
    display: block
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    cursor: pointer
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important
}

.cart-tax-total-expanded {
    background-position: 100% -52px
}


/* Class:std - styles for admin-controlled content */

.std {
    line-height: 1.4
}

.std .subtitle {
    padding: 0
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px
}

.std dl dt {
    font-weight: bold
}

.std dl dd {
    margin: 0 0 10px
}

.std ul,
.std ol,
.std dl,
.std address,
.std blockquote {
    margin: 0;
    padding: 0
}

.std ul {
    list-style: disc outside;
    padding-left: 1.5em
}

.std ul li {
    line-height: 20px
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul ul {
    list-style-type: circle
}

.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0
}

.std dt {
    font-weight: bold
}

.std dd {
    padding: 0 0 0 1.5em
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em
}

.std address {
    font-style: normal
}

.std b,
.std strong {
    font-weight: bold
}

.std i,
.std em {
    font-style: italic
}


/* Misc */

.links li {
    display: inline
}

.link-cart {}


/*.link-cart{display:inline-block;border-radius:4px;font-size:12px;background:#fff;border:1px solid #ccc;color:#777;line-height:25px;padding:0 8px}

.link-cart:hover{background:#08c;border:1px solid #08c;color:#fff}*/

.link-wishlist {
    color: #ed4949;
    border-color: #f6a4a4
}

.link-wishlist:hover {
    color: #ed4949;
    border-color: #f6a4a4
}

.cart-table .link-wishlist,
.cart-table .link-wishlist:hover {
    color: #08c
}

.link-reorder {}

.link-compare {
    color: #52b9b5;
    border-color: #97d5d3
}

.link-compare:hover {
    color: #52b9b5;
    border-color: #97d5d3
}

.link-print {}

.link-rss {}

.btn-remove {
    position: relative;
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 5px 0;
    font-size: 13px;
    color: #08c;
    line-height: 1
}

.btn-remove:hover {
    color: #08c
}

.btn-remove:before {
    content: "\e82c";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-family: "porto";
    text-indent: 0;
    text-align: right
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.btn-remove2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden
}

.btn-remove2:before {
    text-align: center
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.cards-list dt {
    margin: 5px 0 0
}

.cards-list .offset {
    padding: 2px 0 2px 20px
}

.separator {
    margin: 0 3px
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden
}


/* Global site notices */

.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
}

.global-site-notice .notice-inner {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    text-align: left
}

.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
}

.global-site-notice .notice-inner .actions {
    padding-top: 10px
}


/* Cookie Notice */

.notice-cookie {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}


/* Noscript Notice */

.noscript {}


/* Demo Notice */

.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff
}

.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center
}

.demo-notice .notice-inner p {
    padding: 0;
    border: 0
}


/* Header ================================================================================ */

.header-container {
    background-color: #fff;
    border-top-width: 4px;
    border-top-style: solid
}

.top-links-container {
    background-color: #f0f0ed;
    padding: 5px 0;
    position: relative;
    z-index: 200
}

.header {
    position: relative;
    z-index: 101;
    text-align: left
}

.header>.logo {
    margin: 30px 40px 30px 0;
    text-decoration: none !important;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    max-width: 170px;
    position: relative;
    z-index: 2;
    transition: none
}

.header>.logo>.logo {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}

.header .logo img {
    max-width: 100%
}

.header-container .welcome-msg {
    margin: 3px 20px 3px 0;
    text-align: left;
    float: left;
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase;
}

.header-container .welcome-msg a {
    color: #7dbd22
}

.header #search_mini_form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px
}

.header .form-search {
    overflow: visible;
    /*border: 1px solid #ccc;*/
    border-radius: 20px;
    position: relative;
    width: 100%;
    min-width: 250px;
    padding-right: 170px;
    background-color: #fff
}

.header .form-search label {
    float: left;
    width: 24px;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
    display: none
}

.header .form-search #search {
    border: 0;
    height: 38px;
    background-color: transparent;
    padding: 10px 15px;
    color: #999;
    font-family: Arial;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-radius: 20px 0 0 20px
}


.header .form-search #cat {
    margin: 0;
    width: 130px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    font-family: Arial;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    padding: 2px 0;
    padding-left: 10px;
    position: absolute;
    right: 40px;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

.header .form-search #cat option {
    color: #000;
    background: #fff
}

.header .form-search button.button {
    width: 40px;
    height: 38px;
    color: #777;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 20px 0
}
.sticky-header .header #search_mini_form{ margin-right: 0; width: 250px !important; }
.sticky-header .header .form-search #search{
    height: 28px;
    padding: 5px 15px;
    width: 210px;
}
.sticky-header .header .form-search button.button{ top: -4px; }


.header .form-search .search-autocomplete {
    z-index: 999
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff
}

.header .form-search .search-autocomplete li {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #777
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold
}

.header .form-search .search-autocomplete li.odd {
    background-color: #fff
}

.header .form-search .search-autocomplete li.selected {
    background-color: #f7f7f7
}

.header-container .form-language,
.header-container .form-currency {
    display: block;
    float: left;
    margin-right: 8px
}

.header-container .form-language select,
.header-container .form-currency select {
    display: none
}

.header-container .links {
    display: block;
    float: right;
    padding: 0;
    margin: 3px 0;
    color: #08c
}

.header-container .top-links-area {
    display: block;
    float: right;
    padding: 0;
    position: relative
}

.header-container .top-links a {
    color: #fff
}

.header-container .top-links-area a {
    padding-top: 5px;
    padding-bottom: 5px
}

.header-container .top-links a:hover {}

.header-container .top-links-area .custom-block{ 
    float: right;
    color: #fff;
    font-size: 11px;
    margin-top: 6px;
}
.header-container .top-links-area .custom-block a{
    display: inline-block;
    padding: 1px 8px
}
.header-container .top-links-area .custom-block a:first-child{
    border-right: 1px solid #ccc;
}


.header-container .top-links .selectbox li a:hover {
    color: #fff
}

.header-container .links li {
    font-size: 11px;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 19px;
    border-left: 1px solid #ccc
}

.header-container .links li.first{ border-left: 0;}
.header-container .links li.last { border-right: 1px solid #ccc;}


.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right
}

.header-container .top-container a {
    font-size: 11px;
    color: #ebbc58
}

.top-container .paypal-logo {
    text-align: left;
    display: inline-table
}

.header .custom-block {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.fixed-header-area {
    z-index: 1001;
    text-align: left;
    transition: 0.5s top ease-in-out;
    -webkit-transition: 0.5s top ease-in-out
}

.mini-cart {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    text-align: right
}

.topCartContent {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 300px;
    background-color: #fff;
    border-width: 6px 0 0 0;
    border-style: solid;
    z-index: 1;
    border-radius: 8px 8px 5px 5px;
    color: #777;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-top: 10px
}

.topCartContent:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    display: block;
    right: 15px;
    top: -25px;
    border-bottom-color: #08c
}

.mini-cart .topCartContent:after {
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    height: 25px;
    width: 100%;
    display: block
}

.mybag-link {
    line-height: 1;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    height: 40px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    max-width: 120px
}

.mybag-link i {
    color: #fff;
    font-size: 27px;
    display: inline-block;
    vertical-align: middle
}

.mybag-link:hover {
    color: #fff;
    text-decoration: none
}

.mybag-link .cart-info {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 3px
}

.mybag-link span {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.mybag-link .cart-qty {
    font-size: 14px
}

.mini-cart .block-subtitle {
    margin: 20px 30px
}

.mini-cart .cart-empty {
    margin: 20px;
    text-align: center
}

.mini-products-list .product-image {
    float: left
}

.mini-cart .mini-products-list .product-details {
    margin-left: 90px
}

.mini-cart .mini-products-list {
    padding: 0 20px
}

.mini-cart .mini-products-list li {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.mini-cart .mini-products-list li a.btn-remove {
    top: 29px
}

.mini-cart .mini-products-list li .product-image {
    border-width: 0;
    padding: 0;
    border-radius: 0
}

.mini-cart .mini-products-list li .product-image img {
    width: auto
}

.mini-cart .actions {
    color: #fff;
    line-height: 47px;
    padding: 0 20px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px
}

.mini-cart .actions a {
    border: 0;
    width: 128px;
    text-align: center;
    color: #fff
}

.option-detail {
    position: relative;
    cursor: help;
    line-height: 1.5
}

.option-detail a:hover {
    cursor: help
}

.option-detail .item-options {
    position: absolute;
    background-color: #fff;
    border: 0;
    border-top: 3px solid #08c;
    border-radius: 5px;
    min-width: 180px;
    left: 0;
    top: 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    margin: 0;
    padding: 10px
}

.option-detail:hover .item-options {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}

.mini-cart .qty-price {
    color: #08c
}

.mini-cart .totals {
    padding: 10px 20px;
    text-align: center;
    font-size: 18px;
    color: #08c;
    font-weight: 700
}

.mini-cart .totals .label {
    color: #777
}

.header-container .selectbox .select {
    border-color: transparent;
    color: #fff;
    text-align: center
}

.header-container .selectbox li a {
    color: #777 !important
}

.header-container .selectbox li a:hover {
    color: #fff !important
}

.header-container .selectbox .dropdown {
    border-radius: 3px
}

.header-container .selectbox .dropdown ul {
    background-color: #fff !important
}

.header-container .top-links-container span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 6px 3px 6px 0
}

.header-container .main-nav ul.menu>li.menu-full-width>a,
.header-container .main-nav ul.menu>li.menu-item-has-children>a,
.header-container .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 30px
}

.custom-block .icon-group:first-child {
    margin: 0
}

.icon-group {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 30px
}

.icon-group i {
    font-size: 20px;
    color: #fff;
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #000
}

.icon-group h3 {
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    margin-left: 48px
}

.icon-group p {
    font-size: 11px;
    margin: 0;
    margin-left: 48px;
    line-height: 1;
    color: #878787
}

.search-area {
    float: right;
    z-index: 201;
    display: inline-block;
    height:auto;
    /*width: 45%;    */
    margin-right: 20px;
}
.search-area .search-area-wrap{
    max-width: 1170px;
    margin:0 auto;
    position: relative;

}
.search-area .search-area-wrap form{
    border:1px solid #acacac;
    border-radius: 2px;    
    /*padding: 10px;*/
    display: block;
}





.search-area input{
  background: none; border:0;
  width: 90%;
}
.search-area input.fa{
  background: none;
  border:0;
  color: #ed1a91;
  font-size: 18px;
  float: right;
  width: auto;
}

@media (min-width: 991px) {
    .sticky-header .search-area{
        float: none;
        position: fixed;
        left: 0; top: 8px;
        z-index: 201;
        width: 100%;
    }
    
    .sticky-header .search-area .search-area-wrap form{
        position: absolute; right: 80px;
        width: 38%;
    }
}

@media (max-width: 1200px) {
    .sticky-header .search-area .search-area-wrap{ max-width: 970px;}
    .sticky-header .search-area .search-area-wrap form{ width: 27%;}
    .sticky-header .search-area .search-area-wrap form input{ width: 27%;}
    .sticky-header .search-area .search-area-wrap form input.fa{ width: auto;}
}
@media (max-width: 375px) {
    .search-area input{ width: 85%;}
}


.cart-area {
    position: relative;
    top: auto;
    margin-top: 0;
    z-index: 1;
    display: inline-block;
    height: 40px;
    float:right;
    text-align: right;
    vertical-align: middle;
}





.header-container .top-links-icon {
    display: none;
    vertical-align: middle;
    font-size: 11px;
    padding: 7px 20px 7px 10px;
    position: relative
}

.header-container .top-links-icon:before {
    content: "\e80b";
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
    font-family: "porto";
    margin-top: -5px
}   

.header-container .top-links-icon a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.header-container .top-links-icon a:hover {
    text-decoration: none
}

.mobile-nav-shown .mobile-nav {
    box-shadow: none!important
}


/*** Header Type 1 ***/

.header-container.type1 {
    background-color: #1e1e1e;
    border: 0
}

.cms-index-index .header-container.type1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    max-height: 100%;
}

.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li>a,
.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li .open-child,
.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li.over>a {
    color: #fff
}

.header-container.type1 .top-links-area {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.header-container.type1 .top-links-icon {
    background-color: #101010;
    border-radius: 2px;
    color: #fff
}

.header-container.type1 .header .logo {
    margin: 20px 25px 25px 0;
    float: left;
    position: relative;
    z-index: 1
}

.header-container.type1 .header-wrapper {
    border: 0;
    display: block;
    margin: 32px 0 0
}

.header-container.type1 .main-nav {
    margin: 0
}

.header-container.type1 .main-nav>.container {
    width: auto !important;
    padding: 0
}

.header-container.type1 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type1 .main-nav ul.menu>li>a {
    color: #fff;
    padding: 10px;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.header-container.type1 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type1 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type1 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type1 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type1 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type1 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 8px
}

.header-container.type1 .header-right-area {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -32px
}

.header-container.type1 .header-right-area>div:first-child {
    margin-bottom: 10px
}

.header-container.type1 .links {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 5px
}

.header-container.type1 .links li {
    font-weight: 300;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #101010
}

.header-container.type1 .links a {
    color: #fff
}

.header-container.type1 .search-area {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    left: 0;
    top: 0;
    z-index: 5
}

.header-container.type1 .search-area>a {
    color: #fff
}

.header-container.type1 .header #search_mini_form {
    display: none
}

.header-container.type1 .header .form-search {
    width: 450px;
    position: absolute;
    right: -20px;
    top: 40px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type1 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type1 .form-currency,
.header-container.type1 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px
}

.header-container.type1 .selectbox .select {
    border-color: #101010;
    background-color: #101010;
    color: #fff;
    text-align: center
}

.selectbox li {
    transition: all 0.3s
}

.header-container.type1 .selectbox .dropdown {
    border: 0
}

.header-container.type1 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto
}

.header-container.type1 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px
}

.header-container.type1 .mini-cart .mybag-link i {
    font-size: 14px
}

.header-container.type1 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type1 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type1 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type1 .mini-cart .topCartContent {
    top: 26px
}

.header-container.type1 .menu-icon {
    display: none;
    padding: 0;
    margin: 0;
    height: auto;
    margin-right: 1px;
    margin-left: 10px
}

.header-container.type1 .menu-icon a {
    color: #fff
}


/*** Header Type 2 ***/

.header-container.type2 {
    border-top-color: #08c
}

.header-container.type2 .top-links-area {
    display: block;
    float: right;
    padding: 0
}

.header-container.type2 .top-links a {
    color: inherit
}

.header-container.type2 .top-links-icon:before {
    margin-top: -5px;
    color: #777
}

.header-container.type2 .selectbox .select {
    color: #777
}

.header-container.type2 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type2 .header .logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    margin: 0 40px 0 0
}

.header-container.type2 .header .search-area {
    position: static;
    margin: 0
}

.header-container.type2 .header .search-area .search-icon {
    display: none
}

.header-container.type2 .header #search_mini_form {
    width: 450px
}

.header-container.type2 .header .custom-block {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type2 .header .mini-cart {
    display: block;
    position: absolute;
    right: 15px;
    top: auto;
    bottom: -40px;
    padding: 0;
    margin: 0
}

.header-container.type2 .mybag-link {
    line-height: 25px;
    background-color: #08c
}

.header-container.type2 .mybag-link i {
    font-size: 18px
}

.header-container.type2 .mybag-link span {
    font-size: 12px;
    font-weight: 600;
    display: inline-block
}

.header-container.type2 .mybag-link .cart-qty {
    margin-right: 3px;
    font-size: inherit;
    font-weight: inherit
}

.header-container.type2 .main-nav {
    margin: 0
}

.header-container.type2 .main-nav ul.menu>li>a {
    padding-top: 14px;
    padding-bottom: 14px
}

.header-container.type2 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type2 .header-wrapper {
    border: 0
}

.header-container.type2 .main-nav .menu-wrapper {
    border-radius: 5px
}

.header-container.type2 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}


/*** Header Type 3 ***/

.header-container.type3 {
    border: 0;
    background-color: #0083c1
}

.header-container.type3 .top-links-container {
    background-color: #008acc
}

.header-container.type3 .top-links-container span.split {
    border-color: #eee
}

.header-container.type3 .links li {
    border-left-color: #eee
}

.header-container.type3 .top-links ul.links a {
    color: #fff
}

.header-container.type3 .top-links-icon {
    color: #fff
}

.header-container.type3 .welcome-msg {
    color: #fff
}

.header-container.type3 .search-area {
    position: static;
    margin: 0
}

.header-container.type3 .header {
    color: #fff
}

.header-container.type3 .header a {
    color: inherit
}

.header-container.type3 .header .form-search {
    border-color: transparent;
    background-color: #006393
}

.header-container.type3 .header .form-search #search {
    background-color: transparent;
    color: #ddd
}

.header-container.type3 .header .form-search #cat {
    border-color: #0076ae;
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    background-color: transparent
}

.header-container.type3 .header .form-search button.button {
    color: #fff;
    background-color: transparent
}

.header-container.type3 .header .custom-block {
    margin-right: 10px
}

.header-container.type3 .header .custom-block>* {
    display: inline-block;
    vertical-align: middle
}

.header-container.type3 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #eee;
    margin: 0 13px
}

.header-container.type3 .header .custom-block a {
    font-size: 12px
}

.header-container.type3 .mini-cart {
    position: relative;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    top: -3px
}

.header-container.type3 .header #search_mini_form {
    width: 450px
}

.header-container.type3 .main-nav {
    background-color: #006fa4
}

.header-container.type3 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type3 .main-nav ul.menu>li>a {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.header-container.type3 .main-nav ul.menu>li:hover,
.header-container.type3 .main-nav ul.menu>li.act {
    background-color: transparent
}

.header-container.type3 .main-nav ul.menu>li.act>a,
.header-container.type3 .main-nav ul.menu>li:hover>a {
    color: #99cee8
}

.header-container.type3 .main-nav ul.menu>li>a {
    padding: 17px 20px 17px 0;
    margin-right: 10px
}

.header-container.type3 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type3 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type3 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 30px
}

.header-container.type3 .mybag-link {
    position: relative;
    padding: 2px 0
}

.header-container.type3 .mybag-link span {
    display: none
}

.header-container.type3 .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.header-container.type3 .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #000
}

.header-container.type3 .mybag-link i {
    font-size: 35px
}

.header-container.type3 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type3 .header .search-icon {
    display: none
}


/*** Header Type 4 ***/

.header-container.type4 {
    border-top-color: #08c
}

.header-container.type4 .top-links a {
    color: inherit
}

.header-container.type4 .top-links-icon {
    color: #777
}

.header-container.type4 .selectbox .select {
    color: #777
}

.header-container.type4 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 15px;
}
.header-container.type4.sticky-header .header{ z-index: 201;}

.header-container.type4 .header>.logo {
    display: inline-block;
    vertical-align: middle;
    /*padding: 0 15px;*/
    margin: 0;
}

.header-container.type4 .search-area {
/*    position: static;
    margin: 0*/

    /*display: none;*/
}

.header-container.type4 .header #search_mini_form {
    width: 450px
}

.header-container.type4 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type4 .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type4 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type4 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type4 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type4 .mybag-link .cart-info span {
    display: none
}

.header-container.type4 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type4 .main-nav {
    margin: 0
}

.header-container.type4 .main-nav ul.menu>li>a {
    padding-top: 14px;
    padding-bottom: 14px
}

.header-container.type4 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type4 .header-wrapper {
    border: 0;
    margin-bottom: 15px
}

.header-container.type4 .main-nav .menu-wrapper {
    border-radius: 5px
}

.header-container.type4 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type4 .header .search-icon {
    display: none
}

.header-container.type4 .header .custom-block a {
    font-size: 12px
}


/*** Header Type 5 ***/

.header-container.type5 {
    border: 0
}

.header-container.type5 .top-links-container {
    background-color: #08c
}

.header-container.type5 .top-links-container span.split {
    float: right
}

.header-container.type5 .welcome-msg {
    float: left;
    color: #fff
}

.header-container.type5 .form-language,
.header-container.type5 .form-currency {
    float: right
}

.header-container.type5 .search-area {
    position: relative;
    margin: 0;
    z-index: 2;
    left: 0
}

.header-container.type5 .search-area .search-icon {
    display: none
}

.header-container.type5 .cart-area {
    height: 67px;
    margin-top: -33px;
    right: 0
}

.header-container.type5 .mini-cart {
    position: absolute;
    margin: 0;
    top: 50%;
    right: 15px;
    margin-top: -33px;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6
}

.header-container.type5 .mybag-link {
    position: relative;
    width: 75px;
    height: 65px;
    padding: 0;
    line-height: 65px;
    text-align: center
}

.header-container.type5 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type5 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type5 .mybag-link .cart-info span {
    display: none
}

.header-container.type5 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type5 .menu-area {
    padding-right: 114px
}

.header-container.type5 .menu-area .links-area {
    padding: 4px 0 8px
}

.header-container.type5 .menu-area .links-area .links {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.header-container.type5 .header .custom-block {
    font-size: 11px;
    margin-right: 15px
}

.header-container.type5 .header-wrapper {
    margin-right: -114px
}

.header-container.type5 .main-nav .menu-wrapper {
    background-color: transparent;
    text-align: right
}

.header-container.type5 .main-nav .menu {
    padding-right: 78px
}

.header-container.type5 .main-nav ul.menu>li>a {
    padding: 10px
}

.header-container.type5 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type5 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 30px
}

.header-container.type5 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type5 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 10px
}

.header-container.type5 .topCartContent {
    top: 66px;
    right: -1px
}

.header-container.type5 .topCartContent:before {
    right: 29px
}

.header-container.type5 .main-nav .menu>li.menu-static-width .nav-sublist-dropdown {
    right: 0
}


/*** Header Type 6 ***/

.header-container.type6 {
    border: 0
}

.header-container.type6 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type6 .top-links a {
    color: #fff
}

.header-container.type6 .selectbox .select {
    color: #fff
}

.header-container.type6 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type6 .header>.logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type6 .header>.logo img {
    height: 50px
}

.header-container.type6 .header .search-area {
    position: relative;
    margin: 0;
    display: block;
    float: left;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 2
}

.header-container.type6 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-right: 25px
}

.header-container.type6 .header #search_mini_form {
    display: none;
    width: 0;
    margin: 0
}

.header-container.type6 .header .form-search {
    width: 450px;
    position: absolute;
    left: -50px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    border-color: #ccc
}

.header-container.type6 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 45px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type6 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type6 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type6 .header .custom-block a {
    font-size: 12px
}

.header-container.type6 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0
}

.header-container.type6 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type6 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type6 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type6 .mybag-link .cart-info span {
    display: none
}

.header-container.type6 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type6 .menu-icon {
    color: #08c
}

.header-container.type6 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type6 .main-nav ul.menu>li>a {
    padding: 9px 15px
}

.header-container.type6 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type6 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type6 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type6 .main-nav .menu {
    padding-right: 300px
}

.header-container.type6 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type6 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type6 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type6 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type6 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type6 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type6 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 10px
}


/*** Header Type 14 ***/

.header-container.type14 {
    border: 0
}

.header-container.type14 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type14 .top-links a {
    color: #fff
}

.header-container.type14 .selectbox .select {
    color: #fff
}

.header-container.type14 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type14 .header>.logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type14 .header>.logo img {
    height: 50px
}

.header-container.type14 .header .search-area {
    position: relative;
    margin: 0;
    display: block;
    float: right;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 2
}

.header-container.type14 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-right: 10px
}

.header-container.type14 .header #search_mini_form {
    display: none;
    width: 0;
    margin: 0
}

.header-container.type14 .header .form-search {
    width: 450px;
    position: absolute;
    right: -50px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    border-color: #ccc
}

.header-container.type14 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 55px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type14 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type14 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type14 .header .custom-block a {
    font-size: 12px
}

.header-container.type14 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0;
    margin-right: 15px
}

.header-container.type14 .mybag-link {
    position: relative;
    padding: 0;
    line-height: 40px;
    text-align: center
}

.header-container.type14 .mybag-link i {
    color: #08c;
    font-size: 18px;
    vertical-align: top
}

.header-container.type14 .mybag-link .cart-info {
    padding: 0;
    color: #08c;
    vertical-align: top
}

.header-container.type14 .mybag-link .cart-info span {
    display: inline-block;
    font-size: 11px;
    font-weight: 400
}

.header-container.type14 .mybag-link .cart-info span.cart-qty {
    margin-right: 5px
}

.header-container.type14 .menu-icon {
    color: #08c
}

.header-container.type14 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type14 .main-nav ul.menu>li>a {
    padding: 9px 15px
}

.header-container.type14 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type14 .header-wrapper {
    border: 0;
    padding: 10px 0
}

.header-container.type14 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type14 .main-nav .menu {
    text-align: right;
    padding-right: 120px
}

.header-container.type14 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type14 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type14 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type14 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type14 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type14 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type14 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 10px
}


/*** Header Type 7 ***/

.header-container.type7 {
    border: 0
}

.header-container.type7 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type7 .top-links a {
    color: #fff
}

.header-container.type7 .selectbox .select {
    color: #fff
}

.header-container.type7 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0;
    text-align: center
}

.header-container.type7 .header>.logo {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    float: none
}

.header-container.type7 .header>.logo img {
    height: 50px
}

.header-container.type7 .header .search-area {
    position: absolute;
    margin: 0;
    display: block;
    float: none;
    top: 50%;
    left: 0;
    height: 50px;
    pointer-events: none;
    margin-top: -25px;
    z-index: 2
}

.header-container.type7 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-left: 15px;
    margin-right: 15px;
    pointer-events: all;
    float: left
}

.header-container.type7 .header #search_mini_form {
    width: 450px;
    display: none;
    pointer-events: all
}

.header-container.type7 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type7 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type7 .header .custom-block a {
    font-size: 12px
}

.header-container.type7 .header .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type7 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type7 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type7 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type7 .mybag-link .cart-info span {
    display: none
}

.header-container.type7 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type7 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type7 .main-nav ul.menu>li>a {
    padding: 9px 15px
}

.header-container.type7 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type7 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type7 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type7 .main-nav .menu {
    padding-right: 300px
}

.header-container.type7 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type7 .main-nav ul.menu>li {
    pointer-events: all
}

.header-container.type7 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type7 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type7 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type7 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type7 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type7 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 10px
}

.header-container.type7 .header #search_mini_form {
    display: none;
    margin: 0
}

.header-container.type7 .header .form-search {
    width: 450px;
    position: absolute;
    left: -10px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type7 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}


/*** Header Type 8 ***/

.header-container.type8 {
    border: 0;
    background-color: #f0f0ed
}

.header-container.type8 .top-links-container {
    background-color: #08c;
    color: #777
}

.header-container.type8 .top-links-area {
    float: none;
    display: inline-block;
    color: #777
}

.header-container.type8 .links {
    float: none;
    display: inline-block;
    color: #777
}

.header-container.type8 .links li {
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #ccc
}

.header-container.type8 .links li.last {
    padding-right: 10px
}

.header-container.type8 .links li.first {
    padding-left: 0
}

.header-container.type8 .top-links-icon a {
    color: #777
}

.header-container.type8 .links a {
    color: #777
}

.header-container.type8 .selectbox .select {
    color: #777
}

.header-container.type8 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type8 .header>.logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type8 .header>.logo img {
    height: 50px
}

.header-container.type8 .header .search-area {
    position: relative;
    margin: 0;
    display: inline-block;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 5
}

.header-container.type8 .header .search-area a.search-icon {
    display: block;
    line-height: 40px;
    margin: 0 10px;
    color: #777
}

.header-container.type8 .form-language,
.header-container.type8 .form-currency {
    display: inline-block;
    vertical-align: middle;
    float: none;
    background-color: #e2e2dc;
    border-radius: 3px;
    margin-right: 5px
}

.header-container.type8 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type8 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type8 .header .custom-block a {
    font-size: 12px
}

.header-container.type8 .switcher-area {
    display: inline-block;
    vertical-align: middle
}

.header-container.type8 .header .mini-cart {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background-color: #e2e2dc;
    border-radius: 3px
}

.header-container.type8 .mybag-link {
    height: auto;
    padding: 3px 7px
}

.header-container.type8 .mybag-link i {
    color: #777;
    font-size: 16px
}

.header-container.type8 .mybag-link .cart-info {
    color: #777
}

.header-container.type8 .mybag-link .cart-info span {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    text-transform: none
}

.header-container.type8 .mybag-link .cart-info span.cart-qty {
    margin-right: 3px
}

.header-container.type8 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type8 .main-nav ul.menu>li>a {
    padding: 9px 10px
}

.header-container.type8 .header .mini-cart .topCartContent {
    right: 0;
    top: 26px
}

.header-container.type8 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type8 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type8 .main-nav .menu {
    padding-right: 300px
}

.header-container.type8 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type8 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type8 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type8 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 20px
}

.header-container.type8 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type8 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type8 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 5px
}

.header-container.type8 .menu-icon a {
    color: #777
}

.header-container.type8 .header #search_mini_form {
    width: auto;
    display: none;
    margin: 0
}

.header-container.type8 .header .form-search {
    width: 450px;
    position: absolute;
    right: -100px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type8 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 105px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}


/********** <Navigation */

.header-wrapper {}

.main-nav {
    background-color: transparent;
    font-size: 12px;
    border: 0;
    padding: 0;
    text-align: left
}

.main-nav .menu-wrapper {
    background-color: #f0f0ed;
    border-radius: 5px 5px 0 0;
    position: relative
}

.mega-columns.row {
    margin-right: -10px;
    margin-left: -10px
}

.menu_thumb_img {
    padding: 15px 0 0
}

.fixed-header-area .menu>li {
    padding: 0 !important
}

.fixed-header a.logo img {
    height: 50px;
    margin: 10px 0
}

.fixed-header .mini-products-list a {
    color: #777
}

.fixed-header-area .fixed-header .menu {
    float: none;
    margin: 7px 0
}

.fixed-header ul.menu>li,
.main-nav ul.menu>li {
    padding: 0;
    border-radius: 5px
}

.fixed-header ul.menu>li.menu-full-width,
.fixed-header ul.menu>li.menu-item-has-children,
.main-nav ul.menu>li.menu-full-width,
.main-nav ul.menu>li.menu-item-has-children,
.fixed-header ul.menu>li.menu-static-width,
.fixed-header ul.menu>li.menu-item-has-children,
.main-nav ul.menu>li.menu-static-width,
.fixed-header ul.menu>li.menu-full-width.act:hover,
.fixed-header ul.menu>li.menu-item-has-children.act:hover,
.main-nav ul.menu>li.menu-full-width.act:hover,
.main-nav ul.menu>li.menu-item-has-children.act:hover,
.fixed-header ul.menu>li.menu-static-width.act:hover,
.fixed-header ul.menu>li.menu-item-has-children.act:hover,
.main-nav ul.menu>li.menu-static-width.act:hover {
    padding: 0;
    border-radius: 5px 5px 0 0
}

.fixed-header ul.menu>li .nav-sublist-dropdown,
.main-nav ul.menu>li .nav-sublist-dropdown {
    border: 0;
    background-color: #fff;
    border-radius: 0 6px 6px 6px;
    padding: 5px 0;
    min-width: 160px;
    width: auto;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, .3);
    border-top: 5px solid #08c
}

.fixed-header .menu-wrapper {
    position: relative
}

.fixed-header ul.menu>li>a,
.main-nav ul.menu>li>a {
    color: #08c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 17px 20px
}

.fixed-header ul.menu>li>a {
    padding: 13px 20px
}

.fixed-header ul.menu>li.menu-full-width>a,
.fixed-header ul.menu>li.menu-item-has-children>a,
.main-nav ul.menu>li.menu-full-width>a,
.main-nav ul.menu>li.menu-item-has-children>a,
.fixed-header ul.menu>li.menu-static-width>a,
.main-nav ul.menu>li.menu-static-width>a {
    padding-right: 30px
}

.fixed-header ul.menu>li.menu-full-width>a:after,
.fixed-header ul.menu>li.menu-item-has-children>a:after,
.main-nav ul.menu>li.menu-full-width>a:after,
.main-nav ul.menu>li.menu-item-has-children>a:after,
.fixed-header ul.menu>li.menu-static-width>a:after,
.main-nav ul.menu>li.menu-static-width>a:after {
    content: '\e81c';
    font-family: "porto";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    left: auto;
    margin-top: -7px
}

.fixed-header ul.menu>li,
.main-nav ul.menu>li {
    transition: all 0.1s;
    margin-right: 3px
}

.fixed-header ul.menu>li:first-child,
.main-nav ul.menu>li:first-child {
    margin-right: 0
}

.fixed-header ul.menu>li:hover,
.main-nav ul.menu>li:hover,
.fixed-header ul.menu>li.act,
.main-nav ul.menu>li.act {
    background-color: #08c;
    text-decoration: none
}

.fixed-header ul.menu>li.act,
.main-nav ul.menu>li.act {
    border-radius: 5px
}

.fixed-header ul.menu>li:hover>a,
.main-nav ul.menu>li:hover>a,
.fixed-header ul.menu>li.act>a,
.main-nav ul.menu>li.act>a {
    color: #fff;
    text-decoration: none
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown,
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown {
    border: 0;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    padding: 10px 0 20px 0;
    border-top: 5px solid #08c;
    text-align: left
}

.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown,
.main-nav .menu>li.menu-static-width .nav-sublist-dropdown {
    border: 0;
    border-top: 5px solid #08c;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    padding: 10px 0 20px 0
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown,
.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown {
    top: 38px
}

.fixed-header a,
.main-nav a {
    color: #fff
}

.fixed-header a:hover,
.main-nav a:hover {
    color: #fff
}

.fixed-header .menu>li .nav-sublist-dropdown .container ul>li a,
.main-nav .menu>li .nav-sublist-dropdown .container ul>li a {
    border: 0;
    padding: 10px 30px 10px 5px;
    margin: 0 8px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.fixed-header .menu>li:nth-last-child(1) .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist,
.fixed-header .menu>li:nth-last-child(2) .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist,
.main-nav .menu>li:nth-last-child(1) .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist,
.main-nav .menu>li:nth-last-child(2) .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist {
    right: 100%
}

.fixed-header .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li a,
.main-nav .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li a {
    text-decoration: none
}

.fixed-header .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a,
.main-nav .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a {
    background-color: #f4f4f4
}

.fixed-header .menu>li .nav-sublist-dropdown .container ul>li:first-child a,
.main-nav .menu>li .nav-sublist-dropdown .container ul>li:first-child a {
    border: 0
}

.menu img {
    max-width: 100%
}

.fixed-header .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children>a:before,
.main-nav .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children>a:before {
    font-family: 'porto';
    content: '\e81a';
    font-size: 12px;
    top: 50%;
    margin-top: -10px;
    margin-left: 0
}

.fixed-header .menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,
.main-nav .menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    border-radius: 5px;
    top: -4px;
    padding: 5px 0;
    left: 100%;
}

.fixed-header .menu>li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,
.main-nav .menu>li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    background-color: #fff;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, .3)
}

.fixed-header .menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li,
.main-nav .menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {
    background-color: transparent
}

.fixed-header .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist li:last-child a,
.main-nav .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist li:last-child a {
    border-bottom: 0
}

.fixed-header .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children>.nav-sublist li a,
.main-nav .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children>.nav-sublist li a {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.fixed-header .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist li:first-child a,
.main-nav .menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children .nav-sublist li:first-child a {
    border-top: 0
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown .container ul>li>a.level1,
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown .container ul>li>a.level1,
.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown .container ul>li>a.level1,
.main-nav .menu>li.menu-static-width .nav-sublist-dropdown .container ul>li>a.level1 {
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    margin-top: 10px
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown .container ul li a:before,
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown .container ul li a:before,
.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown .container ul li a:before,
.main-nav .menu>li.menu-static-width .nav-sublist-dropdown .container ul li a:before {
    display: none
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul,
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul,
.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul,
.main-nav .menu>li.menu-static-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul {
    margin-left: 10px
}

.menu-icon {
    float: right;
    vertical-align: middle;
    display: none;
    text-align: right;
    padding-left: 20px;
    font-size: 20px;
    height: 60px;
    pointer-events: all
}

.fixed-header .menu>li .nav-sublist-dropdown:before,
.main-nav .menu>li .nav-sublist-dropdown:before {
    top: -2px
}

.fixed-header .menu>li .nav-sublist-dropdown .container,
.main-nav .menu>li .nav-sublist-dropdown .container {
    width: auto
}

.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown a,
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown a,
.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown a,
.main-nav .menu>li.menu-static-width .nav-sublist-dropdown a {
    color: #777
}

.fixed-header .mini-cart {
    background-color: transparent;
    position: static;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.fixed-header .mybag-link {
    position: relative;
    padding: 2px 0
}

.fixed-header .mybag-link i {
    font-size: 35px;
    color: #08c
}

.fixed-header .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.fixed-header .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #fff
}

.fixed-header .mybag-link span {
    display: none
}


/***** Mobile Menu *****/

.page {
    position: relative;
    left: 0;
    transition: left 0.3s
}

body.mobile-nav-shown .page {
    left: 250px
}

.mobile-nav-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 998;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.3s
}

body.mobile-nav-shown .mobile-nav-overlay {
    opacity: 0.15;
    filter: alpha(opacity=15);
    visibility: visible;
}

.mobile-nav.side-block {
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 999;
    width: 250px;
    height: 100%;
    overflow-y: scroll;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.3s;
    display: block !important
}

body.mobile-nav-shown .mobile-nav.side-block {
    left: 0
}

.mobile-nav.side-block .sw-mobile-menu li>a {
    background-color: transparent;
    color: #fff;
    border: 0;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-nav.side-block .sw-mobile-menu>li:first-child>a {
    border: 0
}

.mobile-nav.side-block .sw-mobile-menu>li>ul li {
    background-color: transparent
}

.mobile-nav.side-block .sw-mobile-menu li .open-child {
    background-color: transparent;
    color: #fff
}

.mobile-nav.side-block .sw-mobile-menu li:hover>.open-child {
    color: #fff
}

.mobile-nav.side-block .sw-mobile-menu li>.open-child:hover {
    background-color: transparent
}

.mobile-nav.side-block .sw-mobile-menu li .open-child:after {
    content: "\e856";
    font-family: "porto";
    font-size: 19px;
    text-align: center;
    line-height: 19px;
    background: transparent;
    opacity: 1
}

.mobile-nav.side-block .sw-mobile-menu li.over>.open-child:after {
    background: transparent;
    content: "\e857"
}

.mobile-nav .sw-mobile-menu>li>ul>li a {
    margin-left: 10px;
    white-space: nowrap
}

.mobile-nav .sw-mobile-menu>li>ul>li li a {
    margin-left: 20px
}

.mobile-nav .sw-mobile-menu>li>ul,
.mobile-nav .sw-mobile-menu>li ul {
    width: 100%
}


/***** Side Mega Menu *****/

.home-side-menu {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 27px
}

.home-side-menu h2.side-menu-title {
    background-color: #f5f5f5;
    color: #a39f9c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 15px;
    border-radius: 5px 5px 0 0;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.menu.side-menu {
    padding: 0;
    list-style: none;
    margin: 0
}

.menu.side-menu>li {
    position: relative;
    transition: all 0.2s
}

.menu.side-menu>li:hover {
    background-color: #08c
}

.menu.side-menu>li>a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 5px;
    display: block;
    margin: 0 10px;
    border-top: 1px solid #ddd
}

.menu.side-menu>li:hover>a {
    color: #fff;
    border-color: transparent
}

.menu.side-menu>li:first-child>a {
    border-top: 0
}

.menu.side-menu>li>a:hover {
    text-decoration: none
}

.menu.side-menu li.menu-item-has-children,
.menu.side-menu li.menu-item-has-children>a {
    position: relative
}

.menu.side-menu>li.menu-static-width>a:after,
.menu.side-menu>li.menu-item-has-children>a:after,
.menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,
.menu.side-menu>li.menu-full-width>a:after {
    content: "\e814";
    font-family: "porto";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    left: auto;
    margin-top: -7px;
    position: absolute;
    font-size: 13px;
    color: #08c
}

.menu.side-menu>li.menu-static-width:hover>a:after,
.menu.side-menu>li.menu-item-has-children:hover>a:after,
.menu.side-menu>li.menu-item-has-children li.menu-item-has-children:hover>a:after,
.menu.side-menu>li.menu-full-width:hover>a:after {
    color: #fff
}

.menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after {
    color: #fff
}

.menu.side-menu>li .nav-sublist-dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 200px;
    border: 0;
    background-color: #fff;
    border-radius: 0 5px 5px 7px;
    padding: 10px 0;
    left: 100%;
    top: 0;
    border-left: 5px solid #08c;
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.5)
}

.menu.side-menu>li.menu-full-width .nav-sublist-dropdown {
    width: 869px;
    padding: 15px 0 25px 0
}

.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown {
    background-color: #08c;
    border: 0
}

.menu.side-menu .container {
    max-width: 100%;
    padding: 0
}

.menu.side-menu img {
    max-width: 100%
}

.menu.side-menu a,
.menu.side-menu a:hover {
    color: #777;
    line-height: 1
}

.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown a {
    color: #fff
}

.menu.side-menu>li .nav-sublist-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown {
    padding: 10px 0 25px 0
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li a {
    text-decoration: none
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li>a {
    border: 0;
    padding: 13px 5px;
    margin: 0 8px;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li:first-child>a {
    border: 0
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a {
    background-color: #0099e6
}

.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    border-radius: 5px;
    background-color: #08c;
    top: -10px;
    padding: 10px 0;
    position: absolute;
    left: 199px;
    display: none
}

.menu.side-menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children:hover>.nav-sublist {
    display: block
}

.menu.side-menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {
    width: 200px;
    background-color: transparent
}

.menu.side-menu li.menu-item-has-children .nav-sublist li>a {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px 5px;
    margin: 0 8px;
    display: block
}

.menu.side-menu li.menu-item-has-children .nav-sublist li:first-child>a {
    border: 0
}

.menu.side-menu>li .nav-sublist-dropdown .container ul>li a {
    padding: 13px 5px;
    margin: 0 8px;
    display: block
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li a,
.menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li a {
    padding: 5px
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li a.menu_thumb_link,
.menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li a.menu_thumb_link {
    padding: 0 5px 10px
}

.menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li>a.level1,
.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li>a.level1 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 0 5px;
    color: #333
}

.menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul,
.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li .nav-sublist ul li ul {
    margin-left: 10px
}


/* Sidebar =============================================================================== */

.block {
    margin: 0 0 40px
}

.block .block-title {
    margin: 5px 0 10px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
    color: #313131
}

.block .block-title strong {}

.block .block-title strong span {}

.block .block-title a {
    text-decoration: none !important
}

.block .block-subtitle {
    margin: 0;
    font-size: 13px
}

#poll-answers {
    margin: 0 20px 10px 20px
}

#poll-answers li {
    padding: 5px 0
}

.block .block-content {}

.block .block-content li.item {
    padding: 7px 9px
}

.block .block-content ol {
    margin: 10px 0
}

.block .block-content ol li.item {
    padding: 3px 0
}

.block .block-content ol li.item .product-name {
    margin: 0
}

.block .btn-remove,
.block .btn-edit {
    float: right;
    margin: 0 0 0 5px
}

.block .actions {
    font-size: 13px;
    text-align: right
}

.block .actions a {
    float: left;
    margin: 5px 0
}

.block .actions button.button {
    float: right
}

.block .actions button.button span {
    height: 24px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 24px
}

.block .empty {
    margin: 0;
    padding: 10px 0
}

.mini-products-list .product-image {
    float: left
}

.mini-products-list .product-details {
    margin-left: 70px;
    text-align: left;
    line-height: 1.4
}

.mini-products-list li {
    padding: 10px 0;
    position: relative
}

.mini-products-list li .product-name a {
    color: #777
}

.mini-products-list li .product-name a:hover {
    color: #08c
}

.mini-products-list li a.btn-remove {
    position: absolute;
    right: 0;
    top: 9px;
    color: #777
}

.mini-products-list li .product-image {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 2px;
    border-radius: 4px
}

.mini-products-list li .product-image img {
    width: 50px;
    height: auto
}

.block .block-content .mini-products-list li.item {
    padding: 10px 0
}

.mini-products-list .price-box {
    margin: 5px 0
}

.block.block-banner {
    border: 0
}

.block.block-banner .block-content {
    text-align: center
}

.block.block-banner img {
    max-width: 100%
}

.block.block-subscribe {
    border-radius: 5px
}

.block.block-subscribe .block-title {
    background-color: transparent;
    border: 0
}

.block.block-subscribe .block-title strong {
    font-size: 1.4em;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 10px
}

.block.block-subscribe .block-content {
    background-color: transparent
}

.block.block-subscribe .form-subscribe-header {
    padding: 10px 20px
}

.block.block-subscribe label {
    font-size: 14px
}

.block.block-subscribe .input-box {
    padding: 10px 20px 20px
}

.block.block-subscribe .input-box input.input-text {
    width: 100%;
    height: 34px;
    padding: 5px
}

.block.block-subscribe .actions {
    background-color: transparent;
    border: 0;
    padding: 0 20px 20px
}

.block.block-subscribe .actions button.button span {
    height: 34px;
    line-height: 34px
}

.block.block-subscribe.home-sidebar-block {
    border: 1px solid #ddd;
    border-top: 5px solid #08c;
    border-radius: 7px;
    background-color: #fbfbfb;
    text-align: center;
    padding: 25px 20px 0
}

.block.block-subscribe.home-sidebar-block .block-title strong {
    font-size: 16px;
    color: #313131;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 0 20px
}

.block.block-subscribe.home-sidebar-block .block-content p {
    line-height: 1.8
}

.block.block-subscribe.home-sidebar-block .input-box {
    padding: 10px 10px 40px 10px
}

.block.block-subscribe.home-sidebar-block .input-box input.input-text {
    float: left;
    padding: 5px 60px 5px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background-color: #fefefe;
    line-height: 16px
}

.block.block-subscribe.home-sidebar-block button.button {
    float: left;
    margin-left: -51px;
    width: 50px;
    height: 34px
}

.block.block-subscribe.home-sidebar-block button.button span {
    min-width: 49px;
    padding: 0;
    line-height: 32px;
    height: 32px;
    background-color: #fefefe;
    color: #515151;
    border: 0;
    border-left: 1px solid #d3d3d3;
    border-radius: 0 5px 5px 0
}

.block.block-subscribe.home-sidebar-block button.button span span {
    border: 0
}

.parallax-subscribe input.input-text {
    background-color: #e3e2e2;
    color: #666;
    height: 34px;
    line-height: 18px;
    padding: 8px 100px 8px 10px;
    width: 100%
}

.parallax-subscribe button.button {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.parallax-subscribe button.button span {
    height: 34px;
    line-height: 34px;
    padding: 0;
    border-radius: 0 3px 3px 0;
    width: 90px;
    min-width: 90px
}

.block.block-layered-nav {
    border: 0;
    margin-top: -14px
}

.block.block-layered-nav .block-content {
    background-color: transparent
}

.block.block-layered-nav .block-content ol {
    margin: 0
}

dl#narrow-by-list {
    margin: 0
}

.block-layered-nav dt,
.block-layered-nav .currently .block-subtitle,
.block-category-nav .block-title {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    margin-top: 14px
}

.catalog-category-view .block-category-nav .block-title {
    margin-top: 0;
    margin-bottom: 0
}

.block-layered-nav dt.closed,
.block-category-nav .block-title.closed {
    border-radius: 7px
}

.block-layered-nav dt:before,
.block-category-nav .block-title:before {
    content: "\e80d";
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #ddd;
    font-family: 'porto';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    background-color: #fff;
    font-size: 10px
}

.block-layered-nav dt.closed:before,
.block-category-nav .block-title.closed:before {
    content: "\e80b"
}

.block-layered-nav dt:hover:before,
.block-category-nav .block-title:hover:before {
    background-color: #08c;
    color: #fff
}

.block-layered-nav dd,
.block-category-nav .block-content {
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
}

.block-layered-nav dd a {
    color: #777;
    font-size: 13px;
    line-height: 2.5
}

.block-layered-nav .currently ol {
    border: 1px solid #ddd;
    border-width: 0 1px;
    background-color: #fbfbfb;
    padding: 10px 0;
    margin: 0
}

.block-layered-nav .currently li {
    padding: 5px 15px;
    position: relative;
    z-index: 1;
    line-height: 1.5
}

.block-layered-nav .currently .label {
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle
}

.block-layered-nav .currently .value {
    display: inline-block;
    vertical-align: middle
}

.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
    position: absolute;
    right: 15px;
    top: 4px;
    margin: 0;
    line-height: 21px;
    padding: 0
}

.block-layered-nav .currently .btn-previous {
    right: 17px
}

.block-layered-nav .actions {
    font-size: 11px;
    padding: 10px 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 0 0 7px 7px;
    text-align: right;
    margin-bottom: 14px
}

.block-layered-nav .actions a {
    float: none
}

.price.price-filter-slider {
    margin: 15px 0 10px 0;
    white-space: normal !important
}

.price-filter-slider .text-box {
    text-align: center
}

.price-filter-slider .text-box>span {
    line-height: 26px;
    vertical-align: middle
}

.price-filter-slider .text-box * {
    white-space: normal;
    margin: 5px 0
}

.price-filter-slider .text-box input.go {
    background-color: #08c;
    border: 0;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px
}

.block-currency select {
    width: 240px;
    max-width: 100%
}

.cms-index-index .block-category-nav {
    margin: 0
}

.block-category-nav {
    border-radius: 7px;
    border-color: #ddd;
    overflow: hidden;
    margin-bottom: 28px;
    line-height: 1.42857143
}

.block-category-nav .block-title {
    cursor: pointer;
    margin: 0
}

.block-category-nav .block-title strong {
    padding: 0
}

.block-category-nav .block-content {
    padding: 10px 15px
}

.block-category-nav .category-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.block-category-nav .category-list li {
    position: relative
}

.block-category-nav .category-list a {
    color: #777;
    font-size: 13px;
    line-height: 2.5
}

.block-category-nav .category-list ul {
    padding-left: 15px;
    margin: 0;
    list-style: none
}

.block-category-nav .category-list ul {
    display: none
}

.block-category-nav .category-list a.plus {
    position: absolute;
    right: 1px;
    color: #08c;
    font-size: 16px;
    line-height: 32px
}


/* Category Page ========================================================================= */

.top-container .category-banner {
    background-color: transparent
}

.top-container .category-banner .banner-image {
    width: 100%
}

.category-banner .owl-theme .owl-controls {
    position: relative;
    margin-top: -30px;
    height: 30px
}

.category-banner .banner-text {
    position: absolute;
    top: 30%;
    width: 100%;
    color: #fff
}

.category-banner .banner-text h2 {
    font-size: 50px;
    color: #fff
}

.category-banner .banner-text p {
    font-size: 26px;
    font-weight: 300
}

.category-boxed-banner {
    margin-bottom: 25px
}

.category-boxed-banner.owl-theme .owl-controls {
    margin-top: -30px;
    position: relative;
    height: 30px
}

.category-boxed-banner.owl-theme .owl-controls .owl-page span {
    background: #fff
}

.category-boxed-banner .owl-item .item {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.category-boxed-banner .owl-item .item img {
    width: 100%
}

.category-boxed-banner .banner-text {
    position: absolute;
    top: 40%;
    left: 4%;
    color: #fff;
    width: 100%
}

.category-boxed-banner .banner-text h2 {
    font-size: 35px;
    color: #fff;
    background-color: #333;
    background-color: rgba(23, 23, 23, .9);
    padding: 5px 10px;
    display: inline-block;
    line-height: 1
}

.category-boxed-banner .banner-text p {
    font-size: 16px;
    font-weight: 300;
    background-color: #666;
    background-color: rgba(23, 23, 23, .65);
    padding: 7px 12px;
    line-height: 1.4
}

.category-boxed-banner .banner-text a.shop-now {
    margin-left: 20px;
    font-size: 16px;
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center
}

.category-image img {
    width: 100%
}

.category-description {
    margin: 0 0 15px
}

.category-products {}

.category-products .products-grid {
    margin-left: -10px;
    margin-right: -10px;
    list-style: none
}

.category-products .products-grid li.item {
    float: left;
    padding: 10px;
    padding-bottom: 0!important
}

.category-products .products-grid li.item .item-area {
    width: 100%;
    position: relative
}

.category-products .products-grid li.item .product-image {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
    min-height: 100px
}

.category-products li.item .product-image img {
    width: 100%;
    transition: all 0.3s
}

.category-products li.item .product-image img.defaultImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.category-products li.item .product-image img.hoverImage {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-products li.item .product-image-area:hover .product-image img.defaultImage {
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-products li.item .product-image-area:hover .product-image img.hoverImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.category-products .products-grid li.item .details-area {
    padding: 10px;
    text-align: center
}

.category-products .products-grid li.item .details-area .product-name {
    margin: 0 0 3px 0
}

.category-products .products-grid li.item .details-area .product-name a {
    font-size: 14px
}

.col-main.filter-products .product-name a {
    color: #fff
}

.col-main.filter-products li.item:hover .details-area .product-name a {
    color: #777
}

.col-main.filter-products .price-box .price {
    color: #fff
}

.col-main.filter-products li.item:hover .price-box .price {
    color: #08c
}

.col-main.filter-products li.item:hover .price-box .old-price .price {
    color: #a0a09f
}

.category-products .products-grid li.item .details-area .ratings .amount {
    display: none
}

.item .item-area .details-area .ratings .amount {
    display: none
}

a.addtocart {
    color: #333;
    background-color: #fff;
    font-size: 14px;
    padding: 0 10px 0 5px;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc
}

a.addtocart.outofstock {
    padding: 0 10px;
    cursor: default
}

a.addtocart i.icon-cart {
    font-size: 15px
}

a.addtocart:hover {
    text-decoration: none
}

a.addtowishlist {
    color: #ed4949;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #ed4949;
    border-radius: 5px;
    text-align: center
}

a.addtowishlist:hover {
    color: #ed4949
}

a.comparelink {
    color: #52b9b5;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #52b9b5;
    border-radius: 5px;
    text-align: center
}

a.comparelink:hover {
    color: #52b9b5
}

.item .details-area .actions {
    margin: 0 -10px;
}

.item .details-area .actions a {
    margin: 10px 1px;
    vertical-align: middle;
    visibility: hidden;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.category-products ol.products-list .item .details-area .actions a {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    position: static !important;
}

.item .details-area .actions a.addtowishlist {
    position: relative;
    right: -37px
}

.item:hover .details-area .actions a.addtowishlist {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    right: 0
}

.item .details-area .actions a.comparelink {
    position: relative;
    left: -37px
}

.item:hover .details-area .actions a.comparelink {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    left: 0
}

.item .details-area .actions a.addtocart {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.item:hover .details-area .actions a.addtocart,
.category-products .products-list li.item .details-area .actions a.addtocart {
    border-color: #08c;
    color: #fff;
    background-color: #08c
}

.item:hover .details-area .actions a.addtocart.outofstock,
.category-products .products-list li.item .details-area .actions a.addtocart.outofstock {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important
}

.details-area .actions a:hover {
    opacity: 0.8;
    filter: Alpha(Opacity=80)
}

.hide-addtolinks .item .details-area .actions a.addtowishlist,
.hide-addtolinks .item .details-area .actions a.comparelink,
.hide-addtocart .item .details-area .actions a.addtocart,
.hide-addtolinks .item .product-image-area .actions a.addtowishlist,
.hide-addtolinks .item .product-image-area .actions a.comparelink,
.hide-addtocart .item .product-image-area .actions a.addtocart {
    display: none
}

.category-products .products-grid li.item .details-area .compare-area {
    padding: 10px 0;
    border-top: 1px solid #f7f7f7
}

.category-products .products-grid li.item .details-area .compare-area .comparelink {
    font-size: 12px;
    float: right
}

.category-products .products-grid li.item .details-area .compare-area .ratings {
    float: left;
    margin: 2px 0
}

.category-products .products-grid.columns2 li.item {
    width: 50%
}

.category-products .products-grid.columns2 li.item.nth-child-2np1 {
    clear: left
}

.category-products .products-grid.columns3 li.item {
    width: 33.33%
}

.category-products .products-grid.columns3 li.item.nth-child-3np1 {
    clear: left
}

.category-products .products-grid.columns4 {
    margin-left: -10px;
    margin-right: -10px
}

.category-products .products-grid.columns4 li.item {
    float: left;
    padding: 10px
}

#slideshow .category-products .products-grid.columns4 li.item:hover {
    padding: 20px 10px
}

.category-products .products-grid.columns4 li.item {
    width: 25%
}

.category-products .products-grid.columns4 li.item.nth-child-4np1 {
    clear: left
}

.category-products .products-grid.columns5 {
    margin-left: -5px;
    margin-right: -5px
}

.category-products .products-grid.columns5 li.item {
    float: left;
    padding: 10px 5px
}

.category-products .products-grid.columns5 li.item {
    width: 20%
}

.category-products .products-grid.columns5 li.item.nth-child-5np1 {
    clear: left
}

.category-products .products-grid.columns6 {
    margin-left: -4px;
    margin-right: -4px
}

.category-products .products-grid.columns6 li.item {
    float: left;
    padding: 10px 4px
}

.category-products .products-grid.columns6 li.item {
    width: 16.66%
}

.category-products .products-grid.columns6 li.item.nth-child-6np1 {
    clear: left
}

.category-products .products-grid.columns7 {
    margin-left: -3px;
    margin-right: -3px
}

.category-products .products-grid.columns7 li.item {
    float: left;
    padding: 10px 3px
}

.category-products .products-grid.columns7 li.item {
    width: 14.28%
}

.category-products .products-grid.columns7 li.item.nth-child-7np1 {
    clear: left
}

.category-products .products-grid.columns8 {
    margin-left: -3px;
    margin-right: -3px
}

.category-products .products-grid.columns8 li.item {
    float: left;
    padding: 10px 3px
}

.category-products .products-grid.columns8 li.item {
    width: 12.5%
}

.category-products .products-grid.columns8 li.item.nth-child-8np1 {
    clear: left
}

.category-products .products-list {
    margin: 0 -10px
}

.category-products .products-list li.item {
    width: 100%;
    padding: 10px
}

.category-products .products-list li.item:hover {}

.category-products .products-list li.item .item-area {
    width: 100%;
    position: relative
}

.products-list .product-image-area {
    width: 20%;
    float: left
}

.products-list .product-image-area img {
    width: 100%;
    transition: all ease-in 400ms;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%
}

.products-list .details-area {
    width: 80%;
    float: left;
    padding: 0 20px
}

.products-list .details-area .product-name {
    font-size: 18px;
    line-height: 1
}

.products-list .details-area .product-name a {
    color: #666
}

.products-list .details-area .action-area {
    margin-top: 15px
}

.products-list .details-area .price-box {
    margin: 5px 0
}

.products-list .details-area .short-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #777
}

.products-list .details-area .actions {
    display: block;
    margin: 0
}

.products-grid .ratings {
    margin: 5px 0 10px
}

.products-list .ratings {
    background: none;
    margin: 10px 0
}

.products-list .ratings .amount {
    display: none
}

.product-image-area {
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 3px;
    z-index: 0
}

.product-label {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    top: 10px;
    z-index: 3
}

.product-label span {
    position: relative;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px
}

span.sale-product-icon {
    background-color: #e27c7c;
    display: block;
    text-align: center
}

span.new-product-icon {
    background-color: #62b959;
    display: block;
    text-align: center
}


/* Product View ========================================================================== */


/* Rating */

.no-rating {
    margin-bottom: 20px
}

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 3px 0;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/rating-bar.png) center no-repeat;
    height: 14px
}

div.star-rating a {
    transition: initial
}

.block-related .ratings {
    background-image: none;
}

.product-view .product-essential .ratings {
    background: none;
    margin-bottom: 15px;
    height: 20px;
}

.product-view .product-essential .ratings .rating-box {
    width: 79px;
    height: 15px
}

.product-view .product-essential .ratings .rating-box .rating {
    height: 15px
}

.product-view .product-essential .ratings .rating-box:before {
    width: 79px;
    height: 15px;
    font-size: 13px;
    line-height: 15px
}

.product-view .product-essential .ratings .rating-box .rating:before {
    width: 79px;
    height: 15px;
    font-size: 13px;
    line-height: 15px
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0
}

.ratings .rating-links {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px
}

.ratings .rating-links>a,
.no-rating a {
    line-height: 20px;
    font-size: 14px;
    color: #bdbdbd
}

.ratings .rating-links .separator {
    margin: 0 5px;
    vertical-align: top;
    line-height: 17px;
    color: #777
}

.ratings dt {}

.ratings dd {}

.rating-box {
    width: 69px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
    position: relative
}

.rating-box:before {
    font-family: "porto";
    content: "\e852\20\e852\20\e852\20\e852\20\e852";
    width: 69px;
    height: 11px;
    color: #c3c5c9;
    display: block;
    font-size: 11px;
    line-height: 11px
}

.rating-box .rating {
    float: left;
    height: 11px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.rating-box .rating:before {
    font-family: "porto";
    content: "\e852\20\e852\20\e852\20\e852\20\e852";
    width: 69px;
    height: 11px;
    color: #ffc600;
    display: block;
    font-size: 11px;
    line-height: 11px
}

.ratings .rating-box {
    display: inline-block;
    vertical-align: middle
}

.ratings .amount {}

.ratings-table {
    margin: 20px 0 40px;
    border: 1px solid #ddd
}

.ratings-table th,
.ratings-table td {
    font-size: 13px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: bold;
    padding-right: 8px
}

.ratings-table.data-table thead th {
    font-size: 11px;
    padding: 0 15px
}

.ratings-table.data-table input.radio {
    margin: 0
}

.ratings-table.data-table .nobr {
    display: block;
    line-height: 20px;
    font-weight: 600
}


/* Block:Reviews */

.product-view #product-customer-reviews {
    margin-top: -20px
}

.product-view #product-customer-reviews li {
    border-bottom: 1px solid #eee;
    padding: 20px 0 10px
}

.avatar-image {
    float: left
}

.review-area {
    line-height: 25px;
    margin-left: 80px
}

.review-area .review-title {
    font-size: 18px
}

.review-area .review-by {
    font-style: italic;
    font-size: 12px;
    color: #ccc
}

.review-area .review-by b {
    color: #08c;
    font-weight: normal
}

.review-area .ratings-list {
    margin-bottom: 5px
}

.review-area .ratings-list .rating-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.review-area .ratings-list .label {
    vertical-align: middle;
    font-size: 12px;
    padding: 0 5px 0 0;
    font-weight: normal
}

.review-area .ratings-list .rating-box {
    display: inline-block;
    vertical-align: middle
}

.add-review {
    padding-top: 15px
}

.add-review h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.add-review h4 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px
}

.add-review span.rating-type {
    font-weight: normal;
    font-size: 13px
}

.add-review .rating-block {
    margin-bottom: 10px
}

.add-review .form-list textarea {}


/* Availability */

.availability {
    margin: 0
}

.availability span {
    font-weight: bold
}

.availability.in-stock span {}

.availability.out-of-stock span {
    color: #d83820
}

.availability-only {
    margin: 10px 0;
    line-height: 16px;
    background: transparent;
    padding-left: 0
}

.availability-only span,
.availability-only a {
    border-bottom: 1px dashed #08c;
    color: #000
}

.availability-only a {
    cursor: pointer;
    text-decoration: none
}

.availability-only strong {
    color: #08c
}

.availability-only-details {
    margin: 0 0 10px;
    border: 1px solid #ccc;
}

.availability-only-details th {
    background: #f5f5f5;
    font-size: 13px;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

.availability-only-details td {
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    padding: 5px 10px
}

.availability-only-details tr.odd td.last {
    color: inherit;
    font-weight: 400
}

.product-view .product-shop .availability {
    font-size: 11px
}

.product-view .product-shop .availability span {
    font-weight: normal;
    margin-left: 5px
}


/* Email to a Friend */

.email-friend {
    margin: 0
}


/* Alerts */

.alert-price {
    margin: 0;
    font-size: 11px
}

.alert-stock {
    margin: 0;
    font-size: 11px
}


/********** <Product Prices */

.price {
    white-space: nowrap !important
}

.price-box {
    margin: 10px 0 5px
}

.price-box .price {
    font-weight: 600;
    color: #444
}

.price-box a {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}


/* Regular price */

.regular-price {
    color: #444
}

.regular-price .price {
    font-weight: 600;
    font-size: 20px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}


/* Old price */

.old-price {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.std .price-box p {
    margin: 0
}

.old-price .price-label {
    white-space: nowrap;
    display: none
}

.old-price .price {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    vertical-align: middle
}


/* Special price */

.special-price {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.special-price .price-label {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    display: none
}

.special-price .price {
    font-size: 20px
}


/* Minimal price (as low as) */

.minimal-price {
    margin: 0
}

.minimal-price .price-label {
    font-weight: normal;
    white-space: nowrap
}

.minimal-price-link {
    display: inline-block;
    vertical-align: middle
}

.minimal-price-link .label {
    color: #ccc;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    padding: 0 0 0 10px
}

.minimal-price-link .price {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}


/* Excluding tax */

.price-excluding-tax {
    display: inline-block;
    color: #999
}

.price-excluding-tax .label {
    white-space: nowrap;
    color: #999
}

.price-excluding-tax .price {
    font-size: 13px;
    font-weight: normal;
    color: #08c
}


/* Including tax */

.price-including-tax {
    display: inline-block;
    color: #999
}

.price-including-tax .label {
    white-space: nowrap;
    color: #999
}

.price-including-tax .price {
    font-size: 13px;
    font-weight: bold;
    color: #08c
}


/* Configured price */

.configured-price {
    margin: 0
}

.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap
}

.configured-price .price {
    font-weight: bold
}


/* FPT */

.weee {
    display: inline-block;
    font-size: 11px;
    color: #444
}

.weee .price {
    font-size: 11px;
    font-weight: normal
}


/* Excl tax (for order tables) */

.price-excl-tax {
    display: inline-block
}

.price-excl-tax .label {
    display: inline-block;
    white-space: nowrap
}

.price-excl-tax .price {
    display: inline-block
}


/* Incl tax (for order tables) */

.price-incl-tax {
    display: block
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap
}

.price-incl-tax .price {
    display: block;
    font-weight: bold
}


/* Price range */

.price-from {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
    display: none
}

.price-to {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.price-to:before {
    content: "-";
    color: #444;
    font-weight: bold
}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
    display: none
}


/* Price notice next to the options */

.price-notice {
    padding-left: 10px;
    color: #999
}

.price-notice .price {
    font-weight: bold;
    color: #2f2f2f
}


/* Price as configured */

.price-as-configured {
    margin: 0
}

.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap
}

.price-box-bundle {
    padding: 0 0 10px 0
}

.price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important
}

.price-box-bundle .price {
    color: #555
}


/********** Product Prices >*/


/* Tier Prices */

.product-pricing,
.tier-prices {
    margin: 10px 0;
    padding: 10px;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    color: #424242
}

.tier-prices li {
    line-height: 1.4;
    padding: 2px 0
}

.tier-prices .benefit {
    font-style: italic;
    font-weight: bold;
    color: #2f2f2f
}

.tier-prices .price {
    font-weight: bold;
    color: #2f2f2f
}

.tier-prices-grouped li {
    padding: 2px 0;
    color: #e26703
}

.tier-prices-grouped li .price {
    font-weight: bold
}


/* Add to Links */

.add-to-links {
    font-size: 11px;
    margin: 5px 0 0
}

.add-to-links .separator {
    display: none
}


/* Add to Cart */

.add-to-cart label {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    color: #666;
    display: none
}

.add-to-cart .qty {
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 35px !important;
    font-size: 14px;
    text-align: center;
    color: #08c;
    border-color: #e1e1e1
}

.add-to-cart button.button {
    display: inline-block;
    height: 38px;
    width: 160px;
    min-width: 110px;
    vertical-align: middle
}

.add-to-cart button.button span {
    height: 38px;
    line-height: 38px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 5px;
    padding: 0;
    min-width: 110px;
    padding-right: 5px
}

.add-to-cart button.button span i {
    margin-right: 10px
}

.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    text-align: left
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 60px
}

.product-view .add-to-cart .paypal-logo {
    margin: 0
}

.bml-checkout-type {
    list-style: none
}

.bml-checkout-type .bml_button {
    width: 150px;
    display: inline-table
}


/* Add to Links+Add to Cart */

.add-to-box {
    padding: 0 0 20px 0;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb
}

.col1-layout .product-options-bottom,
.col1-layout .add-to-box {
    float: left;
    width: 350px;
    width: 100%;
    border: 0;
}

.add-to-box .add-to-cart {
    float: left
}

.add-to-box .or {
    float: left;
    font-weight: bold;
    margin: 0 7px;
    color: #666
}

.add-to-box .add-to-links {
    float: left;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important
}

.add-to-box .add-to-links li .separator {
    display: none !important
}

.product-view {}

.product-essential {}

.product-essential h2 {}

.product-collateral {
    position: relative;
    margin-top: 50px
}

.product-collateral h2 {}

.product-collateral .box-collateral {
    margin: 0 0 25px
}

.product-tabs>ul {
    position: relative;
    bottom: -1px;
    margin-bottom:0 !important;
}
.product-tabs>ul li{ margin-bottom:0 !important;  }

.product-tabs>ul li {
    float: left;
    border: 1px solid #eee;
    border-width: 3px 1px 0 1px;
    border-radius: 5px 5px 0 0;
    margin-right: 1px;
    background-color: #f4f4f4
}

.product-tabs>ul li a {
    display: inline-block;
    padding: 10px 15px;
    color: #08c;
    font-size: 14px;
    line-height: 1
}

.product-tabs.vertical>ul li a {
    display: block
}

.product-tabs>ul li.active a {}

.product-tabs>ul li.active {
    background-color: #fff;
    border-top-color: #08c
}

.product-tabs .tab-content {
    padding: 37px 15px;
    border: 1px solid #eee;
    min-height: 200px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px #eee;
    background-color: #fff
}

.product-tabs .tab-content>h2 {
    display: none
}

.box-tags>h2 {
    display: none
}


/* Product Images */

li.etalage_small_thumbs {
    margin-top: 8px;
    top: 100%
}

.etalage.vertical li.etalage_small_thumbs {
    margin-top: 0
}

.product-view .product-img-box {
    margin-bottom: 150px
}

.product-view .product-img-box img.zoomImg {
    background-color: #fff;
    z-index: 2
}

.product-view .product-img-box li.etalage_thumb,
.product-view .product-img-box li.etalage_small_thumbs li {
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    max-width: 100%
}

.product-view .product-img-box .etalage_small_thumbs li {
    cursor: pointer;
    margin-top: 10px
}

.product-view .product-img-box .etalage-control {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -20px;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 2
}

.product-view .product-img-box:hover .etalage-control {
    visibility: visible
}

.product-view .product-img-box .etalage-control a {
    display: block;
    position: absolute;
    font-size: 40px;
    left: auto;
    right: auto;
    top: 0
}

.product-view .product-img-box .etalage-control a.etalage-prev {
    margin: 0;
    left: 0;
    top: 0
}

.product-view .product-img-box .etalage.vertical+.etalage-control a.etalage-prev {
    left: 20%
}

.product-view .product-img-box .etalage-control a.etalage-next {
    margin: 0;
    right: 0;
    top: 0
}

.product-view .product-img-box a.fancy-images {
    display: none
}

.product-view .product-img-box .etalage a.fancy-images {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    display: none
}

.product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images {
    display: block
}

.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto
}

.product-view .product-img-box .product-image {
    margin: 0 0 13px
}

.product-view .product-img-box .product-image-zoom {
    position: relative;
    width: 265px;
    height: 265px;
    overflow: hidden;
    z-index: 9
}

.product-view .product-img-box .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: move
}

.product-view .product-img-box .zoom-notice {
    font-size: 11px;
    margin: 0 0 5px;
    text-align: center
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer
}

.product-view .product-img-box .zoom.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/magnifier_handle.gif) 0 0 no-repeat
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0
}

.product-view .product-img-box .more-views h2 {
    font-size: 11px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 8px;
    text-transform: uppercase
}

.product-view .product-img-box .more-views ul {
    margin-left: -9px
}

.product-view .product-img-box .more-views li {
    float: left;
    margin: 0 0 8px 9px
}

.product-view .product-img-box .more-views li a {
    float: left;
    width: 56px;
    height: 56px;
    border: 2px solid #ddd;
    overflow: hidden
}

.product-image-popup {
    margin: 0 auto
}

.product-image-popup .buttons-set {
    float: right;
    clear: none;
    border: 0;
    margin: 0;
    padding: 0
}

.product-image-popup .nav {
    font-weight: bold;
    margin: 0 100px;
    text-align: center
}

.product-image-popup .image {
    display: block;
    margin: 10px 0
}

.product-image-popup .image-label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #2f2f2f
}


/* Product Shop */

.product-view .product-shop {}

.product-view .product-name {
    margin: 0 0 5px
}

.product-view .product-name h1 {
    margin: 15px 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: #555
}

.product-view .product-shop .availability {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #777;
    font-weight: 600
}

.product-view .product-shop .short-description {
    padding: 5px 0 20px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5
}

.product-view .product-shop .short-description h2 {
    display: none
}

.product-view .product-shop .price-box {
    margin: 0 0 20px 0
}

.product-view .product-shop .price-box .regular-price .price {
    font-size: 36px;
    color: #08c
}

.product-view .product-shop .price-box .old-price {
    vertical-align: bottom
}

.product-view .product-shop .price-box .old-price .price {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400
}

.product-view .product-shop .price-box .special-price .price {
    font-size: 33px;
    color: #08c;
    line-height: 1
}

.product-view .add-to-links {
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    float: right
}

.product-view .add-to-links li,
.product-view .add-to-links li .separator {
    display: inline
}

.product-view .add-to-links a {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
/*    width: 32px;
    height: 32px;
*/    display: inline-block;
    padding: 0 20px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
}

.product-view .add-to-links a:hover {
    opacity: .9;
    filter: Alpha(Opacity=90)
}

.product-view .product-info {
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb
}

.col1-layout .product-view .product-info {
    float: left;
    width: 50%;
    border: 0
}

.data-table.grouped-items-table {
    margin-bottom: 20px
}

.data-table.grouped-items-table th,
.data-table.grouped-items-table td {
    padding: 10px 20px
}

.product-view .product-shop .grouped-items-table .price-box .price {
    font-size: 18px
}

.product-view .product-shop .grouped-items-table .price-box .old-price .price {
    font-size: 14px
}


/* Product Options */

.product-options {
    margin: 20px 0 0;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.col1-layout .product-options {
    float: left;
    width: 50%;
    border: 0
}

.col1-layout .product-view .product-options+div.clearer,
.col1-layout .product-view .product-info+div.clearer {
    border-bottom: 1px solid #ebebeb
}

.product-options dl {
    margin: 0;
    margin-bottom: -20px
}

.product-options dt {
    padding: 0 0 10px 0;
    font-weight: normal
}

.product-options dt label {
    font-weight: bold;
    color: #777;
    font-size: 14px
}

.product-options dt label.required em {
    color: #eb340a
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0
}

.product-options dd .qty-holder label {
    vertical-align: middle
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #2f2f2f
}

.product-options dd {
    margin: 0 0 20px;
}

.product-options dd input.input-text {
    width: 98%
}

.product-options dd input.datetime-picker {
    width: 150px
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle
}

.product-options dd textarea {
    width: 98%;
    height: 8em
}

.product-options dd select {
    width: 100%
}

.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px
}

.product-options ul.options-list {
    margin-right: 5px
}

.product-options ul.options-list li {
    line-height: 1.5;
    padding: 2px 0
}

.product-options ul.options-list input.radio {
    float: left;
    margin-top: 3px
}

.product-options ul.options-list input.checkbox {
    float: left;
    margin-top: 3px
}

.product-options ul.options-list .label {
    display: block;
    margin-left: 18px
}

.product-options ul.options-list label {
    font-weight: normal
}

.product-options ul.validation-failed {
    padding: 0 7px
}

.product-options p.note {
    margin: 0;
    font-size: 11px
}

.product-options p.required {
    display: none
}

.product-options-bottom {}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0;
    color: #e26703
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
    color: #e26703
}

.product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0
}

.product-options-bottom .add-to-links {
    clear: both;
    padding: 5px 0 0;
    text-align: left
}

.col3-layout .product-options-bottom .price-box {
    float: none;
    padding: 0 0 5px
}

.product-options-bottom .price-label {
    float: left;
    padding-right: 5px
}

.product-options-bottom .price-tax {
    float: left
}

.product-options-bottom .add-to-cart {
    display: inline-block;
    vertical-align: middle
}

.product-options-bottom {
    padding: 0 0 20px 0;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb
}

.product-options-bottom .price-box {
    float: none;
    margin: 0 0 5px;
    display: none
}

.product-options-bottom .price-label {
    float: none;
    padding-right: 0
}

.product-options-bottom .price-tax {
    float: none
}

.product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px
}

.product-options-bottom .add-to-links {
    padding: 0;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 3px 0
}

.product-options-bottom .add-to-links li:first-child a {
    margin-left: 0
}

.qty-holder {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 60px
}

.qty-changer {
    display: inline-block;
    vertical-align: middle
}

.qty-changer>a {
    width: 16px;
    height: 16px;
    display: block;
    border: 1px solid #e1e1e1;
    color: #ccc;
    line-height: 14px;
    text-align: center;
    margin-bottom: 6px;
    border-radius: 3px;
    font-size: 8px;
    background-color: #fff
}

.qty-changer>a.qty_dec {
    margin-bottom: 0
}


/* Grouped Product */

.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0
}


/* Block:Description */

.product-view .box-description {}


/* Block:Additional */

.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td {
    line-height: 1.25
}


/* Block:Upsell */

.product-view .box-up-sell {
    margin-top: 50px
}

.product-view .box-up-sell>h2 {
    border-bottom: 0;
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_3.png) right center no-repeat
}

.product-view .box-up-sell>h2 span {
    padding-right: 20px;
    background-color: #fff
}

.product-view .box-up-sell .products-grid {}


/* Block:Tags */

.product-view .box-tags {
    margin: 0
}

.product-view .box-tags h3 {
    font-size: 13px
}

.product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 15px
}

.product-view .box-tags .product-tags li {
    display: inline;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_pipe3.gif) 100% 4px no-repeat;
    padding: 0 7px 0 4px
}

.product-view .box-tags .product-tags li.first {
    padding-left: 0
}

.product-view .box-tags .product-tags li.last {
    background: none;
    padding-right: 0
}

.product-view .box-tags .form-add label {
    display: block;
    font-size: 18px;
    margin: 0 0 20px
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin-right: 10px
}

.product-view .box-tags .form-add input.input-text {
    width: 250px;
    height: 38px;
    padding: 10px
}

.product-view .box-tags .note {
    margin: 20px 0 0
}


/* Block:Reviews */

.product-view .box-reviews dl {
    margin: 15px 0
}

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
    font-weight: bold
}

.product-view .box-reviews dd {
    margin: 0 0 15px
}

.product-view .box-reviews dd small {
    font-style: italic
}

.product-view .box-reviews .form-add {
    margin: 15px 0 0
}

.product-view .box-reviews .form-add h3 {
    font-size: 13px;
    font-weight: normal
}

.product-view .box-reviews .form-add h3 span {
    font-weight: bold
}

.product-view .box-reviews .form-add h4 {
    font-size: 12px
}

.product-view .box-reviews .form-add .data-table td {
    text-align: center
}

.product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0
}

.product-view .box-reviews .form-add .form-list .input-box {
    width: 360px
}

.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea {
    width: 354px
}


/* Send a Friend */

.send-friend .form-list {
    width: 615px;
    overflow: hidden
}

.send-friend .form-list li {
    margin-right: -15px
}

.send-friend .form-list li p {
    margin: 0 15px 0 0
}

.send-friend .form-list .field {
    width: 315px
}

.send-friend .form-list .input-box {
    width: 300px
}

.send-friend .form-list input.input-text,
.send-friend .form-list textarea {
    width: 294px
}

.send-friend .form-list li.wide .input-box {
    width: 612px
}

.send-friend .form-list li.wide textarea {
    width: 609px
}

.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px 0 0;
    font-size: 11px;
    line-height: 21px
}


/* Content Styles ================================================================= */

.product-name {
    margin: 10px 0;
    font-size: 1em;
    font-weight: normal
}

.product-name a {
    color: #777
}

.product-name a:hover {
    text-decoration: none
}


/* Product Tags */

.tags-list {
    display: block;
    font-size: 16px;
    padding: 10px 0
}

.tags-list li {
    display: inline !important;
    margin: 0 4px 0 0
}


/* Advanced Search */

.advanced-search .form-list label {
    width: 160px;
    padding-right: 10px;
    float: none
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {}

.advanced-search .form-list select {
    height: 80px
}

.advanced-search-amount {
    margin: 0 0 10px
}

.advanced-search-summary {
    margin: 10px 0;
    border: 1px solid #d6e9c6;
    background: #dff0d8;
    padding: 10px;
    color: #3c763d;
    border-radius: 3px
}

.advanced-search-summary ul {
    float: left;
    width: 49%
}

.advanced-search-summary strong {}

.advanced-search-summary p {
    clear: both;
    font-weight: bold;
    margin: 0
}


/* CMS Home Page */

.cms-home .subtitle {}

.cms-index-index .subtitle {}


/* Sitemap */

.page-sitemap .links {
    text-align: right;
    margin: 0 8px -22px 0
}

.page-sitemap .links a {
    text-decoration: none;
    position: relative
}

.page-sitemap .links a:hover {
    text-decoration: underline
}

.page-sitemap .sitemap {
    margin: 12px
}

.page-sitemap .sitemap a {
    color: #1b2d3b
}

.page-sitemap .sitemap li {
    margin: 3px 0
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold
}

.page-sitemap .sitemap li.level-0 a {
    color: #1e7ec8
}


/* RSS */

.rss-title h1 {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/i_rss-big.png) 0 4px no-repeat;
    padding-left: 27px
}

.rss-table .link-rss {
    display: block;
    line-height: 1.55;
    background-position: 0 4px
}


/* Shopping Cart ========================================================================= */

.cart .page-title {
    border-bottom: 0;
    margin: 0 0 12px
}

.cart .page-title h1 {
    margin: 0 0 20px
}


/* Checkout Types */

.cart .page-title .checkout-types li {
    margin: 0 0 5px
}

.cart .title-buttons .checkout-types {
    float: right
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px
}

.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3;
    vertical-align: top
}

.cart .checkout-types .bml_button {
    display: inline-table;
    width: 150px;
    margin: 0 0 5px
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 8px 55px 0 0;
    line-height: 1.0;
    font-size: 11px
}


/* Shopping Cart Table */

.cart .cart-table-wrap {
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    display: block;
    padding: 30px;
    margin-bottom: 60px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)
}

.cart-table thead tr {
    border-width: 0 0 1px
}

.cart-table thead th {
    background-color: transparent;
    text-transform: none
}

.cart-table td {
    padding: 10px;
    vertical-align: middle;
    font-size: 14px
}

.cart-table tbody th,
.cart-table tbody td {
    border-right-width: 0
}

.cart-table td.last,
.cart-table th.last {
    border-right-width: 0
}

.cart-table tbody td.pr-img-td {
    text-align: center;
    border-right: 0
}

.cart-table tbody tr {
    border-left-width: 0!important;
    border-right-width: 0!important
}

.cart-table tfoot {
    border-bottom-width: 0
}

.cart-table tfoot tr.first td {
    border-width: 0
}

.cart-table td.product-name-td {
    color: #777;
    font-size: 14px
}

.cart-table td.product-name-td dl.item-options {
    margin: 0
}

.cart-table .product-name {
    margin: 0
}

.cart-table .cart-price {}

.cart-table td.td-total .cart-price {
    color: #08c
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #df280a
}

.cart-table tfoot td {
    padding: 15px 5px 0
}

.cart-table .btn-continue {
    float: left
}

.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span {}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right
}

.cart-table .btn-update {
    margin-left: 10px
}

.cart-table .action-td {
    padding: 15px 0
}

.cart-table .qty-holder {
    width: 125px;
    white-space: nowrap
}


/* Shopping Cart Collateral boxes */

.cart .cart-collaterals {
    margin-bottom: 45px
}

.cart-collaterals>* {
    margin-bottom: 15px
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: 605px
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 294px
}

.cart .cart-collaterals h2 {
    padding: 10px 45px 10px 15px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #000;
    position: relative;
    border-radius: 7px 7px 0 0
}

.cart .crosssell {}

.cart .crosssell h2 {
    font-size: 16px;
    color: #313131;
    font-weight: bold
}

.cart .crosssell .product-image {
    float: left;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px;
    width: 90px
}

.cart .crosssell .product-details {
    margin-left: 105px
}

.cart .crosssell .product-name {
    margin: 5px 0 5px
}

.cart .crosssell li.item {
    margin: 12px 0
}

.cart .crosssell .link-compare {
    font-weight: normal
}

.cart .crosssell .price-box {
    margin: 5px 0 10px
}

.cart .crosssell button.button>span {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 12px
}

.cart .crosssell button.button:hover>span {
    border: 1px solid #08c;
    background: #08c
}

.cart .crosssell button.button span {
    color: #777;
    font-size: 12px;
    line-height: 25px;
    min-width: 0
}

.cart .crosssell button.button:hover span {
    color: #fff
}

.cart .crosssell .add-to-links {
    display: none
}


/* Discount Codes &Estimate Shipping and Tax Boxes */

.cart .discount,
.cart .shipping {
    margin-bottom: 15px
}

.cart .discount .input-box {
    font-size: 13px;
}

.cart .discount h2,
.cart .shipping h2 {
    cursor: pointer;
    border-radius: 7px
}

.cart .discount h2.opened,
.cart .shipping h2.opened {
    border-radius: 7px 7px 0 0
}

.cart .discount h2:before,
.cart .shipping h2:before {
    content: "\e80b";
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #ccc;
    font-family: 'porto';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    background-color: #fff;
    font-size: 10px
}

.cart .discount h2.opened:before,
.cart .shipping h2.opened:before {
    content: "\e80d"
}

.cart .discount h2:hover:before,
.cart .shipping h2:hover:before {
    background: #08c;
    border-color: #08c;
    color: #fff
}

.cart .discount h2+*,
.cart .shipping h2+* {
    display: none
}

.cart .cart-collaterals h2+* {
    padding: 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
}

.cart .discount p,
.cart .shipping p {
    font-size: 14px
}

.cart .discount .form-list label,
.cart .shipping .form-list label {}

.cart .discount button span,
.cart .shipping button span {}

.cart .discount .buttons-set,
.cart .shipping .buttons-set {
    margin: 10px 0 0;
    border: 0;
    padding: 0;
    text-align: left
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
    float: none;
    margin-left: 0;
    width: 100%
}

.cart .discount h2 {}

.cart .discount input.input-text {
    width: 100%
}

.cart .shipping .sp-methods {
    margin: 10px 0 0;
    padding: 5px 0 0
}


/* Shopping Cart Totals */

.cart .totals {}

.cart .totals table {
    width: 100%
}

.cart .totals tr {
    border-bottom: 1px solid #dcdcdc
}

.cart .totals td {
    padding: 10px;
    line-height: 1.4;
    font-size: 15px;
    font-weight: 300;
    text-align: left !important
}

.cart .totals .price {
    display: block;
    text-align: right;
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.cart .totals tbody tr:first-child .price,
.cart .totals tfoot .price {}

.cart .totals tr.last td {}

.cart .totals tfoot th {
    padding: 5px 15px 5px 7px
}

.cart .totals tfoot td {}

.cart .totals tfoot th strong,
.cart .totals tfoot td strong {}

.cart .totals .checkout-types {
    font-size: 13px;
    text-align: center
}

.cart .totals .checkout-types li {
    clear: both;
    margin: 10px 0
}

.cart .totals tfoot tr {
    border-bottom-width: 0
}

.cart .totals button.button {
    width: 100%
}

.cart .totals tfoot th strong,
.cart .totals tfoot td strong {
    font-weight: 300
}

.cart .totals tfoot .price {
    font-size: 17px
}


/* Options Tool Tip */

.item-options dt {
    font-weight: bold;
    font-style: italic
}

.item-options dd {
    padding-left: 10px;
    margin: 0 0 6px
}

.truncated {
    cursor: help
}

.truncated a.dots {
    cursor: help
}

.truncated a.details {
    cursor: help
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6
}

.truncated .truncated_full_value .item-options>p {
    font-weight: bold;
    text-transform: uppercase
}

.truncated .show .item-options {
    top: -20px;
    left: 50%
}

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px
}


/* Checkout ============================================================================== */


/********** <Common Checkout Styles */


/* Shipping and Payment methods */

.sp-methods {
    margin: 0 0 8px
}

.sp-methods dt {
    font-weight: normal;
    margin-bottom: 10px
}

.sp-methods dd {}

.sp-methods dd li {
    margin: 5px 0
}

.sp-methods label {
    font-weight: normal;
    color: #777;
    vertical-align: middle;
    line-height: 19px
}

.sp-methods .price {
    font-weight: normal;
    color: #08c;
    letter-spacing: 0
}

.sp-methods .form-list {}

.sp-methods .form-list li {
    margin: 0 0 8px
}

.sp-methods select.month {
    width: 154px;
    margin-right: 10px
}

.sp-methods select.year {
    width: 96px
}

.sp-methods input.cvv {
    width: 4em !important
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right
}

.sp-methods .checkmo-list address {
    float: left
}

.sp-methods .centinel-logos a {
    margin-right: 3px
}

.sp-methods .centinel-logos img {
    vertical-align: middle
}

.sp-methods .release-amounts {
    margin: .5em 0
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0
}

.please-wait {
    float: right
}

.please-wait img {
    vertical-align: middle
}

.cvv-what-is-this {
    font-size: 11px;
    cursor: help;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block
}


/* Tooltip */

.tool-tip {
    border: 1px solid #7BA7C9;
    background: #EAF6FF;
    padding: 15px 20px;
    position: absolute;
    z-index: 9999
}

.tool-tip .btn-close {
    margin: -9px -14px 0;
    text-align: right
}

/*.tool-tip .btn-close a {
    display: block;
    margin: 0 0 0 auto;
    width: 15px;
    height: 15px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden
}*/
.tool-tip .btn-close a {
    display: inline;
    margin: 0;
}

.tool-tip .tool-tip-content {
    padding: 5px
}


/* Gift Messages */

.gift-messages h3 {
    font-weight: normal
}

.gift-messages p.control {}

.gift-messages-form {
    position: relative
}

.gift-messages-form label {
    float: none !important;
    position: static !important
}

.gift-messages-form h4 {
    font-size: 12px;
    font-weight: bold
}

.gift-messages-form .whole-order {
    margin: 0 0 25px
}

.gift-messages-form .item {
    margin: 0 0 10px
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
    color: #8a8987
}

.gift-messages-form .item .details {
    margin-left: 90px
}

.gift-messages-form .item .details .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px
}

.gift-messages-form .item .details .form-list .field {
    width: 255px
}

.gift-messages-form .item .details .form-list .input-box {
    width: 240px
}

.gift-messages-form .item .details .form-list input.input-text {
    width: 234px
}

.gift-messages-form .item .details .form-list li.wide .input-box {
    width: 500px
}

.gift-messages-form .item .details .form-list li.wide textarea {
    width: 494px
}

.gift-message-link {
    font-size: 11px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
    padding-right: 7px
}

.gift-message-link.expanded {
    background-position: 100% -40px
}

.gift-message-row {
    background: #f2efe9
}

.gift-message-row .btn-close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/btn_gm-close.gif) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}


/* Checkout Agreements */

.checkout-agreements li {
    margin: 30px 0
}

.checkout-agreements .agreement-content {
    overflow: auto;
    height: 12em;
    padding: 10px;
    background-color: #fbfbfb;
    border: 1px solid #b6b6b6;
    line-height: 1.4;
    border-radius: 5px
}

.checkout-agreements .agree {
    margin: 0;
    padding: 10px 0 10px 11px
}

.checkout-agreements .agree input.checkbox {
    margin-right: 6px
}

.checkout-agreements .agree label {
    font-weight: bold;
    color: #666
}

.opc .checkout-agreements {
    border: 1px solid #d9dde3;
    border-width: 0 1px;
    padding: 5px 30px
}

.opc .checkout-agreements li {
    margin: 20px 0 0
}

.opc .checkout-agreements .agreement-content {
    background-color: #fff;
    border-color: #e4e4e4;
    padding: 5px
}

.opc .checkout-agreements .agree {
    padding-left: 6px
}


/* Centinel */

.centinel {}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.opc .centinel {
    border: 1px solid #bbb6a5;
    border-width: 0 1px 1px;
    padding: 10px 30px
}


/* Generic Info Set */

.info-set {
    background: #fbfaf6 url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_checkout.gif) 0 0 repeat-x;
    border: 1px solid #bbb6a5;
    margin: 0 0 25px;
    padding: 20px
}

.info-set h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px
}

.info-set h3,
.info-set h4 {
    font-size: 13px;
    font-weight: bold;
    color: #E26703
}

.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
    font-weight: normal
}

.info-set h2.legend {
    margin: -20px -20px 15px;
    padding: 5px 10px;
    background: #f9f3e3;
    border-bottom: 1px solid #bbafa0;
    position: relative
}

.info-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c
}

.info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.info-set .box {
    margin: 0 0 15px
}

.info-set .box h2 {
    color: #e26703
}

.info-set .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important
}

.info-set .data-table .product-name a {
    font-weight: bold !important
}

.info-set .data-table .item-options {
    margin: 5px 0 0
}


/********** Common Checkout Styles >*/


/* One Page Checkout */

.block-progress {
    border: 0;
    margin: 0
}

.block-progress .block-title {
    background: none;
    border: 0;
    padding: 0
}

.block-progress .block-title strong {
    color: #313131
}

.block-progress .block-content {
    background: none
}

.block-progress dt {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 7px;
    color: #313131;
    font-size: 13px;
    font-weight: bold;
    margin-top: 13px;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase
}

.block-progress dd {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 0 0 7px 7px;
    border-top-width: 0;
    font-size: 13px;
    padding: 10px 15px
}

.block-progress dt.complete {
    border-radius: 7px 7px 0 0
}

.block-progress dd.complete {}

.block-progress dt .changelink {
    text-transform: none;
    font-weight: normal
}

.block-progress p {
    margin: 0
}

.block-progress .cards-list dt {
    background: none;
    border: 0 none;
    color: inherit;
    font-size: 12px;
    margin: 5px 0;
    padding: 0
}

.block-progress .cards-list dd {
    border: 0 none;
    margin: 0;
    padding: 0
}

.block-progress .cards-list .info-table th {
    font-weight: normal
}


/* show/hide "change"link for progress step depend on complete status

 * should be placed in .css file */

.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
    display: inline
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
    display: none
}

.opc .buttons-set {}

.opc #checkout-step-billing .buttons-set,
.opc #checkout-step-shipping .buttons-set {}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px
}

.opc .buttons-set .back-link small {
    display: none
}

.opc .buttons-set .back-link a {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/i_arrow-top.gif) 0 50% no-repeat;
    padding-left: 16px
}

.opc .buttons-set.disabled button.button {
    display: none
}

.opc .buttons-set .please-wait {}

.opc .buttons-set .please-wait i.icon-spin6 {}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px
}

.opc {
    position: relative
}

.opc li.section {
    margin-bottom: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-radius: 6px
}

.opc .step-title {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f6f6f6;
    padding: 15px;
    text-align: right
}

.opc .step-title .number {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    color: #08c;
    font-size: 16px;
    line-height: 1
}

.opc .step-title h2 {
    float: left;
    margin: 0;
    line-height: 1;
    color: #08c;
    font-size: 16px
}

.opc .step-title a {
    display: none;
    float: right;
    font-size: 13px;
    line-height: 1
}

.opc .allow .step-title {
    background: #f6f6f6;
    color: #777;
    cursor: pointer
}

.opc .allow .step-title .number {}

.opc .allow .step-title h2 {}

.opc .active .step-title {
    cursor: default;
    border-bottom-width: 0;
    border-radius: 6px 6px 0 0
}

.opc .active .step-title .number {}

.opc .active .step-title h2 {}

.opc .step {
    position: relative;
    padding: 20px 15px;
    border: 1px solid #ddd;
    border-top-width: 0;
    border-radius: 0 0 6px 6px
}

.opc .step .tool-tip {
    right: 160px
}

.opc ul li {
    line-height: 20px
}

#opc-login .buttons-set {
    padding: 0
}

#opc-login .col2-set .content {
    min-height: 280px
}

#opc-login h3 {
    text-transform: uppercase;
    margin-bottom: 10px
}

#opc-login h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0;
    color: #777
}

#opc-login .step>.row .col-sm-6:first-child {}

#opc-login .contents-area {
    min-height: 225px
}

#opc-shipping_method .buttons-set {
    border-top: 0
}

.opc .gift-messages-form {
    margin: 0 -30px;
    background: #f6f1eb;
    border: 1px solid #e9e4de;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px
}

.opc .gift-messages-form .inner-box {
    padding: 5px;
    height: 260px;
    overflow: auto
}

#opc-review .step {
    font-size: 14px
}

#opc-review .product-name {
    font-size: 14px
}

#opc-review .price {}

#opc-review tr td.last .cart-price .price {
    color: #08c
}

#opc-review .data-table tfoot td {
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 300
}

#opc-review .data-table tfoot td strong {
    font-weight: 300
}

#opc-review tfoot .price {
    font-weight: normal
}

#opc-review tfoot tr .price {
    color: #313131;
    font-weight: 600
}

#opc-review tfoot tr.last td {
    background-color: #f6f6f6
}

#opc-review .item-options {
    margin: 5px 0 0
}

#opc-review .buttons-set {}

#opc-review .buttons-set p {
    margin: 0;
    line-height: 40px
}

#opc-review .buttons-set .please-wait {
    height: 60px;
    line-height: 60px
}

#opc-review .authentication {
    margin: 0 auto;
    width: 570px
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0
}


/* Multiple Addresses Checkout */

.checkout-progress {
    padding: 0 90px;
    margin: 0 0 20px
}

.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 3px 0 0;
    border-top: 10px solid #999;
    padding: 7px 0 0;
    text-align: center;
    color: #abb5ba
}

.checkout-progress li.active {
    border-top-color: #08c;
    color: #08c
}

.multiple-checkout h2 {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0
}

.multiple-checkout h3,
.multiple-checkout h4 {
    font-size: 13px;
    font-weight: 600
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
    font-weight: normal
}

.multiple-checkout .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important
}

.multiple-checkout .data-table .product-name a {
    font-weight: bold !important
}

.multiple-checkout .data-table .item-options {
    margin: 5px 0 0
}

.multiple-checkout .box .box-title,
.multiple-checkout .box .box-content {
    border-radius: 0
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 20px
}

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    display: block;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)
}

.multiple-checkout .col2-set h2.legend {
    margin: 0 0 15px;
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
    position: relative
}

.multiple-checkout .col2-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c
}

.multiple-checkout .col2-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.multiple-checkout .box {
    margin: 0 0 15px
}

.multiple-checkout .box h2 {}

.multiple-checkout .place-order .please-wait {
    float: right;
    padding: 11px 15px 0 0
}

.multiple-checkout .place-order .grand-total {
    float: right;
    height: 71px;
    font-size: 1.5em;
    overflow: hidden
}

.multiple-checkout .place-order .grand-total .inner {
    float: left;
    height: 57px
}

.multiple-checkout .place-order .grand-total .inner div {
    display: inline
}

.multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 12px;
    line-height: 1.4
}

.multiple-checkout .place-order .grand-total .price {
    color: #08c
}

.multiple-checkout .place-order .grand-total button.button span {
    font-size: 16px
}

.multiple-checkout .place-order .grand-total button.button span span {
    padding: 0 45px 0 36px
}


/* Step 1 */

#multiship-addresses-table td {
    padding: 10px
}

#multiship-addresses-table tfoot td {
    padding: 5px 10px
}


/* Step 2 */

.multiple-checkout .gift-messages-form .item .details .form-list {
    width: 100%;
    overflow: hidden
}

.multiple-checkout .gift-messages-form .item .details .form-list li {
    margin-right: -15px
}

.multiple-checkout .gift-messages-form .item .details .form-list .field {
    width: 230px
}

.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
    width: 215px
}

.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
    width: 209px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 445px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
    width: 439px
}

.checkout-multishipping-shipping .box-sp-methods {
    position: relative
}

.checkout-multishipping-shipping .box-sp-methods .pointer {
    display: none
}


/* Step 3 */

.checkout-multishipping-billing .multiple-checkout {
    position: relative
}


/* Account Login/Create Pages ============================================================ */

.account-login .content {
    min-height: 275px
}

.account-login .new-users,
.account-login .registered-users {}

.account-login .new-users h2,
.account-login .registered-users h2 {}

.account-login .buttons-set {}

.account-create {}


/* Captcha ================================================================================ */

.captcha-note {
    clear: left;
    padding-top: 5px
}

.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px
}

.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%
}

.registered-users .captcha-image {
    margin: 0
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear
}

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

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0)
    }
    0% {
        -moz-transform: rotate(-360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    0% {
        transform: rotate(-360deg)
    }
}


/* Remember Me Popup ===================================================================== */

.window-overlay {
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990
}

.remember-me label {
    float: none;
    margin: 0 6px
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #ccc;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    box-shadow: 0 0 6px #ccc;
    z-index: 1000
}

.remember-me-popup h3 {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 10px
}

.remember-me-popup .remember-me-popup-head {
    position: relative
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    height: 15px;
    width: 15px;
    text-indent: -9999em
}

.remember-me-popup .remember-me-popup-body {
    padding: 10px
}

.remember-me-popup .remember-me-popup-body a {
    display: inline-block;
    height: 19px;
    border: 1px solid #de5400;
    background: #f18200;
    padding: 0 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff
}


/* Remember Me Popup ===================================================================== */


/* My Account ============================================================================= */

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0
}


/********** <Dashboard */

.dashboard .welcome-msg {
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    margin: 0;
    padding: 10px
}

.dashboard .welcome-msg p {
    margin: 0
}

.dashboard .welcome-msg p.hello {
    float: left;
    margin-right: 5px
}

.dashboard .col2-set {
    margin: 0 0 25px
}


/* General Box */

.box-account {
    margin: 30px 0
}

.box-account .box-head {
    margin: 0 0 10px;
    text-align: right;
    line-height: 1.4
}

.box-account .box-head h2 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    line-height: 1.4
}

.box .box-title {
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 7px 7px 0 0
}

.box .box-content {
    padding: 20px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb;
    min-height: 135px
}

.box .box-title h3,
.box .box-title h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
    color: #313131;
}

.box .box-title a {
    float: right;
    line-height: 18px;
    font-size: 12px
}


/* Block:Reviews */

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c
}

.dashboard .box-reviews .details {
    margin-left: 20px
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px
}

.dashboard .box-reviews li.item.last {
    margin: 0
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0
}


/* Block:Tags */

.dashboard .box-tags .box-head h2 {
    background-image: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/i_ma-tags.gif)
}

.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c
}

.dashboard .box-tags .details {
    margin-left: 20px
}

.dashboard .box-tags li.item {
    margin: 0 0 7px
}

.dashboard .box-tags li.item.last {
    margin: 0
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
    display: inline
}


/********** Dashboard >*/


/* Address Book */

.addresses-list h2 {
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    line-height: 1.4
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 13px
}

.addresses-list address {
    margin: 0 0 3px
}

.addresses-list p {
    margin: 0
}

.addresses-list a {
    font-weight: bold
}

.addresses-list .link-remove {
    color: #646464
}

.addresses-list .separator {
    margin: 0 3px
}

.addresses-list li.item {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 15px;
    margin: 0 0 10px
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0
}

.addresses-list li.empty p {
    font-weight: bold
}

.addresses-list .addresses-additional li.item {
    background: none;
    border: 0;
    padding: 0
}


/* Order View */

.order-info {
    color: #313131;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline
}

.order-info .current {
    font-weight: bold
}

.order-info li {
    margin: 0 3px
}

.order-date {
    margin: 10px 0
}

.order-info-box {
    margin-bottom: 25px
}

.order-info-box h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0
}

.order-info-box .box-payment p {
    margin: 0 0 3px
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px
}

.table-caption {
    clear: none;
    font-size: 15px;
    font-weight: bold;
    color: #313131;
    padding: 0;
    margin: 0 0 10px
}

.order-details .product-name {}

.order-details .link-print {
    color: #1e7ec8;
    font-weight: normal
}

.order-details .order-links {
    text-align: right
}

.order-additional {
    margin: 15px 0
}


/* Order Gift Message */

.gift-message dt strong {
    color: #666
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0
}


/* Order Comments */

.order-about dt {
    font-weight: bold
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px
}

.tracking-table {
    margin: 0 0 15px;
    border-top: 1px solid #dcdcdc
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap
}

.tracking-table-popup {
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px
}


/* Order Print Pages */

.page-print .print-head {
    margin: 0 0 15px
}

.page-print .print-head .logo {
    float: left
}

.page-print .print-head address {
    float: left;
    margin-left: 15px
}

.page-print h1 {
    font-size: 16px;
    font-weight: bold
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: bold
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold
}

.page-print .order-date {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px
}

.page-print .col2-set {
    margin: 0 0 10px
}


/* Price Rewrites */

.page-print .gift-message-link {
    display: none
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline
}


/* My Wishlist */

#wishlist-table td {}

#wishlist-table .product-name {
    margin-bottom: 10px;
}

#wishlist-table .product-name a {
    color: #08c;
    font-weight: normal
}

#wishlist-table .description {
    margin-bottom: 10px
}

#wishlist-table textarea {
    display: block;
    width: 100%;
    height: 109px
}

#wishlist-table .buttons-set {
    margin-top: 2em
}

#wishlist-table .buttons-set button.button {
    float: none
}

#wishlist-table .buttons-set .btn-add span,
#wishlist-table .buttons-set .btn-share span {
    border-color: #406a83;
    background: #618499
}

#wishlist-table .add-to-links {
    white-space: nowrap
}


/* My Tags */

.my-tag-edit {
    float: left;
    margin: 0 0 10px
}

.my-tag-edit .btn-remove {
    float: right;
    margin: 4px 0 0 5px
}

#my-tags-table {
    clear: both
}

#my-tags-table td {
    padding: 10px
}

#my-tags-table .add-to-links {
    white-space: nowrap
}


/* My Reviews */

#my-reviews-table tbody {
    border-top: 1px solid #dcdcdc
}

#my-reviews-table td {
    padding: 10px
}

.product-review .product-img-box {
    float: left;
    width: 140px
}

.product-review .product-img-box .product-image {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
    width: 125px;
    height: 125px
}

.product-review .product-img-box .label {
    font-size: 11px;
    margin: 0 0 3px
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px
}

.product-review .product-details {
    margin-left: 150px
}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px
}

.product-review h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #2f2f2f
}

.product-review .ratings-table {
    margin: 0 0 10px
}

.product-review dt {
    font-weight: bold
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0
}


/* Billing Agreements */

.billing-agreements .info-box {
    margin: 15px 0
}

.billing-agreements .form-list li select {
    float: left
}

.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px
}

.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px
}


/* MAP Popup============================================================================== */

.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: center;
    line-height: 1.4;
    text-transform: uppercase
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
    text-shadow: 0 1px 0 #fff
}

.map-popup {
    background: #fff;
    border: 1px solid #aaa;
    margin: 12px 0 0;
    position: absolute;
    box-shadow: 0 0 6px #ccc;
    text-align: left;
    width: 300px;
    z-index: 100
}

.map-popup-heading {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    padding: 5px 30px 5px 10px;
    width: 260px
}

.map-popup-heading h2 {
    font-size: 16px;
    margin: 0;
    text-shadow: 0 1px 0 #f6f6f6;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis
}

.map-popup-arrow {
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px
}

.map-popup-close {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 15px;
    width: 15px;
    text-indent: -9999em;
    box-shadow: 0 0 3px #999;
    border-radius: 2px
}

.map-popup-content {
    border-top: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
    text-align: left;
    width: 280px
}

.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right
}

.map-popup-checkout span {
    display: block
}

.map-popup-checkout .paypal-or {
    clear: both;
    display: block
}

.map-popup-checkout .paypal-logo {
    margin: 0 0 5px
}

.map-popup-checkout li {
    list-style: none
}

.map-popup-checkout {
    text-align: center
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0
}

.map-popup-price {
    margin: 5px 0 0
}

.map-popup-text {
    clear: right;
    margin: 0 10px;
    padding: 10px 0;
    text-align: left;
    word-wrap: break-word
}

.map-popup-only-text {
    border-top: 1px solid #ddd
}


/* ======================================================================================= */

.owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    background: #a0a09f;
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #08c
}


/* Footer ================================================================================ */

.footer-container {
    border-top: 0
}

.footer {}

.footer .block .block-content {
    background-color: transparent;
    padding: 0
}

.footer-top {
    background-color: #f0f0ed;
    padding: 15px 0
}

#feed-container {
    padding: 50px 0
}

#feed-container .owl-item {}

#feed-container .owl-item .item {
    padding: 0 20px 0 90px;
    text-align: left;
    color: #121214;
    line-height: 1.5;
    font-size: 16px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/i_twitter.png) 20px 0 no-repeat
}

#feed-container .timePosted {
    font-size: 14px;
    font-style: italic;
    color: #777
}

.cms-index-index .footer-container.fixed-position {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin: 0
}

.cms-index-index .footer-container.fixed-position .footer-top,
.cms-index-index .footer-container.fixed-position .footer-middle {
    display: none
}

.cms-index-index .footer-container.fixed-position .footer-bottom {
    padding: 5px 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.footer-container.fixed-position .footer-bottom .custom-block {
    margin-left: 20px
}

.footer-container.fixed-position .footer-bottom .custom-block.f-right {
    margin-left: 60px
}

.footer-container .bottom-container {
    margin: 0 0 5px
}

.footer-middle {
    background-color: #121214;
    color: #777;
    padding: 40px 0;
    font-size: 13px
}

.footer-middle a {
    color: #fff
}

.footer-middle a:hover {
    color: #fff;
    text-decoration: underline
}

.footer-middle ul.links {
    padding: 0;
    margin-top: -5px
}

.footer-middle ul.links li {
    position: relative;
    padding: 10px 0;
    line-height: 1;
    display: block
}

.footer-middle ul.links li i {
    margin-left: -5px
}

.footer-middle ul.features {
    padding: 0;
    margin-top: -5px
}

.footer-middle ul.features li {
    position: relative;
    padding: 10px 0;
    line-height: 1;
    display: block
}

.footer-middle ul.features li i {
    margin-left: -5px;
    margin-right: 3px
}

.footer-middle p {
    margin-bottom: 15px;
    color: #777
}

.footer-middle p.label {
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    padding: 0
}

.footer-middle ul {
    padding: 0
}

.footer-middle .block {
    text-align: left;
    line-height: 1.5;
    border: 0;
    margin: 0;
    background-color: transparent;
    float: none;
    width: auto
}

.footer-middle .block .block-title {
    margin-bottom: 20px
}

.footer-middle .block .block-title strong {
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    line-height: inherit;
    color: #fff;
    text-transform: none
}

.footer-middle .contact-info li {
    padding: 5px 0
}

.footer-middle .contact-info li:first-child {
    padding-top: 0
}

.footer-middle .contact-info p {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.footer-middle .contact-info i {
    color: #777;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px
}

.footer-ribbon {
    position: absolute;
    margin: -56px 0 25px 0px;
    padding: 10px 20px 6px 20px;
    background-color: #08c;
}

.footer-ribbon:before {
    border-right: 10px solid #005580;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
}

.footer-ribbon span {
    color: #fff;
    font-size: 20px;
    font-family: "Shadows Into Light", cursive
}

.block.block-facebook-like .block-title a.btn-like {
    background-color: #08c;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    margin-top: 12px;
    font-weight: 400;
    margin-right: 55px
}

.footer-middle .block.block-subscribe .input-box {
    padding: 0;
    margin-top: 50px
}

.footer-middle .block.block-subscribe .input-box input.input-text {
    float: left;
    height: 30px;
    padding: 0 10px;
    padding-right: 85px;
    border: 0;
    background-color: #dcdcdc;
    border-radius: 5px;
    max-width: 300px
}

.footer-middle .block.block-subscribe .input-box button {
    float: left;
    width: 75px;
    margin-left: -75px
}

.footer-middle .block.block-subscribe .input-box button span {
    padding: 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 5px 5px 0;
    font-weight: normal;
    min-width: 75px
}

.footer-middle .block.block-subscribe em {
    color: #cef09d;
    font-size: 12px;
    display: block;
    margin: 5px 0
}

.footer-middle .block-tweets ul {
    margin-top: -15px
}

.footer-middle .block-tweets ul li {
    padding: 15px 0;
    border-top: 1px solid #75b11f
}

.footer-middle .block-tweets ul li:first-child {
    border-top: 0
}

.footer-middle .block-tweets p.tweet {
    margin-bottom: 10px
}

.footer-middle .block-tweets p.timePosted {
    margin-bottom: 0;
    color: #a5d75f;
    font-size: 11px;
    font-style: italic
}

.footer-middle .block-flickr-photos .block-content {
    margin: -5px
}

.footer-middle .block-flickr-photos a.flickr-image {
    width: 65px;
    display: inline-block;
    margin: 5px
}

.footer-middle .block-flickr-photos a.flickr-image:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.footer-middle .block-flickr-photos a.flickr-image img {
    width: 100%
}

.footer-middle .fb-persons {
    margin: -5px
}

.footer-middle .fb-persons .fb-person {
    display: inline-block;
    width: 75px;
    padding: 5px;
    text-align: center
}

.footer-middle .fb-persons .fb-person a {
    width: 100%;
    display: inline-block
}

.footer-middle .fb-persons .fb-person a:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.footer-middle .fb-persons .fb-person a img {
    width: 100%
}

.footer-bottom {
    min-height: 50px;
    line-height: 40px;
    background-color: #0c0c0c;
    padding: 25px 0
}

.footer-bottom a.logo {
    float: left;
    margin-right: 45px
}

.footer-bottom a.logo img {
    display: inline-block;
    vertical-align: middle
}

.footer-bottom .custom-block {
    float: left;
    margin-left: 60px
}

.footer-bottom .custom-block img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.footer-bottom address {
    float: right;
    line-height: 40px
}

#totop {
    height: 40px;
    position: fixed;
    right: 15px;
    width: 40px;
    z-index: 9999;
    bottom: 0;
    background-color: #404040;
    font-size: 16px;
    color: #08c;
    text-align: center;
    line-height: 1;
    padding: 11px 0;
    display: none;
    border-radius: 5px 5px 0 0
}

#totop:hover {
    background-color: #555
}

.footer .social-icons {
    float: left
}

.social-icons a:first-child {
    margin: 0
}

.footer .social-icons a {
    background-color: #9e9e9e;
    border-radius: 50%
}

.footer .social-icons a.icon1-class:hover {
    background-color: #3c599b
}

.footer .social-icons a.icon2-class:hover {
    background-color: #1ca8e3
}

.footer .social-icons a.icon3-class:hover {
    background-color: #4975b6
}

.footer-bottom ul.links a {
    color: #777;
    font-size: 11px
}

.footer-bottom ul.links li {
    padding: 0 12px;
    border-right: 1px solid #bbb;
    font-size: 11px
}

.footer-bottom ul.links li:first-child {
    padding-left: 0
}


/* Sample Data============================================================================ */

.home-callout {
    margin-bottom: 12px
}

.home-callout img {
    display: block
}

.home-spot {
    float: left;
    width: 470px;
    margin-left: 20px
}

.best-selling h3 {
    margin: 12px 0 6px 0;
    color: #e25203;
    font-size: 1.2em
}

.best-selling table {
    border-top: 1px solid #ccc
}

.best-selling tr.odd {
    background: #eee url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x
}

.best-selling tr.even {
    background: #fff url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/best_selling_tr_even_bg.gif) 0 100% repeat-x
}

.best-selling td {
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 8px 8px;
    font-size: 11px
}

.best-selling .product-img {
    float: left;
    border: 2px solid #dcdcdc
}

.best-selling .product-description {
    margin-left: 107px;
    line-height: 1.3em
}

.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover {
    color: #203548
}


/* Clears ================================================================================ */

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.form-list .input-box:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.box-content:after,
.block-content:after,
.postDetails:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}


/* ======================================================================================= */

.guest-select {
    width: 305px !important
}

.background-overlay {
    background-color: transparent;
    opacity: .5;
    filter: Alpha(Opacity=50);
    left: 0;
    top: 0
}

.fancybox-wrap,
.fancybox-wrap * {
    transition: initial;
    -webkit-transition: initial
}


/*** Revolution Slider ***/

.home-slider-container,
.home-slider-container * {
    transition: initial;
    -webkit-transition: initial
}

.home-slider-container .tp-banner-container {
    margin: 0;
    border: 0
}

.sharing-tool-area,
.addthis_toolbox {
    margin-top: 20px;
    padding-bottom: 20px
}

.col1-layout .sharing-tool-area {
    float: right
}

.sharing-tool-area .addthis_default_style .at300m,
.sharing-tool-area .addthis_default_style .at300b {
    padding: 3px
}

.sharing-tool-area .addthis_default_style .addthis_counter {
    margin: 3px 0
}

.sharing-tool-area .addthis_32x32_style .at300bs {
    border-radius: 3px
}

.block.block-related {
    border: 0;
    border-radius: 5px
}

.block.block-related .block-title {
    background-color: transparent;
    border: 0
}

.block.block-related .block-title strong {
    font-size: 18px;
    padding: 10px 0;
    line-height: 1;
    color: #313131
}

.block.block-related .block-content {
    background-color: transparent;
    padding-bottom: 30px
}

.block.block-related .block-subtitle {
    padding: 0;
    min-height: 38px
}

.block.block-related .item {
    padding: 0
}

.block.block-related .owl-theme .owl-controls {
    position: absolute;
    right: 0;
    top: -73px
}

.block.block-related .owl-theme .owl-controls .owl-buttons div {
    color: #08c;
    font-size: 13px;
    padding: 0;
    margin: 0;
    background: transparent
}

.block.block-related .product {
    margin: 10px 0 15px;
    position: relative
}

.block.block-related .product input.checkbox {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1001;
    margin: 0
}

.block.block-related .product .product-image {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    padding: 1px
}

.block.block-related .product .product-image img {
    width: 100%;
    border-radius: 5px
}

.block.block-related .product-details {
    padding: 0
}

.sidebar .custom-block {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/bkg_4.png) bottom no-repeat
}

.sidebar .custom-block.custom-block-1 {
    padding-bottom: 20px
}

.sidebar .custom-block-1>div {
    min-height: 50px;
    margin-bottom: 20px;
    clear: both
}

.sidebar .custom-block-1>div i {
    font-size: 30px;
    color: #000;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #bbb;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px
}

.sidebar .custom-block-1>div h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
    margin-left: 50px;
    padding-top: 4px
}

.sidebar .custom-block-1>div p {
    font-size: 12px;
    margin: 0;
    margin-left: 50px;
    line-height: 1
}

.onepagecheckout_datafields .form-list li {
    margin: 0
}

.onepagecheckout_datafields .form-list .field {
    width: 100%;
    float: none;
    margin: 0
}

.onepagecheckout_datafields .form-list .input-box {
    margin-bottom: 20px
}

p.newsletter label {
    color: #777;
    line-height: 20px
}

.gift-messages p.control label {
    line-height: 20px
}

.op_login_area {
    width: 300px;
    padding: 20px
}

.onepagecheckout-index-index .page-title {
    border: 0;
    margin: 20px 0
}

.order-products-table .price {
    letter-spacing: 0;
    color: #08c
}

.discount-form label {
    font-size: 14px
}

.discount-form input.input-text {
    height: 38px;
    border: 1px solid #ccc;
    padding: 0 20px
}

.block.block-account .block-content {}

.block-account ul li,
.block.block-blog-categories .blog-category {
    padding: 8px 3px 8px 18px;
    position: relative;
    line-height: 1.3;
    border-bottom: 1px solid #ddd
}

.block-account ul li strong {
    font-weight: normal
}

.block-account ul li strong,
.block-account ul li a:hover,
.block.block-blog-categories a:hover {
    color: #08c
}

.block-account ul li strong:before,
.block-account ul li a:before,
.block.block-blog-categories a:before {
    content: '\e814';
    font-family: 'porto';
    position: absolute;
    left: 3px
}

.block-account ul li a,
.block.block-blog-categories a {
    color: #777;
    text-decoration: none
}

#my-orders-table .price {
    letter-spacing: 0
}

.my-account .pager {
    margin: 20px 0
}


/*** About US ***/

h2.word-rotator-title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 20px 0;
    color: #121214
}

.word-rotate {
    visibility: hidden;
    width: 100px;
    height: 0;
    margin-bottom: -7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative
}

h2 .word-rotate {
    margin-bottom: -7px
}

.word-rotate.active {
    visibility: visible;
    width: auto
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 100%
}

.word-rotate .word-rotate-items span {
    display: block;
    white-space: nowrap
}

p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px;
    color: #08c;
    font-family: "Shadows Into Light", cursive;
    font-size: 1.6em
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #352065;
    border-color: #352065
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.push-top {
    margin-top: 20px
}

.btn-primary:hover {
    color: #fff;
    background-color: #352065;
    opacity: 0.7;
}

.btn:hover {
    text-decoration: none
}

hr.tall {
    margin: 30px 0;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    border: 0;
    height: 1px
}

.entry-content h3 {
    font-size: 1.7em;
    font-weight: normal;
    color: #08c;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: uppercase
}

.entry-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.entry-content .lead {
    font-size: 21px;
    line-height: 1.4
}

.history {
    margin: 25px 0;
    padding: 0;
    clear: both
}

.history .thumb {
    background: transparent url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/history-thumb.png) no-repeat 0 0;
    width: 227px;
    height: 160px;
    margin: 0 0 30px;
    padding: 0;
    float: left
}

.history .thumb img {
    border-radius: 50%;
    margin: 7px 8px;
    width: 145px;
    height: 145px
}

.featured-box {
    background: #f5f5f5;
    background-color: transparent;
    background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1
}

.history .featured-box {
    text-align: left;
    margin-left: 225px;
    margin-bottom: 35px;
    min-height: 115px
}

.featured-box .box-content {
    border-radius: 8px;
    border-top: 4px solid #08c;
    padding: 30px 20px 0
}

.history .featured-box .box-content {
    border-top-color: #08c
}

.history h4 {
    float: left;
    margin: 15px 0;
    padding: 0;
    color: #08c;
    line-height: 27px
}

.featured-box h4 {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.7px;
    text-transform: uppercase
}

.history p {
    margin: 0 0 20px;
    margin-left: 55px;
    line-height: 24px
}

.featured-box .block-flickr-photos {
    border: 0
}

.featured-box .block-flickr-photos .block-title {
    display: none
}

.featured-box .block-flickr-photos a.flickr-image {
    margin: 5px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 5px;
    border-radius: 5px
}

.featured-box .block-flickr-photos a.flickr-image img {
    max-width: 100%;
    width: 75px
}

.shop-features {
    text-align: center
}

.shop-features h2.shop-features-title {
    position: relative;
    text-align: center;
    margin: 30px 0
}

.shop-features h2.shop-features-title:before {
    content: "";
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%
}

.shop-features h2.shop-features-title span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    color: #313131;
    font-weight: 700;
    font-size: 15px
}

.shop-features i {
    color: #333;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 28px
}

.shop-features h3 {
    color: #121214;
    font-size: 15px;
    line-height: 1;
    margin: 20px 0 10px
}

.shop-features p {
    color: #777;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 20px
}

.shop-features a {
    margin: 0;
    font-size: 14px
}

.form-list .input-box.input-textarea {
    border: 0
}

.form-list .input-box.input-textarea label {
    padding: 0;
    vertical-align: top
}

.form-list .input-box.input-textarea label i {
    border: 1px solid #ccc;
    border-right: 0;
    margin: 0;
    border-radius: 3px 0 0 3px
}

.form-list .input-box.input-textarea textarea {}

.contacts-index-index h2.legend {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 0
}

.contacts-index-index .col-main .contact-info i {
    float: left;
    width: 43px;
    height: 43px;
    background-color: #08c;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    border-radius: 6px;
    margin-bottom: 15px
}

.contacts-index-index .col-main .contact-info p {
    margin-left: 55px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px
}

.form-list .input-box label i {
    background-color: #f0f0ed
}

table.for-mobile {
    display: none
}

table.for-desktop {
    display: table
}

.block-compare .block-title strong {}

.page-popup .link-print {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
    font-weight: bold;
    color: #1e7ec8
}

.compare-table {
    border: 0
}

.compare-table thead tr.first th,
.compare-table thead tr.first td {
    border: 0;
    background: none;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.compare-table .btn-remove {
    float: right;
    width: 72px;
    height: 15px
}

.compare-table tbody th {}

.compare-table tbody th,
.compare-table tbody td {
    padding: 10px;
    border: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    vertical-align: top
}

.compare-table tbody td .std {
    text-align: left
}

.compare-table tbody td.last {}

.compare-table tbody tr.last th,
.compare-table tbody tr.last td {}

.compare-table tr.add-to-row td {
    background: #f7f7f7;
    text-align: center
}

.compare-table tr.first td {
    text-align: center
}

.compare-table tr.first td .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px
}

.compare-table tr.first td .product-name a {}

.compare-table tr.first td .ratings {
    width: 69px;
    margin: 0 auto
}

.compare-table tr.first td p,
.compare-table tr.add-to-row td p {
    margin: 0
}

.data-table.compare-table {
    border: 1px solid #dcdcdc
}

.data-table.compare-table td {
    border: 0;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.5
}

.data-table.compare-table th {
    text-align: right;
    text-transform: uppercase;
    background: #f7f7f7;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc
}

.data-table.compare-table .ratings {
    margin: 0
}

.data-table.compare-table .ratings .rating-box {
    float: none;
    margin: 0 auto
}

.data-table.compare-table .ratings .amount {
    margin-top: 5px;
    display: none;
    margin: 0 auto
}

.data-table.compare-table .ratings .amount a {}

.data-table.compare-table .price-box {
    margin: 0
}

.data-table.compare-table .price-box p {
    float: none;
    display: inline-block
}

.compare-table tr.product-img-row td {
    padding: 20px 30px;
    position: relative
}

.compare-table tr.product-img-row td a.btn-remove2 {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px
}

.compare-table tr.product-img-row .product-image img {
    width: 100%
}

.compare-table tr.product-img-row td .product-name {
    margin: 15px 0 0
}

.compare-table tbody tr.last td {
    vertical-align: middle;
    border-bottom: 0
}

.blank-rating {
    display: none
}

.data-table.compare-table .blank-rating {
    display: block
}

.data-table.compare-table tr.add-to-row td {
    background: none
}


/*** Blog ***/

.block.block-blog-categories a {
    font-size: inherit;
    margin-left: 0
}

.block.block-blog-recent ul li {
    margin: 0;
    padding: 10px 0
}

.block.block-blog-recent ul li div.post-image {
    border-radius: 4px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 12px
}

.block.block-blog-recent ul li div.post-image:after {
    display: table;
    content: "";
    clear: both
}

.block.block-blog-recent ul li a {
    font-family: inherit;
    font-size: inherit;
    color: #08c;
    line-height: 18px
}

.block.block-blog-recent ul li div.post-time {
    color: #888;
    font-size: 12px;
    line-height: 24px;
    font-family: inherit;
    font-style: normal;
    text-align: left;
    margin: 0
}

.block.block-blog-tags ul li a {
    font-family: inherit;
    font-weight: normal
}

.block.block-blog-tags ul li a:hover {
    text-decoration: none;
    background-color: #08c
}

.posts-wrap {
    margin: 10px 0 0
}

.postBanner {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px
}

.postBanner p {
    line-height: 1;
    margin: 0
}

.postBanner .owl-item .item {
    width: 100%
}

.postBanner .owl-item .item img {
    width: 100%
}

.postBanner img {
    width: 100%;
    border-radius: 3px
}

.postBanner iframe {
    min-height: 300px
}

.postBanner .owl-theme .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.postTitle {
    border: 0
}

.postTitle h2 {
    font-weight: 600;
    margin: 0 0 10px 0
}

.postTitle h2 a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none
}

.postWrapper {
    margin-left: 60px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.postBanner {
    margin-left: -60px
}

.postContent {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px
}

.recent-posts .postContent>p {
    margin: 0
}

.recent-posts a.readmore {
    font-weight: 300;
    font-size: 16px
}

.postWrapper .post-date {
    margin-left: -60px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    float: left;
    margin-right: 10px;
    text-align: center
}

.postWrapper .post-date .day {
    color: #08c;
    background-color: #f4f4f4;
    border-radius: 2px 2px 0 0;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    line-height: 22px;
    margin-bottom: 3px
}

.postWrapper .post-date .month {
    color: #fff;
    background-color: #08c;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    display: block;
    font-size: 12px;
    padding: 0 10px 2px;
    line-height: 16px
}

.postDetails {
    line-height: 22px
}

.postDetails>span {
    margin-right: 10px
}

.postDetails>span span:last-child {
    display: none
}

.postDetails>span i {
    margin-right: 5px
}

.postDetails>span a {
    color: #777
}

.postDetails>span a:hover {
    color: #08c
}

.postBookmarks a {
    line-height: 1.2
}

.smartwave-blog-read-more {
    color: #777;
    font-size: 13px
}

.postBookmarks {
    padding: 10px 0 0
}

.postBookmarks a {
    color: #777;
    text-decoration: none
}

.postBookmarks a:hover {
    color: #08c
}

.postBookmarks img {
    margin: 0 2px
}

#postComment .form-list .input-box {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#postComment .form-list input.input-text {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555
}

#postComment .form-list textarea {
    height: 150px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555
}

#postComment .form-list label {
    margin-bottom: 5px
}

.postComments {
    margin-left: 60px
}

.post-share {
    padding: 10px 0 0;
    margin-bottom: -5px;
    border-top: 1px solid #ddd
}

.post-share i {
    margin-right: 5px
}

.post-share h3 {
    color: #08c;
    font-size: 13px;
    font-weight: 300;
    margin: 10px 10px 0 0;
    text-transform: none;
    float: left
}

.blog-post-view .postWrapper {
    margin-bottom: 0
}

.postComments .postTitle h2 {
    padding: 20px 0;
    font-size: 1.8em;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: none;
    color: #08c
}

.postComments .toolbar {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 10px
}

form#postComment {
    display: block;
    margin-top: 25px;
    padding: 45px 0 0;
    border-top: 1px solid #ddd
}

#postComment h4.legend {
    padding: 0 0 20px 0;
    font-size: 1.8em;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: none;
    color: #08c
}

.commentWrapper i.icon-user {
    font-size: 50px;
    border: 4px double #ddd;
    background: #fff;
    border-radius: 5px;
    float: left;
    line-height: 70px;
    text-align: center
}

.commentWrapper .comment-area:before {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #F4F4F4;
    border-top: 15px solid transparent;
    height: 0;
    left: -15px;
    position: absolute;
    top: 28px;
    width: 0;
    content: ""
}

.commentWrapper .comment-area {
    margin-left: 110px;
    background: #F4F4F4;
    border-radius: 5px;
    padding: 20px;
    position: relative
}

.commentWrapper .comment-area .commentContent {
    line-height: 22px;
    margin-bottom: 10px
}

.commentWrapper .comment-area .date {
    text-align: right;
    color: #999
}


/***** Home Page *****/


/* Slider */

.cms-index-index .tp-caption {
    text-align: left
}

.cms-index-index .tp-caption.very_large_text {
    color: #08c;
    font-size: 56px;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 13px;
    border: 0;
    text-shadow: none;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.large_thin {
    color: #08c;
    background-color: transparent;
    text-decoration: none;
    font-size: 46px;
    font-weight: 300;
    border: 0;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.small_thin_grey {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #777;
    font-family: "Open Sans";
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    border: 0
}

.cms-index-index .tp-caption a,
.cms-index-index .tp-caption a:hover {
    color: #fff;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.title1 {
    font-size: 36px;
    font-weight: 600;
    color: #08c;
    background-color: transparent;
    text-decoration: none;
    letter-spacing: 8px;
    border: 0;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.small-desc {
    color: #999;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    background-color: transparent;
    text-decoration: none
}

.cms-index-index .white-arrow .tparrows.navbar {
    color: #fff
}

.cms-index-index .tparrows.navbar:hover {
    background-position: 0 -45px !important
}

.cms-index-index .tp-caption.white-title1 {
    text-decoration: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    letter-spacing: 12px;
    border: 0
}

.cms-index-index .tp-caption.small-desc-white {
    color: #fff;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    background-color: transparent;
    text-decoration: none;
    border: 0;
    line-height: 24px
}

.cms-index-index .tp-caption a.btn-white,
.cms-index-index .tp-caption a.btn-white:hover {
    background-color: #fff;
    color: #08c
}

.single-image {
    overflow: hidden;
    text-align: center;
    margin: 15px 0
}

.single-images .single-image {
    margin: 0;
    border-radius: 5px
}

a.single-image {
    display: block;
    margin: 4px;
    border-radius: 5px;
    position: relative
}

a.single-image img {
    width: 100%
}

.single-image img {
    max-width: 100%;
    transition: 0.5s ease
}

.single-image:hover img {
    transform: scale(1.2)
}

.filter-products .products.small-list {
    text-align: left;
    margin-top: -10px
}

.filter-products .products.small-list div.item {
    width: 100%;
    max-width: 300px;
    float: none;
    display: inline-block;
    padding: 0
}

.filter-products .products.small-list div.item .item-area {
    padding: 10px 0 6px
}

.filter-products .products.small-list div.item .product-image-area {
    width: 33%;
    float: left;
    padding: 2px
}

.filter-products .products.small-list div.item .details-area {
    width: 66%;
    float: left;
    text-align: left;
    padding: 10px 16px
}

.filter-products .products.small-list div.item .details-area .ratings {
    background: transparent;
    margin-bottom: 10px
}

.filter-products .products.small-list div.item .price-box {
    margin: 0;
    line-height: 1.2
}

.filter-products .products.small-list div.item .price-box p {
    margin: 0;
    line-height: 1.2
}

h2.sidebar-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    line-height: 1
}

.owl-top-narrow .sidebar-list .owl-controls {
    top: -16px
}

.owl-top-narrow .sidebar-list .owl-controls .owl-buttons div {
    font-size: 16px
}

.filter-products .products.sidebar-list div.item .item-area {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.filter-products .products.sidebar-list div.item:hover .item-area {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.sidebar-filterproducts {
    margin-bottom: 30px
}

.sidebar-filterproducts .owl-top-narrow {
    margin: 0
}


/******** Homepage Bar(5) ***********/

.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb
}

.homepage-bar .col-md-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 21px
}

.homepage-bar .col-md-4:first-child {
    border-left: 0
}

.homepage-bar i {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle
}

.homepage-bar i:before {
    width: auto
}

.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px
}

.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5
}

.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1
}

.homepage-bar.type2 {
    border: 0;
    background-color: transparent
}

.homepage-bar.type2 i {
    color: #fff;
    background-color: #121214;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    float: left
}

.homepage-bar.type2 i.icon-truck {
    padding-right: 4px
}

.homepage-bar.type2 .text-area {
    display: block;
    margin-left: 75px
}

.homepage-bar.type2 .col-md-4 {
    border: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.homepage-bar.type2 h3 {
    color: #000;
    font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 6px
}

.homepage-bar.type2 em {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    font-family: Arial;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    color: #878787
}

.homepage-bar.type2 p {
    font-size: 14px;
    margin: 0;
    line-height: 1.3;
    color: #666
}


/********* Parallax Slider *********/

.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1
}

.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}

.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1
}

.parallax-slider .owl-theme .owl-controls {
    margin-top: 25px
}


/* Content */

.owl-item .item {
    max-width: 100%;
    float: none!important
}

.owl-item .item img {
    max-width: 100%
}

.cms-index-index blockquote.testimonial {
    background-color: #08c;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
    font-size: 1.2em;
    line-height: 1.3
}

.cms-index-index blockquote.testimonial:before {
    left: 10px;
    top: 0;
    color: #fff;
    content: "\201C";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

.cms-index-index blockquote.testimonial:after {
    right: 10px;
    bottom: -0.5em;
    color: #fff;
    content: "\201D";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

.cms-index-index .testimonial-arrow-down {
    border: 15px solid transparent;
    border-top-color: #08c;
    border-bottom: 0;
    height: 0;
    margin: 0 0 0 25px;
    width: 0
}

.cms-index-index .testimonial-author {
    margin: 8px 0 0 8px
}

.cms-index-index .testimonial-author .img-thumbnail {
    border-radius: 7px;
    float: left;
    margin-right: 10px;
    position: relative;
    padding: 4px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.cms-index-index .testimonial-author .img-thumbnail img {
    max-width: 60px;
    display: inline-block;
    height: auto
}

.cms-index-index .testimonial-author p {
    color: #666;
    margin: 0 0 0 25px;
    text-align: left;
    line-height: 24px
}

.cms-index-index .testimonial-author p>strong {
    color: #111;
    display: block;
    padding-top: 7px;
    font-size: 14px
}

.cms-index-index .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px
}

.slide .product {
    text-align: center
}

.slide .product img {
    float: none;
    max-width: 100%;
    margin: 5px auto
}

.slide .product h6 {
    color: #777;
    font-size: 1.14em;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 14px 0;
    letter-spacing: normal
}

.slide .product .price {
    font-size: 32px;
    line-height: 32px;
    color: #08c;
    letter-spacing: 0
}

.slide .product .price .amount {
    display: inline-block
}

.slide .product .price .amount .currency,
.slide .product .price .amount .decimal {
    font-size: 0.67em
}

.slide .product .price del {
    display: none
}

.slide .product .price ins {
    text-decoration: none
}

.slide .product .add_to_cart_button {
    display: inline-block;
    margin: 15px 0
}

div.filter-title,
h2.filter-title {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;
    font-size: 16px;
    font-weight: 300;
    line-height: 42px;
    margin: 0;
    color: #313131;
    text-transform: uppercase;
    text-align: left
}

div.filter-title .content,
h2.filter-title .content {
    background-color: #fff;
    padding-right: 20px;
    display: inline
}

p.filter-title,
h3.filter-title {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px 0;
    color: #08c
}

p.filter-title .content,
h3.filter-title .content {
    background-color: #fff;
    padding-right: 20px
}

.filterproducts-tab .filter-title ul {
    list-style: none;
    padding: 0;
    padding-right: 20px
}

.filterproducts-tab .filter-title ul li {
    display: inline-block
}

.filterproducts-tab .filter-title ul li a {
    color: #313131;
    padding-left: 15px;
    margin-left: 12px;
    border-left: 1px solid #ddd
}

.filterproducts-tab .filter-title ul li:first-child a {
    margin: 0;
    padding: 0;
    border: 0
}

.filterproducts-tab .filter-title ul li.active a {
    color: #08c
}

.border-box {
    position: relative;
    border: solid 1px #d5d5d5;
    padding: 15px 15px 30px;
    min-height: 100px;
    margin: 30px 0 0;
    text-align: center
}

.border-box .box-title {
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    text-align: center
}

.border-box .box-title h2 {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    color: #9c9c9c;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 42px;
    margin: 0
}

.border-box .box-thumb {
    position: absolute;
    bottom: 0
}

.border-box .box-thumb img {
    max-width: 200px
}

.feature-box {
    clear: both
}

.feature-box.gift-card {
    overflow: hidden
}

.feature-box .feature-box-icon {
    background-color: #08c;
    border-radius: 35px;
    color: #fff;
    display: inline-block;
    float: left;
    height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px
}

.feature-box.tertiary .feature-box-icon {
    float: none;
    margin: 15px auto;
    padding: 0;
    border-radius: 100%
}

.feature-box.orange .feature-box-icon {
    background-color: #ffa800
}

.feature-box.green .feature-box-icon {
    background-color: #2dbe7f
}

.feature-box.pink .feature-box-icon {
    background-color: #ee68a7
}

.feature-box.gift-card .feature-box-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px
}

.feature-box .feature-box-info {
    padding-left: 50px
}

.feature-box.tertiary .feature-box-info {
    padding: 0
}

.feature-box.gift-card h4 {
    font-size: 32px;
    font-style: italic;
    margin-bottom: 10px;
    color: #9c9c9c
}

p.tall {
    margin-bottom: 20px;
    color: #777;
    line-height: 24px;
    margin: 0 0 20px;
    font-size: 14px
}

.custom-gift .feature-box .feature-box-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 45px;
    text-align: center
}

.custom-gift .feature-box .feature-box-info h4 {
    color: #fff;
    font-size: 51px;
    margin: 0 20px 20px;
    line-height: 1;
    font-weight: 400
}

.custom-gift .feature-box .feature-box-info p {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #fff
}

.feature-box.secundary h4 {
    color: #121214;
    font-size: 20px;
    font-weight: 400
}

.feature-box.secundary .feature-box-icon {
    background-color: transparent;
    color: #08c
}

.feature-box.secundary .feature-box-icon i {
    font-size: 28px
}

.feature-box.secundary .feature-box-info {
    padding-left: 60px;
}

.custom-support {
    text-align: left
}

.custom-support i {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px
}

.custom-support div.content {
    margin-left: 76px
}

.custom-support div.content>h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.custom-support div.content>em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block
}

.custom-support div.content>p {
    color: #666;
    font-size: 14px
}

.gift-box>p {
    text-align: left;
    font-size: 15.36px;
    color: #525252;
    font-weight: 300;
    margin-left: 3px;
    margin-bottom: 30px
}

.gift-box .feature-box.gift-card h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #222;
    text-transform: uppercase
}

.homepage-grid-banner {
    padding: 0
}

.homepage-grid-banner * {
    transition: all 0.2s
}

.homepage-grid-banner .row {
    margin-left: -4px;
    margin-right: -4px
}

.homepage-grid-banner .col-sm-1,
.homepage-grid-banner .col-sm-2,
.homepage-grid-banner .col-sm-3,
.homepage-grid-banner .col-sm-4,
.homepage-grid-banner .col-sm-5,
.homepage-grid-banner .col-sm-6,
.homepage-grid-banner .col-sm-7,
.homepage-grid-banner .col-sm-8,
.homepage-grid-banner .col-sm-9,
.homepage-grid-banner .col-sm-10,
.homepage-grid-banner .col-sm-11,
.homepage-grid-banner .col-sm-12 {
    padding-left: 4px;
    padding-right: 4px
}

.homepage-grid-banner .col-sm-margin {
    margin-bottom: 8px
}

.homepage-grid-banner img {
    width: 100%
}

.homepage-grid-banner .content a {
    font-size: 16px;
    margin-right: 5px;
}

.homepage-grid-banner .content a.btn-default {
    font-size: 13px;
    margin: 0;
    border: 0;
    padding-right: 3px
}

.homepage-grid-banner .ribbon {
    width: 33.5%;
    height: 22.3%
}

.homepage-grid-banner .ribbon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border: 150px solid #08c;
    border-right: 0;
    border-bottom: 0;
    border-left: 200px solid transparent;
}

.homepage-grid-banner .ribbon>div {
    width: 90%
}

.homepage-grid-banner .ribbon em {
    font-size: 14px
}

.homepage-grid-banner .ribbon h4 {
    font-size: 33px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .ribbon h5 {
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .grid1,
.homepage-grid-banner .grid2,
.homepage-grid-banner .grid3,
.homepage-grid-banner .grid4 {
    cursor: pointer;
    overflow: hidden;
    min-height: 50px
}

.homepage-grid-banner .grid1:before,
.homepage-grid-banner .grid2:before,
.homepage-grid-banner .grid3:before,
.homepage-grid-banner .grid4:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.homepage-grid-banner .grid1:hover:before,
.homepage-grid-banner .grid2:hover:before,
.homepage-grid-banner .grid3:hover:before,
.homepage-grid-banner .grid4:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.homepage-grid-banner .grid1 .content h2 {
    font-size: 70.72px;
    line-height: 1
}

.homepage-grid-banner .grid1 .content p {
    font-size: 29.47px;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 4px
}

.homepage-grid-banner .grid2 .content h3 {
    font-size: 28.88px;
    line-height: 1
}

.homepage-grid-banner .grid2 .content h2 {
    font-size: 28.88px;
    line-height: 1;
}

.homepage-grid-banner .grid2 .content p {
    font-size: 17.58px;
    line-height: 1;
    margin-bottom: 15px
}

.homepage-grid-banner .grid3 .content h2 {
    font-size: 46px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .grid3 .content h5 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 30px
}

.homepage-grid-banner .grid3 .content p {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px
}

.homepage-grid-banner .grid3 .content h4 {
    font-size: 22.72px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0
}

.homepage-grid-banner .grid3 .content h4>span {
    font-size: 17.66px;
    line-height: 1
}

.homepage-grid-banner .grid3 .content h3 {
    font-size: 37.71px;
    line-height: 1;
    margin-bottom: 15px
}

.homepage-grid-banner .grid3 .content h3>span {
    font-size: 25.14px;
    line-height: 1
}

.homepage-grid-banner .grid4 .content h2 {
    font-size: 33.86px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px
}

.homepage-grid-banner .grid4 .content p {
    font-size: 19.75px;
    line-height: 1.2;
    margin-bottom: 17px
}

.grid-images {
    text-align: center
}

.grid-images .row {
    margin-left: -10px;
    margin-right: -10px
}

.grid-images .col-sm-4,
.grid-images .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px
}

.grid-images .grid1 {
    margin-bottom: 10px
}

.grid-images img {
    max-width: 100%
}

.slider-with-side {
    margin: 0 -8px
}

.slider-with-side .slider-area {
    padding: 0 8px;
    float: left;
    width: 72.3%
}

.slider-with-side .side-area {
    padding: 0 8px 0 7px;
    float: left;
    width: 27.7%
}

.slider-with-side .side-area .item1,
.slider-with-side .side-area .item2,
.slider-with-side .side-area .item3 {
    margin-bottom: 9px;
    position: relative;
    overflow: hidden
}

.slider-with-side .side-area .item3 {
    margin: 0 !important
}

.slider-with-side .side-area .item1 .content {
    position: absolute;
    bottom: 17px;
    left: 15px;
    text-align: left
}

.slider-with-side .side-area .item1 .content h2 {
    font-size: 35.16px;
    margin: 0;
    margin-bottom: 14px
}

.slider-with-side .side-area .item1 .content em {
    font-size: 27.45px;
    margin: 0;
    margin-bottom: 2px;
    display: block;
    margin-left: 4px
}

.slider-with-side .side-area .item1 .content a {
    font-size: 15.08px;
    margin: 0;
    margin-left: 4px;
    display: block;
}

.slider-with-side .side-area .item2 .content {
    position: absolute;
    bottom: 17px;
    left: 21px;
    text-align: left
}

.slider-with-side .side-area .item2 .content h2 {
    font-size: 33.86px;
    margin: 0;
    margin-bottom: 12px
}

.slider-with-side .side-area .item2 .content p {
    font-size: 18.34px;
    margin: 0;
    margin-left: 1px
}

.slider-with-side .side-area .item2 .content a {
    font-size: 13px;
    border: 0;
    text-shadow: none;
    padding: 8px 10px 8px 15px;
    margin: 13px 0 0 25px
}

.slider-with-side .side-area .item3 .content {
    position: absolute;
    bottom: 17px;
    left: 19px;
    text-align: left
}

.slider-with-side .side-area .item3 .content h2 {
    font-size: 32px;
    margin: 0
}

.slider-with-side .side-area .item3 .content p {
    font-size: 20px;
    margin: 0;
    margin-bottom: 17px
}

.slider-with-side .side-area .item3 .content a {
    font-size: 16px;
    margin: 0
}

.slider-with-side .side-area .item1:before,
.slider-with-side .side-area .item2:before,
.slider-with-side .side-area .item3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.grid-images .grid1 img,
.grid-images .grid2 img,
.grid-images .grid3 img {
    opacity: 1;
    filter: alpha(Opacity=100);
    visibility: visible;
    transition: all 0.2s
}

.slider-with-side .side-area .item1:hover:before,
.slider-with-side .side-area .item2:hover:before,
.slider-with-side .side-area .item3:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.grid-images .grid1:hover img,
.grid-images .grid2:hover img,
.grid-images .grid3:hover img {
    opacity: 0.8;
    filter: alpha(Opacity=80);
    visibility: visible
}

.slider-with-side .slider-area .item .content .text-area h2 {
    display: inline-block;
    padding: 7px 50px 7px 11px;
    font-size: 42.7px;
    margin-bottom: 4px
}

.slider-with-side .slider-area .item .content .text-area p {
    display: inline-block;
    padding: 12px 17px 12px 13px;
    font-size: 17.58px;
    margin: 0
}

.slider-with-side .slider-area .item .content .ribbon {
    right: 13px;
    top: 16px
}

.slider-with-side .slider-area .item .content .ribbon em {
    font-size: 14px;
    margin: 0;
    margin-right: 63px
}

.slider-with-side .slider-area .item .content .ribbon h3 {
    font-size: 33px;
    margin: 0;
    margin-right: 14px
}

.slider-with-side .slider-area .item .content .ribbon h5 {
    font-size: 18px;
    margin: 0;
    margin-top: -3px
}

.full-screen-slider {}

.full-screen-slider .item>div.content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2
}

.full-screen-slider .item>div.content>h2 {
    font-size: 60.28px;
    margin-bottom: 18px;
    line-height: 1
}

.full-screen-slider .item>div.content>p {
    font-size: 25.12px;
    margin-bottom: 35px;
    line-height: 1
}

.full-screen-slider .item>div.content>a.btn-default {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-shadow: none;
    padding: 15px 48px;
    border-radius: 7px;
    border: 0
}

.full-screen-slider .item>div.content em {
    font-style: normal;
    line-height: 1;
    display: block
}

.full-screen-slider .item>div.content em.type1 {
    font-size: 18.34px;
    margin-bottom: -5px
}

.full-screen-slider .item>div.content em.type2 {
    font-size: 29.47px;
    margin-bottom: 10px;
    margin-left: 30px
}

.full-screen-slider .item>div.content em.type3 {
    font-size: 17.68px;
    margin-top: 10px
}

.full-screen-slider .item>div.content h3 {
    font-size: 61.56px;
    margin: 0;
    line-height: 1
}

.full-screen-slider .item>div.content h4 {
    font-size: 52.39px;
    margin: 0;
    padding-right: 35px;
    border-right: 2px solid #83c5e6;
    line-height: 1;
    vertical-align: middle
}

.full-screen-slider .item>div.content .sale-bar a {
    font-size: 20.96px;
    margin-left: 23px;
    line-height: 1;
    vertical-align: middle
}

.full-screen-slider .item>div.content .sale-bar a .icon-angle-down {
    font-size: 12px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #08c;
    color: #fff;
    vertical-align: middle
}

.full-screen-slider .item>div.content .sale-bar>div.f-left {
    padding: 15px 22px
}

.full-screen-slider .item>div.content .sale-bar>div.f-left:first-child {
    padding: 15px 40px
}

.full-screen-slider .item>div.content .sale-bar {
    height: 82px;
    margin-left: 14px
}

.full-screen-slider .item>div.content .sale-bar .triangle {
    float: left;
    height: 82px;
    position: relative;
    overflow: hidden
}

.full-screen-slider .item>div.content .sale-bar .triangle>div {
    height: 41px;
    border: 20px solid transparent;
    border-top-width: 41px;
    margin: 0 -20px -20px 0
}

.full-screen-slider .item>div.content .sale-bar .triangle>div:first-child {
    height: 41px;
    border: 20px solid transparent;
    border-bottom-width: 41px;
    margin: -20px -20px 0 0
}

.full-screen-slider .item>div.content.content-1 {
    margin-top: -126px
}

.full-screen-slider .item>div.content.content-1>p {
    font-size: 20.09px;
    margin: 38px 0
}

.full-screen-slider .item>div.content.content-1>a.btn-default {
    font-size: 16px;
    padding: 15px 20px
}

.full-screen-slider .item>div.content.content-1>img {}

.full-screen-slider .item>div.content.content-2 {
    margin-top: -75px
}

.full-screen-slider .item>div.content.content-3 {
    margin-top: -91px
}

.slide3-1-content p {
    line-height: 1;
    margin: 0;
    margin-bottom: 5px;
    font-size: 19.75px
}

.slide3-1-content h2 {
    line-height: 1;
    margin: 0;
    font-size: 50.23px;
    margin-bottom: 30px
}

.slide3-1-content .price-area {}

.slide3-1-content .price-area em {
    font-style: normal;
    line-height: 1;
    margin: 0;
    font-size: 17.33px;
    text-align: right
}

.slide3-1-content .price-area em:first-child {
    margin-right: 0;
    margin-bottom: -2px;
    text-align: left
}

.slide3-1-content .price-area h3 {
    line-height: 1;
    margin: 0;
    font-size: 58.18px
}

.slide3-1-content .button-area {
    padding-left: 15px;
    margin-left: 15px
}

.slide3-1-content a.btn-default {
    height: 67px;
    font-size: 16px;
    font-weight: 300;
    line-height: 67px;
    padding: 0 20px 0 30px;
    border-radius: 8px
}

.slide3-1-content a.btn-default i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-left: 12px
}

.slide3-2-content em {
    font-size: 20px;
    font-style: normal;
    margin-left: 2px;
    margin-bottom: 5px;
    line-height: 1
}

.slide3-2-content h2 {
    font-size: 50.23px;
    line-height: 1;
    margin: 0;
    margin-bottom: 5px
}

.slide3-2-content p {
    font-size: 37px;
    line-height: 1;
    margin-bottom: 30px
}

.slide3-2-content a {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.slide3-2-content a>i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 12px;
    background-color: #fff;
    border-radius: 50%;
    color: #000
}

.image-link {
    display: block;
    position: relative
}

.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.border-radius .image-link:before {
    border-radius: 8px
}

.image-link:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.image-link img {
    width: 100%
}

#banner-slider-demo-1 .slide1-content img.quote {}

#banner-slider-demo-1 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-1 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-1 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-1 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-1 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-1 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-1 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-1 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-1 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-1 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-1 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-14 .slide1-content img.quote {}

#banner-slider-demo-14 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-14 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-14 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-14 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-14 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-14 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-14 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-14 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-14 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-14 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-14 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

.side-custom-menu {
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden
}

.side-custom-menu h2 {
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 13px 13px 12px;
    background-color: #f5f5f5;
    line-height: 1;
    margin: 0
}

.side-custom-menu ul {
    padding: 0 12px
}

.side-custom-menu ul li {
    text-align: left;
    padding: 13px 4px 12px;
    border-top: 1px solid #ddd
}

.side-custom-menu ul li:first-child {
    border: 0
}

.side-custom-menu ul li a {
    color: #777;
    font-size: 15px;
    line-height: 1;
    display: block
}

.owl-item-links-block ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px
}

.owl-item-links-block ul li a {
    line-height: 2;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: underline
}

.owl-item-links-block span {
    font-size: 18px;
    padding-left: 25px;
    line-height: 2.5;
    margin-left: 10px
}

.owl-item-links-block span .icon-angle-down {
    font-size: 9px;
    margin-left: 7px
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover {
    color: #333
}

.category-products .products-grid {
    margin-left: -10px;
    margin-right: -10px;
    list-style: none
}

.filter-products .products div.item {
    float: left;
    padding: 10px
}

.filter-products .products div.item .item-area {
    width: 100%;
    position: relative
}

.filter-products .products div.item .product-image {
    width: 100%;
    min-height: 60px;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
    background: #fff
}

.filter-products .products .owl-item.loading {
    background: transparent
}

.filter-products .products .owl-item.loading div.item .product-image {
    background-image: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.filter-products .products div.item .product-image img {
    width: 100%;
    transition: opacity 0.3s
}

.filter-products .products div.item .product-image img.defaultImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.filter-products .products div.item .product-image img.hoverImage {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-products .products div.item .product-image-area:hover .product-image img.defaultImage {
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-products .products div.item .product-image-area:hover .product-image img.hoverImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.filter-products .products div.item .details-area {
    padding: 10px;
    text-align: center
}

.filter-products .products div.item .details-area .product-name {
    margin: 0 0 3px 0
}

.filter-products .products div.item .details-area .product-name a {
    font-size: 14px
}

.block-layered-nav .filter-products .products div.item:hover .item-area {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.owl-top-narrow {
    margin: 0 -10px
}

.owl-top-narrow .owl-item .item {
    padding: 0 10px
}

.owl-top-narrow .recent-posts .owl-item .item {
    padding-top: 10px
}

.owl-top-narrow .owl-controls {
    position: absolute;
    right: 5px;
    top: -33px;
    margin: 0
}

.owl-top-narrow .owl-controls .owl-buttons div {
    color: #08c;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 18px
}

.owl-bottom-narrow .owl-controls {
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
}

.owl-bottom-narrow .owl-controls .owl-buttons div {
    color: #08c;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 18px
}

.owl-no-narrow {
    margin: 0 -10px
}

.owl-no-narrow .owl-item .item {
    padding: 0 10px
}

.owl-no-narrow .owl-controls {
    margin-top: 30px
}

.sep-title {
    display: table;
    margin-bottom: 35px;
    width: 100%;
    color: #fff;
    font-size: 38px
}

.sep-title-holder-l,
.sep-title-holder-r {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.sep-title-line {
    height: 1px;
    display: block;
    border-top: 1px solid #fff;
    position: relative;
    top: 1px;
    width: 100%
}

.sep-title h2 {
    display: table-cell;
    padding: 0 0.8em;
    color: #fff;
    font-size: 36px;
    line-height: 1em;
    white-space: pre;
    margin: 0 0 32px 0;
    font-weight: 300
}

.recent-posts .item {
    padding: 20px 10px 0 10px
}

.recent-posts .item .row {
    margin-left: -10px;
    margin-right: -10px
}

.recent-posts .item .col-sm-5,
.recent-posts .item .col-sm-7 {
    padding-left: 10px;
    padding-right: 10px
}

.recent-posts .item .post-image {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff
}

.recent-posts .item .post-image img {
    border-radius: 4px;
    width: 100%
}

.recent-posts .post-date {
    float: left;
    margin-right: 10px;
    text-align: center
}

.recent-posts .post-date .day {
    background-color: #f7f7f7;
    color: #08c;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px
}

.recent-posts .post-date .month {
    background-color: #08c;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 0;
    display: block;
    width: 45px
}

.recent-posts .postTitle {
    min-height: 55px
}

.recent-posts .postTitle h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: normal
}

.date-absolute-type .recent-posts {
    margin: -15px -10px 0
}

.date-absolute-type .recent-posts .item .col-sm-5,
.date-absolute-type .recent-posts .item .col-sm-7 {
    width: 100%
}

.date-absolute-type .recent-posts .item .post-image {
    padding: 3px
}

.date-absolute-type .recent-posts .post-date {
    margin-top: -75px;
    margin-left: 10px
}

.date-absolute-type .recent-posts .postTitle {
    min-height: 18px;
    margin-bottom: 10px
}

.date-absolute-type .recent-posts .postTitle h2 {
    font-size: 18px;
    line-height: 18px
}

.date-absolute-type .recent-posts .postContent {
    font-size: 13px;
    padding-bottom: 0
}

.date-absolute-type .recent-posts a.readmore {
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px
}

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

h2.short {
    margin-bottom: 15px;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0
}

.true-color {
    color: #08c
}

.italic {
    font-style: italic
}

ul.icons {
    list-style: none
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

ul.list li {
    margin-bottom: 13px;
    line-height: 24px
}

ul.list.icons li i.icon {
    color: #08c
}

.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div {
    opacity: 1;
    filter: Alpha(Opacity=100);
    transition: all 0.2s
}

.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 0.9;
    filter: Alpha(Opacity=90)
}

.owl-middle-narrow .owl-controls {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -25px
}

.owl-middle-narrow .owl-controls .owl-buttons div {
    font-size: 40px;
    background: none;
    color: #08c;
    position: absolute
}

.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -60px
}

.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: -60px
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s all
}

.owl-banner-carousel.owl-middle-narrow:hover .owl-controls .owl-buttons div {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.5)
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: 0
}

.owl-banner-carousel .content.type1 h2 {
    font-size: 60px
}

.owl-banner-carousel .content.type1 p {
    font-size: 25px
}

.owl-banner-carousel .content.type1 a {
    font-size: 16px
}

.owl-banner-carousel .content.type2 h2 {
    font-size: 46.48px;
    border-top: 5px solid #08c;
    padding-top: 10px
}

.owl-banner-carousel .content.type2 h3 {
    font-size: 30.59px
}

.owl-banner-carousel .content.type2 p {
    font-size: 14px
}

.owl-banner-carousel .content.type2 a {
    font-size: 18px
}

.parallax-wrapper {
    position: relative
}

.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    margin: 50px 0;
    padding: 50px 0
}

.overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

.testimonial-item {
    color: #fff;
    border: 0;
    padding: 0 10%;
    margin-bottom: 60px
}

.testimonial-item .inner {
    font-style: italic;
    display: table-row
}

.testimonial-item .testimonial-author {
    display: table-cell;
    padding-right: 15px
}

.testimonial-item .img-round.img-thumbnail-small {
    width: 85px;
    height: 85px;
    border-radius: 25px;
    display: inline-block;
    overflow: hidden
}

.testimonial-item .testimonial-content {
    display: table-cell;
    vertical-align: top;
    text-align: left
}

.testimonial-item .testimonial-content .size-32.name {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 32px
}

.testimonial-item .testimonial-content p {
    font-size: 18px
}

.featured-post {
    font-size: 14px
}

.featured-post h4 {
    color: #08c;
    margin-bottom: 9px;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0
}

.featured-post .post-meta {
    margin-bottom: 8px;
    line-height: 24px;
    margin: 0 0 20px
}

.post-a-month,
.post-a-day,
.post-a-year {
    display: inline-block;
    background-color: #f0f0ed;
    color: #fff;
    padding: 0 10px;
    margin-right: 3px
}

.post-a-day,
.post-a-year {
    color: #08c
}

.post-a-month {
    background-color: #08c
}

.cms-index-index .block-layered-nav dd {
    padding: 20px 10px
}

.cms-index-index .block-layered-nav .filter-products .products.small-list div.item {
    border-top: 1px solid #ddd
}

.cms-index-index .block-layered-nav .filter-products .products.small-list div.item:first-child {
    border-top: 0
}

.custom-info-box {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #9c9c9c
}

.custom-info-box p {
    line-height: 30px;
    padding: 20px 0;
    margin: 0;
    text-align: center
}

.color-banner {
    color: #535353
}

.color-banner .col-md-5-5 h2 {
    font-size: 60px;
    font-family: "Open Sans";
    font-weight: 600;
    text-transform: uppercase;
    color: #535353;
    margin: 100px 20px 30px;
    letter-spacing: 10px
}

.color-banner .col-md-5-5 p {
    font-size: 22px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #535353;
    max-width: 420px;
    line-height: 1;
    display: inline-block;
    margin: 0 20px
}

.btn-default {
    color: #fff;
    font-weight: 400;
    background-color: #08c;
    text-shadow: none;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100))
}

.btn-default:hover {
    color: #fff;
    background-color: #08c;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div {
    background: transparent;
    color: #08c;
    font-size: 40px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.owl-theme.banner-carousel:hover .owl-controls .owl-buttons div {
    visibility: visible;
    opacity: 1
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-next {
    right: 0
}


/****** QuickView *******/

a.quickview-icon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #08c;
    color: #fff;
    padding: 10px;
    z-index: 9;
    border-radius: 0 5px;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s all;
    font-size: 12px;
    line-height: 1.4
}

a.quickview-icon span {
    margin-left: 2px
}

a.quickview-icon:hover span {
    text-decoration: underline
}

a.quickview-icon:hover {
    opacity: 0.9 !important;
    text-decoration: none;
    color: #fff
}

.item-area:hover a.quickview-icon {
    opacity: 1;
    visibility: visible
}

a.quickviewlink.quickview-icon {
    position: static;
    padding: 0;
    visibility: visible;
    opacity: 1;
    color: #08c;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #08c;
    border-radius: 5px;
    text-align: center
}

a.quickviewlink.quickview-icon:hover {
    color: #08c
}


/****** Mango_Attributeswatches Extension Styles ******/


/*new color swatches code*/

.product-swatches-container {
    float: left;
    clear: both;
    margin-bottom: 15px
}

.product-swatches-container ul {
    margin-bottom: 10px;
    width: 100%
}

.product-swatches-container ul li {
    display: block;
    height: 35px;
    float: left
}

.product-swatches-container li a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 5px 0px;
    border: solid 1px #ccc;
    margin: 3px;
    text-decoration: none;
    background: #ddd;
    color: #bbb;
    cursor: default;
    border-radius: 5px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.product-swatches-container a.active {
    background: #fff;
    color: #333;
    cursor: pointer;
    box-shadow: 3px 3px 5px #aaa;
    display: block;
    float: left;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-swatches-container a.active.selected {
    background: #fff;
    color: #333;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0px 6px 0px !important;
    cursor: pointer;
    border: none;
    box-shadow: 1px 1px 5px #444 inset
}

.product-swatches-container .has-swatches a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-align: center
}

.product-swatches-container .has-swatches a.active.selected {
    width: 32px !important;
    padding: 0px !important
}

.product-swatches-container .has-swatches li {
    position: relative
}

.product-swatches-container .has-swatches li a span {
    display: none
}

.product-swatches-container .has-swatches span.tooltip-container {
    display: none
}

.product-swatches-container .has-swatches span.tooltip-container.on {
    display: block;
    position: absolute;
    top: -16px !important;
    left: 20px;
    height: 16px;
    z-index: 20000
}

.product-swatches-container .has-swatches span.tooltip-container.on span.tooltip {
    display: block;
    margin-left: -50%;
    float: left;
    height: 16px;
    line-height: 16px;
    background: #333;
    padding: 0px 5px;
    color: #efefef;
    white-space: nowrap;
    font-size: 11px
}

#product-options-wrapper .input-box .configurable-option-select.hideselect {
    display: none
}

.product-image {
    position: relative;
    display: block
}

a.product-image {
    z-index: 1
}

#fancybox-link {
    display: none;
    line-height: 25px;
    height: 25px;
    padding: 0px 10px;
    border: solid 1px #ccc;
    z-index: 30000;
    position: relative;
    background: #fff;
    text-decoration: none;
    position: absolute;
    right: 0px;
    bottom: 0px
}

.layered-navigation-swatch {
    display: block;
    float: left;
    width: 20px;
    margin-right: 5px
}

ul.attribute-swatches li {
    display: block;
    float: left;
    margin: 3px 7px 3px 0px;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 0
}

ul.attribute-swatches li.color-swatch-last {
    margin-right: 0px
}

ul.attribute-swatches li a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    border: solid 1px #ddd;
    float: left;
    text-decoration: none;
    background-position: center
}

ul.attribute-swatches li a:hover {
    text-decoration: none;
    border-color: #444
}

ul.attribute-swatches li a img {
    margin: 0px;
    display: inline;
    padding: 0px;
    border: none;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px
}

ul.attribute-swatches li a img.color-swatch-mask {
    margin: 0px;
    display: inline;
    position: absolute;
    z-index: 20;
    padding: 0px;
    border: none
}

ul.attribute-swatches li span {
    display: none;
    z-index: 10000
}

ul.attribute-swatches li span.tooltip-container.on {
    display: block;
    position: absolute;
    top: -22px;
    left: 10px;
    height: 22px;
    z-index: 20000
}

ul.attribute-swatches li span.tooltip.on {
    display: block;
    margin-left: -50%;
    float: left;
    height: 22px;
    white-space: nowrap !important;
    background: transparent
}

ul.attribute-swatches li span span span {
    display: block;
    float: left;
    background: #333;
    border: solid 1px #efefef;
    ;
    padding: 1px 10px 1px;
    font-weight: bold;
    line-height: 15px;
    color: #fff
}

.attribute-swatches.product-view {
    height: 20px;
    clear: both;
    margin: 5px 0px;
    border: none
}

.products-grid li.item {
    padding: 12px 10px 80px
}

.attribute-swatches.product-list {
    float: left;
    width: 100%;
    padding: 0px;
    clear: both;
}


/* layered navigation */

#narrow-by-list ol.swatches li {
    display: block;
    clear: both
}

#narrow-by-list ol li .layered-navigation-swatch {
    border: solid 1px #ccc;
    margin: 0px 5px 10px 0px
}


/* availability labels */

.attribute-availability {
    width: 100%;
    clear: both;
    margin: 0px 0px 5px;
    padding: 0px
}

.attribute-availability li {
    display: block;
    padding: 3px;
    float: left
}

.more-views ul li {
    float: left
}

.block-layered-nav #narrow-by-list ol.swatches {
    margin: 10px -3px -3px
}

.block-layered-nav #narrow-by-list ol.swatches li {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch {
    border-radius: 5px;
    width: 26px;
    height: 26px;
    margin: 0 2px 7px 3px;
    float: none
}

.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label {
    display: none
}

.block-layered-nav #narrow-by-list ol.swatches.show-label li a {
    position: relative;
    display: block
}

.block-layered-nav #narrow-by-list ol.swatches li a:hover {
    text-decoration: none
}

.block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label {
    display: inline-block;
    line-height: 26px;
    position: absolute;
    left: 3px;
    top: 0;
    width: 26px;
    height: 26px;
    text-align: center;
    overflow: hidden
}

span.selected-label {
    vertical-align: middle
}

.product-options .product-swatches-container .has-swatches a.active {
    box-shadow: none;
    text-align: center;
    line-height: 28px;
    color: #08c
}

.product-options .product-swatches-container .has-swatches a.active.selected {
    width: 30px !important;
    box-shadow: none;
    background-color: #08c;
    color: #fff;
    height: 30px !important;
    line-height: 28px !important;
    border: 1px solid transparent
}

p.product-image {
    z-index: 1
}

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

.product-options .product-swatches-container {
    margin: 0;
    position: relative;
    z-index: 1
}


/******* QuickView *******/

.quickview-index-view {
    padding: 25px
}

.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -20px
}

.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: -20px
}

.quickview-index-view .product-view .product-img-box {
    padding: 20px;
    margin-bottom: 0
}

a.fancybox-close {
    background: transparent;
    transition: all 0.2s;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 0;
    right: 0;
    font-size: 15px
}


/*boa 12/19 - color, opacity*/

a.fancybox-close.fancybox-newsletter-close {
    top: 10px;
    right: 10px
}

a.fancybox-close:before {
    content: "\e82c";
    font-family: "porto"
}

a.fancybox-close:hover {
    text-decoration: none;
    opacity: 0.65;
    filter: alpha(opacity=65)
}


/*boa 12/19 - color, opacity*/

.fancybox-opened .fancybox-skin {
    border-radius: 5px;
    overflow: hidden
}

.price-filter-slider a {
    transition: initial
}

i.icon-spin6 {
    font-size: 30px
}

.add-to-cart i.icon-spin6 {
    font-size: 16px;
    margin-left: 10px
}

#fancybox-loading {
    background: none
}

.block-reorder input.checkbox {
    position: absolute;
    left: 0
}

.block-reorder .block-content ol li.item {
    position: relative;
    padding-left: 25px
}

.fixed-header .menu>li>a>span.cat-label,
.main-nav .menu>li>a>span.cat-label {
    top: -7px;
    right: 10px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1
}

.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label {
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1
}

div.mobile-nav .sw-mobile-menu li>a span.cat-label,
.menu.side-menu li>a span.cat-label {
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    position: relative;
    margin: 0 0 0 10px;
    display: inline-block
}

.fixed-header .menu>li>a>span.cat-label.cat-label-label1,
.main-nav .menu>li>a>span.cat-label.cat-label-label1,
.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1,
div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,
.menu.side-menu li>a span.cat-label.cat-label-label1 {
    background-color: #0cc485;
    color: #fff
}

.fixed-header .menu>li>a>span.cat-label.cat-label-label2,
.main-nav .menu>li>a>span.cat-label.cat-label-label2,
.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label2,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label2,
div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,
.menu.side-menu li>a span.cat-label.cat-label-label2 {
    background-color: #eb2771;
    color: #fff
}

#product-attribute-specs-table {
    border: 1px solid #ddd
}

#product-attribute-specs-table th.label {
    display: table-cell
}

.parallax-category-banner .parallax {
    padding: 75px 0
}

.parallax-content h2 {
    font-size: 45px;
    line-height: 1.1;
    margin: 0
}

.parallax-content p {
    font-size: 23px;
    line-height: 1.1;
    margin: 0
}

i.ajax-loader {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #08c;
    border-radius: 20px;
    border-bottom-color: transparent!important
}

i.ajax-loader.small {
    width: 16px;
    height: 16px;
    border-width: 2px 3px 1px 0
}

i.ajax-loader.large {
    width: 32px;
    height: 32px;
    border-width: 3px 5px 2px 0
}

#fullajax_loader i.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.add-to-cart #ajax_loader {
    margin: 0 10px
}

.fixed-header .cart-area {
    right: 0
}

.fixed-header ul.menu>li,
.main-nav ul.menu>li {
    transition: color 0.1s, background-color 0.1s
}

.fixed-header ul.menu>li>a,
.main-nav ul.menu>li>a {
    transition: color 0.1s, background-color 0.1s
}

.fixed-header ul.menu>li.menu-full-width,
.fixed-header ul.menu>li.menu-static-width,
.fixed-header ul.menu>li.menu-item-has-children,
.main-nav ul.menu>li.menu-full-width,
.main-nav ul.menu>li.menu-static-width,
.main-nav ul.menu>li.menu-item-has-children {
    margin-bottom: -1px
}

.fixed-header ul.menu>li.menu-full-width>a,
.fixed-header ul.menu>li.menu-static-width>a,
.fixed-header ul.menu>li.menu-item-has-children>a {
    padding-bottom: 15px
}

.fixed-header ul.menu>li.menu-full-width>a:after,
.fixed-header ul.menu>li.menu-item-has-children>a:after,
.fixed-header ul.menu>li.menu-static-width>a:after,
.main-nav ul.menu>li.menu-full-width>a:after,
.main-nav ul.menu>li.menu-item-has-children>a:after,
.main-nav ul.menu>li.menu-static-width>a:after {
    margin-top: -6.5px
}

.header-container.type5 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type5 .main-nav ul.menu>li.menu-static-width>a:after {
    margin-top: -6.5px
}

.header-container.type1 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type1 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type1 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 11px
}

.header-container.type2 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type2 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type2 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 15px
}

.header-container.type4 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type4 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type4 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 15px
}

.header-container.type5 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type5 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 11px
}

.header-container.type6 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type6 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type6 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 10px
}

.header-container.type14 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type14 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type14 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 10px
}

.header-container.type7 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type7 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type7 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 10px
}

.header-container.type8 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type8 .main-nav ul.menu>li.menu-static-width>a,
.header-container.type8 .main-nav ul.menu>li.menu-item-has-children>a {
    padding-bottom: 10px
}

.header-container.type1 .main-nav ul.menu>li.menu-static-width.act>a,
.header-container.type1 .main-nav ul.menu>li.menu-full-width.act>a,
.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act>a {
    padding-bottom: 10px
}

.header-container.type1 .main-nav ul.menu>li.menu-static-width.act:hover>a,
.header-container.type1 .main-nav ul.menu>li.menu-full-width.act:hover>a,
.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act:hover>a {
    padding-bottom: 11px
}

.header-container.type2 .main-nav ul.menu>li.menu-static-width.act>a,
.header-container.type2 .main-nav ul.menu>li.menu-full-width.act>a,
.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act>a {
    padding-bottom: 14px
}

.header-container.type2 .main-nav ul.menu>li.menu-static-width.act:hover>a,
.header-container.type2 .main-nav ul.menu>li.menu-full-width.act:hover>a,
.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act:hover>a {
    padding-bottom: 15px
}

.header-container.type4 .main-nav ul.menu>li.menu-static-width.act>a,
.header-container.type4 .main-nav ul.menu>li.menu-full-width.act>a,
.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act>a {
    padding-bottom: 14px
}

.header-container.type4 .main-nav ul.menu>li.menu-static-width.act:hover>a,
.header-container.type4 .main-nav ul.menu>li.menu-full-width.act:hover>a,
.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act:hover>a {
    padding-bottom: 15px
}

.header-container.type5 .main-nav ul.menu>li.menu-static-width.act>a,
.header-container.type5 .main-nav ul.menu>li.menu-full-width.act>a,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act>a {
    padding-bottom: 10px
}

.header-container.type5 .main-nav ul.menu>li.menu-static-width.act:hover>a,
.header-container.type5 .main-nav ul.menu>li.menu-full-width.act:hover>a,
.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act:hover>a {
    padding-bottom: 11px
}

.header-container.type6 .main-nav ul.menu>li:first-child,
.header-container.type14 .main-nav ul.menu>li:first-child,
.header-container.type7 .main-nav ul.menu>li:first-child,
.header-container.type8 .main-nav ul.menu>li:first-child {
    margin-right: 3px
}

.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch {
    border-color: #08c
}

.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1:before,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1:before,
div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1:before,
.menu.side-menu li>a span.cat-label.cat-label-label1:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #0cc485
}

.fixed-header .menu>li>a>span.cat-label.cat-label-label1:before,
.main-nav .menu>li>a>span.cat-label.cat-label-label1:before {
    content: "";
    position: absolute;
    left: 3px;
    bottom: -6px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-top-color: #0cc485
}

.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label2:before,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label2:before,
div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2:before,
.menu.side-menu li>a span.cat-label.cat-label-label2:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #eb2771
}

.fixed-header .menu>li>a>span.cat-label.cat-label-label2:before,
.main-nav .menu>li>a>span.cat-label.cat-label-label2:before {
    content: "";
    position: absolute;
    left: 3px;
    bottom: -6px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-top-color: #eb2771
}

a.search-icon {
    display: inline-block;
    width: 25px;
    text-align: center
}

.product-image-area .actions {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: left;
    padding: 0 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s
}

.item:hover .product-image-area .actions {
    visibility: visible;
    opacity: 1
}

.product-image-area .actions a {
    background-color: #fff;
    overflow: hidden
}

.product-image-area .actions a.addtocart {
    color: #08c;
    border-color: #08c;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    padding: 0;
    text-align: center
}

.product-image-area .actions a.addtocart.outofstock {
    display: none
}

.product-image-area .actions a.addtocart i.icon-cart {
    font-size: 17px
}

.product-image-area .actions a.addtocart span {
    display: none
}

.header-container.type3 .main-nav ul.menu>li.fl-right,
.header-container.type4 .main-nav ul.menu>li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: right!important
}

.header-container.type3 .main-nav ul.menu>li.fl-right.last>a {
    margin: 0;
    padding-right: 15px!important
}

.header-container.type3 .main-nav ul.menu>li.fl-right.last>a:after {
    right: 0
}

.owl-item.loading {
    min-height: 100px
}

.owl-banner-carousel .content-9.type1 em {
    font-size: 20px;
    margin-bottom: -5px;
    margin-left: 9px
}

.owl-banner-carousel .content-9.type1 h2 {
    font-size: 65px;
    margin-bottom: 0
}

.owl-banner-carousel .content-9.type1 p {
    font-size: 37px
}

.owl-banner-carousel .content-9.type1 a {
    font-size: 15px
}

.owl-banner-carousel .content-9.type1 a>i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 12px;
    color: #fff;
    border-radius: 50%
}

.owl-banner-carousel .content-9.type2 h3 {
    font-size: 46.48px;
    margin-bottom: 15px
}

.owl-banner-carousel .content-9.type2 span {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    font-size: 18px;
    margin-right: 20px
}

.owl-banner-carousel .content-9.type2 a {
    font-size: 13px;
    padding-right: 5px
}


/* Previous/Next Product links on Product View Page*/

.prev-next-products {
    float: right
}

.quickview-index-view .prev-next-products {
    display: none
}

.prev-next-products .product-nav {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.prev-next-products a {
    color: #555;
    display: inline-block;
    font-size: 22px;
    line-height: 58px
}

.prev-next-products .product-nav .product-pop {
    border-top: 3px solid #08c;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    text-align: center;
    border-radius: 4px
}

.prev-next-products .product-nav .product-pop:before {
    content: "";
    width: 5px;
    height: 2px;
    border: 5px solid transparent;
    border-bottom-color: #08c;
    display: block;
    position: absolute;
    top: -13px;
    left: 0
}

.prev-next-products .product-nav:hover .product-pop {
    opacity: 1;
    visibility: visible
}

.prev-next-products .product-nav .product-pop .product-image {
    margin-bottom: 10px
}

.prev-next-products .product-nav .product-pop .product-name {
    margin: 0;
    font-weight: 600;
    font-size: 11px
}

.prev-next-products .product-nav.product-prev .product-pop {
    right: auto;
    left: 0;
    margin-left: -17.5px
}

.prev-next-products .product-nav.product-prev .product-pop:before {
    left: 32px;
    right: auto
}

.prev-next-products .product-nav.product-next .product-pop {
    left: auto;
    right: 0;
    margin-right: -17.5px
}

.prev-next-products .product-nav.product-next .product-pop:before {
    right: 32px;
    left: auto
}


/* Newsletter Popup */

.page>#newsletter_popup {
    display: none
}

#newsletter_popup {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/newsletter_popup_bg.jpg) no-repeat;
    margin: 0;
    padding: 40px 40px 25px;
    width: 700px;
    height: 325px;
    border-top: 4px solid #08c;
    text-align: left;
    position: relative
}

#newsletter_popup .block-content {
    max-width: 312px;
    text-align: center
}

#newsletter_popup h2 {
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    line-height: 1;
    margin: 30px 0 12px
}

#newsletter_popup p {
    font-size: 13px;
    line-height: 1.4
}

#newsletter_popup .input-box {
    padding: 0
}

#newsletter_popup input.input-text {
    float: left;
    padding: 2px 13px;
    line-height: 30px;
    width: 100%
}

#newsletter_popup button.button {
    float: left;
    margin-left: -55px;
    position: relative;
    z-index: 1;
    width: 55px;
    border-left: 1px solid #ccc
}

#newsletter_popup button.button span {
    height: 34px;
    background-color: transparent;
    color: #555;
    line-height: 34px;
    padding: 0;
    text-align: center
}

#newsletter_popup .subscribe-bottom {
    position: absolute;
    bottom: 30px
}

#newsletter_popup .subscribe-bottom label {
    font-size: 11px
}

#newsletter_popup #newsletter_popup_dont_show_again {
    margin-top: 1px
}


/* Zeon Shop by Manufaturer */

.shop-by-manufacturer {
    margin-top: 20px
}

.shop-by-manufacturer .filter-title a {
    font-size: 13px;
    font-weight: 400
}

.shop-by-manufacturer .owl-carousel .item {
    padding: 10px
}

.shop-by-manufacturer .owl-carousel {
    margin: 0 -10px
}

.manufaturers-grid {
    margin: 0 -15px
}

.manufaturers-grid li.item {
    padding: 10px 15px;
    float: left;
    text-align: center;
    max-width: 290px
}

.manufaturers-grid li.item a {
    width: 100%;
    display: block
}

.manufaturers-grid li.item a img {
    max-width: 100%
}

.page-head {
    margin-bottom: 20px
}

.page-head h3 {
    font-size: 20px
}

.manufacturer-index-view .block-layered-nav .block-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    margin-top: 14px
}

.filter-title>a {
    font-size: 13px;
    font-weight: 400;
    text-transform: none
}

.brand-slider .owl-carousel .owl-item .item {
    padding: 0 20px;
    padding-top: 10px
}

.brand-slider .owl-carousel .owl-item .item img {
    width: 100%
}


/* addthis widget */

#_atssh {
    position: absolute;
    z-index: -1;
    bottom: 0
}


/*Ajax Cart*/

#success-message-container {
    border-top: 4px solid #08c;
    border-radius: 6px;
    font-weight: 400;
    line-height: 1.4
}

#success-message-container button {
    margin-top: 15px
}

#success-message-container button:first-child {
    margin-top: 20px
}

#success-message-container .timer {
    font-weight: 600;
    margin-top: 10px;
    font-size: 16px
}

.fixed-header-area.fancybox-margin {
    padding-right: 17px
}


/*Fullwidth Category Banner*/

.full-width-image-banner {
    height: 375px;
    position: relative
}

.full-width-image-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #393733;
    opacity: 0.65;
    filter: alpha(opacity=65)
}

.full-width-image-banner .content {
    margin-top: -36px
}

.full-width-image-banner h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.1
}

.full-width-image-banner p {
    margin: 0;
    font-size: 16px
}

.filter-products .products.small-list div.item .details-area {
    padding-top: 7px;
    padding-bottom: 7px
}

.filter-products .products.small-list div.item .details-area .product-name a {
    font-size: 12px
}

.small-list .price {
    font-size: 12px
}

.small-list .regular-price .price {
    font-size: 15px
}

.small-list .special-price .price {
    font-size: 15px
}

.small-list .old-price .price {
    font-size: 12px
}


/*homepage filterproducts for one product*/

.one-product h4.filter-title {
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
    padding: 14px 0;
    background-color: #fff;
    margin: 0
}

.one-product .filter-products .products div.item {
    padding: 0
}

.one-product .filter-products .products div.item .details-area {
    padding-top: 20px
}

.one-product .filter-products .products {
    background-color: #fff;
    padding-bottom: 15px
}

.one-product .filter-products .product-image-area {
    margin: 0;
    background-color: transparent;
    border: 0;
    padding: 0
}


/*no border-radius*/

.footer .container {
    max-width: 100%
}


/* header type 9 */

.header-container.type9 {
    border: 0;
    background-color: #fff
}

.header-container.type9 .top-links-container {
    background-color: #f7f7f7;
    color: #777
}

.header-container.type9 .top-links-container span.split {
    border-color: #ccc
}

.header-container.type9 .links li {
    border-left-color: #ccc
}

.header-container.type9 .top-links a {
    color: #08c
}

.header-container.type9 .selectbox .select {
    color: #777
}

.header-container.type9 .top-links .top-select:first-child .selectbox .select {
    padding-left: 0
}

.header-container.type9 .header {
    text-align: center
}

.header-container.type9 .header>.logo {
    margin: 30px 0
}

.header-container.type9 .header>.logo img {
    height: 50px
}

.header-container.type9 .search-area {
    left: 15px
}

.header-container.type9 .header .search-icon {
    display: none
}

.header-container.type9 .header .form-search {
    padding-right: 166px
}

.header-container.type9 .header .form-search #search {
    height: 34px;
    padding: 8px 15px;
    line-height: 20px
}

.header-container.type9 .header .form-search #cat {
    height: 34px;
    line-height: 30px;
    right: 36px
}

.header-container.type9 .header .form-search button.button {
    width: 36px;
    height: 34px
}

.header-container.type9 .header .custom-block {
    margin-right: 10px
}

.header-container.type9 .header .custom-block>* {
    display: inline-block;
    vertical-align: middle
}

.header-container.type9 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type9 .header .custom-block a {
    font-size: 12px
}

.header-container.type9 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0
}

.header-container.type9 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type9 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type9 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type9 .mybag-link .cart-info span {
    display: none
}

.header-container.type9 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type9 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type9 .main-nav {
    background-color: transparent;
    margin-bottom: 0
}

.header-container.type9 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type9 .main-nav ul.menu>li>a {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.header-container.type9 .main-nav ul.menu>li:hover,
.header-container.type9 .main-nav ul.menu>li.act {
    background-color: transparent
}

.header-container.type9 .main-nav ul.menu>li.act>a,
.header-container.type9 .main-nav ul.menu>li:hover>a {
    color: #08c
}

.header-container.type9 .main-nav ul.menu>li>a {
    padding: 17px 20px 17px 0;
    margin-right: 10px;
    color: #828385
}

.header-container.type9 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type9 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type9 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 30px
}

.header-container.type9 .main-nav ul.menu>li .nav-sublist-dropdown,
.header-container.type9 .main-nav .menu>li.menu-full-width .nav-sublist-dropdown,
.header-container.type9 .main-nav .menu>li.menu-static-width .nav-sublist-dropdown {
    margin-top: 0
}

.header-container.type9 .main-nav ul.menu>li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: right!important
}

.header-container.type9 .main-nav ul.menu>li.fl-right.last>a {
    margin: 0;
    padding-right: 15px!important
}

.header-container.type9 .main-nav ul.menu>li.fl-right.last>a:after {
    right: 0
}

.single-images .single-image-label {
    font-size: 17px;
    text-align: center;
    color: #818385;
    line-height: 1.4;
    padding: 10px 0;
    font-weight: 600
}

.single-images .caption {
    background-color: #a1a2a3;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center
}


/*fixed-header*/

.fixed-header ul.menu>li.menu-static-width.act:hover>a,
.fixed-header ul.menu>li.menu-full-width.act:hover>a,
.fixed-header ul.menu>li.menu-item-has-children.act:hover>a {
    padding-bottom: 14px;
}

.fixed-header ul.menu>li.menu-static-width.act>a,
.fixed-header ul.menu>li.menu-full-width.act>a,
.fixed-header ul.menu>li.menu-item-has-children.act>a {
    padding-bottom: 13px;
}

.gift-messages h3 .expand_plus {
    display: none
}

.footer-top-subscribe {}

.footer-top-subscribe>h4 {
    float: left;
    margin: 0
}

.footer-top-subscribe .input-box {
    text-align: right;
    margin: 0
}

.footer-top-subscribe input#newsletter {
    height: 34px;
    line-height: 18px;
    padding: 8px;
    max-width: 55%;
    min-width: 200px;
    width: 250px;
    border-radius: 2px
}

.footer-top-subscribe button.button {
    margin-left: -53px;
    width: 50px
}

.footer-top-subscribe button.button>span {
    line-height: 34px;
    background-color: transparent;
    color: #333;
    border-left: 1px solid #ccc;
    border-radius: 0 2px 2px 0
}


/*** Header Type 10 ***/

.header-container.type10 {
    border: 0;
    background-color: #0083c1
}

.header-container.type10 .top-links-container {
    background-color: #008acc
}

.header-container.type10 .top-links-container span.split {
    border-color: #eee
}

.header-container.type10 .links li {
    border-left-color: #eee
}

.header-container.type10 .top-links ul.links a {
    color: #fff
}

.header-container.type10 .top-links-icon {
    color: #fff
}

.header-container.type10 .welcome-msg {
    color: #fff
}

.header-container.type10 .search-area {
    position: static;
    margin: 0
}

.header-container.type10 .header {
    color: #fff
}

.header-container.type10 .header a {
    color: inherit
}

.header-container.type10 .header .form-search {
    border-color: transparent;
    background-color: #006393
}

.header-container.type10 .header .form-search #search {
    background-color: transparent;
    color: #ddd
}

.header-container.type10 .header .form-search #cat {
    border-color: #0076ae;
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    background-color: transparent
}

.header-container.type10 .header .form-search button.button {
    color: #fff;
    background-color: transparent
}

.header-container.type10 .header .custom-block {
    margin-right: 10px
}

.header-container.type10 .header .custom-block>* {
    display: inline-block;
    vertical-align: middle
}

.header-container.type10 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #eee;
    margin: 0 13px
}

.header-container.type10 .header .custom-block a {
    font-size: 12px
}

.header-container.type10 .mini-cart {
    position: relative;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    top: -3px
}

.header-container.type10 .header .form-search {
    width: 450px
}

.header-container.type10 .mybag-link {
    position: relative;
    padding: 2px 0
}

.header-container.type10 .mybag-link span {
    display: none
}

.header-container.type10 .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.header-container.type10 .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #000
}

.header-container.type10 .mybag-link i {
    font-size: 35px
}

.header-container.type10 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type10 .header .search-icon {
    display: none
}

.header-container.type10 .header-wrapper {
    background-color: #fff;
    text-align: left;
    border-bottom: 1px solid #eee
}

.header-container.type10 .header-wrapper>.container {
    padding: 0 5px
}

.header-container.type10 .dropdown-menu {
    position: relative;
    width: 25%;
    min-width: 244px;
    overflow: visible;
    z-index: 9;
    display: inline-block;
    padding: 0 10px
}

.header-container.type10 .dropdown-menu .menu-container {
    position: relative
}

.cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container>a,
.header-container.type10 .dropdown-menu .menu-container>a {
    color: #fff;
    background-color: #303030;
    padding: 14px 15px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    display: block
}

.header-container.type10 .dropdown-menu:hover .menu-container>a {
    background-color: #777;
    text-decoration: none
}

.cms-index-index .header-container.type10 .dropdown-menu .menu-container>a {
    pointer-events: none
}

.header-container.type10 .dropdown-menu .menu-container>a>i {
    margin-right: 5px
}

.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    border-bottom: 5px solid #303030;
    visibility: hidden;
    opacity: 0;
    transition: 200ms opacity
}

.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu.show,
.cms-index-index .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {
    visibility: visible;
    opacity: 1
}

.header-container.type10 .dropdown-menu .container {
    padding: 0
}

.header-container.type10 .menu-wrapper>.custom-menu-block {
    display: inline-block;
    line-height: 41px
}

.header-container.type10 .menu-wrapper>.custom-menu-block a {
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    white-space: nowrap
}

.header-container.type10 .header .form-search {
    border: 0;
}

.header-container.type10 .header .form-search #cat {
    border-color: #ccc;
}

#banner-slider-demo-10 .item .content {
    position: absolute;
    right: 6.3%;
    bottom: 20.5%
}

#banner-slider-demo-10 .item .content>span {
    font-size: 21px;
    font-weight: 300;
    color: #303030;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle
}

#banner-slider-demo-10 .item .content>a.btn-default {
    font-size: 13px
}


/*** Header Type 11 ***/

.header-container.type11 {
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%
}

.header-container.type11 .header {
    text-align: center
}

.header-container.type11 .top-links-icon a {
    color: #777
}

.cms-index-index .header-container.type11 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
    width: 100%;
    max-height: 100%;
}

.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li>a,
.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li .open-child,
.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li.over>a {
    color: #fff
}

.header-container.type11 .top-links-area {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.header-container.type11 .top-links-icon {
    background-color: #fff;
    border-radius: 2px;
    color: #777
}

.header-container.type11 .header .logo {
    margin: 20px 0;
    position: relative;
    z-index: 10;
    display: inline-block
}

.header-container.type11 .header-wrapper {
    border: 0;
    display: block;
    margin: 0;
    margin-top: -16px;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%
}

.header-container.type11 .main-nav {
    margin: 0
}

.header-container.type11 .main-nav>.container {
    width: auto !important;
    padding: 0
}

.header-container.type11 .main-nav .menu-wrapper {
    background-color: transparent;
    padding: 0 53% 0 20px
}

.header-container.type11 .main-nav ul.menu>li>a {
    color: #fff;
    padding: 10px;
    font-weight: 600
}

.header-container.type11 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type11 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type11 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type11 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type11 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type11 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 8px
}

.header-container.type11 .main-nav ul.menu>li:hover,
.header-container.type11 .main-nav ul.menu>li.act {
    background-color: #fff
}

.header-container.type11 .main-nav ul.menu>li:hover>a,
.header-container.type11 .main-nav ul.menu>li.act>a {
    color: #777
}

.header-container.type11 .main-nav .menu>li .nav-sublist-dropdown {
    top: auto
}

.header-container.type11 .header-right-area {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    margin-bottom: 0;
    z-index: 11
}

.header-container.type11 .header-right-area>div {
    display: inline-block;
    margin-right: 12px
}

.header-container.type11 .links {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 5px
}

.header-container.type11 .links li {
    font-weight: 300;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #ccc
}

.header-container.type11 .links a {
    color: #fff
}

.header-container.type11 .search-area {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    left: 0;
    top: 0;
    z-index: 5
}

.header-container.type11 .search-area>a {
    color: #fff
}

.header-container.type11 .header #search_mini_form {
    display: none
}

.header-container.type11 .header .form-search {
    width: 450px;
    position: absolute;
    right: -20px;
    top: 40px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type11 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type11 .form-currency,
.header-container.type11 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px
}

.header-container.type11 .selectbox .select {
    border-color: #fff;
    background-color: #fff;
    color: #777;
    text-align: center
}

.header-container.type11 .selectbox .dropdown {
    border: 0
}

.header-container.type11 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto
}

.header-container.type11 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #fff;
    color: #777;
    border-radius: 2px
}

.header-container.type11 .mini-cart .mybag-link i {
    font-size: 14px;
    color: #777
}

.header-container.type11 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type11 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type11 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type11 .mini-cart .topCartContent {
    top: 26px
}

.header-container.type11 .menu-icon {
    display: none;
    padding: 0;
    margin: 0;
    height: auto;
    margin-right: 1px;
    margin-left: 10px
}

.header-container.type11 .menu-icon a {
    color: #fff
}

#banner-slider-demo-13 .slide1-content img.quote {}

#banner-slider-demo-13 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-13 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-13 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-13 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-13 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-13 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-13 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-13 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-13 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-13 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-13 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

.no-border .product-image-area {
    border: 0;
    padding: 0;
    border-radius: 0
}

.no-border .filter-products .products div.item .product-image {
    border-radius: 0
}

h3.fullwidth-filter-title {
    font-size: 28px;
    color: #000;
    line-height: 1.2;
    margin-left: 15px;
}

p.fullwidth-filter-description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-left: 15px;
}

.home-side-menu-type2 {
    margin-bottom: 50px
}

.home-side-menu-type2>h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.home-side-menu-type2>h2>i.icon-menu:before {
    margin-left: 0
}

.side-menu-type2.side-block {
    border-top: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu {
    padding: 0;
    list-style: none
}

.side-menu-type2.side-block ul.menu ul {
    list-style: none;
    margin: 0;
    display: none;
    padding-left: 1.5em
}

.side-menu-type2.side-block ul.menu>li {
    padding-left: 12px;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu li {
    position: relative
}

.side-menu-type2.side-block ul.menu a {
    font-size: 13px;
    color: #777
}

.side-menu-type2.side-block ul.menu a span.cat-label {
    display: none
}

.side-menu-type2.side-block ul.menu a:hover {
    color: #000;
    text-decoration: none
}

.side-menu-type2.side-block ul.menu>li>a {
    font-size: 15px
}

.side-menu-type2.side-block ul.menu ul>li {
    line-height: 40px;
    border-top: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu ul>li:first-child {
    border-top: 0
}

.side-menu-type2.side-block ul.menu a.open-child {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px
}

.featured-box-2 {
    margin: 30px 0
}

.featured-box-2 h3 {
    color: #121213;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    padding: 8px 0;
    margin-bottom: 10px
}

.featured-box-2 h3 i {
    font-size: 18px
}

.featured-box-2 p {
    font-size: 14px;
    margin-bottom: 10px
}

.featured-box-2 a {
    font-size: 14px
}

.footer .tags-list li {
    margin: 0;
    margin-bottom: 2px;
    display: inline-block !important
}

.footer .tags-list a {
    color: #fff;
    background-color: #000;
    padding: 0 7px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px !important;
    border-radius: 3px
}

.footer .tags-list a:hover {
    color: #fff
}

.page-header {
    margin: 0;
    padding: 0;
    min-height: 175px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto/images/page_header.jpg) center center no-repeat;
    background-size: cover;
    border: 0
}

#banner-slider-demo-11 .content-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 20px 15px;
    text-align: left;
    margin-left: -163px;
    margin-top: -95px
}

#banner-slider-demo-11 .content-1>div {
    display: inline-block;
    vertical-align: middle
}

#banner-slider-demo-11 .content-1>div:first-child {
    padding-right: 10px
}

#banner-slider-demo-11 .content-1 p {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 7px;
    font-weight: 300
}

#banner-slider-demo-11 .content-1 h3 {
    font-size: 73px;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

#banner-slider-demo-11 .content-1 h3 b {
    font-weight: 800;
    margin-top: -23px;
    display: block
}

#banner-slider-demo-11 .content-1 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
}

#banner-slider-demo-11 .content-1 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
}

#banner-slider-demo-11 .content-1 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
}

#banner-slider-demo-11 .content-2 {
    position: absolute;
    right: 28px;
    bottom: 28px;
    text-align: left
}

#banner-slider-demo-11 .content-2>div {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 15px
}

#banner-slider-demo-11 .content-2>div:first-child {
    margin: -6px 0;
    padding-left: 25px
}

#banner-slider-demo-11 .content-2 p {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 2px;
    font-weight: 300
}

#banner-slider-demo-11 .content-2 h3 {
    font-size: 54px;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

#banner-slider-demo-11 .content-2 h3 b {
    font-weight: 800
}

#banner-slider-demo-11 .content-2 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
}

#banner-slider-demo-11 .content-2 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
}

#banner-slider-demo-11 .content-2 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
}

#banner-slider-demo-11 .content-2 a {
    font-size: 13px;
    margin-right: -10px
}

.md-modal #login-form,
.form-wrap.new-users,
.form-wrap.registered-users,
.opc #login-form {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0
}

.fancybox-prev span,
.fancybox-next span {
    background-image: none;
    font-size: 40px;
}

.fancybox-prev span:before,
.fancybox-next span:before {
    font-family: "porto";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
}

.fancybox-next span:before {
    content: '\e81a'
}

.fancybox-prev span:before {
    content: '\e819'
}

#loading-mask {
    display: none;
    font-size: 1.1em;
    font-weight: bold;
    position: fixed;
    text-align: center;
    z-index: 20002;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#after-loading-success-message {
    display: none;
    font-size: 1.1em;
    position: fixed;
    text-align: center;
    z-index: 20002;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#success-message-container {
    padding: 20px 15px;
    line-height: 1.4;
    position: relative;
    text-align: center;
    top: 35%;
    width: 300px;
    z-index: 1000;
    background: #FFFFFF none repeat scroll 0 0;
    margin: auto
}

#success-message-container img.product-image {
    display: inline-block;
    width: 30%
}

#success-message-container .msg {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

#success-message-container .product-name {
    font-size: 14px;
    margin: 5px 0 10px
}

#success-message-container .timer {
    display: none
}

#success-message-container button {
    margin-top: 15px;
    min-width: 133px
}


/******* New Sticky Header *******/

.header-container.sticky-header .header-wrapper {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 200 !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: all
}

.header-container.sticky-header .menu-wrapper {
    position: relative
}

.header-container.sticky-header .main-nav ul.menu>li>a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important
}

.header-container.sticky-header .main-nav ul.menu>li.menu-static-width>a,
.header-container.sticky-header .main-nav ul.menu>li.menu-full-width>a,
.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children>a {
    padding-left: 15px !important;
    padding-right: 25px !important
}

.header-container.sticky-header .main-nav ul.menu>li>a:after {
    right: 10px !important
}

.header-container.sticky-header .main-nav .menu {
    border: 0;
    height: auto
}

.header-container.sticky-header .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.sticky-header .main-nav ul.menu>li.menu-static-width>a:after {
    margin-top: -6.5px !important
}

.header-container.type3.sticky-header .main-nav ul.menu>li.fl-right,
.header-container.type4.sticky-header .main-nav ul.menu>li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: none !important
}
.header-container.type4.sticky-header .main-nav ul.menu>li.fl-right.hidden-sticky{ display: none !important}

.header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a {
    margin: 0;
    padding-right: 15px!important
}

.header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a:after {
    right: 0
}

.header-container.type9.sticky-header .main-nav ul.menu>li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: none !important
}

.header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a {
    margin: 0;
    padding-right: 15px!important
}

.header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a:after {
    right: 0
}


/* - Header Type 1 */

.header-container.type1.sticky-header .header-wrapper {
    background-color: #1e1e1e
}

.header-container.type1.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0 15px
}


/* - Header Type 2 */

.header-container.type2.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type2.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type2.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}


/* - Header Type 3 */

.header-container.type3.sticky-header .header-wrapper {
    background-color: #006fa4
}

.header-container.type3.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    background-color: transparent
}

.header-container.type3.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}


/* - Header Type 4 */

.header-container.type4.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type4.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type4.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

.header-container.type4.sticky-header .main-nav ul.menu>li>a {
    height: auto !important
}


/* - Header Type 5 */

.header-container.type5.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type5.sticky-header .header-wrapper .main-nav.container>.container {
    padding: 0 15px
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu-wrapper {
    text-align: left
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 0
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu>li.menu-static-width .nav-sublist-dropdown {
    right: auto
}


/* - Header Type 6 */

.header-container.type6.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type6.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0
}

.header-container.type6.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 0
}


/* - Header Type 14 */

.header-container.type14.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type14.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0
}

.header-container.type14.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 50px
}


/* - Header Type 7 */

.header-container.type7.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type7.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type7.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}


/* - Header Type 8 */

.header-container.type8.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type8.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type8.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}


/* - Header Type 9 */

.header-container.type9.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type9.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    background-color: transparent;
    text-align: left
}

.header-container.type9.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}


/* - Header Type 10 */

.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>a {
    pointer-events: all
}

.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu {
    visibility: hidden;
    opacity: 0
}

.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu.show {
    visibility: visible;
    opacity: 1
}

.header-container.type10.sticky-header .menu-wrapper .mini-cart {
    top: 0
}


/* - Header Type 11 */

.header-container.type11.sticky-header .header-wrapper {
    background-color: #555
}

.header-container.type11.sticky-header .main-nav {
    width: 100% !important
}

.header-container.type11.sticky-header .main-nav>.container {
    width: 100% !important;
    padding: 0 15px
}

.header-container.type11.sticky-header .main-nav .menu-wrapper {
    padding: 0
}


/* - Mini Cart */

.header-container.sticky-header .menu-wrapper .mini-cart {
    position: absolute;
    right: 0;
    left: auto;
    top: -5px;
    margin: 0;
    background-color: transparent;
    border: 0
}

.header-container.sticky-header .menu-wrapper .mybag-link {
    position: relative;
    line-height: 1;
    display: inline-block;
    border-radius: 5px;
    height: 40px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    max-width: 120px;
    background-color: transparent;
    top: auto
}

.header-container.sticky-header .menu-wrapper .mybag-link span {
    display: none
}

.header-container.sticky-header .menu-wrapper .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px;
    left: 0;
    padding: 3px
}

.header-container.sticky-header .menu-wrapper .mybag-link .cart-qty {
    display: block;
    font-size: 12px;
    color: #fff;
    margin: 0 !important;
    line-height: 16px;
    font-weight: 600
}

.header-container.sticky-header .menu-wrapper .mybag-link i {
    font-size: 31px;
    color: #08c
}

.header-container.sticky-header .menu-wrapper .mini-cart .topCartContent {
    top: 40px
}

.header-container.type1.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #1e1e1e
}

.header-container.type3.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type3.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #000
}

.header-container.type11.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type11.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #000
}


/*********** Compare Link in Headers *************/

.header-container .compare-link {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.header-container.type1 .compare-link,
.header-container.type8 .compare-link,
.header-container.type11 .compare-link {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 4px;
    width: auto
}

.header-container.type1 .compare-link>a,
.header-container.type8 .compare-link>a,
.header-container.type11 .compare-link>a {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px
}

.header-container.type8 .compare-link>a {
    border-color: transparent;
    background-color: #e2e2dc;
    color: #777;
    text-align: center;
    padding: 3px 7px;
    border-radius: 3px;
    line-height: 20px
}

.header-container.type11 .compare-link>a {
    border-color: #fff;
    background-color: #fff;
    color: #777;
    text-align: center;
}

.header-container.type2 .compare-link,
.header-container.type3 .compare-link,
.header-container.type4 .compare-link,
.header-container.type5 .compare-link,
.header-container.type6 .compare-link,
.header-container.type14 .compare-link,
.header-container.type7 .compare-link,
.header-container.type9 .compare-link,
.header-container.type10 .compare-link {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 26px;
    margin-left: 5px;
    text-transform: uppercase
}

.header-container.type5 .compare-link {
    float: right;
    margin: 0;
    margin-right: 15px
}

.header-container.type3 .compare-link>a,
.header-container.type5 .compare-link>a,
.header-container.type6 .compare-link>a,
.header-container.type14 .compare-link>a {
    color: #fff
}


/*.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-full-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-static-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-static-width .nav-sublist-dropdown{margin-top:1px}*/

.fixed-header ul.menu>li .nav-sublist-dropdown:before,
.main-nav ul.menu>li .nav-sublist-dropdown:before {
    content: "";
    height: 6px;
    display: block;
    position: absolute;
    top: -6px;
    left: 0
}

.header-container.sticky-header .main-nav ul.menu>li.menu-full-width:hover>a,
.header-container.sticky-header .main-nav ul.menu>li.menu-static-width:hover>a,
.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children:hover>a {
    padding-bottom: 11px !important
}

a.at300b .at4-icon,
a.at300m .at4-icon {
    border-radius: 3px
}


/****************** Demo 15 ***************/

#parallax_01 .parallax-content-15 img.quote {}

#parallax_01 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0 10px
}

#parallax_01 .parallax-content-15 h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#parallax_01 .parallax-content-15 p {
    font-size: 23.64px
}

#parallax_02 {
    padding: 250px 0
}

#parallax_02 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0
}

#parallax_02 .parallax-content-15 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#parallax_02 .parallax-content-15 .text-content p {
    margin: 0
}

#parallax_02 .parallax-content-15 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#parallax_02 .parallax-content-15 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
}

#parallax_03 {
    padding: 250px 0
}

#parallax_03 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#parallax_03 .parallax-content-15 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#parallax_03 .parallax-content-15 .text-content p {
    margin: 0
}

#parallax_03 .parallax-content-15 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#parallax_03 .parallax-content-15 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 125px;
    margin-top: 5px
}

#parallax_04 .parallax-content-15 img.quote {}

#parallax_04 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0 10px
}

#parallax_04 .parallax-content-15 h2 {
    font-size: 61px;
    margin: 5px 0 10px;
    letter-spacing: -3px
}

#parallax_04 .parallax-content-15 p {
    font-size: 18px
}

#parallax_04 .parallax-content-15 a.btn.btn-default {
    font-size: 16px;
    padding: 8px 35px
}


/********* Header Type 12 **************/

body.side-header .page {
    position: relative;
    z-index: 2
}

body.side-header.cms-index-index .page {
    height: 100vh
}

.header-container.type12 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 256px;
    min-height: 100vh;
    background-color: #383734;
    text-align: center;
    border: 0;
    padding: 10px
}

.cms-index-index .header-container.type12 {
    background-color: rgba(0, 0, 0, 0.4)
}

.header-container.type12.fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 0
}

.header-container.type12 .switcher-area {
    text-align: center;
    position: relative;
    z-index: 3
}

body.side-header .top-container,
body.side-header .main-container,
body.side-header .footer-container {
    margin-left: 256px
}

.header-container.type12 .form-currency,
.header-container.type12 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px;
    margin-bottom: 7px
}

.header-container.type12 .selectbox .select {
    border-color: #101010;
    background-color: #101010;
    color: #fff;
    text-align: center
}

.selectbox li {
    transition: all 0.3s
}

.header-container.type12 .selectbox .dropdown {
    border: 0
}

.header-container.type12 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto;
    margin-bottom: 7px
}

.header-container.type12 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px
}

.header-container.type12 .mini-cart .mybag-link i {
    font-size: 14px
}

.header-container.type12 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type12 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type12 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type12 .mini-cart .topCartContent {
    top: 26px;
    left: 0
}

.header-container.type12 .mini-cart .topCartContent:before {
    left: 15px;
    right: auto
}

.header-container.type12 .compare-link {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 4px;
    margin-bottom: 7px;
    width: auto
}

.header-container.type12 .compare-link>a {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px
}

.header-container.type12 .header {
    text-align: center;
    position: static;
    min-height: 100%;
    padding-bottom: 145px
}

.header-container.type12 .header>.logo {
    margin: 30px 0;
    max-width: none
}

.header-container.type12 .search-area {
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0 7px;
    margin-bottom: 20px;
    width: 100%
}

.header-container.type12 .search-area a.search-icon {
    display: none
}

.header-container.type12 .header #search_mini_form {
    margin: 0;
    width: 100%
}

.header-container.type12 .header .form-search {
    border-radius: 5px;
    width: auto;
    min-width: initial;
    padding-right: 140px
}

.header-container.type12 .header .form-search #cat {
    width: 100px
}

.header-container.type12 .menu.side-menu {
    text-align: left;
    margin: 0 7px 20px 7px
}

.header-container.type12 .menu.side-menu>li>a {
    margin: 0;
    color: #fff;
    border-color: #575757
}

.header-container.type12 .menu.side-menu>li.menu-static-width>a:after,
.header-container.type12 .menu.side-menu>li.menu-item-has-children>a:after,
.header-container.type12 .menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,
.header-container.type12 .menu.side-menu>li.menu-full-width>a:after {
    color: #fff
}

.header-container.type12 .top-links-area {
    float: none;
    text-align: left;
    margin-bottom: 20px
}

.header-container.type12 .links {
    float: none;
    padding: 0 7px
}

.header-container.type12 .links li {
    display: block;
    padding: 0;
    border: 0;
    padding: 10px 5px;
    border-top: 1px solid #575757
}

.header-container.type12 .links li:first-child {
    border-top: 0
}

.header-container.type12 .links li a {
    color: #fff
}

.header-container.type12 .header .custom-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 10px
}

.header-container.type12 .social-icons {
    float: none
}

.header-container.type12 address {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #777
}

.header .social-icons a {
    background-color: #9e9e9e;
    border-radius: 50%
}

.header .social-icons a.icon1-class:hover {
    background-color: #3c599b
}

.header .social-icons a.icon2-class:hover {
    background-color: #1ca8e3
}

.header .social-icons a.icon3-class:hover {
    background-color: #4975b6
}

#banner-slider-demo-16 .slide1-content,
#banner-slider-demo-16 .slide2-content {
    padding-left: 256px
}

#banner-slider-demo-16 .text-content {
    text-align: left
}

#banner-slider-demo-16 .text-content em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: -10px
}

#banner-slider-demo-16 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
}

#banner-slider-demo-16 .text-content p {
    margin: 0
}

#banner-slider-demo-16 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-16 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
}

body.side-header .top-container>.breadcrumbs.fixed-position {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0
}


/******** right zoom **********/

.product-view-zoom-area {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 100%;
    top: 0;
    display: none
}

.product-img-box .etalage:hover+.etalage-control+.product-view-zoom-area {
    display: block
}


/******** Sticky Addtocart **********/

.sticky-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    padding: 60px 0 15px 0
}

.sticky-product.no-sticky-header {
    padding: 15px 0
}

.sticky-product>.container {
    position: relative
}

.sticky-product .sticky-image,
.sticky-product .sticky-detail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.sticky-product .sticky-detail .product-name-area,
.sticky-product .ratings,
.sticky-product .sticky-detail .availability {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 15px
}

.sticky-product .sticky-detail .product-name-area .product-name,
.sticky-product .ratings,
.sticky-product .sticky-detail .availability {
    line-height: 25px
}

.sticky-product .sticky-detail .product-name-area .product-name {
    font-size: 16px;
    font-weight: 600
}

.sticky-product .sticky-detail .availability span {
    font-size: 14px;
    font-weight: 400
}

.sticky-product .add-to-cart {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -19px
}

.side-header .sticky-product>.container {
    width: 100%;
    padding-left: 277px
}

.product-view.moved-tab .product-shop .short-description {
    border: 0
}


/******** Menu Update ***********/

.main-nav .menu>li .nav-sublist-dropdown {
    top: auto
}


/******** Product Deal **********/

.deal-label {
    position: absolute;
    left: 3px;
    top: 3px;
    color: #fff;
    font-size: 20px;
    padding: 3px;
}

.deal-label:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    border: 26px solid transparent;
    border-left-color: #e27c7c;
    border-top-color: #e27c7c;
    border-radius: 3px;
    left: 0;
    top: 0;
    transition: all 0.3s;
}

.deal-label i {
    position: relative;
    z-index: 2;
    left: -1px;
    top: 1px;
}

.block-dailydeal-new .sidebardailydeal {
    text-align: center
}

.block-dailydeal-new .sidebardailydeal a {
    float: none
}

.block-dailydeal-new {
    font-family: inherit;
}

.block-dailydeal-new,
.block-dailydeal-new:hover {
    border: 0;
}

.block-dailydeal-new .block-title {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    margin-top: 14px
}

.block-dailydeal-new .block-title.closed {
    border-radius: 7px
}

.block-dailydeal-new .block-title:before {
    content: "\e80d";
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #ccc;
    font-family: 'porto';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    background-color: #fff;
    font-size: 10px
}

.block-dailydeal-new .block-title.closed:before {
    content: "\e80b"
}

.block-dailydeal-new .block-title:hover:before {
    background-color: #08c;
    color: #fff
}

.block-dailydeal-new .block-content {
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
}

.block-dailydeal-new .block-title {
    cursor: pointer;
    margin: 0
}

.bottom-home-dailydeal ul.time-left {
    float: none;
    background-color: transparent;
    padding: 0 10px;
}

.bottom-home-dailydeal ul.time-left li {
    padding: 3px;
    list-style: none;
}

.bottom-home-dailydeal ul.time-left li>div {
    background-color: #999;
    padding: 4px 0;
    border-radius: 5px
}

.bottom-home-dailydeal {
    position: absolute;
    bottom: -23px;
    z-index: 9;
    left: 0;
    width: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    transition: all 0.3s;
    margin: 0
}

.item-area:hover .bottom-home-dailydeal {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0
}

.block-dailydeal-new .sidebardailydeal.item {
    padding: 20px 0;
}

.bottom-home-dailydeal ul.time-left li span {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600
}

.timeleft-text {
    margin: 0;
}

.item-area:hover .deal-label:before {
    border-left-color: #af2727;
    border-top-color: #af2727;
}

.product-view .bottom-home-dailydeal {
    position: static;
    margin-bottom: 20px;
    margin-left: -15px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text {
    font-size: 20px
}

.product-essential .bg-saleoff {
    margin-bottom: 10px
}

ol#products-list li.item {
    background: transparent;
}

ol#products-list .bottom-home-dailydeal ul.time-left li span {
    font-size: 13px
}

ol#products-list .bottom-home-dailydeal ul.time-left li span.text-time {
    font-size: 10px
}

.product-image-area a.product-image {
    overflow: hidden
}

.slide3-1-new-content em {
    font-size: 18px
}

.slide3-1-new-content h2 {
    font-size: 44px
}

.slide3-1-new-content hr {
    margin: 10px 0
}

.slide3-1-new-content a {
    font-size: 16px
}

.img-desc-home3 {
    margin-top: -88px;
    padding: 0 25px
}

.img-desc-home3 h3 {
    font-size: 24px
}

.img-desc-home3 hr {
    width: 90px;
    margin: 15px 0
}

.img-desc-home3 p {
    font-size: 15px
}

.img-desc-home3 a {
    font-size: 15px
}

.top-newsletter #newsletter {
    width: 300px;
    height: 30px;
    border-radius: 0;
    line-height: 16px
}

.top-newsletter button.button {
    position: absolute;
    right: 0;
    top: 0
}

.top-newsletter button.button span {
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    color: #000;
    background-color: transparent
}

.input-box {
    position: relative
}

.validation-advice:before {
    content: "\e820";
    font-family: "porto";
    font-size: 8px;
    position: absolute;
    left: 3px;
    top: 1px
}

.product-options .validation-advice {
    position: relative
}

.block-subscribe .validation-advice {
    position: absolute
}

.opc-wrapper-opc .validation-advice {
    padding-left: 10px
}

.fixed-header .menu>li.menu-item .nav-sublist-dropdown a,
.main-nav .menu>li.menu-item .nav-sublist-dropdown a {
    color: #777
}

#banner-slider-demo-2-new .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-2-new .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#banner-slider-demo-2-new .slide-1 .text-content p {
    margin: 0
}

#banner-slider-demo-2-new .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-2-new .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
}

#banner-slider-demo-2-new .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-2-new .slide-2 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#banner-slider-demo-2-new .slide-2 .text-content p {
    margin: 0
}

#banner-slider-demo-2-new .slide-2 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-2-new .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 0;
    margin-top: 10px
}

.image-link span.category-title {
    display: block;
    position: absolute;
    left: -10px;
    bottom: 20px;
    color: #fff;
    padding: 15px 17px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    min-width: 174px;
    text-align: left;
    background-color: #3f4658
}

.image-link span.category-title:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-right-color: #3f4658;
    border-top-color: #3f4658;
    display: block;
    position: absolute;
    left: 0;
    top: 100%
}

.compare-link>a:hover {
    text-decoration: none
}

.compare-popup {
    position: absolute;
    left: 0;
    top: 100%;
    width: 300px;
    background-color: #fff;
    border-width: 6px 0 0 0;
    border-style: solid;
    z-index: 1;
    border-radius: 8px 8px 5px 5px;
    color: #777;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    padding: 20px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s
}

.compare-link:hover .compare-popup {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacty=100)
}

.compare-popup p {
    margin: 0
}

.compare-popup:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    display: block;
    left: 15px;
    top: -25px;
    border-bottom-color: #08c
}

.compare-popup:after {
    width: 100%;
    height: 20px;
    position: absolute;
    content: "";
    display: block;
    top: -20px;
    left: 0
}

.compare-popup li.item {
    position: relative;
    padding: 5px 0
}

.compare-popup a.btn-remove {
    position: absolute;
    right: 0
}

.compare-popup .actions {
    margin-top: 20px
}

.compare-popup .actions a {
    line-height: 32px
}

.compare-popup .actions button.button {
    float: right
}

.compare-popup .actions button.button span {
    line-height: 32px;
    padding: 0 15px
}

.header-container.type1 .compare-popup,
.header-container.type11 .compare-popup,
.header-container.type5 .compare-popup,
.header-container.type8 .compare-popup {
    left: auto;
    right: 0
}

.header-container.type1 .compare-popup:before,
.header-container.type11 .compare-popup:before,
.header-container.type5 .compare-popup:before,
.header-container.type8 .compare-popup:before {
    left: auto;
    right: 15px
}

.ajaxcart-index-options .product-view .product-name {
    padding: 0;
    border-bottom: 1px solid #384045;
    margin-bottom: 25px
}

.quickview-index-view .product-collateral {
    display: none
}

.store-switcher {
    text-align: right
}

.store-switcher:before {
    content: "";
    display: block;
    clear: both
}

.sticky-logo {
    float: left;
    margin-right: 20px
}

.sticky-logo .logo {
    margin: 0!important
}

.sticky-logo strong {
    display: none
}

.sticky-logo img {
    max-height: 32px
}


/*** Header Type 13 ***/

.header-container.type13 {
    border: 0
}

.header-container.type13 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type13 .top-links a {
    color: #fff
}

.header-container.type13 .selectbox .select {
    color: #fff
}

.header-container.type13 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0;
    text-align: center
}

.header-container.type13 .header>.logo {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    float: none
}

.header-container.type13 .header>.logo img {
    height: 50px
}

.header-container.type13 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type13 .main-nav ul.menu>li>a {
    padding: 9px 15px
}

.header-container.type13 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0;
    position: absolute;
    top: 50%;
    margin-top: -25px
}

.header-container.type13 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type13 .top-links>.top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type13 .main-nav ul.menu>li {
    pointer-events: all
}

.header-container.type13 .main-nav ul.menu>li.menu-full-width>a,
.header-container.type13 .main-nav ul.menu>li.menu-item-has-children>a,
.header-container.type13 .main-nav ul.menu>li.menu-static-width>a {
    padding-right: 25px
}

.header-container.type13 .main-nav ul.menu>li.menu-full-width>a:after,
.header-container.type13 .main-nav ul.menu>li.menu-item-has-children>a:after,
.header-container.type13 .main-nav ul.menu>li.menu-static-width>a:after {
    right: 10px
}

.header-container.type13 .compare-link {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 26px;
    margin-left: 5px;
    text-transform: uppercase
}

.header-container.type13 .main-nav ul.menu>li.fl-right {
    float: right
}

.header-container.type13 .main-nav .menu>li.fl-right .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    left: auto;
    right: 100%
}

.header-container.type13.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type13.sticky-header .main-nav {
    margin: 0 auto
}

.header-container.type13.sticky-header .main-nav ul.menu>li.fl-right {
    float: none
}

.header-container.type13.sticky-header .header .mini-cart {
    position: absolute
}

.infinite-loader {
    text-align: center;
    margin: 20px 0
}

.infinite-loader .loading {
    line-height: 30px;
    display: none
}

.infinite-loader .loading i.ajax-loader {
    margin-right: 15px
}

.infinite-loader .btn-load-more {
    display: none;
    color: #333;
    background-color: #fff;
    font-size: 13px;
    padding: 5px 20px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc
}

i.category-icon {
    margin-right: 10px
}

i.category-icon:before {
    margin: 0;
    width: auto
}

img.category-icon {
    margin-right: 10px;
    max-height: 11px;
    vertical-align: middle
}

.item .item-area .actions .qty-field {
    margin: 10px 0 5px
}

.item .item-area .actions input.qty {
    height: 34px
}

.item .item-area .actions .qty-changer>a {
    margin: 0;
    margin-bottom: 2px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.item .item-area .actions .qty-changer>a.qty_dec {
    margin-bottom: 0
}

.product-tabs>ul:after {
    clear: both;
    content: "";
    display: table
}

.panel-group .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.panel-default>.panel-heading {
    background: none;
    padding: 0;
    border-radius: 0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0
}

.product-tab-accordion .panel-body>h2 {
    display: none
}

.panel-title>a {
    position: relative;
    padding: 12px 20px 12px 10px;
    display: block;
    font-size: 15px;
    min-height: 20px;
    border: 0;
    border-left: 3px solid #08c;
    border-radius: 5px;
    font-weight: 400;
    background-color: #08c;
    color: #fff
}

.panel-title>a.collapsed {
    color: #08c;
    background-color: #f4f4f4
}

.panel-title>a:hover {
    color: #fff;
    text-decoration: none
}

.panel-title>a.collapsed:hover {
    color: #08c
}

.panel-title>a:after {
    content: "\e80b";
    font-family: "porto";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #fff;
    margin-top: -10px
}

.panel-title>a.collapsed:after {
    content: "\e814";
    color: #08c
}

#banner-slider-demo-17 .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-17 .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -5px
}

#banner-slider-demo-17 .slide-1 .text-content p {
    margin: 0
}

#banner-slider-demo-17 .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-17 .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
}

#banner-slider-demo-17 .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: 10px
}

#banner-slider-demo-17 .slide-2 .text-content h2 {
    font-size: 51.67px
}

#banner-slider-demo-17 .slide-2 .text-content p {
    margin: 0
}

#banner-slider-demo-17 .slide-2 .text-content p span {
    font-size: 23.64px
}

#banner-slider-demo-17 .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px
}

.footer-top .homepage-bar {
    border: 0;
    background-color: transparent;
    text-align: left;
    padding: 0 5px
}

.footer-top .homepage-bar .col-md-3 {
    border-left: 1px solid #515656;
    padding-top: 20px;
    padding-bottom: 21px
}

.footer-top .homepage-bar .col-md-3:first-child {
    border-left: 0
}

.footer-top .homepage-bar i {
    color: #fff
}

.footer-top .homepage-bar h3 {
    color: #fff
}

.flex-grid {
    display: flex;
    flex-flow: row wrap
}

#slideshow .category-products .products-grid.flex-grid.columns4 li.item:hover {
    padding-top: 0
}

.flex-grid .item .details-area .actions {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
    margin: 0 -50px
}

.flex-grid .item:hover .details-area .actions {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flex-grid .item:hover .details-area .actions {}

.category-products .products-grid.flex-grid li.item {
    border-left: 1px solid #e3e4e4;
    display: flex;
    padding-top: 0;
    margin-top: -1px;
    transition: all 0.3s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.category-products .products-grid.flex-grid li.item:hover {
    background-color: #fff;
    border-top-color: #e3e4e4;
    border-bottom-color: #e3e4e4;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.category-products .products-grid.flex-grid li.item .details-area {
    padding-bottom: 0;
    margin-bottom: -20px
}

.category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid .item .details-area .actions a.addtowishlist {
    margin: 0;
    background-color: #e6e6e6;
    color: #000;
    border: 0;
    font-size: 13px;
    right: -4px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 40px;
    height: 40px;
    line-height: 40px
}

.category-products .products-grid.flex-grid .item .details-area .actions a.comparelink {
    margin: 0;
    background-color: #e6e6e6;
    color: #000;
    border: 0;
    font-size: 13px;
    left: -4px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 40px;
    height: 40px;
    line-height: 40px
}

.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    margin: 0;
    border: 0;
    padding: 0 20px 0 15px;
    text-transform: uppercase;
    background-color: #08c;
    color: #fff
}

.category-products .products-grid.flex-grid li.item .item-area {
    border-top: 1px solid #e3e4e4;
    padding: 50px 0 10px;
    margin-top: -1px;
    transition: all 0.3s
}

.category-products .products-grid.flex-grid li.item:hover .item-area {
    border-top-color: transparent;
    padding: 10px 0 50px
}

.category-products .products-grid.flex-grid li.item .price-box {
    margin: 10px 0 15px
}

.flex-owl-slider .owl-item .item {
    border-left: 1px solid #e3e3e3
}

.flex-owl-slider .owl-item:first-child .item {
    border-left-color: transparent
}

.header-container.type13 .welcome-msg {
    float: right;
    margin-right: 15px
}

.header-container.type13 .search-area {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    margin-right: 10px;
    float: left;
    height: 25px;
    z-index: 2
}

.header-container.type13 .search-area a.search-icon {
    display: block;
    line-height: 15px;
    padding: 5px 0;
    font-size: 11px;
    width: auto;
    text-transform: uppercase
}

.header-container.type13 .search-area a.search-icon:hover {
    text-decoration: none
}

.header-container.type13 #search_mini_form {
    width: 450px;
    display: none
}

.header-container.type13 .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type13 .mybag-link {
    height: 25px;
    padding: 5px 0;
    line-height: 15px
}

.header-container.type13 .mybag-link i {
    color: #08c;
    font-size: 15px
}

.header-container.type13 .mybag-link .cart-info {
    font-size: 11px;
    padding: 0
}

.header-container.type13 .cart-info span {
    display: inline;
    font-size: 11px;
    font-weight: 400
}

.header-container.type13 .mybag-link .cart-info span.cart-qty {
    margin-right: 3px;
    font-weight: 700
}

.header-container.type13 .top-links-container .mini-cart .topCartContent {
    right: 0;
    top: 25px
}

.header-container.type13 #search_mini_form {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0
}

.header-container.type13 .top-links-area .top-links-icon {
    display: block;
    margin-right: 5px
}

.header-container.type13 .top-links-area ul.links {
    display: none
}

.header-container.type13 .cart-area {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    float: right;
    height: 25px;
    margin-left: 5px
}

.header-container.type13 .links {
    display: none;
    position: absolute;
    right: 0;
    z-index: 9;
    background-color: #fff !important;
    border-radius: 3px;
    margin: 0;
    padding: 5px 0;
    text-align: right;
    border: 1px solid #ccc
}

.header-container.type13 .links li {
    display: block;
    border: 0;
    padding: 0
}

.header-container.type13 .links li a {
    color: #777 !important;
    white-space: nowrap;
    padding: 0 10px;
    display: block;
    transition: all 0.2s;
    font-weight: 400
}

.header-container.type13 .links li:hover a {
    background-color: #ccc !important;
    color: #fff !important;
    text-decoration: none
}

.header-container.type13 .form-search {
    width: 450px;
    position: absolute;
    left: -20px;
    top: 40px;
    overflow: visible;
    border: 5px solid #ccc;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type13 .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type13 .form-search label {
    float: left;
    width: 24px;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
    display: none
}

.header-container.type13 .form-search #search {
    border: 0;
    height: 38px;
    background-color: transparent;
    padding: 10px 15px;
    color: #999;
    font-family: Arial;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-radius: 20px 0 0 20px
}

.header-container.type13 .form-search #cat {
    margin: 0;
    width: 130px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    font-family: Arial;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    padding: 2px 0;
    padding-left: 10px;
    position: absolute;
    top: 0;
    right: 40px;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

.header-container.type13 .form-search #cat option {
    color: #000;
    background: #fff
}

.header-container.type13 .form-search button.button {
    width: 40px;
    height: 38px;
    color: #777;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 20px 0
}

.header-container.type13 .form-search .search-autocomplete {
    z-index: 999
}

.header-container.type13 .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff
}

.header-container.type13 .form-search .search-autocomplete li {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #777
}

.header-container.type13 .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold
}

.header-container.type13 .form-search .search-autocomplete li.odd {
    background-color: #fff
}

.header-container.type13 .form-search .search-autocomplete li.selected {
    background-color: #f7f7f7
}

.header-container.type13 .mini-cart .actions a {
    color: #fff
}

.header-container.type14 .cart-area {
    position: relative;
    top: 0;
    margin: 0;
    float: right;
    height: 50px;
    right: 0;
    padding: 5px 0
}

.loader-container {
    text-align: center;
    background-color: rgba(255, 255, 255, .5);
    display: none
}

.product-image-area>.loader-container,
.actions>.loader-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 199
}

.loader-container>.loader {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

i.ajax-loader.medium {
    width: 24px;
    height: 24px;
    border-width: 2px 3px 1px 0
}

#loading_mask_loader {
    display: none
}

.block-manufacturer {
    text-align: center
}

.block-manufacturer img {
    max-width: 100%
}

.banner-content-18 {
    padding: 290px 0 80px
}

.banner-content-18 em {
    font-size: 26.26px;
    margin-left: 5px;
    margin-bottom: 5px
}

.banner-content-18 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
}

.banner-content-18 .text-content p {
    margin: 0
}

.banner-content-18 .text-content p span {
    font-size: 23.64px;
    padding-left: 5px;
    line-height: 2
}

.banner-content-18 .text-content p a {
    font-size: 16px;
    padding: 10px 35px;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 125px
}

.filter-title-type-2 {
    font-size: 19px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px;
    display: table;
    width: 100%
}

.filter-title-type-2 span {
    display: table-cell;
    position: relative
}

.filter-title-type-2 span.title-line:after {
    content: "";
    width: 100%;
    border-top: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px
}

.owl-middle-outer-narrow .owl-controls {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -25px
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div {
    font-size: 28px;
    background: none;
    color: #08c;
    position: absolute
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -60px
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-next {
    right: -60px
}

.catalog-product-view .background-overlay {
    background-color: #fff
}

.catalog-product-view #loading_mask_loader {
    display: block
}

.data-table .product-image img {
    max-width: none;
    min-width: 100px
}


/*special price msg*/
.special-price-msg h5{
    color: #886aaa;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
}
.special-price-msg p{
    font-size: 18px !important; color: #121212;
}
.special-price-msg p span{ display: block; font-size: 14px; }




@media screen and(-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .rating-box {
        width: 65px;
        height: 12px;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
        position: relative
    }
    .rating-box:before {
        font-family: "porto";
        content: "\e852\20\e852\20\e852\20\e852\20\e852";
        width: 65px;
        height: 12px;
        color: #ddd;
        display: inline;
        font-size: 11px;
        line-height: 12px;
        white-space: nowrap
    }
    .rating-box .rating {
        float: left;
        height: 12px;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden
    }
    .rating-box .rating:before {
        font-family: "porto";
        content: "\e852\20\e852\20\e852\20\e852\20\e852";
        width: 65px;
        height: 12px;
        color: #ffc600;
        display: inline;
        font-size: 11px;
        line-height: 12px;
        white-space: nowrap
    }
}

/**/
@font-face {
    font-family: 'Bodoni MT';
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/bodoni/BodoniMT-Bold.eot');
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/bodoni/BodoniMT-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/bodoni/BodoniMT-Bold.woff') format('woff'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/bodoni/BodoniMT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Futura Std';
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Book.eot');
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Book.woff') format('woff'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Std';
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Light.eot');
    src: url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Light.woff') format('woff'),
        url('https://www.samvilla.com/skin/frontend/smartwave/porto/css/fonts/futura/FuturaStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/**/

/*WP*/
.col-main .wp-content .videos-box{position: relative;height: 100%;}
.col-main .wp-content .videos-box .col{width: 40%;height: 100%;   padding: 10px;  position: relative;}
.col-main .wp-content .videos-box .col.one{ width: 60%; }
.col-main .wp-content .videos-box .col.two, 
.col-main .wp-content .videos-box .col.three{   
    position: absolute; top: 0; right: 0;
    height: 50%;
    background: #fff;
}
.col-main .wp-content .videos-box .col p{ margin:0; height: 100%; }
.col-main .wp-content .videos-box .col.three{ top: auto; bottom: 0; }
.col-main .wp-content .videos-box .col img{width: 100%; border:1px solid #ccc; height: 100%;}
.col-main .wp-content .videos-box .col h3{   
    background: rgba(255,255,255,0.5);
    line-height: normal;    
    margin: 0; font-size: 20px; 
    min-height: 20px;
    position: absolute; bottom: 20px; left: 11px; right: 11px;  
    text-align: left;
    text-transform: none;  
    width: auto;    padding:5px 14px;   
}

.discount-msg{
    background: #f1f1f1 url('https://www.samvilla.com/skin/frontend/smartwave/porto/images/icon-discount.png') no-repeat 20px 15px;
    padding: 20px 20px 20px 90px;
    font-size: 14px;

    margin-bottom: 20px ;
    border-radius: 4px;
    border: 1px solid #d7d7d7;    
    color: #000;
    font-weight: 600;
}
.discount-msg a{ margin-left:10px; }
.discount-msg strong{ color: #352063; }




/*blog*/
.col-main .wp-content { padding-bottom: 40px;}
.col-main .wp-content ul {
    margin: 0 0 30px 8px !important;
    list-style: none inside;
}
.col-main .wp-content ul li,
.col-main .wp-content ol li {
    margin-bottom: 20px !important;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    font-family: "Georgia";

    font-family: 'Work Sans';
    font-weight: 300;
}
.col-main .wp-content ol li:last-child,
.col-main .wp-content ul li:last-child {
    border: none;
}
.col-main .wp-content ol li:before,
.col-main .wp-content ul li:before {
    content: '';
    background-color: #352063;
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-clip: padding-box;
    left: 0;
    top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.col-main .wp-content ul ul {
    padding-top: 10px;
    margin: 1em 0 0 2em;
    /* Add some left margin for inner lists */
}
.col-main .wp-content ul ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.col-main .wp-content ul ol {
    padding-top: 10px;
    margin: 1em 0 0 2em;
    /* Add some left margin for inner lists */
    list-style: none;
}
.col-main .wp-content ul ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.col-main .wp-content ul li:last-child,
.col-main .wp-content ul li:first-child {
    border: none;
}
.col-main .wp-content ol {
    counter-reset: li;
    /* Initiate a counter */
    list-style: none;
    /* Remove default numbering */
    margin: 0 0 1.5em 0;
}
.col-main .wp-content ol ol {
    padding-top: 10px;
    margin: 1em 0 0 0;
    /* Add some left margin for inner lists */
}
.col-main .wp-content ol ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.col-main .wp-content ol ul {
    counter-reset: li;
    /* Initiate a counter */
    padding-top: 10px;
    margin: 1em 0 0 0em;
    /* Add some left margin for inner lists */
    position: relative;
    margin-bottom: 0 !important;
}
.col-main .wp-content ol ul li {
    padding-left: 0;
    margin-bottom: 10px !important;
}
.col-main .wp-content ol ul li:before {
    background-color: #352063;
    content: '';
    display: inline-block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    margin-right: 8px;
    top: 5px;
    left: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.col-main .wp-content ol ul.no-dot{ margin-left: 14px !important }
.col-main .wp-content ol ul.no-dot li:before {
  display: none;
}
.col-main .wp-content ol ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.col-main .wp-content ol li {
    position: relative;
    padding-bottom: .8em;
    padding-left: 25px;
    margin-bottom: .8em;
    font-size: 18px;
    line-height: 1.5em;
}
.col-main .wp-content ol li:last-child {
    border: none;
}
.col-main .wp-content ol li:before {
    background-color: transparent;
    color: #352063;
    content: counter(li)'.';
    counter-increment: li;
    font-size: 18px;
    font-weight: 700;    
    line-height: 0em;
    position: absolute; top: 14px; left: 0em;
}
.col-main .wp-content a {
    color: #8e67ad;
}

.col-main .wp-content .note,
.col-main .wp-content .pro-note-type-1,
.col-main .wp-content .pro-note-type-2,
.col-main .wp-content .pro-note-type-3 {
    padding: 20px 20px 5px 20px;
    margin-bottom: 20px;
    color: #232323;
}
.col-main .wp-content .pro-note-type-1 { background: #f7f6f6;}
.col-main .wp-content .pro-note-type-2 { background: #e3daf5;}
.col-main .wp-content .pro-note-type-2 a {
    color: #8e67ad;
    text-decoration: underline;
}
.col-main .wp-content .pro-note-type-2 a:hover { color: #352063;}
.col-main .wp-content .pro-note-type-3 {
    background: #352063;
    color: white;
}
.col-main .wp-content .pro-note-type-3 a {
    color: white;
    text-decoration: underline;
}
.col-main .wp-content .pro-note-type-3 a:hover { color: #8e67ad;}

.col-main .wp-caption,
.col-main .wp-content p {
    font-size: 18px;
    color: #565656;
    line-height: 32px;

    font-family: 'Work Sans';
    font-weight: 300;
}
.col-main .wp-content p strong { color: #000;}

.col-main .wp-caption {
    background: none !important;
    color: #888 !important;
    font-size: 14px !important;
    font-style: italic;
    line-height: 18px !important;
    margin-bottom: 40px !important;
    max-width: 100% !important;
    padding: 0 !important;
}
.col-main .wp-content .wp-caption {
    background: #FFF;
    margin-bottom: 1.625em;
    max-width: 100%;
    padding: 10px;
    line-height: 1.5em;
    font-style: italic;
    color: #232323;
    font-size: .9em;
    border: 1px solid #EEE;
}
.col-main .wp-content .wp-caption img {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    border: none;
}
.col-main .wp-caption img,
.col-main .wp-content img[class*="wp-image-"] {
    padding: 0 !important;
    margin: 0 0 10px 0!important;
    max-width: 100% !important;
    border: 0 !important;
}
.col-main .wp-content .wp-caption a {
    border-bottom: 1px dotted;
}
.col-main .wp-content .wp-caption a:hover {
    text-decoration: none;
}

.col-main .page-title h1,
.col-main .wp-content h1,
.col-main .wp-content h2,
.col-main .wp-content h3,
.col-main .wp-content h4,
.col-main .wp-content h5,
.col-main .wp-content h6,
.related-post {
    color: #352063;
    font-family: 'Work Sans', sans-serif;
    font-size: 40px;
    font-weight: 600 !important;
    line-height: 42px;
    line-height: normal;
    margin: 40px 0 20px 0;
    /*text-transform: uppercase;*/
}
.col-main .page-title h1,
.col-main .wp-content h1 {
    color: #352063;
    font-family: 'Crimson Text', serif;
    font-size: 72px; line-height: 76px; 
    font-weight: 400 !important;    
    margin: 30px 0 40px 0;
}
.col-main .page-title h1 {font-size: 66px;line-height: 66px;}
.col-main .wp-content h2 { font-size: 40px;}
.col-main .wp-content h3 { color: #352063;}
.col-main .wp-content h3 span{  display: block; }
.col-main .wp-content h4 {}
.col-main .wp-content h5 {}
.col-main .wp-content h6 { font-size: 30px;}

.col-main .wp-content p a,
.col-main .wp-content li a {
    border-bottom: 2px dotted #8e67ad;
}

.col-main .wp-content p a:hover,
.col-main .wp-content li a:hover {
    text-decoration: none;
    border-bottom: 2px dotted #58585a;
    color: #58585a
}
.col-main .wp-content p a[rel="attachment"] {
    border: 0 !important;
}


@media (max-width:1200px) {    
    .discount-msg a{ margin: 10px 0 0 0; display: block; max-width: 260px; }
    .header-container.type4 .header #search_mini_form{ width: 370px; }
}


@media (max-width:991px) {    
    .header-container.type4 .search-area{
        left: 0  !important;
        float: left  !important;
        width: 100%  !important;
    }
    .header-container.type4 .header #search_mini_form{
        width: 100% !important;
        margin:0 !important;
        display: block !important;
    }
    .header-container.type4 .header .form-search::before{ display: none !important; }
    .header-container.type4 .header .form-search{
        position: relative !important; top: auto !important; right: auto !important;
        width: 100% !important;
    }
    .header .form-search{ padding-right: 0 !important; }
    .header .form-search #search{ float: none !important; }
}


@media (min-width: 768px) and (max-width:1200px) {    
    .product-view .add-to-links a span{ display: none; }        
}
@media (max-width:768px) {    
    .col-main .wp-content .videos-box .col{
        bottom: auto !important;    
        height: 100% !important;    
        left: auto !important;      
        position: relative !important;      
        right: auto !important;         
        top: auto !important;   
        width: 100% !important;       
    }   
    .hide-sm{ display: none; }
    .hide-xs { display: none !important;}    
    .show-xs { display: block !important;}


    .col-main .page-title h1 {
        line-height: 115%;
        font-size: 40px;
    }
}

@media (max-width:480px) {    
    .product-view .add-to-links a span{ display: none; }
    .add-to-cart button.button{ padding: 0 !important }
    .discount-msg a{ font-size: 11px; }
}

@media (max-width:1439px){
    .header-container.type11 .top-links-icon{display:inline-block}
    .header-container.type11 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type11 .links li{display:block;border:0;padding:0}
    .header-container.type11 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type11 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
}
@media (max-width:1279px){
    .header-container.type11 .header{text-align:left;}
    .header-container.type11 .header .logo{margin: 20px 25px}
    .header-container.type11 .menu-icon{display:inline-block}
    .header-container.type11 .header-wrapper{display:none}
}
@media (max-width:1199px){
    body.boxed .page{width:980px}
    .header-container.type2 .search-area{position:relative;margin:10px 0;z-index:2}
    .header-container.type2 .header #search_mini_form{width:auto}
    .header-container.type5 .search-area{position:relative;margin:10px 0;z-index:2}
    .header-container.type5 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type5 .search-area #search_mini_form{display:none;width:0;margin:0}
    .header-container.type5 .header .form-search{width:450px;position:absolute;left:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type5 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    .header-container.type6 .header .custom-block{display:none}
    .header-container.type6 .main-nav .menu{padding-right:0}
    .header-container.type14 .header .custom-block{display:none}
    .header-container.type14 .main-nav .menu{padding-right:0}

    .header-container.type7 .header .custom-block{display:none}
    .header-container.type7 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle}
    .header-container.type7 .menu-icon{display:inline-block;height:auto;padding:0;margin:15px 10px;float:left}
    .header-container.type7 .header-wrapper{display:none}
    .header-container.type7+.mobile-nav{display:none}
    .mobile-nav-shown .header-container.type7+.mobile-nav{display:block}

    .header-container.type13 .header .custom-block{display:none}
    .header-container.type13 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle}
    .header-container.type13 .menu-icon{display:inline-block;height:auto;padding:0;margin:0;margin-right:8px;font-size:15px;line-height:25px}
    .header-container.type13 .menu-icon>a{margin-right:15px}
    .header-container.type13 .header-wrapper{display:none}
    .header-container.type13+.mobile-nav{display:none}
    .mobile-nav-shown .header-container.type13+.mobile-nav{display:block}

    .header-container.type13.sticky-header .header{padding:10px 0}
    .header-container.type13.sticky-header .header > .logo img{height:30px}
    .header-container.type13.sticky-header .top-links-container{padding:0}

    .header-container.type8 .top-links-icon{display:inline-block}
    .header-container.type8 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type8 .links li{display:block;border:0;padding:0}
    .header-container.type8 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type8 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
    
    .category-products .products-grid.columns4 li.item{width:33.33%}
    .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:33.33%}
    .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:20%}
    .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:20%}
    .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:20%}
    .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:transparent}
    /* Flex grid Styles */
    
    .category-banner .banner-text h2{font-size:45px}
    .category-banner .banner-text p{font-size:23px}
    .category-boxed-banner .banner-text h2{font-size:38px}
    .category-boxed-banner .banner-text p{font-size:17px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px}
    
    .col1-layout .product-shop .product-options-bottom,.col1-layout .add-to-box{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .sharing-tool-area{float:none}
    
    .owl-banner-carousel .content.type1 h2{font-size:48px}
    .owl-banner-carousel .content.type1 p{font-size:20px}
    .owl-banner-carousel .content.type1 a{font-size:13px}
    .owl-banner-carousel .content.type2 h2{font-size:37.2px;border-top:4px solid #08c;padding-top:8px}
    .owl-banner-carousel .content.type2 h3{font-size:24.47px}
    .owl-banner-carousel .content.type2 p{font-size:11.2px}
    .owl-banner-carousel .content.type2 a{font-size:14.4px}

	.owl-banner-carousel .content-9.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px}
	.owl-banner-carousel .content-9.type1 h2{font-size:58px}
	.owl-banner-carousel .content-9.type1 p{font-size:32px}
	.owl-banner-carousel .content-9.type1 a{font-size:14px}
	.owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px}
    .owl-banner-carousel .content-9.type2 h3{font-size:37.2px}
    .owl-banner-carousel .content-9.type2 span{font-size:11.2px}
    .owl-banner-carousel .content-9.type2 a{font-size:11px}

    .cart-table a{line-height:24px}
    .cart-table .cart-price{display:inline-block;margin-top:15px}
    .cart-table thead{display:none}
    .data-table.cart-table .product-image{z-index:0}
    .data-table.cart-table tbody tr{position:relative;display:block;clear:both;padding:25px 0;border-bottom:1px solid #dcdcdc}
    .data-table.cart-table tbody tr.first{padding-top:0}
    .data-table.cart-table tbody td{display:block;padding:0;width:100%;border-width:0;text-align:center!important}
    .data-table.cart-table tbody td.pr-img-td{clear:both;padding:0 0 15px}
    .data-table.cart-table tbody td.action-td{position:absolute;top:20px;z-index:1}
    .data-table.cart-table tbody tr.first td.action-td{top:-5px}
    .data-table.cart-table tbody td.action-td .btn-remove2{float:right;line-height:22px}
    .data-table.cart-table tfoot tr.first td{padding-top:25px}
    .cart-table .item-options dd{padding:0}
    .cart-table .qty-holder{width:90px;margin-top:15px}
    .title-buttons{text-align:left}
    .cart-table button.button{margin-bottom:10px;margin-left:0;float:none;width:100%}
    .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:none}
    .cart .title-buttons .checkout-types{float:none;display:block}
    .cart .title-buttons .checkout-types li{margin:0 0 10px}

    .my-account .data-table thead{display:none}
    .my-account .data-table tbody tr{display:block;border-bottom:1px solid #ddd;padding:15px 0 5px;position:relative}
    .my-account .data-table tbody tr:first-child{border-top:1px solid #ddd}
    .my-account .data-table tbody td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0}
    .my-account .data-table tfoot td{display:block;text-align:center !important}
    .my-account .data-table .add-to-cart-alt{margin:10px auto}
    .my-account .data-table tbody .btn-remove{position:absolute;top:15px;right:15px}

    .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:7px}
    .homepage-grid-banner .content a.btn-default{font-size:11px}
    .homepage-grid-banner .grid1 .content h2{font-size:55.16px}
    .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px}
    .homepage-grid-banner .grid2 .content h3{font-size:22.53px}
    .homepage-grid-banner .grid2 .content h2{font-size:22.53px}
    .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h2{font-size:35.88px}
    .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px}
    .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px}
    .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px}
    .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px}
    .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px}
    .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px}
    
    .grid-images .grid1{margin-bottom:9px}
    
    .slider-with-side .side-area .item2{margin-bottom:8px}
    .slider-with-side .side-area .item1 .content{bottom:15px;left:13px}
    .slider-with-side .side-area .item1 .content h2{font-size:30px;margin-bottom:10px}
    .slider-with-side .side-area .item1 .content em{font-size:22px;margin-left:2px}
    .slider-with-side .side-area .item1 .content a{font-size:13px;margin-left:2px}
    .slider-with-side .side-area .item2 .content{bottom:15px;left:15px}
    .slider-with-side .side-area .item2 .content h2{font-size:28px;margin-bottom:10px}
    .slider-with-side .side-area .item2 .content p{font-size:13px}
    .slider-with-side .side-area .item2 .content a{font-size:12px;padding:7px 8px 7px 13px;margin:5px 0 0 25px}
    .slider-with-side .side-area .item3 .content{bottom:15px;left:15px}
    .slider-with-side .side-area .item3 .content h2{font-size:28px}
    .slider-with-side .side-area .item3 .content p{font-size:17px;margin-bottom:15px}
    .slider-with-side .side-area .item3 .content a{font-size:14px}
    .slider-with-side .slider-area .item .content .text-area h2{padding:6px 45px 6px 10px;font-size:38px}
    .slider-with-side .slider-area .item .content .text-area p{padding:10px 15px 10px 11px;font-size:15px}
    .slider-with-side .slider-area .item .content .ribbon{right:11px;top:11px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:13px;margin-right:60px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:30px;margin-right:12px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:16px;margin-top:-2px}

    .owl-item-links-block ul li{padding:0 10px}
    .owl-item-links-block ul li a{font-size:15px}
    .owl-item-links-block span{font-size:15px;padding-left:15px;margin-left:5px}
    .owl-item-links-block span .icon-angle-down{font-size:8px;margin-left:5px}

    .slide3-1-content p{margin-bottom:3px;font-size:13px}
    .slide3-1-content h2{font-size:30px;margin-bottom:15px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:10px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:35px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:45px;font-size:13px;line-height:45px;padding:0 17px 0 20px;border-radius:5px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:18px;margin-left:2px;margin-bottom:4px}
    .slide3-2-content h2{font-size:47px;margin-bottom:4px}
    .slide3-2-content p{font-size:32px;margin-bottom:25px}
    .slide3-2-content a{font-size:14px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:10px}

    .footer-container.fixed-position .footer-bottom .custom-block{display:none}
    
    .filter-products .products div.item .product-image{min-height:0}
    
    .top-newsletter #newsletter{width:270px}
}
@media (max-width:1199px) and (min-width:992px){
    .home-side-menu h2.side-menu-title{padding:9px 15px}
    .menu.side-menu>li>a{font-size:13px;padding:10px 5px}
    .side-custom-menu h2{padding:10px 13px 10.5px}
    .side-custom-menu ul li{padding:10px 4px 9px}
    .side-custom-menu ul li a{font-size:13px}
}
@media (max-width:991px){
    body.boxed .page{width:760px}
    .header-container .welcome-msg,.header-container .top-links-area+span.split{display:none}
	.home-side-menu{display:none}
    .add-to-cart button.button{width:140px}
    
    .sm-bd-0{border:0!important}
    
    .header-container .header-wrapper{display:none}
   
    .header-container.type1 .header #search_mini_form{display:none}
    .header-container.type1 .header .custom-block{display:none}
    .header-container.type1 .menu-icon{display:inline-block}
    .header-container.type1 .header-wrapper{display:none}
    
    .header-container.type2 .header .logo{width:auto;float:left;margin:0}
    .header-container.type2 .header .logo img{height:50px}
    .header-container.type2 .cart-area{position:static;display:inline-block;float:left;margin:5px 10px}
    .header-container.type2 .header .mini-cart{width:auto;position:relative;margin:5px 15px;float:right;top:0;left:0}
    .header-container.type2 .header .search-area{float:right;margin:5px 0;line-height:40px;display:block;position:relative;left:0;top:0;z-index:2}
    .header-container.type2 .header .search-area .search-icon{display:block}
    .header-container.type2 .header #search_mini_form{display:none;margin:0}
    .header-container.type2 .menu-icon{height:auto;padding:0;display:block;float:right;margin:15px 15px 15px 0}
    .header-container.type2 .header .form-search{width:450px;position:absolute;right:-80px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff}
    .header-container.type2 .header .form-search:before{content:"";display:block;position:absolute;right:75px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}

    .header-container.type3 .header .custom-block{display:none}
    .header-container.type3 .header .logo img{height:50px}
    .header-container.type3 .header #search_mini_form{display:none;width:0;margin:0}
    .header-container.type3 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:35px 5px}
    .header-container.type3 .cart-area{float:right;position:static;margin:35px 0}
    .header-container.type3 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2}
    .header-container.type3 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type3 .mini-cart{width:auto;position:relative;top:-3px;left:0}
    .header-container.type3 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type3 .header .form-search:before{content:"";display:block;position:absolute;right:60px;top:-20px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    
    .header-container.type4 .header .custom-block{display:none}
    .header-container.type4 .header .logo img{height:50px}
    .header-container.type4 .header #search_mini_form{display:none;width:0;margin:0}
    .header-container.type4 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:5px}
    .header-container.type4 .cart-area{float:right;position:static;margin:5px 0}
    .header-container.type4 .search-area{position:relative;left:0;top:0;float:right;margin:5px;z-index:2}
    .header-container.type4 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type4 .mini-cart{width:auto;position:relative;top:-3px;left:0}
    .header-container.type4 .header .form-search{width:450px;position:absolute;right:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type4 .header .form-search:before{content:"";display:block;position:absolute;right:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    .header-container.type4 .mybag-link{top:0}
    
    .header-container.type5 .header .logo img{height:50px}
    .header-container.type5 .search-area{float:right;left:0;top:0;margin:35px 20px;line-height:40px}
    .header-container.type5 .cart-area{position:static;float:right;margin:22px 0}
    .header-container.type5 .menu-area{padding:0;display:inline-block;vertical-align:middle}
    .header-container.type5 .menu-icon{display:inline-block;height:auto;padding:0;margin:0 20px}
    .header-container.type5 .custom-block{display:none}
    .header-container.type5 .menu-area .links-area{display:inline-block;vertical-align:middle;padding:0;position:relative}
    .header-container.type5 .top-links-icon{display:block;color:#08c}
    .header-container.type5 .top-links-icon a{color:#08c}
    .header-container.type5 .mini-cart{position:relative;top:0;left:0;margin:0;display:inline-block;vertical-align:middle;background-color:transparent;border:0}
    .header-container.type5 .mybag-link{width:auto;top:-3px}
    .header-container.type5 .topCartContent:before{right:15px}
    .header-container.type5 .menu-area .links-area .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type5 .menu-area .links-area .links li{border:0;padding:0;display:block}
    .header-container.type5 .menu-area .links-area .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type5 .menu-area .links-area .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}    
    .header-container.type5 .header .form-search{left:auto;right:-195px}
    .header-container.type5 .header .form-search:before{left:auto;right:190px}
    
    .header-container.type6 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px}
    .header-container.type6 .cart-area{position:static;margin:5px 0;margin-right:10px;float:right}
    .header-container.type6 .header .search-area{float:right}
    .header-container.type6 .header .search-area a.search-icon{margin:0}
    .header-container.type6 .header .form-search{left:auto;right:-100px}
    .header-container.type6 .header .form-search:before{left:auto;right:95px}

    .header-container.type14 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px}
    .header-container.type14 .cart-area{position:static;float:right}
    .header-container.type14 .header .search-area{float:right}
    .header-container.type14 .header .form-search{left:auto;right:-100px}
    .header-container.type14 .header .form-search:before{left:auto;right:95px}

    .header-container.type8 .menu-icon{display:inline-block;vertical-align:middle;height:auto;padding:0;margin-right:15px}
    .header-container.type8 .header .form-search{right:-135px}
    .header-container.type8 .header .form-search:before{right:140px}

	.header-container.type9 .header .custom-block{display:none}
	.header-container.type9 .header .logo img{height:50px}
	.header-container.type9 .header #search_mini_form{display:none;width:0;margin:0;position:absolute;left:0;top:0}
    .header-container.type9 .header #search_mini_form.show{display:inline-block!important}
	.header-container.type9 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:inline-block}
	.header-container.type9 .search-area{left:0;top:0;margin:35px 10px;z-index:2}
	.header-container.type9 .search-area .search-icon{display:inline-block;line-height:40px;vertical-align:middle}
	.header-container.type9 .mini-cart{width:auto;position:relative;top:-3px;left:0}
	.header-container.type9 .header .form-search{width:450px;position:absolute;left:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc;text-align:left}
	.header-container.type9 .header .form-search:before{content:"";display:block;position:absolute;left:15px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
	.header-container.type10 .header-wrapper{display:block}
	.header-container.type10 .header .custom-block{display:none}
	.header-container.type10 .header .logo img{height:50px}
	.header-container.type10 .header #search_mini_form{display:none;width:0;margin:0}
	.cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:all}
	.header-container.type10 .cart-area{float:right;position:static;margin:35px 0}
	.header-container.type10 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2}
	.header-container.type10 .search-area .search-icon{display:block;line-height:40px}
	.header-container.type10 .mini-cart{width:auto;position:relative;top:-3px;left:0}
	.header-container.type10 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
	.header-container.type10 .header .form-search:before{content:"";display:block;position:absolute;right:55px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    
    .main-nav,.fixed-header-area{display:none}
    
    .category-products .products-grid.columns3 li.item{width:50%}
    .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns4 li.item{width:50%}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:50%}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:33.33%}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:33.33%}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:33.33%}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:transparent}
    /* Flex grid Styles */
    
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{font-size:16px}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{font-size:12px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px}
    
    .homepage-bar .col-md-4{border:0;text-align:left}
    
    .owl-banner-carousel .content.type1 h2{font-size:36px}
    .owl-banner-carousel .content.type1 p{font-size:15px}
    .owl-banner-carousel .content.type1 a{font-size:10px}
    .owl-banner-carousel .content.type2 h2{font-size:27.9px;border-top:3px solid #08c;padding-top:6px}
    .owl-banner-carousel .content.type2 h3{font-size:18.36px}
    .owl-banner-carousel .content.type2 p{font-size:8.4px}
    .owl-banner-carousel .content.type2 a{font-size:10.8px}

	.owl-banner-carousel .content-9.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px}
	.owl-banner-carousel .content-9.type1 h2{font-size:50px}
	.owl-banner-carousel .content-9.type1 p{font-size:26px}
	.owl-banner-carousel .content-9.type1 a{font-size:12px}
	.owl-banner-carousel .content-9.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px}
    .owl-banner-carousel .content-9.type2 h3{font-size:27.9px}
    .owl-banner-carousel .content-9.type2 span{font-size:8.4px}
    .owl-banner-carousel .content-9.type2 a{font-size:9px}
    
    .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:4px}
    .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px}
    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
    .homepage-grid-banner .grid2 .content h3{font-size:17.33px}
    .homepage-grid-banner .grid2 .content h2{font-size:17.33px}
    .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h2{font-size:27.6px}
    .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px}
    .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px}
    .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px}
    .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px}
    .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px}
    .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px}

    .full-screen-slider .item > div.content > h2{font-size:47.02px;margin-bottom:14.04px}
    .full-screen-slider .item > div.content > p{font-size:19.59px;margin-bottom:27.3px}
    .full-screen-slider .item > div.content > a.btn-default{font-size:12px;padding:12px 40px;border-radius:6px}
    .full-screen-slider .item > div.content em.type1{font-size:14.31px;margin-bottom:-3.9px}
    .full-screen-slider .item > div.content em.type2{font-size:22.99px;margin-bottom:7.8px;margin-left:24px}
    .full-screen-slider .item > div.content em.type3{font-size:13.79px;margin-top:7.8px}
    .full-screen-slider .item > div.content h3{font-size:48.02px}
    .full-screen-slider .item > div.content h4{font-size:40.86px;padding-right:27px}
    .full-screen-slider .item > div.content .sale-bar a{font-size:16.35px;margin-left:18px}
    .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:9px;margin-left:7.8px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:11.5px 17.16px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:11.7px 31.2px}
    .full-screen-slider .item > div.content .sale-bar{height:63.96px;margin-left:10.92px}
    .full-screen-slider .item > div.content .sale-bar .triangle{height:63.96px;width:23.4px}
    .full-screen-slider .item > div.content .sale-bar .triangle>div{height:32px;border-width:16px;border-top-width:32px;margin:0 -16px -16px 0}
    .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:32px;border-width:16px;border-bottom-width:32px;margin:-16px -16px 0 0}
    .full-screen-slider .item > div.content.content-2{margin-top:-58px}
    .full-screen-slider .item > div.content.content-3{margin-top:-72px}
    
    .slider-with-side .slider-area{padding:0 8px;float:none;width:100%}
    .slider-with-side .side-area{padding:0;float:none;width:100%}
    .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:33.33%;float:left;margin:0}
    .slider-with-side .side-area .item1 .content{bottom:20px;left:20px}
    .slider-with-side .side-area .item2 .content{bottom:20px;left:15px}
    .slider-with-side .side-area .item3 .content{bottom:20px;left:20px}

    .slide3-2-content em{font-size:14px;margin-left:2px;margin-bottom:3px}
    .slide3-2-content h2{font-size:38px;margin-bottom:3px}
    .slide3-2-content p{font-size:29px;margin-bottom:20px}
    .slide3-2-content a{font-size:12px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px}
    
    #banner-slider-demo-1 .slide1-content img.quote{width:30px}
    #banner-slider-demo-1 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-1 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-1 .slide1-content p{font-size:18px}
    #banner-slider-demo-1 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-1 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-1 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-1 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-1 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-1 .slide3-content em{font-size:20px}
    #banner-slider-demo-1 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-1 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    
    #banner-slider-demo-14 .slide1-content img.quote{width:30px}
    #banner-slider-demo-14 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-14 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-14 .slide1-content p{font-size:18px}
    #banner-slider-demo-14 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-14 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-14 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-14 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-14 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-14 .slide3-content em{font-size:20px}
    #banner-slider-demo-14 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-14 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    
    #banner-slider-demo-13 .slide1-content img.quote{width:30px}
    #banner-slider-demo-13 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-13 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-13 .slide1-content p{font-size:18px}
    #banner-slider-demo-13 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-13 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-13 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-13 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-13 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-13 .slide3-content em{font-size:20px}
    #banner-slider-demo-13 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-13 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}

    .menu.side-menu{display:none}
    .home-side-menu .mobile-nav{display:block;height:auto}
    .sm-xs-margin-bottom{margin-bottom:20px}

    .cart .crosssell li.item:nth-child(2n+1){clear:both}
    
    .parallax{background-position:center center !important}
    .parallax-category-banner .parallax{padding:50px 0}
    .parallax-content h2{font-size:38px}
    .parallax-content p{font-size:20px}

	.footer-top-subscribe h4{margin: 10px 0}
	.footer-top-subscribe .input-box{margin: 10px 0}
    
    #banner-slider-demo-11 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px}
    #banner-slider-demo-11 .content-1>div:first-child{padding-right:7px}
    #banner-slider-demo-11 .content-1 p{font-size:16px;margin-left:5px}
    #banner-slider-demo-11 .content-1 h3{font-size:58px}
    #banner-slider-demo-11 .content-1 h3 b{margin-top:-17px}
    #banner-slider-demo-11 .content-1 em{font-size:14px;margin-right:3px}
    #banner-slider-demo-11 .content-1 h4{font-size:26px}
    #banner-slider-demo-11 .content-1 h5{font-size:14px;margin-top:-2px}
    #banner-slider-demo-11 .content-2{right:20px;bottom:20px}
    #banner-slider-demo-11 .content-2>div{padding:15px 10px}
    #banner-slider-demo-11 .content-2>div:first-child{margin:-2px 0;padding-left:20px}
    #banner-slider-demo-11 .content-2 p{font-size:15px;margin-left:1px}
    #banner-slider-demo-11 .content-2 h3{font-size:38px}
    #banner-slider-demo-11 .content-2 em{font-size:12px;margin-right:2px}
    #banner-slider-demo-11 .content-2 h4{font-size:26px}
    #banner-slider-demo-11 .content-2 h5{font-size:13px;margin-top:-2px}
    #banner-slider-demo-11 .content-2 a{font-size:10px;margin-right:-6px}

    #multiship-addresses-table{}
    #multiship-addresses-table select {max-width:250px}
    #multiship-addresses-table thead{display: none}
    #multiship-addresses-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc}
    #multiship-addresses-table tbody tr.first{border-top:1px solid #dcdcdc}
    #multiship-addresses-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    #multiship-addresses-table a.btn-remove{position: absolute;right:10px;top:10px}
    #multiship-addresses-table .item-options dd{padding:0}

    .checkout-progress{padding:0}
    .multiple-checkout #review-order-form .data-table thead{display: none}
    .multiple-checkout #review-order-form .data-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc}
    .multiple-checkout #review-order-form .data-table tbody tr.first{border-top:1px solid #dcdcdc}
    .multiple-checkout #review-order-form .data-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    .multiple-checkout #review-order-form .data-table .item-options dd{padding:0}
    .multiple-checkout #review-order-form .data-table tfoot{border-left:1px solid #d9dde3;border-right:1px solid #d9dde3}
    .multiple-checkout #review-order-form .data-table tfoot td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    
    #parallax_02{padding:150px 0}
    #parallax_03{padding:150px 0}
    
    .header-container.type12,.header-container.type12.fixed-bottom{position:relative;left:0;top:0;min-height:0;width:auto}
    body.side-header .top-container,body.side-header .main-container,body.side-header .footer-container{margin-left:0}
    .header-container.type12 .header{text-align:left;padding:0 7px}
    .header-container.type12 .switcher-area{text-align:left}
    .header-container.type12 .switcher-area .mini-cart{float:right}
    .header-container.type12 .header>.logo{margin:15px 0 20px;float:left}
    .header-container.type12 .menu-icon{display:inline-block;height:auto;padding:0;width:25px}
    .header-container.type12 .menu-icon a{color:#fff;line-height:25px}
    .header-container.type12 .search-area{display:inline-block;width:auto;height:auto;margin:0}
    .header-container.type12 .search-area a.search-icon{display:block;color:#fff;line-height:25px}
    .header-container.type12 .header #search_mini_form{display:none;position:absolute;width:280px;right:-100px;top:30px}
    .header-container.type12 .header .custom-block{display:none}
    .header-container.type12 .top-links-area{display:inline-block;margin:0}
    .header-container.type12 .top-links-area .top-links-icon{display:block}
    .header-container.type12 .top-links-area .top-links-icon a{color:#fff}
    .header-container.type12 .top-links-area .links{display:none;position:absolute;background-color:#fff;width:100px;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 7px;left:0}
    .header-container.type12 .top-links-area .links li{padding:0;border:0}
    .header-container.type12 .top-links-area .links li a{color:#777}
    .header-container.type12 .mobile-group{float:right;margin-top:25px;margin-right:5px}
    .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li>a{color:#fff}
    .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li .open-child{color:#fff}
    .header-container.type12 .mini-cart .topCartContent{left:auto;right:0}
    .header-container.type12 .mini-cart .topCartContent:before{left:auto;right:15px}

    
    #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0}
    #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px}
    #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px}
    #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px}

    .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {display: none !important}
    .sticky-product{padding:15px 0}
    .side-header .sticky-product{padding-top:60px}
    .side-header .sticky-product > .container{width:100%;padding-left:15px}
    
    .img-desc-home3{margin-top:-65px;padding:0 16px}
    .img-desc-home3 h3{font-size:16px}
    .img-desc-home3 hr{width:60px;margin:10px 0}
    .img-desc-home3 p{font-size:10px}
    .img-desc-home3 a{font-size:10px}

    .top-newsletter #newsletter{width:160px}
}
@media (min-width:768px) and (max-width:991px){
    .header-container.type3 .header .switcher-group{position:static;text-align:right}
}
@media (min-width:768px){
    .col2-left-layout .col-left.sidebar{padding-right:12px}
    .col2-left-layout .col-main{padding-left:12px}
    .col2-right-layout .col-right.sidebar{padding-left:12px}
    .col2-right-layout .col-main{padding-right:12px}
    .col3-layout .col-left.sidebar{padding-right:12px}
    .col3-layout .col-main{padding-left:12px;padding-right:12px}
    .col3-layout .col-right.sidebar{padding-left:12px}
    div.small-padding{padding-right:15px}
    .sm-f-right{float:right !important}
    
    .product-tabs.vertical>ul{width:150px;float:left;bottom:0;right:-1px;text-align:right}
    .product-tabs.vertical>ul li.active{border-top-color:#eee;border-left-color:#08c}
    .product-tabs.vertical>ul li{float:none;border-radius:5px 0 0 5px;border-width:1px 0 1px 3px;margin-right:0;margin-bottom:1px}
    .product-tabs.vertical .tab-content{min-height:250px;border-radius:0 3px 3px 0;margin-left:150px}
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area{
border-top-color:transparent}
}
@media (min-width:992px){
    .a-right-sm{text-align:right}
    .a-left-sm{text-align:left}
    .col-md-6.col-md-5-5{width:45%;z-index:1}
    .col-md-6.col-md-6-5{width:55%}
    .color-banner .col-md-5-5.a-left h2{margin-left:-35%}
    .color-banner .col-md-5-5.a-right h2{margin-right:-20%}
    .md-f-right{float:right !important}
	body.mobile-nav-shown .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
	body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:visible;opacity:0.15;filter:alpha(opacity=15)}
	body.mobile-nav-shown .page{left:0}
	body.mobile-nav-shown.md-mobile-menu .page{left:250px}
	body.mobile-nav-shown .mobile-nav.side-block{left:-250px}
    body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:0}
}
@media (min-width:1280px){
	body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:-250px}
	body.mobile-nav-shown.md-mobile-menu .page{left:0}
	body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
}
@media (max-width:767px){
    body.boxed .page{width:620px}
    .header-container.type13 .form-search{width:300px}
    .sm-clearer{clear:both}
    .history .featured-box{margin-left:0}
    .history .thumb{display:none}
    
    table.for-desktop{
        display:none;
   }
    table.for-mobile{
        display:table;
   }
    .tab-content{border:0}
    .product-tabs>ul li{display:inline-block}
    .header{width:100%}
    
    .col-main.f-right{float:none !important}
    .col-left.f-left{float:none !important}
    
    .header-container.type2 .header .custom-block{display:none}
    .header-container.type2 .links li.first{border-left:0}
    .header-container.type3 .header .custom-block{display:none}
    .header-container.type3 .links li.first{border-left:0}
    .header-container.type4 .header .custom-block{display:none}
    .header-container.type4 .links li.first{border-left:0}
    .header-container.type6 .links li.first{border-left:0}
    .header-container.type14 .links li.first{border-left:0}
    .header-container.type7 .links li.first{border-left:0}
    .header-container.type13 .links li.first{border-left:0}
    
    .breadcrumbs{text-align:left}

    .top-container >.breadcrumbs{padding-left:15px;padding-right:15px}
    .category-products .products-grid.columns2 li.item{width:50%}
    .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns3 li.item{width:50%}
    .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns4 li.item{width:50%}
    .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:50%}
    .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:50%}
    .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:50%}
    .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:50%}
    .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-2np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area{
border-top-color:transparent}
    /* Flex grid Styles */
    .products-list .product-image-area{width:150px}
    .products-list .details-area{width:auto;float:none;margin-left:150px}
    
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{display:none}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{display:none}

    /********* Parallax Slider *********/
    .parallax-slider .owl-carousel h2{font-size:40px}
    .parallax-slider .owl-carousel p{font-size:13px;margin-bottom:15px}
    .parallax-slider .owl-carousel a{font-size:13px}
    .parallax-slider .owl-theme .owl-controls{margin-top:15px}

    .single-images .single-image{margin-bottom:10px}
    
    .owl-banner-carousel .content.type1 h2{font-size:24px}
    .owl-banner-carousel .content.type1 p{display:none}
    .owl-banner-carousel .content.type1 a{font-size:8px}
    .owl-banner-carousel .content.type2 h2{font-size:20px;border-top:2px solid #08c;padding-top:4px}
    .owl-banner-carousel .content.type2 h3{font-size:13px}
    .owl-banner-carousel .content.type2 p{display:none}
    .owl-banner-carousel .content.type2 a{font-size:10px}

	.owl-banner-carousel .content-9.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px}
	.owl-banner-carousel .content-9.type1 h2{font-size:28px}
	.owl-banner-carousel .content-9.type1 p{display:none}
	.owl-banner-carousel .content-9.type1 a{display:none}
    .owl-banner-carousel .content-9.type2 h3{font-size:20px;margin-bottom:5px}
    .owl-banner-carousel .content-9.type2 span{display:none}
    .owl-banner-carousel .content-9.type2 a{font-size:9px}
    
    .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:0}
    .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px}
    .homepage-grid-banner img{margin-bottom:20px}
    .homepage-grid-banner .grid1 .content h2{font-size:70.72px}
    .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px}
    .homepage-grid-banner .grid2 .content h3{font-size:28.88px}
    .homepage-grid-banner .grid2 .content h2{font-size:28.88px}
    .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h2{font-size:46px}
    .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px}
    .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px}
    .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px}
    .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px}
    .homepage-grid-banner .grid4 .content h2{font-size:35px}
    .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px}
    
    .grid-images .grid2{margin-bottom:9px}
    
    .full-screen-slider .item > div.content em.type1{font-size:8px;margin-bottom:-2px}
    .full-screen-slider .item > div.content em.type2{font-size:11px;margin-bottom:4px;margin-left:10px}
    .full-screen-slider .item > div.content em.type3{font-size:7px;margin-top:4px}
    .full-screen-slider .item > div.content h3{font-size:25px}
    .full-screen-slider .item > div.content h4{font-size:20px;border-right:0}
    .full-screen-slider .item > div.content .sale-bar a{font-size:8px;margin-left:4px}
    .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:6px;margin-left:4px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:6px 4px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:6px 4px}
    .full-screen-slider .item > div.content .sale-bar{height:32px;margin-left:2px}
    .full-screen-slider .item > div.content .sale-bar .triangle{height:32px;width:12px}
    .full-screen-slider .item > div.content .sale-bar .triangle>div{height:16px;border-width:8px;border-top-width:16px;margin:0 -8px -8px 0}
    .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:16px;border-width:8px;border-bottom-width:16px;margin:-8px -8px 0 0}
    .full-screen-slider .item > div.content.content-1{margin-top:-73px}
    .full-screen-slider .item > div.content.content-1 > p{font-size:14px;margin:20px 0}
    .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:10px;padding:10px 15px}
    .full-screen-slider .item > div.content.content-1 > img{width:150px}
    .full-screen-slider .item > div.content.content-2{margin-top:-29px}
    
    .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:100%;float:none}
    .slider-with-side .side-area img{width:100%}
    .slider-with-side .side-area .item1 .content{bottom:30px;left:25px}
    .slider-with-side .side-area .item2 .content{bottom:30px;left:25px}
    .slider-with-side .side-area .item3 .content{bottom:30px;left:25px}
    .slider-with-side .slider-area .item .content .text-area h2{padding:4px 38px 4px 7px;font-size:22px}
    .slider-with-side .slider-area .item .content .text-area p{padding:6px 11px 6px 8px;font-size:9px}
    .slider-with-side .slider-area .item .content .ribbon{right:3px;top:3px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:8px;margin-right:40px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:22px;margin-right:7px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:10px;margin-top:-1px}

    .slide3-1-content p{margin-bottom:3px;font-size:11px}
    .slide3-1-content h2{font-size:25px;margin-bottom:10px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:8px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:28px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:35px;font-size:11px;line-height:35px;padding:0 13px 0 15px;border-radius:5px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:12px;margin-left:2px;margin-bottom:1px}
    .slide3-2-content h2{font-size:35px;margin-bottom:1px}
    .slide3-2-content p{font-size:25px;margin-bottom:13px}
    .slide3-2-content a{font-size:12px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px}
    
    .owl-item-links-block ul li{padding:0 8px}
    .owl-item-links-block ul li a{font-size:12px}
    .owl-item-links-block span{font-size:12px;padding-left:13px;margin-left:3px}
    .owl-item-links-block span .icon-angle-down{font-size:7px;margin-left:4px}
    
    .parallax.parallax-with-subscribe{padding:30px 0}

    li.etalage_small_thumbs{display:none}
    .product-view .product-img-box{margin-bottom:30px}
    
    .form-list .field,.col2-set .col-1,.col2-set .col-2{float:none!important;width:100%}
    .form-list .field+.field{margin-top:10px}
    .account-login .content{min-height:0}
    .box .box-content{min-height:0}
    .account-login .new-users{margin-bottom:25px}
    .col2-set .col-1{margin-bottom:25px}

    #opc-review .data-table thead{display:none}
    #opc-review .data-table tbody tr,#opc-review .data-table tfoot tr{display:block;border:1px solid #ddd;border-width:0 1px 1px;padding:15px 0 5px;position:relative}
    #opc-review .data-table tfoot tr.last{background:#f6f6f6}
    #opc-review .data-table tbody tr:first-child{border-top:1px solid #ddd}
    #opc-review .data-table tbody td,#opc-review .data-table tfoot td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0}
    #newsletter_popup{width:auto !important}

	.footer-bottom{text-align:center}
    .footer-bottom a.logo{float:none;margin:0}
	.footer-bottom .social-icons{float:none}
	.footer-bottom .custom-block{float:none;margin:0}
	.footer-bottom address{float:none;text-align:center}
    
    #parallax_01 .parallax-content-15 img.quote{width:20px}
    #parallax_01 .parallax-content-15 em{font-size:12px;margin:0 5px}
    #parallax_01 .parallax-content-15 h2{font-size:35px;margin:4px 0 7px}
    #parallax_01 .parallax-content-15 p{font-size:11px;margin:0}
    #parallax_02{padding:50px 0}
    #parallax_02 .parallax-content-15 em{font-size:12px}
    #parallax_02 .parallax-content-15 .text-content h2{font-size:35px;letter-spacing:-2px}
    #parallax_02 .parallax-content-15 .text-content p span{font-size:12px;padding-left:6px;display:block}
    #parallax_02 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px}
    #parallax_03{padding:50px 0}
    #parallax_03 .parallax-content-15 em{font-size:12px;margin:0;margin-left:1px}
    #parallax_03 .parallax-content-15 .text-content h2{font-size:30px;letter-spacing:-1px}
    #parallax_03 .parallax-content-15 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #parallax_03 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px}
    #parallax_04 .parallax-content-15 img.quote{width:20px}
    #parallax_04 .parallax-content-15 em{font-size:12px;margin:0 5px}
    #parallax_04 .parallax-content-15 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px}
    #parallax_04 .parallax-content-15 p{font-size:10px}
    #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:10px;padding:5px 20px}

    #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px}
    #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px}
    
    .sticky-product .add-to-cart{position:static;margin:0;vertical-align:middle;display:inline-block}
    
    .slide3-1-new-content em{font-size:9px}
    .slide3-1-new-content h2{font-size:22px}
    .slide3-1-new-content hr{margin:5px 0;}
    .slide3-1-new-content a{font-size:8px}
    
    .img-desc-home3{margin-top:-88px;padding:0 25px}
    .img-desc-home3 h3{font-size:24px}
    .img-desc-home3 hr{width:90px;margin:15px 0}
    .img-desc-home3 p{font-size:15px}
    .img-desc-home3 a{font-size:15px}
    
    #banner-slider-demo-2-new .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-2-new .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-2-new .slide-2 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-2-new .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px}
    
    #banner-slider-demo-17 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-17 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-17 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-17 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-17 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px}
    #banner-slider-demo-17 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px}
    #banner-slider-demo-17 .slide-2 .text-content p span{font-size:12px;display:block}
    #banner-slider-demo-17 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}

	.compare-popup{display:none}
    .store-switcher{text-align:center}
    .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area{display:none}
	a.quickview-icon{display:none}
	.product-view .product-img-box .etalage-control{visibility:visible}
    
    .product-view .product-img-box .etalage.vertical+.etalage-control a.etalage-prev{left:0}
}

@media (max-width:640px){
    body.boxed .page{width:480px}
    
    .owl-middle-narrow .owl-controls{display:none!important}

    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}

    .full-screen-slider .item > div.content > h2{font-size:36.17px;margin-bottom:10.8px}
    .full-screen-slider .item > div.content > p{font-size:15.07px;margin-bottom:21px}
    .full-screen-slider .item > div.content > a.btn-default{font-size:10px;padding:11px 32px;border-radius:5px}
    .full-screen-slider .item > div.content.content-3{margin-top:-57px}
    
    .owl-item-links-block{display:none}
    
    .slide3-2-content em{font-size:10px;margin-left:1px;margin-bottom:1px}
    .slide3-2-content h2{font-size:28px;margin-bottom:1px}
    .slide3-2-content p{font-size:16px;margin-bottom:10px}
    .slide3-2-content a{font-size:11px}
    .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px}

    #banner-slider-demo-1 .slide1-content img.quote{width:15px}
    #banner-slider-demo-1 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-1 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-1 .slide1-content p{font-size:14px}
    #banner-slider-demo-1 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-1 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-1 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-1 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-1 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-1 .slide3-content em{font-size:14px}
    #banner-slider-demo-1 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-1 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    
    #banner-slider-demo-14 .slide1-content img.quote{width:15px}
    #banner-slider-demo-14 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-14 .slide1-content h2{font-size:30px;margin:1px 0 3px}
    #banner-slider-demo-14 .slide1-content p{font-size:12px}
    #banner-slider-demo-14 .slide2-content em{font-size:12px;margin-left:2px}
    #banner-slider-demo-14 .slide2-content h2{font-size:30px;margin:0 0 3px}
    #banner-slider-demo-14 .slide2-content p{font-size:5px;margin-left:4px;margin-bottom:10px}
    #banner-slider-demo-14 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-14 .slide2-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px}
    #banner-slider-demo-14 .slide3-content em{font-size:12px}
    #banner-slider-demo-14 .slide3-content h2{font-size:30px;margin-bottom:5px}
    #banner-slider-demo-14 .slide3-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px}

    #banner-slider-demo-13 .slide1-content img.quote{width:15px}
    #banner-slider-demo-13 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-13 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-13 .slide1-content p{font-size:14px}
    #banner-slider-demo-13 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-13 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-13 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-13 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-13 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-13 .slide3-content em{font-size:14px}
    #banner-slider-demo-13 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-13 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    
    .footer-container.fixed-position .footer-bottom address{display:none}
    .footer-container.fixed-position .footer-bottom{text-align:center}
    .footer-container.fixed-position .footer-bottom .social-icons{display:inline-block;float:none}
    
    .header-container .top-links-icon{display:inline-block}
    .header-container.type1 .links,.header-container.type2 .links,.header-container.type3 .links,.header-container.type4 .links,.header-container.type6 .links,.header-container.type14 .links,.header-container.type7 .links,.header-container.type13 .links,.header-container.type9 .links,.header-container.type10 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type1 .links li,.header-container.type2 .links li,.header-container.type3 .links li,.header-container.type4 .links li,.header-container.type6 .links li,.header-container.type14 .links li,.header-container.type7 .links li,.header-container.type13 .links li,.header-container.type9 .links li,.header-container.type10 .links li{display:block;border:0;padding:0}
    .header-container.type1 .links li a,.header-container.type2 .links li a,.header-container.type3 .top-links ul.links li a,.header-container.type4 .links li a,.header-container.type6 .links li a,.header-container.type14 .links li a,.header-container.type7 .links li a,.header-container.type13 .links li a,.header-container.type9 .top-links ul.links li a,.header-container.type10 .top-links ul.links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type1 .links li:hover a,.header-container.type2 .links li:hover a,.header-container.type4 .links li:hover a,.header-container.type6 .links li:hover a,.header-container.type14 .links li:hover a,.header-container.type7 .links li:hover a, .header-container.type13 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
    .header-container.type8 .header{padding:20px 0}
    .header-container.type8 .cart-area{position:static;float:right;height:auto;margin-left:-150px} 
    .header-container.type8 .top-links-area{margin:13px 0 30px}
    .header-container.type8 .menu-icon{margin:0 15px 0 10px}
    .header-container.type8 .switcher-area{display:block;margin-right:15px}
    .header-container.type8 .header .form-search{right:-30px}
    .header-container.type8 .header .form-search:before{right:35px}

    .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px}
    
    .full-width-image-banner{height:200px}
    .full-width-image-banner .content{margin-top:-16px}
    .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1}
    .full-width-image-banner p{display:none}
    
    #banner-slider-demo-11 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px}
    #banner-slider-demo-11 .content-1>div:first-child{padding-right:2px}
    #banner-slider-demo-11 .content-1 p{font-size:7px;margin-left:2px}
    #banner-slider-demo-11 .content-1 h3{font-size:22px}
    #banner-slider-demo-11 .content-1 h3 b{margin-top:-6px}
    #banner-slider-demo-11 .content-1 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-11 .content-1 h4{font-size:12px}
    #banner-slider-demo-11 .content-1 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-11 .content-2{right:8px;bottom:8px}
    #banner-slider-demo-11 .content-2>div{padding:3px 6px}
    #banner-slider-demo-11 .content-2>div:first-child{margin:-1px 0;padding-left:9px}
    #banner-slider-demo-11 .content-2 p{font-size:7px;margin-left:1px}
    #banner-slider-demo-11 .content-2 h3{font-size:16px}
    #banner-slider-demo-11 .content-2 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-11 .content-2 h4{font-size:12px}
    #banner-slider-demo-11 .content-2 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-11 .content-2 a{font-size:6px;margin-right:-3px}
    
    .header-container.type11 .header-right-area > div:first-child{display:block;margin-bottom:40px}

    .checkout-progress li{width: 49%}
    .sticky-product{display:none !important}
    
    .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart{padding:0;width:40px}
    .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart span{display:none}
}

@media (max-width:480px){
    .category-products .products-grid.flex-grid .item .details-area .actions{margin:0 -20px}
    .item .details-area .actions a.addtowishlist,.item .details-area .actions a.comparelink{display:none}
    body.boxed .page{width:320px}
    .add-to-cart button.button{width:110px}
    .add-to-cart button.button span{font-size:11px}

    .toolbar .pager{float:left;margin-right:10px;margin-left:-10px}
    .sorter .limiter{float:left}
    .pager .pages{float:left}

    .col-main .category-products .products-list li.item .item-area{text-align:center}
    .products-list .product-image-area{width:280px;display:inline-block;float:none}
    .products-list .details-area{margin-left:0;text-align:left}

    .category-banner .banner-text h2{font-size:14px}
    .category-boxed-banner .banner-text h2{font-size:14px}
    .col1-layout .product-view .product-info{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .product-options{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border:0}
    .homepage-grid-banner .grid1 .content h2{font-size:25px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}

    .slider-with-side .slider-area .item .content .text-area p{display:none}
    .slider-with-side .slider-area .item .content .ribbon{right:3px;top:1px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:6px;margin-right:22px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:14px;margin-right:2px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:6px;margin-top:-1px}
    
    .slide3-1-content p{margin-bottom:3px;font-size:8px}
    .slide3-1-content h2{font-size:17px;margin-bottom:10px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:7px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:21px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:28px;font-size:11px;line-height:28px;padding:0 13px 0 15px;border-radius:3px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:8px;margin-left:0;margin-bottom:0}
    .slide3-2-content h2{font-size:20px;margin-bottom:0}
    .slide3-2-content p{font-size:12px;margin-bottom:5px}
    .slide3-2-content a{font-size:11px}
    .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px}
    
    .parallax-wrapper.parallax-with-subscribe .parallax-slider p{display:none}
    .parallax-wrapper.parallax-with-subscribe .parallax-subscribe{margin-top:20px}
    
    .header-container.type1 .header .logo{margin:15px 0}
    .header-container.type1 .header .logo img{max-height:50px}
    .header-container.type1 .header-right-area{position:static;margin:0;margin-bottom:10px}
    .header-container.type1 .header-right-area>div:first-child{margin:30px 0}
    .header-container.type1 .header .form-search,.header-container.type2 .header .form-search,.header-container.type3 .header .form-search,.header-container.type4 .header .form-search,.header-container.type5 .header .form-search,.header-container.type6 .header .form-search,.header-container.type14 .header .form-search,.header-container.type7 .header .form-search,.header-container.type13 .header .form-search,.header-container.type8 .header .form-search,.header-container.type9 .header .form-search,.header-container.type10 .header .form-search{width:300px}
    .header-container.type2 .mybag-link .cart-info span{display:none}
    .header-container.type2 .mybag-link .cart-info span.cart-qty{display:inline-block}
    .header-container.type5 .header>.logo{margin:30px 0}
    .header-container.type5 .search-area{margin:35px 0}
    .header-container.type5 .menu-icon{margin:0 5px}
    .header-container.type5 .header .form-search{left:auto;right:-145px}
    .header-container.type5 .header .form-search:before{left:auto;right:140px}
    .ratings-table.data-table thead{display:none}
    .ratings-table.data-table tbody td{padding:15px 5px}

    .buttons-set button.button{float:none;width:100%;margin:0 0 5px}
    
    .parallax-category-banner .parallax{padding:30px 0}
    .parallax-content h2{font-size:25px}
    .parallax-content p{font-size:11px}

    .footer-bottom .custom-block{margin-left:0}
    .footer-bottom address{float:left;line-height:1.4;margin:5px 0}

    .full-width-image-banner{height:150px}
    .full-width-image-banner .content{margin-top:-13px}
    .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1}
    .full-width-image-banner p{display:none}

	.footer-top-subscribe .input-box{text-align:left;max-width:100%}
    
    .header-container.type1 .compare-link > a{margin-bottom:5px}
    .header-container.type1 .form-currency, .header-container.type1 .form-language{margin-bottom:5px}

    #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0}
    #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important}
    
    .top-newsletter{display:none}
    .product-tabs>ul li{display:block;float:none}
}
@media (min-width:992px){
    .header-container.type10 .mobile-nav.side-block {
        display: none !important;
    }
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area{border-top-color:transparent}
}
@media (min-width:1200px){
    .col-lg-2-4{width:20%}
    .col-lg-9-6{width:80%}
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(7) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(7) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(8) .item-area{border-top-color:transparent}
}

@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none){
    .rating-box{width:65px;height:12px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative}
    .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ddd;display:inline;font-size:11px;line-height:12px;white-space:nowrap}
    .rating-box .rating{float:left;height:12px;position:absolute;left:0;top:0;overflow:hidden}
    .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ffc600;display:inline;font-size:11px;line-height:12px;white-space:nowrap}
}
/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2015-08-11 15:42:54 */

a,a:hover,input.qty,.form-wrap h2,#form-validate h2,.col-main .page-title h2,.sub-title,.data-table .product-name a,.cart-table .link-wishlist,.cart-table .link-wishlist:hover,.btn-remove,.btn-remove:hover,.header-container .links,.mini-cart .qty-price,.mini-cart .totals,.header-container.type4 .mybag-link i,.header-container.type5 .mybag-link i,.header-container.type6 .mybag-link i,.header-container.type6 .menu-icon,.header-container.type7 .mybag-link i,.header-container.type9 .top-links a,.header-container.type9 .mybag-link i,.header-container.type10 .top-links a,.fixed-header ul.menu >li >a,.main-nav ul.menu >li >a,.fixed-header .mybag-link i,.menu.side-menu>li.menu-static-width>a:after,.menu.side-menu>li.menu-item-has-children>a:after,.menu.side-menu>li.menu-full-width>a:after,.mini-products-list li .product-name a:hover,.block-category-nav .category-list a.plus,.col-main.filter-products li.item:hover .price-box .price,.review-area .review-by b,.add-to-cart .qty,.product-tabs>ul li a,.product-view .product-shop .price-box .regular-price .price,.product-view .product-shop .price-box .special-price .price,.cart-table td.td-total .cart-price,.sp-methods .price,.opc .step-title .number,.opc .step-title h2,#opc-review tr td.last .cart-price .price,#wishlist-table .product-name a,#totop,.block.block-related .owl-theme .owl-controls .owl-buttons div,.order-products-table .price,.block-account ul li strong,.block-account ul li a:hover,.block.block-blog-categories a:hover,p .alternative-font,.entry-content h3,.history h4,.block.block-blog-recent ul li a,.postWrapper .post-date .day,.postDetails >span a:hover,.postBookmarks a:hover,.post-share h3,.postComments .postTitle h2,#postComment h4.legend,.cms-index-index .tp-caption.very_large_text,.cms-index-index .tp-caption.large_thin,.cms-index-index .tp-caption.title1,.cms-index-index .tp-caption a.btn-white,.cms-index-index .tp-caption a.btn-white:hover,.slide .product .price,h3.filter-title,.filterproducts-tab .filter-title ul li.active a,.feature-box.secundary .feature-box-icon,.owl-top-narrow .owl-controls .owl-buttons div,.owl-bottom-narrow .owl-controls .owl-buttons div,.recent-posts .post-date .day,.true-color,ul.list.icons li i.icon,.owl-middle-narrow .owl-controls .owl-buttons div,.featured-post h4,.post-a-day,.post-a-year,.owl-theme.banner-carousel .owl-controls .owl-buttons div,.product-options .product-swatches-container .has-swatches a.active,.col-main .page-title h1,.col-main .page-title h2,.product-view .product-options .swatch-attr .select-label,.availability-only strong,.product-image-area .actions a.addtocart,.opc-wrapper-opc a:hover,.opc-wrapper-opc .opc-review-actions .view-agreement:hover,.header-container.type9 .main-nav ul.menu>li.act>a, .header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a, .header-container.type10 .main-nav ul.menu>li:hover>a,.price-excluding-tax .price,.price-including-tax .price,.checkout-progress li.active,.header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty,.header-container.sticky-header .menu-wrapper .mybag-link i,.multiple-checkout .place-order .grand-total .price
    {color:#352065}
@-moz-keyframes f_fadeG{0%{background-color:#352065}100%{background-color:#FFFFFF}}
@-webkit-keyframes f_fadeG{0%{background-color:#352065}100%{background-color:#FFFFFF}}
@-ms-keyframes f_fadeG{0%{background-color:#352065}100%{background-color:#FFFFFF}}
@-o-keyframes f_fadeG{0%{background-color:#352065}100%{background-color:#FFFFFF}}
@keyframes f_fadeG{0%{background-color:#352065}100%{background-color:#FFFFFF}}
.theme-color{color:#352065!important}
.theme-hover-color:hover{color:#352065!important}
.theme-bg-color{background-color:#352065!important}
.theme-border-color{border-color:#352065!important}
.theme-hover-bg-color:hover{background-color:#352065}
button.button span,.pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.header-container.type2 .mybag-link ,.header-container.type5 .top-links-container,.header-container.type6 .top-links-container,.header-container.type7 .top-links-container,.header-container.type8 .top-links-container,.fixed-header ul.menu >li:hover,.main-nav ul.menu >li:hover,.fixed-header ul.menu >li.act,.main-nav ul.menu >li.act,.menu.side-menu>li:hover,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.block-layered-nav dt:hover:before,.block-category-nav .block-title:hover:before,.price-filter-slider .text-box input.go,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.block.block-facebook-like .block-title a.btn-like,.btn-primary,.contacts-index-index .col-main .contact-info i,.block.block-blog-tags ul li a:hover,.postWrapper .post-date .month,.feature-box .feature-box-icon,.full-screen-slider .item > div.content .sale-bar a .icon-angle-down,.recent-posts .post-date .month,.post-a-month,.owl-theme .owl-controls .owl-page.active span,.footer-ribbon,.owl-theme .owl-controls.clickable .owl-page:hover span,.btn-default,.btn-default:hover,a.quickview-icon,.product-options .product-swatches-container .has-swatches a.active.selected,.cms-index-index blockquote.testimonial,.expand_plus,.review-menu-block a.review-total,.image-link span.category-title
{background-color:#352065}
.pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.btn-primary,i.ajax-loader,#narrow-by-list dd .swatch-link:hover .swatch-label,.configurable-swatch-list .hover .swatch-link,.configurable-swatch-list .selected .swatch-link,.swatch-link:hover,.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch,.product-image-area .actions a.addtocart,.opc-wrapper-opc #opc-review-block,#newsletter_popup
{border-color:#352065}
.form-wrap,#form-validate,.option-detail .item-options,.header-container.type2,.header-container.type4,.fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown,.block.block-subscribe.home-sidebar-block,.product-tabs>ul li.active,.history .featured-box .box-content,.homepage-grid-banner .ribbon:before,.owl-banner-carousel .content.type2 h2,.featured-box .box-content,.cms-index-index .testimonial-arrow-down,#success-message-container,.checkout-progress li.active,.form-wrap,#form-validate,#login-form,.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.image-link span.category-title:before
{border-top-color:#352065}
.topCartContent:before,.availability-only span,.availability-only a,.prev-next-products .product-nav .product-pop:before,.compare-popup:before
{border-bottom-color:#352065}
.image-link span.category-title:before
{border-right-color:#352065}
.opc-wrapper-opc #opc-review-block:before
{border-bottom-color:#352065 !important}
.menu.side-menu>li .nav-sublist-dropdown
{
    border-left-color:#352065}
@media (max-width: 1199px){
    .owl-banner-carousel .content.type2 h2{border-top-color:#352065}
}
@media (max-width: 991px){
    .header-container.type5 .top-links-icon,.header-container.type5 .top-links-icon a{color:#352065}
    .owl-banner-carousel .content.type2 h2{border-top-color:#352065}
}
@media (max-width: 767px){
    .owl-banner-carousel .content.type2 h2{border-top-color:#352065}
}
html,body{color:#333333}
a{color:#352065}
a:hover{color:#58585a}
button.button span{
    background-color:#352065;
    color:#ffffff}
button.button:hover span{
    background-color:#58585a;
    color:#ffffff}
a.addtowishlist,.link-wishlist{color:#352065;border-color:#352065}
a.addtowishlist:hover,.link-wishlist:hover{color:#8e67ad;border-color:#8e67ad}
a.comparelink,.link-compare{color:#352065;border-color:#352065}
a.comparelink:hover,,.link-compare:hover{color:#8e67ad;border-color:#8e67ad}
span.new-product-icon{
    background-color:#ffcd32;
    color:#ffffff}
span.sale-product-icon{
    background-color:#8e67ad;
    color:#ffffff}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,.menu.side-menu li>a span.cat-label.cat-label-label1{
    background-color:#ffcd32;
    color:#ffffff}
 .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1:before,.menu.side-menu li>a span.cat-label.cat-label-label1:before{
    border-right-color:#ffcd32;
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1:before, .main-nav .menu > li > a > span.cat-label.cat-label-label1:before{
    border-top-color:#ffcd32;
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,.menu.side-menu li>a span.cat-label.cat-label-label2{
    background-color:#8e67ad;
    color:#ffffff}
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2:before,.menu.side-menu li>a span.cat-label.cat-label-label2:before{
    border-right-color:#8e67ad;
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2:before, .main-nav .menu > li > a > span.cat-label.cat-label-label2:before{
    border-top-color:#8e67ad;
}
.header-container.type2 .top-links-container,
.header-container.type3 .top-links-container,
.header-container.type4 .top-links-container,
.header-container.type5 .top-links-container,
.header-container.type6 .top-links-container,
.header-container.type7 .top-links-container,
.header-container.type9 .top-links-container,
.header-container.type10 .top-links-container{
    background-color:#282828;
}
.header-container.type1 ul.links a,.header-container.type1 .search-area>a,.header-container.type1 .selectbox .select,.header-container.type1 .welcome-msg,.header-container.type1 .top-links-icon,.header-container.type1 .top-links-icon a,.header-container.type1 .menu-icon a,
.header-container.type2 .selectbox .select,.header-container.type2 .welcome-msg,.header-container.type2 .top-links ul.links a,.header-container.type2 .top-links-icon,
.header-container.type3 .selectbox .select,.header-container.type3 .welcome-msg,.header-container.type3 .top-links ul.links a,.header-container.type3 .top-links-icon,.header-container.type3 .top-links-icon a,
.header-container.type4 .selectbox .select,.header-container.type4 .welcome-msg,.header-container.type4 .top-links ul.links a,.header-container.type4 .top-links-icon,
.header-container.type5 .welcome-msg,.header-container.type5 .selectbox .select,
.header-container.type6 .selectbox .select,.header-container.type6 .welcome-msg,.header-container.type6 .top-links ul.links a,.header-container.type6 .top-links-icon,.header-container.type6 .top-links-icon a,
.header-container.type7 .selectbox .select,.header-container.type7 .welcome-msg,.header-container.type7 .top-links ul.links a,.header-container.type7 .top-links-icon,.header-container.type7 .top-links-icon a,
.header-container.type9 .selectbox .select,.header-container.type9 .welcome-msg,.header-container.type9 .top-links ul.links a,.header-container.type9 .top-links-icon,.header-container.type9 .top-links-icon a,
.header-container.type10 .selectbox .select,.header-container.type10 .welcome-msg,.header-container.type10 .top-links ul.links a,.header-container.type10 .top-links-icon,.header-container.type10 .top-links-icon a,
.header-container.type8 .selectbox .select,.header-container.type8 .welcome-msg,.header-container.type8 .top-links-area ul.links a,.header-container.type8 .header .search-area>a.search-icon,.header-container.type8 .top-links-icon,.header-container.type8 .top-links-icon a,.header-container.type8 .header .search-area a.search-icon,header-container.type8 .menu-icon a,.header-container.type2 .compare-link>a,.header-container.type3 .compare-link>a,.header-container.type4 .compare-link>a,.header-container.type5 .compare-link>a,.header-container.type6 .compare-link>a,.header-container.type7 .compare-link>a,.header-container.type8 .compare-link>a,.header-container.type9 .compare-link>a,.header-container.type10 .compare-link>a,
.header-container.type12 ul.links a,.header-container.type12 .search-area>a,.header-container.type12 .selectbox .select,.header-container.type12 .top-links-icon,.header-container.type12 .top-links-icon a,.header-container.type12 .menu-icon a{
    color:#ffffff;
}
.header-container.type1,
.header-container.type2,
.header-container.type3,
.header-container.type4,
.header-container.type5,
.header-container.type6,
.header-container.type7,
.header-container.type8,
.header-container.type9,
.header-container.type10,
.header-container.type11,
.header-container.type12,
.header-container.type1.sticky-header .header-wrapper,
.header-container.type2.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type5.sticky-header .header-wrapper,
.header-container.type6.sticky-header .header-wrapper,
.header-container.type7.sticky-header .header-wrapper,
.header-container.type8.sticky-header .header-wrapper,
.header-container.type9.sticky-header .header-wrapper,
.header-container.type11.sticky-header .header-wrapper,
.header-container.type12.sticky-header .header-wrapper{
    background-color:#ffffff;
}
.header-container.type2,
.header-container.type4{
    border-top-color:#282828;
}
        .header{
        color:#444444;
        }
            .header a, .header-container.type8 .menu-icon a{
        color:#352065;
        }
    .header-container.type2 .main-nav .menu-wrapper,
.header-container.type3 .main-nav,
.header-container.type4 .main-nav .menu-wrapper,
.header-container.type9 .main-nav .menu-wrapper,
.header-container.type10 .header-wrapper,
.header-container.type3.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type10.sticky-header .header-wrapper{
    background-color:#ffffff;
}
.header-container.type1 .main-nav ul.menu>li>a,
.header-container.type2 .main-nav ul.menu>li>a,
.header-container.type3 .main-nav ul.menu>li>a,
.header-container.type4 .main-nav ul.menu>li>a,
.header-container.type5 .main-nav ul.menu>li>a,
.header-container.type6 .main-nav ul.menu>li>a,
.header-container.type7 .main-nav ul.menu>li>a,
.header-container.type8 .main-nav ul.menu>li>a,
.header-container.type9 .main-nav ul.menu>li>a,
.header-container.type10 .main-nav ul.menu>li>a,
.header-container.type11 .main-nav ul.menu>li>a,
.header-container.type12 .main-nav ul.menu>li>a{
    color:#444444;
}
.header-container.type1 .main-nav ul.menu>li:hover,.header-container.type1 .main-nav ul.menu>li.act,
.header-container.type2 .main-nav ul.menu>li:hover,.header-container.type2 .main-nav ul.menu>li.act,
.header-container.type3 .main-nav ul.menu>li:hover,.header-container.type3 .main-nav ul.menu>li.act,
.header-container.type4 .main-nav ul.menu>li:hover,.header-container.type4 .main-nav ul.menu>li.act,
.header-container.type5 .main-nav ul.menu>li:hover,.header-container.type5 .main-nav ul.menu>li.act,
.header-container.type6 .main-nav ul.menu>li:hover,.header-container.type6 .main-nav ul.menu>li.act,
.header-container.type7 .main-nav ul.menu>li:hover,.header-container.type7 .main-nav ul.menu>li.act,
.header-container.type8 .main-nav ul.menu>li:hover,.header-container.type8 .main-nav ul.menu>li.act,
.header-container.type9 .main-nav ul.menu>li:hover,.header-container.type9 .main-nav ul.menu>li.act,
.header-container.type10 .main-nav ul.menu>li:hover,.header-container.type10 .main-nav ul.menu>li.act,
.header-container.type11 .main-nav ul.menu>li:hover,.header-container.type11 .main-nav ul.menu>li.act,
.header-container.type12 .main-nav ul.menu>li:hover,.header-container.type12 .main-nav ul.menu>li.act{
    background-color:#352065;
}
.header-container.type1 .main-nav ul.menu>li:hover>a,.header-container.type1 .main-nav ul.menu>li.act>a,
.header-container.type2 .main-nav ul.menu>li:hover>a,.header-container.type2 .main-nav ul.menu>li.act>a,
.header-container.type3 .main-nav ul.menu>li:hover>a,.header-container.type3 .main-nav ul.menu>li.act>a,
.header-container.type4 .main-nav ul.menu>li:hover>a,.header-container.type4 .main-nav ul.menu>li.act>a,
.header-container.type5 .main-nav ul.menu>li:hover>a,.header-container.type5 .main-nav ul.menu>li.act>a,
.header-container.type6 .main-nav ul.menu>li:hover>a,.header-container.type6 .main-nav ul.menu>li.act>a,
.header-container.type7 .main-nav ul.menu>li:hover>a,.header-container.type7 .main-nav ul.menu>li.act>a,
.header-container.type8 .main-nav ul.menu>li:hover>a,.header-container.type8 .main-nav ul.menu>li.act>a,
.header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type9 .main-nav ul.menu>li.act>a,
.header-container.type10 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a,
.header-container.type11 .main-nav ul.menu>li:hover>a,.header-container.type11 .main-nav ul.menu>li.act>a,
.header-container.type12 .main-nav ul.menu>li:hover>a,.header-container.type12 .main-nav ul.menu>li.act>a{
    color:#ffffff;
}
.header-container.type1 .mybag-link,.header-container.type1 .selectbox .select,.header-container.type1 .compare-link > a,
.header-container.type1 .top-links-icon,
.header-container.type12 .mybag-link,.header-container.type12 .selectbox .select,.header-container.type12 .compare-link > a,
.header-container.type12 .top-links-icon,
.header-container.type11 .mini-cart .mybag-link,.header-container.type11 .selectbox .select,.header-container.type11 .compare-link > a,
.header-container.type2 .mybag-link,
.header-container.type3 .mybag-link, .header-container.type3 .mybag-link .cart-qty,
.header-container.type4 .mybag-link,
.header-container.type5 .mybag-link,
.header-container.type6 .mybag-link,
.header-container.type7 .mybag-link,
.header-container.type8 .mybag-link,.header-container.type8 .mybag-link .cart-info,.header-container.type8 .selectbox .select,.header-container.type18 .compare-link > a,
.header-container.type9 .mybag-link, .header-container.type9 .mybag-link .cart-qty,
.header-container.type10 .mybag-link, .header-container.type10 .mybag-link .cart-qty,
.header-container.type3.sticky-header .menu-wrapper .mybag-link .cart-qty{
    color:#ffffff;
}
.header-container.type1 .mybag-link i,.header-container.type1 .compare-link > a i,
.header-container.type12 .mybag-link i,.header-container.type12 .compare-link > a i,
.header-container.type11 .mini-cart .mybag-link i,.header-container.type11 .compare-link > a i,
.header-container.type2 .mybag-link i,
.header-container.type3 .mybag-link i,
.header-container.type4 .mybag-link i,
.header-container.type5 .mybag-link i,
.header-container.type6 .mybag-link i,
.header-container.type7 .mybag-link i,
.header-container.type8 .mybag-link i,.header-container.type8 .compare-link > a i,
.header-container.type9 .mybag-link i,
.header-container.type10 .mybag-link i,
.header-container.type3.sticky-header .menu-wrapper .mybag-link i{
    color:#352065;
}
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown,.main-nav .menu>li.menu-static-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown{
    background-color:#ffffff;
    border-color:#352065;
}
.main-nav .menu>li.menu-full-width ul a,.main-nav .menu>li.menu-static-width ul a,.fixed-header .menu>li.menu-full-width ul a,.fixed-header .menu>li.menu-static-width ul a{
    color:#444444;
}
.main-nav ul.menu>li .nav-sublist-dropdown,.main-nav .menu>li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.fixed-header ul.menu>li .nav-sublist-dropdown,.fixed-header .menu>li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{
    background-color:#ffffff;
}
.fixed-header .menu >li.menu-item .nav-sublist-dropdown a,.main-nav .menu >li.menu-item .nav-sublist-dropdown a{
    color:#444444;
}
.fixed-header .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a,
.main-nav .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a,.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a{
    background-color:#352065;
}
.fixed-header .menu >li.menu-item .nav-sublist-dropdown a:hover,.main-nav .menu >li.menu-item .nav-sublist-dropdown a:hover{
    color:#ffffff;
}
.footer-middle{
    background-color:#232323;
}
.footer-middle, .footer-middle p, .footer-middle .contact-info i{
    color:#eeeeee;
}
.footer-ribbon{
    background-color:#352065;
}
.footer-ribbon:before{
    border-right-color:#352065;
}
#totop{
    background-color:#eeeeee;
    color:#352065;
}
#totop:hover{
    background-color:#352065;
    color:#ffffff;
}
.main{
}
    .page{
        }
    .product-view .box-up-sell > h2 span {
        }

/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2018-01-11 14:16:14 */


@charset "UTF-8";

/* tooltip for demo */

@-webkit-keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@-webkit-keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}

@keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}

.header .demo-tooltip,
.footer .demo-tooltip {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 9;
    width: 20px;
}

.footer .demo-tooltip {
    top: -20px;
}

a.tooltip-icon {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: tooltip-animation 1s ease-in infinite;
    -moz-animation: tooltip-animation 1s ease-in infinite;
    -ms-animation: tooltip-animation 1s ease-in infinite;
    animation: tooltip-animation 1s ease-in infinite;
}

.header-container.type2 a.tooltip-icon,
.header-container.type3 a.tooltip-icon,
.header-container.type4 a.tooltip-icon,
.header-container.type5 a.tooltip-icon,
.header-container.type6 a.tooltip-icon,
.header-container.type7 a.tooltip-icon,
.header-container.type8 a.tooltip-icon {
    color: #000;
    border-color: #000;
}

.tooltip-popup {
    position: absolute;
    right: -10px;
    top: 30px;
    width: 300px;
    background-color: #111;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    text-align: left;
}

.tooltip-popup h4 {
    font-size: 16px;
    color: #fff;
}

.tooltip-popup p {
    margin-bottom: 10px;
    color: #fff;
}

.tooltip-popup em {
    font-size: 10px;
}

a.tooltip-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
}

.footer-middle>.container {
    position: relative;
}

::-webkit-scrollbar {
    width: 1em;
    height: 1em;
}

::-webkit-scrollbar-thumb {
    background: #352063;
}

::-webkit-scrollbar-track {
    background: #6941c2;
}

body {
    scrollbar-face-color: #352063;
    scrollbar-track-color: #6941c2;
}

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,600');

@font-face {
    font-family: 'custom_icon';
    src: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/custom_icon.eot?-8o3dxh");
    src: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/custom_icon.eot?#iefix-8o3dxh") format("embedded-opentype"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/custom_icon.ttf?-8o3dxh") format("truetype"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/custom_icon.woff?-8o3dxh") format("woff"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/custom_icon.svg?-8o3dxh#custom_icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.std i,
.std em {
    font-style: normal;
}

.container p,
.main-container p,
.col-twothirds p {
    font-size: 1.1em;
}

@media (max-width: 768px) {
    .container p,
    .main-container p,
    .col-twothirds p {
        font-size: 1.2em;
    }
}

.container h1,
.main-container h1,
.col-twothirds h1 {
    font-size: 3.6em;
    font-weight: 300;
    margin-bottom: 1em;
}

@media (max-width: 768px) {
    .container h1,
    .main-container h1,
    .col-twothirds h1 {
        font-size: 2.2em;
    }
}


/*.container,*/

.col-main p,
.col-twothirds p {
    font-size: 1.1em;
}

@media (max-width: 768px) {
    .col-main p,
    .col-twothirds p {
        font-size: 1.2em;
    }
}

.col-main h1,
.col-twothirds h1 {
    font-size: 3.6em;
    font-weight: 300;
    margin-bottom: 1em;
}

@media (max-width: 768px) {
    .col-main h1,
    .col-twothirds h1 {
        font-size: 2.2em;
    }
}

.col-main .page-title h1,
.col-twothirds .page-title h1 {
/*    font-size: 3.6em;
    font-weight: 300;
    margin: 0 0 0.8em;
    color: #232323;*/
}

@media (max-width: 768px) {
    
    .col-twothirds .page-title h1 {
        font-size: 2.2em;
    }
}




.light {
    font-weight: 300;
}

.bold {
    font-weight: 700;
}

.container .page-title-type-2 h1 {
    color: #484747;
    font-size: 3.6em;
    font-weight: 400;
    margin-bottom: 1em;
}

@media (max-width: 768px) {
    .container .page-title-type-2 h1 {
        font-size: 2.2em;
        margin-top: -3em;
    }
}

.container .page-title-type-3 {
    margin: -130px 40px 0px 40px;
    width: 100%;
}

.container .page-title-type-3 h1 {
    color: #484747;
    font-size: 3.6em;
    font-weight: 400;
    margin-bottom: 1em;
}

@media (max-width: 768px) {
    .container .page-title-type-3 h1 {
        font-size: 2.2em;
        margin-top: 0em;
    }
}

@media (max-width: 320px) {
    .container .page-title-type-3 h1 {
        font-size: 1.1em;
    }
}

.container .page-title-type-3 h3 {
    margin-left: 0.2em;
    padding-bottom: 5em;
}

.product-collateral .box-collateral h2 {
    color: #352063;
    font-size: 1.2em;
    padding-bottom: 1em;
}

.product-collateral .box-collateral a {
    color: black;
}

.box-collateral.box-related-posts ul {
    text-decoration: none;
    list-style: none;
    margin-left: -20px;
}

.box-collateral.box-related-posts li a:before {
    font-family: "porto";
    content: '\e817';
    color: #352063;
    font-size: 1em;
    margin: 0px 9px 0 0px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.animated-text {
    font-weight: 600 !important;
    font-family: Open Sans !important;
    font-size: 2em !important;
    color: #352063 !important;
    transition: all 0.1s;
}

.animated-text:hover {
    font-size: 2.3em !important;
    color: #8e67ad !important;
}


/*  **************************************************/


/* Buttons */


/*  **************************************************/

input.button,
a.button {
    text-transform: uppercase;
    font-size: 24px;
    padding: 5px 10px;
}

input.btn-gray,
a.btn-gray {
    background: #a7a9ac;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-gray:hover,
a.btn-gray:hover,
input.btn-gray:active,
a.btn-gray:active {
    background: #352063;
}

input.btn-pink,
a.btn-pink {
    background: #352065;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-pink:hover,
a.btn-pink:hover,
input.btn-pink:active,
a.btn-pink:active {
    background: #58585a;
}

input.btn-white,
a.btn-white {
    background: #fff;
    color: #352065;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-white:hover,
a.btn-white:hover,
input.btn-white:active,
a.btn-white:active {
    background: #352065;
    color: #fff;
}

.arrow-right:after,
.arrow-right-small:after {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-right.png");
    padding-left: 10px;
}

.arrow-left:before,
.arrow-left-small:before {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-left.png");
    padding-right: 10px;
}

.arrow-right-small:after {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-right-small.png");
    vertical-align: text-bottom;
}

.arrow-left-small:before {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-left-small.png");
    vertical-align: text-bottom;
}

a.back-to {
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    margin: 20px 0 20px;
    width: 24%;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    padding: 20px;
}

a.back-to span {
    color: #352063;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.back-to:hover,
a.back-to:active,
a.back-to:focus {
    color: white;
    text-decoration: none;
}

a.back-to:hover span,
a.back-to:active span,
a.back-to:focus span {
    color: white;
}

a.btn-style-3 {
    color: #352063;
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    border: 1px solid transparent;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 8px 18px;
    background: #E6E6E6;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.btn-style-3:hover {
    border: 1px solid #352063;
    color: #352063;
    text-decoration: none;
}

a.btn-style-4 {
    color: white;
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    border: 1px solid transparent;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 12px 20px;
    background: #352063;
    margin: 0 auto 25px;
    max-width: 300px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.btn-style-4:hover {
    border: 1px solid #352063;
    color: #352063;
    text-decoration: none;
    background-color: white;
}

.vod-poster {
    width: 100%;
    margin-bottom: 10px;
}

.custom-module-button-1,
.custom-module-button-2 {
    display: inline-block;
    padding: 10px 25px;
    margin: 15px auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #8E67AD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}

.custom-module-button-1:hover,
.custom-module-button-2:hover {
    text-decoration: none;
    background-color: #352063;
    color: #FFF;
}

.custom-module-button-2 {
    background-color: #352063;
}

.custom-module-button-2:hover {
    background-color: #d6509d;
    opacity: .75;
}

a.button-style-1 {
    display: inline-block;
    margin: 0px auto;
    background: #352063;
    color: #FFF;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.button-style-1:hover,
a.button-style-1:active {
    background: white;
    color: #352063;
    text-decoration: none;
}

.button-1 {
    border: 2px solid #8e67ad;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-left: 1em;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: #8e67ad;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
}

.button-1:hover,
.button-1:active {
    background-color: #8e67ad;
    color: #fff;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.custom-module-button-5 {
    display: inline-block;
    padding: 15px 25px;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #352063;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

.custom-module-button-5:hover {
    text-decoration: none;
    background-color: #8E67AD;
    color: #FFF;
}

.content-box {
    max-width: 80%;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .content-box {
        max-width: 96%;
    }
}

.fullwidth-box {
    width: 100%;
    margin: 0 auto;
}

.hide {
    display: none !important;
}

.clear {
    clear: both;
}

.align-left {
    float: left;
    margin: 0 20px 20px 0;
}

.align-center {
    margin: inherit auto;
    display: block;
}

.align-right {
    float: right;
    margin: 0 0 20px 20px;
}

img:focus {
    outline: none !important;
    box-shadow: none !important;
}

hr.clear {
    border: none;
    height: 0px;
}

.j,
.simple-image-gallery,
.related-posts,
.stylists-profile .artist-gallery,
.stylists-profile .stylist-toolkit,
.stylists-profile .stylist-gallery,
.stylists-profile .stylist-featured-education,
.related-products-1 {
    clear: both;
    text-align: justify;
}

.j .j-item,
.simple-image-gallery .j-item,
.related-posts .j-item,
.stylists-profile .artist-gallery .j-item,
.stylists-profile .stylist-toolkit .j-item,
.stylists-profile .stylist-gallery .j-item,
.stylists-profile .stylist-featured-education .j-item,
.related-products-1 .j-item {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .j .j-item,
    .simple-image-gallery .j-item,
    .related-posts .j-item,
    .stylists-profile .artist-gallery .j-item,
    .stylists-profile .stylist-toolkit .j-item,
    .stylists-profile .stylist-gallery .j-item,
    .stylists-profile .stylist-featured-education .j-item,
    .related-products-1 .j-item {
        width: 100%;
    }
}

.j .j-item-20,
.simple-image-gallery .j-item-20,
.related-posts .j-item-20,
.stylists-profile .artist-gallery .j-item-20,
.stylists-profile .stylist-toolkit .j-item-20,
.stylists-profile .stylist-gallery .j-item-20,
.stylists-profile .stylist-featured-education .j-item-20,
.related-products-1 .j-item-20 {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .j .j-item-20,
    .simple-image-gallery .j-item-20,
    .related-posts .j-item-20,
    .stylists-profile .artist-gallery .j-item-20,
    .stylists-profile .stylist-toolkit .j-item-20,
    .stylists-profile .stylist-gallery .j-item-20,
    .stylists-profile .stylist-featured-education .j-item-20,
    .related-products-1 .j-item-20 {
        width: 100%;
    }
}

.j:after,
.simple-image-gallery:after,
.related-posts:after,
.stylists-profile .artist-gallery:after,
.stylists-profile .stylist-toolkit:after,
.stylists-profile .stylist-gallery:after,
.stylists-profile .stylist-featured-education:after,
.related-products-1:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.col-left {
    float: left;
    margin-left: 0;
}

.col-left .clear {
    clear: both;
}

.col-right {
    float: right;
    margin-right: 0;
}

.col80 {
    width: 78%;
    display: block;
    vertical-align: top;
}

.col75 {
    width: 73%;
    display: block;
    vertical-align: top;
}

.col70 {
    width: 68%;
    display: block;
    vertical-align: top;
}

.col65 {
    width: 63%;
    display: block;
    vertical-align: top;
}

.col60 {
    width: 58%;
    display: block;
    vertical-align: top;
}

.col55 {
    width: 52%;
    display: block;
    vertical-align: top;
}

.col50 {
    width: 48%;
    display: block;
    vertical-align: top;
}

.col45 {
    width: 43%;
    display: block;
    vertical-align: top;
}

.col40 {
    width: 38%;
    display: block;
    vertical-align: top;
}

.col35 {
    width: 33%;
    display: block;
    vertical-align: top;
}

.col30 {
    width: 28%;
    display: block;
    vertical-align: top;
}

.col25 {
    width: 23%;
    display: block;
    vertical-align: top;
}

.col20 {
    width: 18%;
    display: block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .col80 {
        width: 100%;
    }
    .col75 {
        width: 100%;
    }
    .col70 {
        width: 100%;
    }
    .col65 {
        width: 100%;
    }
    .col60 {
        width: 100%;
    }
    .col55 {
        width: 100%;
    }
    .col50 {
        width: 100%;
    }
    .col45 {
        width: 100%;
    }
    .col40 {
        width: 100%;
    }
    .col35 {
        width: 100%;
    }
    .col30 {
        width: 100%;
    }
    .col25 {
        width: 100%;
    }
    .col20 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .col-left {
        float: none;
    }
    .col-right {
        float: none;
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.p-color {
    color: #352063;
}

.s-color {
    color: #8e67ad;
}

.upp {
    text-transform: uppercase;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.bg-top-right,
.bg-top-left,
.bg-bottom-right,
.bg-bottom-left {
    position: absolute;
}

.bg-top-right {
    top: 0;
    right: 0;
    z-index: -1;
}

.bg-top-left {
    top: 0;
    left: 0;
    z-index: -1;
}

.bg-bottom-right {
    bottom: 0;
    right: 0;
    z-index: -1;
}

.bg-bottom-left {
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media (max-width: 1600px) {
    .hide-desktop-xl {
        display: none;
    }
}

.w100 {
    width: 100%;
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    bottom: 15px;
}

.hide {
    display: none !important;
}

img {
    max-width: 100%;
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.fa-facebook {
    padding: 0px 3px;
}

.col-twothirds {
    width: 65%;
    margin: 25px auto;
    display: block;
    max-width: 700px;
    text-align: left;
}

@media (max-width: 768px) {
    .col-twothirds {
        width: 90%;
    }
}

.fullwidth {
    width: 100%;
    margin: 30px auto;
    display: block;
    text-align: center;
    padding: 75px 100px;
}

@media (max-width: 768px) {
    .fullwidth {
        padding: 75px 20px;
    }
}

.fullwidth.gray {
    background: #eeeeee;
}

.fullwidth.black {
    background: black;
}

.no-v-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.pink {
    color: #352063;
}

.h-type-1 {
    color: #352063;
    font-weight: 700;
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    font-size: 1.5em;
}

.details-area a.comparelink {
    display: none;
}

.details-area a.addtowishlist {
    display: none;
}

.spacer10 {
    height: 10px;
    border: none;
    border-color: transparent !important;
    border-top: none;
    color: none;
    margin: 0;
}

.spacer20 {
    height: 20px;
    border: none;
    border-color: transparent !important;
    border-top: none;
    color: none;
    margin: 0;
}

.spacer30 {
    height: 30px;
    border: none;
    border-color: transparent !important;
    border-top: none;
    color: none;
    margin: 0;
}

.spacer40 {
    height: 40px;
    border: none;
    border-color: transparent !important;
    border-top: none;
    color: none;
    margin: 0;
}

.spacer50 {
    height: 50px;
    border: none;
    border-color: transparent !important;
    border-top: none;
    color: none;
    margin: 0;
}

.related-products {
    text-align: left;
}

.related-products h3 {
    color: #352063;
    font-weight: normal;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .rwd-break {
        display: none;
    }
}

.v-margin {
    margin-top: 6em;
    margin-bottom: 4em;
}

@media (max-width: 650px) {
    .tablet-s-none {
        display: none;
    }
}


/*!



Animate.css - http://daneden.me/animate



Licensed under the MIT license







Copyright (c) 2013 Daniel Eden







Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:







The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.







THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.



*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

.caption-style-1 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.caption-style-1 li {
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.caption-style-1 li:hover .caption {
    opacity: 1;
}

.caption-style-1 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
}

.caption-style-1 .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.caption-style-1 .blur {
    background-color: rgba(0, 0, 0, 0.65);
    height: 300px;
    width: 400px;
    z-index: 5;
    position: absolute;
}

.caption-style-1 .caption-text h1 {
    text-transform: uppercase;
    font-size: 24px;
}

.caption-style-1 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 400px;
    height: 300px;
    text-align: center;
    top: 100px;
}

.hairstyle img.media-principal {
    padding: 5px;
    border: 1px solid #E6E6E6;
    width: 100%;
    max-width: 99%;
    display: block;
    margin: 0 auto 10px;
}

.hairstyle .masonry-gallery {
    width: 100%;
    clear: both;
    text-align: center;
}

.hairstyle .masonry-gallery .image-border {
    padding: 5px;
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 99%;
    display: block;
    margin: 0 auto 10px;
}

.hairstyle .masonry-gallery .item {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    float: left;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
}

.hairstyle .masonry-gallery .item .post-meta {
    display: none;
}

@media (max-width: 900px) {
    .hairstyle .masonry-gallery .item {
        width: 31%;
    }
}

@media (max-width: 768px) {
    .hairstyle .masonry-gallery .item {
        width: 48%;
    }
}

@media (max-width: 650px) {
    .hairstyle .masonry-gallery .item {
        width: 100%;
    }
}

.hairstyle .masonry-gallery .item .content {
    padding: 12px;
    position: absolute;
    top: 0;
    bottom: 4px;
    left: 0;
    right: 0;
    width: 100%;
    background: #352063;
    opacity: 0;
    width: auto;
    vertical-align: middle;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    /* Fix for IE7 */
    *display: inline;
    /* Fix for IE7 */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hairstyle .masonry-gallery .item .content span {
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.hairstyle .masonry-gallery .item .content .title {
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 24px;
}

@media (max-width: 480px) {
    .hairstyle .masonry-gallery .item .content .title {
        font-size: 17px;
    }
}

.hairstyle .masonry-gallery .item .content p {
    color: white;
    text-align: center;
    font-size: 14px;
    line-height: 130%;
    max-height: 7.8em;
    overflow: hidden;
}

@media (max-width: 480px) {
    .hairstyle .masonry-gallery .item .content p {
        max-height: 3em;
    }
}

.hairstyle .masonry-gallery .item .content .lupa {
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/lupa.png) scroll no-repeat top center transparent;
    /* position: absolute;



                bottom: 10px;



                left: 0;



                right: 0; */
    display: block;
    width: 100%;
    height: 23px;
}

.hairstyle .masonry-gallery .item:hover .content {
    opacity: .7;
}

.hairstyle .masonry-gallery .item img,
.hairstyle .masonry-gallery .item.w2 img {
    max-width: 100%;
    min-width: 100%;
}

.hairstyle .masonry-gallery .gutter-sizer {
    width: 1.3%;
}

.hairstyle .description {
    border-bottom: none;
}

.news-list-item {
    clear: left;
    border-bottom: 1px solid #58585A;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.news-list-item .media {
    float: left;
    width: 30%;
    height: 30%;
}

.news-list-item .media img {
    max-width: 99%;
    padding: 5px;
    border: 1px solid #58585A;
}

.news-list-item .content {
    width: 65%;
    float: right;
}

.news-list-item .content h2 {
    line-height: 115%;
    margin: 0 0 15px 0;
}

.news-list-item .content .date {
    margin: 20px 0;
    color: #352063;
    display: block;
    font-size: 13px;
}

.news-list-item .content p {
    font-size: 14px;
    line-height: 130%;
    margin: 0 0 15px 0;
}

.news-post h1 {
    font-size: 40px;
    line-height: 110%;
    clear: both;
}

.news-post .date {
    margin: 15px 0 10px 0;
    color: #352063;
    display: block;
    font-size: 14px;
}

.news-post .author {
    font-size: 14px;
    font-style: italic;
    display: block;
    margin: 20px 0;
}


/*  **************************************************/

.press-list-item {
    clear: left;
    border-bottom: 1px solid #58585A;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.press-list-item h2 {
    line-height: 115%;
    margin: 0 0 15px 0;
}

.press-list-item .date {
    margin: 20px 0;
    color: #352063;
    display: block;
    font-size: 13px;
}

.press-list-item p {
    font-size: 14px;
    line-height: 130%;
    margin: 0 0 15px 0;
}

.press-post h1 {
    font-size: 40px;
    line-height: 110%;
    clear: both;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #58585A;
}

.press-post .date {
    clear: both;
    display: block;
    padding: 20px 0 10px;
    color: #352063;
    font-size: 14px;
}


/*  **************************************************/

.mag-list {
    display: block;
    clear: both;
    text-align: justify;
    margin: 25px 0;
}

.mag-list .mag-list-item {
    position: relative;
    width: 24%;
    clear: both;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .mag-list .mag-list-item {
        width: 31%;
    }
}

@media (max-width: 480px) {
    .mag-list .mag-list-item {
        width: 48%;
    }
}

@media (max-width: 320px) {
    .mag-list .mag-list-item {
        width: 100%;
    }
}

.mag-list .mag-list-item img {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
}

.mag-list .mag-list-item .content {
    padding: 12px 12px 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    height: 98%;
    background: #352063;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 650px) {
    .mag-list .mag-list-item .content {
        height: 99%;
    }
}

.mag-list .mag-list-item .content span {
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.mag-list .mag-list-item .content .mag {
    text-transform: uppercase;
    color: white;
    margin-bottom: 5px;
}

@media (max-width: 650px) {
    .mag-list .mag-list-item .content .mag {
        display: none;
    }
}

.mag-list .mag-list-item .content .title {
    color: white;
    text-align: center;
    font-size: 18px;
}

.mag-list .mag-list-item .content p {
    color: white;
    text-align: center;
    font-size: 14px;
    line-height: 130%;
    max-height: 7.8em;
    overflow: hidden;
}

.mag-list .mag-list-item .content .plus {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    color: white;
    font-size: 40px;
    margin-bottom: 0;
}

.mag-list .mag-list-item:hover .content {
    opacity: .9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mag-list:after {
    width: 100%;
    display: inline-block;
    content: "";
}

.mag-post {
    clear: both;
}

.mag-post:first-child {
    max-width: 50%;
}

.mag-post h1 {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 130%;
    color: #352063;
    margin-bottom: 5px;
}

@media (max-width: 650px) {
    .mag-post h1 {
        clear: both;
    }
}

.mag-post .date {
    font-size: 18px;
    display: block;
    margin: 0 auto 10px;
}

.mag-post .publication {
    text-transform: uppercase;
}

.mag-post .publication span {
    text-transform: none;
    color: #352063;
    font-size: 14px;
}


/*  **************************************************/

.event-list {
    display: block;
    clear: both;
    text-align: justify;
    margin: 25px 0;
}

.event-list .place-holder {
    height: 0;
    display: inline-block;
    width: 32%;
}

@media (max-width: 1200px) {
    .event-list .place-holder {
        width: 48%;
    }
}

@media (max-width: 650px) {
    .event-list .place-holder {
        width: 100%;
    }
}

.event-list .event-list-item {
    position: relative;
    width: 32%;
    height: 320px;
    background: #e6e6e6;
    clear: both;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-bottom: 20px;
}

@media (max-width: 1200px) {
    .event-list .event-list-item {
        width: 48%;
    }
}

@media (max-width: 650px) {
    .event-list .event-list-item {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 20px;
        display: block;
    }
}

.event-list .event-list-item img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.event-list .event-list-item .content {
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    max-height: 130px;
    background: #e6e6e6;
    color: #58585A;
    border-top: 1px solid #58585A;
    width: 100%;
    font-size: 1em;
    min-height: 10em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.event-list .event-list-item .content span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.3em;
}

.event-list .event-list-item .content .event-name {
    text-transform: uppercase;
    max-height: 2em;
    overflow: hidden;
}

.event-list .event-list-item .content p {
    text-align: center;
    font-size: 14px;
    line-height: 130%;
    max-height: 4em;
    overflow: hidden;
}

.event-list .event-list-item .content .plus {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    color: white;
    font-size: 40px;
}

.event-list .event-list-item:hover .content {
    background: #352063;
    color: #fff;
}

.event-list:after {
    width: 100%;
    display: inline-block;
    content: "";
}

.mag-post .about-author,
.news-post .about-author,
.press-post .about-author,
.howto-post .about-author {
    margin: 20px auto;
    clear: both;
    position: relative;
    background: #58585A;
    padding: 20px 20px 20px 30%;
}

.mag-post .about-author img,
.news-post .about-author img,
.press-post .about-author img,
.howto-post .about-author img {
    left: 15px;
    top: 15px;
    position: absolute;
}

.mag-post .about-author h3,
.news-post .about-author h3,
.press-post .about-author h3,
.howto-post .about-author h3 {
    color: #352063;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.mag-post .about-author a,
.news-post .about-author a,
.press-post .about-author a,
.howto-post .about-author a {
    text-transform: none;
    border-bottom: 1px dotted #352063;
}

.mag-post .about-author a:hover,
.mag-post .about-author a:active,
.mag-post .about-author a:focus,
.news-post .about-author a:hover,
.news-post .about-author a:active,
.news-post .about-author a:focus,
.press-post .about-author a:hover,
.press-post .about-author a:active,
.press-post .about-author a:focus,
.howto-post .about-author a:hover,
.howto-post .about-author a:active,
.howto-post .about-author a:focus {
    border-bottom: 1px dotted #eee;
    color: #eee;
}

.mag-post blockquote,
.news-post blockquote,
.press-post blockquote,
.howto-post blockquote {
    margin: 20px;
    font-size: 26px;
}

.mag-post a,
.news-post a,
.press-post a,
.howto-post a {
    color: #352063;
    border-bottom: 1px dotted transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mag-post a:hover,
.news-post a:hover,
.press-post a:hover,
.howto-post a:hover {
    color: #000;
}

.mag-post p,
.news-post p,
.press-post p,
.howto-post p {
    margin-bottom: 1em;
    font-size: 14px;
}

.mag-post ul ul,
.mag-post ol ol,
.mag-post ul ol,
.mag-post ol ul,
.news-post ul ul,
.news-post ol ol,
.news-post ul ol,
.news-post ol ul,
.press-post ul ul,
.press-post ol ol,
.press-post ul ol,
.press-post ol ul,
.howto-post ul ul,
.howto-post ol ol,
.howto-post ul ol,
.howto-post ol ul {
    padding-left: 40px;
}

.mag-post ol,
.mag-post ul,
.news-post ol,
.news-post ul,
.press-post ol,
.press-post ul,
.howto-post ol,
.howto-post ul {
    margin: 5px 0;
    list-style-position: inside;
    list-style-type: decimal;
    font-size: 14px;
}

.mag-post ol li,
.mag-post ul li,
.news-post ol li,
.news-post ul li,
.press-post ol li,
.press-post ul li,
.howto-post ol li,
.howto-post ul li {
    color: #eee;
}

.mag-post ol li span,
.mag-post ul li span,
.news-post ol li span,
.news-post ul li span,
.press-post ol li span,
.press-post ul li span,
.howto-post ol li span,
.howto-post ul li span {
    color: #eee;
}

.mag-post ul,
.news-post ul,
.press-post ul,
.howto-post ul {
    list-style-type: disc;
}

.mag-post li,
.news-post li,
.press-post li,
.howto-post li {
    margin-bottom: 10px;
    font-size: 14px;
}

.mag-post ul.share,
.news-post ul.share,
.press-post ul.share,
.howto-post ul.share {
    float: none;
    margin: 25px 0 10px;
}

.mag-post ul.share li,
.news-post ul.share li,
.press-post ul.share li,
.howto-post ul.share li {
    color: #eee;
    font-size: 18px;
}

.mag-post .categories li,
.mag-post .tags li,
.news-post .categories li,
.news-post .tags li,
.press-post .categories li,
.press-post .tags li,
.howto-post .categories li,
.howto-post .tags li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #eee;
    text-transform: uppercase;
}

.mag-post .categories li a,
.mag-post .tags li a,
.news-post .categories li a,
.news-post .tags li a,
.press-post .categories li a,
.press-post .tags li a,
.howto-post .categories li a,
.howto-post .tags li a {
    font-style: italic;
    font-size: 14px;
    text-transform: none;
}

.news h2 a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.news figure.post-image {
    position: relative;
    max-width: 100%;
    margin: 20px 0;
}

.news figure.post-image img {
    z-index: 998;
    width: 100%;
    max-width: 100%;
}

.news figure.post-image figcaption {
    position: absolute;
    bottom: 6px;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 98.5%;
    margin: 0 auto;
    margin-top: -80px;
    z-index: 999;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-style: italic;
    font-size: 14px;
}

section.post-nav {
    border-top: 1px solid #58585A;
    border-bottom: 1px solid #58585A;
    margin: 30px 0;
    padding: 30px 0;
    display: block;
    width: 100%;
    position: relative;
}

section.post-nav a {
    color: #eee;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

section.post-nav a:hover,
section.post-nav a:active,
section.post-nav a:focus {
    color: #352063;
    border: none;
}

section.post-nav a.next {
    left: auto;
    right: 0px;
}

section.post-nav b {
    font-family: times, serif;
    margin: 0 5px;
}

.post-facebook-comments h3 {
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 1px solid #58585A;
    margin: 30px 0;
    padding: 20px 0;
}

.categories li,
.tags li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #eee;
    text-transform: uppercase;
}

.categories li a,
.tags li a {
    font-style: italic;
    font-size: 14px;
    text-transform: none;
}

.media-principal {
    max-width: 100%;
    margin-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
}

.media-principal img,
.media-principal iframe {
    /* padding: 5px;

  border: 1px solid #e6e6e6;*/
    width: 100%;
    max-width: 99%;
    display: block;
    margin: 0 auto 10px;
}

.media-principal .event-prevnext {
    height: 20px;
    margin: 20px auto;
}

.media-principal .event-prevnext .prev {
    float: left;
    font-size: 16px;
}

.media-principal .event-prevnext .next {
    float: right;
    font-size: 16px;
}

.media-principal a {
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.media-principal a:hover {
    text-decoration: none;
}

.media-principal a b {
    font-family: times, serif;
    padding-right: 10px;
}

.media-principal a.next {
    float: right;
}

.media-principal a.next b {
    padding-left: 10px;
}

.media-principal a.button {
    display: inline-block;
    margin-bottom: 10px;
}

.module-event-data {
    background: #e6e6e6;
    clear: both;
    padding: 0 0 10px;
}

.module-event-data h3 {
    background: #444;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
}

.module-event-data dl {
    padding: 0 10px;
}

.module-event-data dt {
    font-size: 13px;
    text-transform: uppercase;
}

.module-event-data dd {
    font-size: 14px;
    margin: 10px 0 10px 10px;
}

.module-event-data .button-visit-web {
    width: 100%;
    max-width: 95%;
    display: block;
    text-align: center;
    font-weight: lighter;
    font-size: 1.2em;
    margin-top: 20px;
}

.module-event-data .button-visit-web:hover {
    color: white;
    background: #8e67ad;
    text-decoration: none;
}

.credits section,
.credits li {
    font-size: 1.2em;
    margin-bottom: 10px;
}


/*  **************************************************/


/* Buttons */


/*  **************************************************/

input.button,
a.button {
    text-transform: uppercase;
    font-size: 24px;
    padding: 5px 10px;
}

input.btn-gray,
a.btn-gray {
    background: #a7a9ac;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-gray:hover,
a.btn-gray:hover,
input.btn-gray:active,
a.btn-gray:active {
    background: #352063;
}

input.btn-pink,
a.btn-pink {
    background: #352065;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-pink:hover,
a.btn-pink:hover,
input.btn-pink:active,
a.btn-pink:active {
    background: #58585a;
}

input.btn-white,
a.btn-white {
    background: #fff;
    color: #352065;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.btn-white:hover,
a.btn-white:hover,
input.btn-white:active,
a.btn-white:active {
    background: #352065;
    color: #fff;
}

.arrow-right:after,
.arrow-right-small:after {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-right.png");
    padding-left: 10px;
}

.arrow-left:before,
.arrow-left-small:before {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-left.png");
    padding-right: 10px;
}

.arrow-right-small:after {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-right-small.png");
    vertical-align: text-bottom;
}

.arrow-left-small:before {
    content: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/button-arrow-left-small.png");
    vertical-align: text-bottom;
}

a.back-to {
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    margin: 20px 0 20px;
    width: 24%;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    padding: 20px;
}

a.back-to span {
    color: #352063;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.back-to:hover,
a.back-to:active,
a.back-to:focus {
    color: white;
    text-decoration: none;
}

a.back-to:hover span,
a.back-to:active span,
a.back-to:focus span {
    color: white;
}

a.btn-style-3 {
    color: #352063;
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    border: 1px solid transparent;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 8px 18px;
    background: #E6E6E6;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.btn-style-3:hover {
    border: 1px solid #352063;
    color: #352063;
    text-decoration: none;
}

a.btn-style-4 {
    color: white;
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    border: 1px solid transparent;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 12px 20px;
    background: #352063;
    margin: 0 auto 25px;
    max-width: 300px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.btn-style-4:hover {
    border: 1px solid #352063;
    color: #352063;
    text-decoration: none;
    background-color: white;
}

.vod-poster {
    width: 100%;
    margin-bottom: 10px;
}

.custom-module-button-1,
.custom-module-button-2 {
    display: inline-block;
    padding: 10px 25px;
    margin: 15px auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #8E67AD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}

.custom-module-button-1:hover,
.custom-module-button-2:hover {
    text-decoration: none;
    background-color: #352063;
    color: #FFF;
}

.custom-module-button-2 {
    background-color: #352063;
}

.custom-module-button-2:hover {
    background-color: #d6509d;
    opacity: .75;
}

a.button-style-1 {
    display: inline-block;
    margin: 0px auto;
    background: #352063;
    color: #FFF;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.button-style-1:hover,
a.button-style-1:active {
    background: white;
    color: #352063;
    text-decoration: none;
}

.button-1 {
    border: 2px solid #8e67ad;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-left: 1em;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: #8e67ad;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
}

.button-1:hover,
.button-1:active {
    background-color: #8e67ad;
    color: #fff;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.custom-module-button-5 {
    display: inline-block;
    padding: 15px 25px;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #352063;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

.custom-module-button-5:hover {
    text-decoration: none;
    background-color: #8E67AD;
    color: #FFF;
}

.custom-module-wrap-1 {
    text-align: left;
    padding: 50px 0;
}

.custom-module-wrap-1 div.content {
    margin-left: 76px;
}

@media (max-width: 650px) {
    .custom-module-wrap-1 div.content {
        margin: 0;
        text-align: center;
    }
}

.custom-module-wrap-1 div.content>h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.custom-module-wrap-1 div.content>em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.custom-module-wrap-1 div.content>p {
    color: #666;
    font-size: 14px;
}

.custom-module-wrap-1 .content i {
    font-style: normal;
    margin-left: 15px;
}

.custom-module-wrap-2 {
    text-align: left;
    padding: 50px 0;
}

.custom-module-wrap-2 div.content {
    margin-left: 0px;
    text-align: center;
}

.custom-module-wrap-2 div.content>h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.5;
    margin-bottom: 12px;
}

.custom-module-wrap-2 div.content>em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.custom-module-wrap-2 div.content>p {
    color: #666;
    font-size: 18px;
}

.custom-module-wrap-2 .content i {
    font-style: normal;
    margin-left: 15px;
}

@media (max-width: 650px) {
    .custom-module-wrap-2 .col-sm-4,
    .custom-module-wrap-1 .col-sm-4 {
        margin-bottom: 32px;
        padding-bottom: 25px;
    }
}

.custom-module-wrap-2 span.ico:before {
    display: inline-block;
    font-size: 10em;
    margin-bottom: 25px;
    border: 2px solid #EFEFEF;
    border-radius: 50%;
    padding: 10px 20px;
    margin: 0 auto 25px;
}

.module-3-col-type-1 .image-link {
    min-height: 365px;
    text-align: center;
    text-decoration: none;
    padding-top: 220px;
    margin-bottom: 50px;
}

.module-3-col-type-1 .image-link div {
    width: 100%;
}

@media (min-width: 768px) {
    .module-3-col-type-1 .image-link {
        margin-bottom: 25px;
    }
}

.module-3-col-type-1 .image-link:hover button {
    padding: 10px;
}

.module-3-col-type-1 .image-link h3 {
    font-size: 30px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 0px;
    max-height: 3.4em;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 900px) {
    .module-3-col-type-1 .image-link h3 {
        font-size: 1.4em;
    }
}

@media (max-width: 768px) {
    .module-3-col-type-1 .image-link h3 {
        font-size: 1.2em;
    }
}

.module-3-col-type-1 .image-link button {
    border: 3px solid #FFF;
    border-radius: 6px;
    background: transparent;
    padding: 5px;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {
    .module-3-col-type-1 .image-link button {
        font-size: 1.5em;
        border: 2px solid #FFF;
    }
}

.module-3-col-type-2 .image-link {
    min-height: 365px;
    text-align: center;
    text-decoration: none;
    padding-top: 80px;
}

@media (max-width: 900px) {
    .module-3-col-type-2 .image-link {
        margin-bottom: 24px;
    }
}

.module-3-col-type-2 .image-link div {
    width: 100%;
}

.module-3-col-type-2 .image-link:hover button {
    padding: 15px 28px;
}

.module-3-col-type-2 .image-link h3 {
    font-size: 1.8em;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 20px;
    max-height: 2.4em;
    overflow: hidden;
    text-decoration: none;
    padding: 0px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 900px) {
    .module-3-col-type-2 .image-link h3 {
        font-size: 1.4em;
    }
}

@media (max-width: 768px) {
    .module-3-col-type-2 .image-link h3 {
        font-size: 1.2em;
    }
}

.module-3-col-type-2 .image-link button {
    border: 3px solid #FFF;
    border-radius: 6px;
    background: transparent;
    padding: 13px 25px;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {
    .module-3-col-type-2 .image-link button {
        font-size: 1.5em;
        border: 2px solid #FFF;
    }
}


/*.container,*/

.col-main ul,
.col-twothirds ul {
    margin-bottom: 1.5em;
}

.col-main ul li,
.col-twothirds ul li {
    line-height: 1.5;
    margin-bottom: .5em;
}

.home-featured-image {
    min-height: 350px;
    padding: 100px 0;
}

.home-featured-image h2 {
    font-weight: 300;
    font-size: 4em;
    padding: 50px 0 0;
    text-align: left;
    max-width: 80%;
    color: #FFF;
}

.home-featured-image h3 {
    font-weight: 300;
    font-size: 3em;
    text-align: left;
    max-width: 80%;
    color: #FFF;
}

@media (max-width: 768px) {
    .home-featured-image {
        min-height: 0px;
        padding: 50px 0;
    }
    .home-featured-image h2 {
        font-size: 3.2em;
        padding: 0px 0 0;
    }
    .home-featured-image h3 {
        font-size: 1.6em;
    }
}

@media (max-width: 650px) {
    .home-featured-image h2 {
        font-size: 2.4em;
    }
}

@media (max-width: 480px) {
    .home-featured-image {
        background-position: -420px center !important;
    }
    .home-featured-image h2 {
        font-size: 2.2em;
    }
}

.home-featured-image-type-2 {
    min-height: 600px;
    padding: 150px 0;
}

.home-featured-image-type-2 h2 {
    font-size: 5.2em;
    padding: 50px 0 0;
    text-align: left;
    max-width: 80%;
    color: #fff;
    line-height: 1.0em;
    font-weight: 400;
    letter-spacing: -3px;
}

.home-featured-image-type-2 h3 {
    font-weight: 300;
    font-size: 3em;
    text-align: left;
    max-width: 80%;
    color: #fff;
}

@media (max-width: 768px) {
    .home-featured-image-type-2 {
        min-height: 00px;
        padding: 50px 0;
    }
    .home-featured-image-type-2 h2 {
        font-size: 3.2em;
        padding: 0px 0 0;
    }
    .home-featured-image-type-2 h3 {
        font-size: 1.6em;
    }
}

@media (max-width: 480px) {
    .home-featured-image-type-2 {
        background-position: -100px center !important;
    }
}

.home-featured-image-type-3 {
    min-height: 350px;
    padding: 100px 0;
}

.home-featured-image-type-3 h2 {
    font-weight: 300;
    font-size: 4em;
    padding: 50px 0 0;
    text-align: left;
    max-width: 80%;
    color: #FFF;
}

.home-featured-image-type-3 h3 {
    font-weight: 300;
    font-size: 3em;
    text-align: left;
    max-width: 80%;
    color: #FFF;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .home-featured-image-type-3 {
        min-height: 0px;
        padding: 50px 0;
    }
    .home-featured-image-type-3 h2 {
        font-size: 3.2em;
        padding: 0px 0 0;
    }
    .home-featured-image-type-3 h3 {
        font-size: 1.6em;
        margin-bottom: 0px;
    }
}

@media (max-width: 650px) {
    .home-featured-image-type-3 {
        display: none;
    }
    .home-featured-image-type-3 h2 {
        font-size: 2.4em;
    }
}

@media (max-width: 480px) {
    .home-featured-image-type-3 {
        background-position: -420px center !important;
    }
}

@media (max-width: 320px) {
    .home-featured-image-type-3 {
        background-position: -420px center !important;
        display: none;
    }
}

.home-featured-image-type-4 {
    min-height: 350px;
    padding: 100px 0;
}

.home-featured-image-type-4 h2 {
    font-weight: 300;
    font-size: 2em;
    text-align: center;
    max-width: 100%;
    color: #FFF;
    margin-top: -2em;
}

.home-featured-image-type-4 h3 {
    font-weight: 300;
    font-size: 2em;
    text-align: center;
    max-width: 100%;
    color: #FFF;
    padding-bottom: 18em;
}

@media (min-width: 650px) {
    .home-featured-image-type-4 {
        display: none;
    }
}

@media (min-width: 320px) {
    .home-featured-image-type-4 h3 {
        font-size: 2em;
    }
}

.homepage-bar-type-2 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb;
    margin-top: 4em;
}

.homepage-bar-type-2 .col-md-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 21px;
}

.homepage-bar-type-2 .col-md-4:first-child {
    border-left: 0;
}

.homepage-bar-type-2 i {
    font-size: 28px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .homepage-bar-type-2 i {
        font-size: 24px;
    }
}

.homepage-bar-type-2 i:before {
    width: auto;
}

.homepage-bar-type-2 .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}

.homepage-bar-type-2 h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

.homepage-bar-type-2 p {
    font-size: 12px;
    margin: 0;
    line-height: 1;
}

.fixed-header ul.menu>li>a,
.main-nav ul.menu>li>a {
    color: #08c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 17px 15px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Video Iframe Product detail page */
#box-video .video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.simple-image-gallery a:hover,
.simple-image-gallery a:active {
    text-decoration: none;
}

.simple-image-gallery a {
    width: 32%;
    display: inline-block;
}

@media (max-width: 650px) {
    .simple-image-gallery a {
        width: 90%;
        margin: 0 auto 20px;
        display: block;
    }
}

.simple-image-gallery img {
    width: 100%;
    margin: 0;
}

@media (max-width: 650px) {
    .simple-image-gallery {
        text-align: center;
    }
}

.main-container h1,
.col-twothirds h1 {
    font-size: 3.6em;
    font-weight: 300;
    margin-bottom: 1em;
}

.artist-quote blockquote,
.special-blockquote blockquote {
    font-family: 'Georgia', Helvetica, sans-serif;
    font-size: 1.6em;
    color: #656565;
    max-width: 80%;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    border: none;
    line-height: 1.4em;
}

.artist-quote blockquote:before,
.special-blockquote blockquote:before {
    content: '“';
    color: #352063;
    position: absolute;
    left: -40px;
    font-size: 80px;
    vertical-align: middle;
    top: 80%;
}

.artist-quote blockquote:after,
.special-blockquote blockquote:after {
    content: '”';
    color: #352063;
    position: absolute;
    right: -40px;
    font-size: 80px;
    vertical-align: middle;
    top: 80%;
}

@media (max-width: 768px) {
    .artist-quote blockquote,
    .special-blockquote blockquote {
        font-size: 1.2em;
    }
    .artist-quote blockquote:before,
    .special-blockquote blockquote:before {
        top: 55%;
        font-size: 60px;
    }
    .artist-quote blockquote:after,
    .special-blockquote blockquote:after {
        top: 55%;
        font-size: 60px;
    }
}

.prevnext {
    height: 20px;
    margin: 20px auto;
}

.prevnext .prev {
    float: left;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .prevnext .prev {
        font-size: 1em;
    }
}

.prevnext .next {
    float: right;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .prevnext .next {
        font-size: 1em;
    }
}

.prevnext a {
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.prevnext a:hover {
    text-decoration: none;
}

.prevnext a b {
    font-family: times, serif;
    padding-right: 10px;
}

.prevnext a.next {
    float: right;
}

.prevnext a.next b {
    padding-left: 10px;
}

.html5-video-player {
    width: 102%;
}

.image-responsive {
    width: 100%;
    max-width: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 320px) {
    .image-responsive {
        max-width: 50px;
    }
}

@media (min-width: 480px) {
    .image-responsive {
        max-width: 80px;
    }
}

@media (min-width: 650px) {
    .image-responsive {
        max-width: 100px;
    }
}

@font-face {
    font-family: 'sv-custom-icons';
    src: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/sv-custom-icons.eot?ryg0bg");
    src: url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/sv-custom-icons.eot?#iefixryg0bg") format("embedded-opentype"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/sv-custom-icons.ttf?ryg0bg") format("truetype"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/sv-custom-icons.woff?ryg0bg") format("woff"), url("https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/css/sv-custom-icons.svg?ryg0bg#sv-custom-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="sv-ico-"],
[class*=" sv-ico-"] {
    font-family: 'sv-custom-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sv-ico-grad:before {
    content: "\e604";
}

.sv-ico-shears:before {
    content: "\e605";
}

.sv-ico-store:before {
    content: "\e606";
}

.sv-ico-periscope:before {
    content: "\e607";
}

.sv-ico-curly:before {
    content: "\e601";
}

.sv-ico-fine:before {
    content: "\e602";
}

.sv-ico-thick:before {
    content: "\e603";
}

.sv-ico-bangstyle:before {
    content: "\e600";
}

.h-type-1 {
    color: #352063;
    font-weight: 700;
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    font-size: 1.5em;
}

ul.share {
    float: right;
    margin: 10px 0;
    display: inline-block;
    vertical-align: bottom;
}

ul.share li {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px;
    float: left;
}

ul.share li a,
ul.share li a:visited {
    text-transform: uppercase;
    font-size: 15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.share li a.facebook {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat 0 top;
}

ul.share li a.facebook:hover,
ul.share li a.facebook:active,
ul.share li a.facebook:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat 0 bottom;
}

ul.share li a.twitter {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -30px top;
}

ul.share li a.twitter:hover,
ul.share li a.twitter:active,
ul.share li a.twitter:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -30px bottom;
}

ul.share li a.youtube {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -60px top;
}

ul.share li a.youtube:hover,
ul.share li a.youtube:active,
ul.share li a.youtube:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -60px bottom;
}

ul.share li a.pinterest {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -90px top;
}

ul.share li a.pinterest:hover,
ul.share li a.pinterest:active,
ul.share li a.pinterest:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -90px bottom;
}

ul.share li a.gplus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -120px top;
}

ul.share li a.gplus:hover,
ul.share li a.gplus:active,
ul.share li a.gplus:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -120px bottom;
}

ul.share li a.instagram {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -150px top;
}

ul.share li a.instagram:hover,
ul.share li a.instagram:active,
ul.share li a.instagram:focus {
    background: url(http://samvillasandbox.com/media/wysiwyg/social-sprite.png) scroll no-repeat -150px bottom;
}

ul.share li:first-child {
    text-transform: uppercase;
    margin-top: 4px;
}

.block-element {
    display: block;
}

.list-crop-type-1 {
    overflow: hidden;
}

.list-crop-type-2 {
    max-height: 175px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .list-crop-type-2 {
        max-height: 300px;
    }
}

.blog-list {
    margin-bottom: 5em;
}

.blog-list img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 800px;
}

.blog-list:hover img {
    opacity: .9;
}

.blog-list .post-title {
    font-size: 35px;
    line-height: normal;
    margin: 5px 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
}

.blog-list .post-title a {
    color: #232323;
}

.blog-list .post-title a:hover {
    text-decoration: none;
    color: #352063;
}

.blog-list .post-meta {
    display: none;
    font-style: normal;
    font-size: 1.2em;
}

.blog-list .post-meta a {
    color: #352063;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.related-posts {
    margin: 25px 0;
}

.related-posts h1 {
    color: #444;
    margin-bottom: .5em;
    font-size: 3.6em;
}

.related-posts .item {
    display: inline-block;
    width: 31%;
    vertical-align: top;
}

@media (max-width: 768px) {
    .related-posts .item {
        width: 100%;
    }
}

.related-posts .item img {
    width: 100%;
    /*margin-bottom: 1.2em;*/
}

.related-posts .item h2 {
    padding-top: .8em;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em;
    letter-spacing: -1px;
    text-align: left;
    color: #444;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.related-posts .item a:hover {
    text-decoration: none;
    color: #352063;
}

.related-posts .item h2:hover {
    color: #352063;
}

.tag {
    background: #352063;
    color: #FFF;
    display: inline-block !important;
    text-transform: uppercase;
    font-size: .9em;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tag:hover {
    color: #352063;
    text-decoration: none;
    background: white;
}

.tag:hover a {
    color: #352063;
    text-decoration: none;
}

.tag a {
    padding: 8px 10px;
    display: inline-block;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tag a:hover {
    color: #352063;
    text-decoration: none;
}

.wp-sidebar .btn-subscribe {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    font-size: 1.1em;
    padding: 10px 14px;
    border-radius: 3px;
    display: inline-block;
    background: #352065;
    color: #FFF;
}

.wp-sidebar .btn-subscribe:hover {
    text-decoration: none;
    background: #8e67ad;
    color: white;
}

.wp-sidebar .block-title {
    margin: 5px 0 20px;
    line-height: 1.2;
    font-size: 2.4em;
    font-weight: 300;
    color: #232323;
}

.wp-sidebar .block-title strong {
    font-weight: 300;
}

.wp-sidebar .blog-search {
    padding: 0px;
}

.wp-sidebar .blog-search input[type="text"] {
    padding: 19px 10px;
    vertical-align: top;
    display: inline-block;
}

.wp-sidebar .block-recent-posts li.item {
    padding: 0 0 10px 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #DDDBDC;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wp-sidebar .block-recent-posts li.item:hover {
    border-bottom: 1px solid #a7a7a7;
}

.wp-sidebar .block-recent-posts li.item:last-child {
    border: none;
}

.wp-sidebar .item-post {
    padding-top: 8px;
    margin-bottom: 25px;
}

.wp-sidebar .block-recent-posts a {
    color: #232323;
    /*line-height: 1.6em;*/
    line-height: 100%;
    font-size: 16px;
    font-weight: 100;
    text-transform: capitalize;
}

.wp-sidebar .block-recent-posts a:hover {
    color: #352063;
    text-decoration: none;
}

.wp-sidebar .learn-more {
    display: none;
}

.wp-sidebar .block-blog-menu li.item {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDBDC;
}

.wp-sidebar .block-blog-menu li.item:last-child {
    border: none;
}

.wp-sidebar .block-blog-menu a {
    font-weight: 600;
    color: #352063;
    line-height: 1.4em;
    font-size: 1em;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wp-sidebar .block-blog-menu a:before {
    font-family: "porto";
    content: '\e817';
    color: #352063;
    font-size: .6em;
    margin: 0px 9px 0 0px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wp-sidebar .block-blog-menu a:hover {
    text-decoration: none;
    color: #232323;
}

.wp-sidebar .block-blog-menu a:hover:before {
    margin: 0px 9px 0 5px;
}

@media (max-width: 768px) {
    .module-footer-hotbuttons {
        padding-top: 25px;
    }
    .col-main .wp-content h3 {
        font-size: 32px !important;
    }
}

.module-footer-hotbuttons ul li {
    padding: 10px 10px 10px 40px;
}

.module-footer-hotbuttons ul li:first-child {
    padding-top: 0;
}

.module-footer-hotbuttons ul i {
    margin: -5px 0 0 -40px;
    font-size: 1.6em;
    float: left;
}

.module-footer-hotbuttons ul i.fa-thumbs-up {
    margin-left: -35px;
}

.module-footer-hotbuttons ul h3 {
    color: white;
    font-size: 1.2em;
    font-weight: 700;
}

.module-footer-hotbuttons ul p {
    color: white;
    font-size: .9em;
}

.module-footer-hotbuttons ul a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {
    .module-footer-recentposts {
        padding-top: 25px;
    }
}

.module-footer-recentposts .block-title {
    text-transform: uppercase;
}

.module-footer-recentposts ul li {
    border-bottom: 1px solid #424141;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.module-footer-recentposts ul li:last-child {
    border-bottom: none;
}

.module-footer-recentposts ul a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.module-footer-subscribe.block-content h3 {
    color: white;
    margin-bottom: 1em;
}

@media (max-width: 768px) {
    .module-footer-subscribe.block-content h3 {
        margin-top: 2em;
    }
}

.module-footer-subscribe.block-content p {
    font-size: 1em;
    margin-bottom: 2em;
}

.module-footer-subscribe.block-content a {
    color: white;
    background: #8e67ad;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 1em;
    line-height: 1.6em;
    display: block;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.module-footer-subscribe.block-content a:hover,
.module-footer-subscribe.block-content a:active {
    text-decoration: none;
    color: white;
    background: #352063;
}

.footer-bottom address {
    display: block;
    margin-left: 50px;
    color: #858585;
}

@media (max-width: 900px) {
    .footer-bottom address {
        margin-left: 0px;
    }
}

.footer .social-icons a.icon3-class:hover {
    background-color: #e52d27;
}

.footer .social-icons a.icon4-class:hover {
    background-color: #c92228;
}

.footer .social-icons a.icon5-class:hover {
    background-color: #3f729b;
}

.footer .stylist-social {
    text-align: center;
    float: left;
    display: inline-block;
    margin: 0 0 0px;
}

@media (max-width: 900px) {
    .footer .stylist-social {
        float: initial;
        margin-left: 0px;
    }
}

.footer .stylist-social li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

@media (max-width: 650px) {
    .footer .stylist-social li {
        margin-right: 0;
    }
}

.footer .stylist-social li a {
    border-radius: 50%;
    padding: 5px 10px;
    background: #232323;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer .stylist-social li a i {
    color: white;
}

.footer .stylist-social li a:hover {
    text-decoration: none;
    background: #8e67ad;
    color: white;
}

@media (max-width: 650px) {
    .footer .stylist-social li a {
        margin-right: 0;
    }
}

.header-container .stylist-social {
    text-align: left;
    float: left;
    display: inline-block;
    margin: 0 0 0px;
}

@media (max-width: 768px) {
    .header-container .stylist-social {
        text-align: center;
    }
}

.header-container .stylist-social li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

@media (max-width: 650px) {
    .header-container .stylist-social li {
        margin-right: 0;
    }
}

.header-container .stylist-social li a {
    border-radius: 50%;
    padding: 5px 10px;
    background: none;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-container .stylist-social li a i {
    color: white;
}

.header-container .stylist-social li a:hover {
    text-decoration: none;
    background: #8e67ad;
    color: white;
}

@media (max-width: 650px) {
    .header-container .stylist-social li a {
        margin-right: 0;
    }
}

.footer-bottom address {
    display: block;
    color: #858585;
}

@media (max-width: 900px) {
    .footer-bottom address {
        float: initial;
    }
}

@media (min-width: 1200px) {
    .footer-bottom address {
        position: absolute;
        right: 230px;
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .footer-bottom address {
        margin: 0 80px;
    }
}

@media (max-width: 320px) {
    .footer-bottom address {
        margin: 0 60px;
    }
}

.footer-bottom address a {
    color: #858585;
}

.footer-bottom .custom-block img {
    max-width: 100%;
    margin-top: 6px;
    float: right;
}

@media (max-width: 768px) {
    .footer-bottom .custom-block img {
        max-width: 100%;
        display: inline-block;
        float: initial;
        vertical-align: middle;
        margin-top: -10px;
    }
}

.footer-bottom .custom-block .remargin {
    max-width: 100%;
    float: right;
    margin-top: -4px;
}

@media (max-width: 1200px) {
    .footer-bottom .custom-block .remargin {
        margin-top: 0px;
    }
}

@media (max-width: 900px) {
    .footer-bottom .custom-block .remargin {
        max-width: 100%;
        display: inline-block;
        float: initial;
        vertical-align: middle;
        margin-top: 10px;
    }
}

.footer-bottom .custom-block {
    float: right;
}

.footer-bottom a.logo img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -70px;
    float: left;
}

@media (max-width: 1200px) {
    .footer-bottom a.logo img {
        margin-bottom: 0px;
        float: initial;
        margin-left: 50px;
    }
}

@media (max-width: 650px) {
    .footer-bottom a.logo img {
        margin-left: 0px;
    }
}

.mod-author {
    max-width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 20px 0;
    min-height: 90px;
}

.mod-author .author-thumb {
    max-width: 100px;
    padding: 0;
    ;
    margin: 0 10px 0 0;
    border-radius: 50%;
    vertical-align: middle;
}

.mod-author p {
    text-transform: none;
    font-weight: 400;
    display: inline;
    font-family: "Georgia";
    font-size: 18px !important;
    color: #58585a;
}

.mod-author p .pink {
    color: #58585a;
}

.mod-author p .pink strong {
    color: #8e67ad;
    font-weight: normal;
}

.mod-author .author-title {
    text-transform: capitalize;
}

.mod-author p a {
    color: #352063;
}

.mod-author p a:hover {
    border-bottom: 1px dotted #352063;
}

@media (max-width: 768px) {
    .mod-author p {
        font-size: 1em !important;
    }
    .mod-author .author-thumb{ max-width: 60px; }
}

.mod-author ul.share {
    float: none;
    margin: 0 0;
    display: inline-block;
    vertical-align: bottom;
}

.mod-author ul.share li:first-child {
    margin-top: 0px;
}

.stylists-list .stylist-listing {
    width: 49%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 25px;
}

.stylists-list .stylist-listing h1 {
    font-size: 1.4em;
}

@media (max-width: 768px) {
    .stylists-list .stylist-listing {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .stylists-list .stylist-listing {
        width: 100%;
    }
}

.stylists-list .stylist-basic-info {
    position: relative;
}

.stylists-list .stylist-basic-info .profile-image-link {
    position: relative;
    background: #352065;
    margin-bottom: 20px;
    overflow: hidden;
}

.stylists-list .stylist-basic-info .profile-image-link p {
    display: none;
    position: absolute;
    top: 26%;
    width: 100%;
    font-weight: 300;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 650px) {
    .stylists-list .stylist-basic-info .profile-image-link p {
        top: 15%;
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .stylists-list .stylist-basic-info .profile-image-link p {
        top: 28%;
        font-size: 22px;
    }
}

.stylists-list .stylist-basic-info .profile-image-link img {
    width: 100%;
    opacity: 1;
    margin: 0 0 -5px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .stylists-list .stylist-basic-info .profile-image-link:hover {
        text-decoration: none;
    }
    .stylists-list .stylist-basic-info .profile-image-link:hover img {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        opacity: .2;
        /* lower opacity on hover */
    }
    .stylists-list .stylist-basic-info .profile-image-link:hover p {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: block;
    }
}

.stylists-list .stylist-basic-info h3 {
    font-weight: 300;
    font-size: 2em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-list .stylist-basic-info h1,
.stylists-list .stylist-basic-info h2 {
    color: #58585a;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-list .stylist-basic-info:hover {
    text-decoration: none;
}

.stylists-list .stylist-basic-info:hover h3 {
    color: #352063;
}

.stylists-list .stylist-basic-info:hover h1,
.stylists-list .stylist-basic-info:hover h2 {
    color: #352065;
}

@media (max-width: 650px) {
    .stylists-list .stylist-basic-info h1 {
        font-size: 1.3em;
    }
    .stylists-list .stylist-basic-info h2 {
        font-size: 1em;
    }
}

.stylists-list .stylist-social {
    text-align: center;
    display: inline-block;
    margin: 10px 0;
}

.stylists-list .stylist-social h5 {
    margin-bottom: 20px;
    color: #352063;
    font-size: 16px;
}

.stylists-list .stylist-social ul {
    display: block;
    margin: 10px 0;
}

@media (max-width: 480px) {
    .stylists-list .stylist-social ul {
        /* max-width:75%; */
        margin: 0 auto;
    }
}

.stylists-list .stylist-social ul li {
    display: inline-block;
}

@media (max-width: 650px) {
    .stylists-list .stylist-social ul li {
        margin: 10px 0;
    }
}

.stylists-list .stylist-social ul li a {
    border-radius: 50%;
    padding: 5px 10px;
    margin-right: 5px;
    background: #352063;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-list .stylist-social ul li a:hover {
    background: white;
    color: #352063;
    text-decoration: none;
}

.stylists-list .stylist-social ul li a i {
    text-decoration: none;
}

.stylists-list .stylist-social ul li a i:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .stylists-list .stylist-social ul li a {
        margin-right: 0;
    }
}

@media (max-width: 650px) {
    .stylists-list .stylist-social h5 {
        font-size: 12px;
    }
}

.stylists-profile {
    line-height: 1.5em;
}

.stylists-profile {
    /*padding:20px;*/
}

.artist-info {
    text-align: center;
    padding-top: 40px;
}

.stylists-profile .name {
    font-size: 60px;
    text-align: center;
    margin-bottom: 15px;
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #000;
    font-size: 60px;
}

@media (max-width: 768px) {
    .stylists-profile .name {
        text-align: center;
    }
}

.stylists-profile .title {
    font-size: 20px;
    color: #464646;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .stylists-profile .title {
        text-align: center;
    }
}

.stylists-profile p {
    font-size: 20px !important;
    font-family: 'Work Sans', sans-serif !important;
    color: #464646 !important;
    font-weight: 300;
    margin-bottom: 30px;
}

.artist-highlight-text {
    font-size: 24px !important;
    font-family: Georgia, Times, "Times New Roman", serif  !important;
    color: #352063 !important;
    text-transform: none !important;
    font-weight: 100 !important;
    margin: 25px 0 !important;
    line-height: 38px !important;
    font-style: italic  !important;
    display: block;
}

.special-blockquote .artist-highlight-text {
    margin: 5px 0 !important; 
}

.stylists-profile .special-blockquote {
    border: 2px solid #352063;
    background-color: #fff;
    padding: 20px;
    color: #464646;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 70px;
}

.stylists-profile .artist-main-image img {
    width: 100%;
}

.stylists-profile .artist-intro-text {
    font-weight: 700;
}

@media (min-width: 992px) {
    .artist-booking-button-container {
        width: 600px;
        margin: 0 auto;
    }
}

.stylists-profile .artist-book-button {
    font-weight: normal;
    margin: 0 0 20px;
    width: auto;
    display: block;
    color: white;
    background: #352063;
    border: 1px solid white;
    padding: 20px 60px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-profile .artist-book-button:hover,
.stylists-profile .artist-book-button:active {
    color: #352063;
    background: white;
    border: 1px solid #352063;
    text-decoration: none;
}

.stylists-profile .artist-book-button-2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    vertical-align: top;
    margin: 0 0 20px;
    width: 100%;
    display: block;
    color: white;
    background: #352063;
    border: 1px solid white;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    text-transform: none;
    line-height: 1.6em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-profile .artist-book-button-2:hover,
.stylists-profile .artist-book-button-2:active {
    color: #352063;
    background: white;
    border: 1px solid #352063;
    text-decoration: none;
}

.stylists-profile .artist-book-button-3 {
    font-family: 'Work Sans', sans-serif;
    vertical-align: top;
    margin: 0 0 20px;
    width: auto;
    display: inline-block;
    color: #959595;
    text-align: left;
    font-size: 13px;
    text-transform: none;
    line-height: 1.6em;
    border: 2px solid #959595;
    padding: 5px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-profile .artist-book-button-3 i {
    margin-right: 10px;
}

.stylists-profile .artist-book-button-3:hover,
.stylists-profile .artist-book-button-3:active {
    color: #333;
    background: white;
    text-decoration: none;
}

.stylists-profile .artist-gallery {
    margin: 0 0 25px 0;
}

.stylists-profile .artist-gallery img {
    width: 32%;
    margin: 0;
}

@media (max-width: 480px) {
    .stylists-profile .artist-gallery img {
        width: 100%;
        margin-bottom: 20px;
    }
}

.stylists-profile .artist-related-products {
    text-align: left;
}

.stylists-profile .artist-related-products h3 {
    color: #352063;
    font-weight: normal;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.stylists-profile .stylist-social {
    text-align: center;
    display: block;
    margin: 0 0 25px;
    width: 100%;
}

@media (max-width: 768px) {
    .stylists-profile .stylist-social {
        text-align: center;
    }
}

.stylists-profile .stylist-social li {
    display: inline-block;
    margin-right: 5px;
}

@media (max-width: 650px) {
    .stylists-profile .stylist-social li {
        margin-right: 0;
    }
}

.stylists-profile .stylist-social li a {
    border-radius: 50%;
    padding: 5px 10px;
    margin-right: 5px;
    background: #352063;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.stylists-profile .stylist-social li a:hover {
    text-decoration: none;
    background: white;
    color: #352063;
}

@media (max-width: 650px) {
    .stylists-profile .stylist-social li a {
        margin-right: 0;
    }
}

.stylists-profile .stylist-toolkit a,
.stylists-profile .stylist-gallery a {
    width: 23%;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {
    .stylists-profile .stylist-toolkit a,
    .stylists-profile .stylist-gallery a {
        width: 48%;
        margin-bottom: 20px;
    }
}

@media (max-width: 320px) {
    .stylists-profile .stylist-toolkit a,
    .stylists-profile .stylist-gallery a {
        width: 100%;
        margin-bottom: 20px;
    }
}

.stylists-profile .stylist-toolkit a img,
.stylists-profile .stylist-gallery a img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.stylists-profile .stylist-toolkit a h4,
.stylists-profile .stylist-gallery a h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.stylists-profile .stylist-toolkit a:hover,
.stylists-profile .stylist-gallery a:hover {
    color: #352063;
}

.stylists-profile .stylist-featured-education a {
    width: 32%;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 480px) {
    .stylists-profile .stylist-featured-education a {
        width: 100%;
        margin-bottom: 20px;
    }
}

.stylists-profile .stylist-featured-education a img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.stylists-profile .stylist-featured-education a:hover .cta {
    border: 1px solid #352063;
}

.mod-author {
    margin-top: 25px;
}

.mod-author .stylist-social {
    text-align: left;
    display: inline;
    margin: 0 0 0 10px;
    width: 100%;
}

@media (max-width: 768px) {
    .mod-author .stylist-social {
        text-align: center;
        display: block;
    }
}

.mod-author .stylist-social li {
    display: inline-block;
    margin-right: 5px;
}

@media (max-width: 650px) {
    .mod-author .stylist-social li {
        margin-right: 0;
    }
}

.mod-author .stylist-social li a {
    border-radius: 50%;
    padding: 5px 8px !important;
    margin-right: 5px;
    background: #352063;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mod-author .stylist-social li a:hover {
    text-decoration: none;
    background: white;
    color: #352063;
}

@media (max-width: 650px) {
    .mod-author .stylist-social li a {
        margin-right: 0;
    }
}

.related-products-1 {
    margin: 25px 0;
}

.related-products-1 img {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    width: 100%;
    margin: 0;
}

@media (max-width: 480px) {
    .related-products-1 img {
        width: 100%;
        margin-bottom: 20px;
    }
}

.related-products-1 h3 {
    color: #352063;
    font-weight: normal;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: left;
}

.related-products-1 h2 {
    text-align: center;
    color: #352063;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 600;
    transition: all 0.5s;
}

.related-products-1 h2:hover {
    font-size: 1.3em;
    font-weight: 700;
}

.related-products-1 a {
    text-decoration: none;
}

.related-products-1 .j-item {
    width: 20%;
}


/*



.messages,



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



.messages{width:100%;overflow:hidden;margin-bottom:15px}



.messages li{margin:0 0 10px}



.messages li li{margin:0 0 3px}



.error-msg,



.success-msg,



.note-msg,



.notice-msg{



  border-style:solid;



  border-width:1px;



  min-height:24px;



  padding:15px;



  font-size:14px;



  font-weight:400;



  border-radius:4px;



  margin-bottom:20px;



}



*/

.error-msg {
    border-color: #ebbebe;
    background-color: #fed8d8;
    color: #000000;
}

.success-msg {
    border-color: #352063;
    background-color: #E3DAF5;
    color: #352063;
}

.note-msg,
.notice-msg {
    border-color: #d3d3d3;
    background-color: #f7f6f6;
    color: #000000;
}

.dashboard .welcome-msg {
    border-color: #352063;
    background-color: #E3DAF5;
    color: #352063;
}

.page-404 .page-title-404 h1 {
    font-size: 4em;
    font-weight: 600;
    margin-bottom: 0em;
    color: #2b2927;
    margin-top: 1em;
}

@media (max-width: 768px) {
    .page-404 .page-title-404 h1 {
        font-size: 2.2em;
    }
}

.page-404 .page-title-404 h2 {
    font-size: 2.2em;
    text-align: center;
    max-width: 100%;
    color: #2b2927;
    font-weight: 400;
    padding: 0em;
}

@media (max-width: 768px) {
    .page-404 .page-title-404 h2 {
        font-size: 1.2em;
    }
}

.page-404 h3 {
    font-size: 1.5em;
    font-weight: 700;
    text-align: left;
    color: #352063;
    margin: 0 0 40px 20px;
}

@media (max-width: 768px) {
    .page-404 h3 {
        margin-top: -30px;
        margin-bottom: 1em;
    }
}

.page-404 .list-title-404 {
    list-style: none;
    font-weight: bold;
}

.page-404 .list-title-404-2 {
    list-style: none;
    font-weight: bold;
}

@media (max-width: 768px) {
    .page-404 .list-title-404-2 {
        padding-bottom: 1em;
    }
}

.page-404 .list-title-404-3 {
    list-style: none;
    font-weight: bold;
}

@media (max-width: 768px) {
    .page-404 .list-title-404-3 {
        display: none;
    }
}

@media (max-width: 768px) {
    .page-404 .bottom-margin-404 {
        margin-bottom: -70px;
    }
}

@media (max-width: 768px) {
    .page-404 .top-margin-404 {
        margin-top: 1em;
    }
}

.page-404 ul li {
    margin-bottom: 10px;
    list-style: none;
}

.page-404 ul li a {
    color: #232323;
}

.page-404 ul li a:hover {
    color: #352063;
}

.page-404 .fullwidth {
    width: 100%;
    display: block;
    text-align: center;
    padding: 75px 100px;
}

@media (max-width: 768px) {
    .page-404 .fullwidth {
        padding: 75px 20px;
    }
}

@media (max-width: 900px) {
    .page-404 .fullwidth {
        padding: 75px 20px;
    }
}

.sidebar .custom-block {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url(https://www.samvilla.com/skin/frontend/smartwave/porto_child_pro/images/bkg_4.png) bottom no-repeat;
}

.sidebar .custom-block.custom-block-1 {
    padding-bottom: 20px;
}

.sidebar .custom-block-1>div {
    min-height: 50px;
    margin-bottom: 20px;
    clear: both;
}

.sidebar .custom-block-1>div i {
    font-size: 30px;
    color: #000;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    margin-right: 10px;
    border: none;
    border-radius: 50%;
}

.sidebar .custom-block-1>div h3 {
    color: #313131;
    font-size: 15px;
    margin: 0;
    line-height: 1.5;
    margin-left: 50px;
    padding-top: 4px;
}

.sidebar .custom-block-1>div p {
    font-size: 12px;
    margin: 0;
    margin-left: 50px;
    line-height: 1;
}

.container .page-title-type-2 h3 {
    margin-top: 1.5em;
}

@media (max-width: 768px) {
    .container .page-title-type-2 h3 {
        float: left;
    }
}

.container .page-title-type-3 h2 {
    font-size: 3.2em;
    padding: 0px 0 0;
    text-align: center;
    max-width: 80%;
    color: #2b2927;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: 0px;
    max-width: 100%;
}

@media (max-width: 480px) {
    .container .page-title-type-3 h2 {
        font-size: 2.2em;
    }
}

@media (max-width: 480px) {
    .container .page-title-type-3 h3 {
        font-size: 1.6em;
    }
}

.thank-you .thank-you-title h1 {
    font-size: 3.5em;
    font-weight: 600;
    margin-bottom: 8px;
    color: #352063;
    margin-top: 1em;
}

@media (max-width: 768px) {
    .thank-you .thank-you-title h1 {
        font-size: 2.8em;
    }
}

.thank-you .thank-you-title h2 {
    font-size: 2.5em;
    text-align: center;
    max-width: 100%;
    color: #2b2927;
    font-weight: 400;
    padding: 0em;
    margin-bottom: 3em;
}

@media (max-width: 768px) {
    .thank-you .thank-you-title h2 {
        font-size: 1.6em;
    }
}

.thank-you h3 {
    font-size: 1.5em;
    font-weight: 700;
    text-align: left;
    color: #352063;
    margin: 0 0 40px 20px;
}

@media (max-width: 768px) {
    .thank-you h3 {
        margin-top: -30px;
    }
}

.thank-you .thank-list-title,
.thank-you .j,
.thank-you .simple-image-gallery,
.thank-you .related-posts,
.thank-you .stylists-profile .artist-gallery,
.stylists-profile .thank-you .artist-gallery,
.thank-you .stylists-profile .stylist-toolkit,
.stylists-profile .thank-you .stylist-toolkit,
.thank-you .stylists-profile .stylist-gallery,
.stylists-profile .thank-you .stylist-gallery,
.thank-you .stylists-profile .stylist-featured-education,
.stylists-profile .thank-you .stylist-featured-education,
.thank-you .related-products-1 {
    list-style: none;
    font-weight: 400;
    font-size: 1.1em;
}

.thank-you .thank-list-title ul li,
.thank-you .j ul li,
.thank-you .simple-image-gallery ul li,
.thank-you .related-posts ul li,
.thank-you .stylists-profile .artist-gallery ul li,
.stylists-profile .thank-you .artist-gallery ul li,
.thank-you .stylists-profile .stylist-toolkit ul li,
.stylists-profile .thank-you .stylist-toolkit ul li,
.thank-you .stylists-profile .stylist-gallery ul li,
.stylists-profile .thank-you .stylist-gallery ul li,
.thank-you .stylists-profile .stylist-featured-education ul li,
.stylists-profile .thank-you .stylist-featured-education ul li,
.thank-you .related-products-1 ul li {
    list-style: none;
    text-align: center;
}

@media (max-width: 768px) {
    .thank-you .thank-list-title ul li,
    .thank-you .j ul li,
    .thank-you .simple-image-gallery ul li,
    .thank-you .related-posts ul li,
    .thank-you .stylists-profile .artist-gallery ul li,
    .stylists-profile .thank-you .artist-gallery ul li,
    .thank-you .stylists-profile .stylist-toolkit ul li,
    .stylists-profile .thank-you .stylist-toolkit ul li,
    .thank-you .stylists-profile .stylist-gallery ul li,
    .stylists-profile .thank-you .stylist-gallery ul li,
    .thank-you .stylists-profile .stylist-featured-education ul li,
    .stylists-profile .thank-you .stylist-featured-education ul li,
    .thank-you .related-products-1 ul li {
        margin-bottom: 2em;
    }
}

.thank-you .thank-list-title ul li a,
.thank-you .j ul li a,
.thank-you .simple-image-gallery ul li a,
.thank-you .related-posts ul li a,
.thank-you .stylists-profile .artist-gallery ul li a,
.stylists-profile .thank-you .artist-gallery ul li a,
.thank-you .stylists-profile .stylist-toolkit ul li a,
.stylists-profile .thank-you .stylist-toolkit ul li a,
.thank-you .stylists-profile .stylist-gallery ul li a,
.stylists-profile .thank-you .stylist-gallery ul li a,
.thank-you .stylists-profile .stylist-featured-education ul li a,
.stylists-profile .thank-you .stylist-featured-education ul li a,
.thank-you .related-products-1 ul li a {
    font-weight: bold;
    color: #352063;
}

.thank-you .thank-list-title ul li a:hover,
.thank-you .j ul li a:hover,
.thank-you .simple-image-gallery ul li a:hover,
.thank-you .related-posts ul li a:hover,
.thank-you .stylists-profile .artist-gallery ul li a:hover,
.stylists-profile .thank-you .artist-gallery ul li a:hover,
.thank-you .stylists-profile .stylist-toolkit ul li a:hover,
.stylists-profile .thank-you .stylist-toolkit ul li a:hover,
.thank-you .stylists-profile .stylist-gallery ul li a:hover,
.stylists-profile .thank-you .stylist-gallery ul li a:hover,
.thank-you .stylists-profile .stylist-featured-education ul li a:hover,
.stylists-profile .thank-you .stylist-featured-education ul li a:hover,
.thank-you .related-products-1 ul li a:hover {
    color: #282828;
    text-decoration: none;
}

.thank-you .fullwidth {
    width: 100%;
    display: block;
    text-align: center;
    padding: 75px 100px;
}

@media (max-width: 768px) {
    .thank-you .fullwidth {
        padding: 75px 20px;
    }
}

@media (max-width: 900px) {
    .thank-you .fullwidth {
        padding: 75px 20px;
    }
}

.thank-you .content-thank {
    display: inline-block;
    margin-right: 1%;
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    z-index: 1;
}

@media (max-width: 480px) {
    .thank-you .content-thank {
        margin-top: 0em;
        margin-bottom: 0em;
    }
}

.thank-you .content-thank header {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.thank-you .content-thank h2 {
    font-size: 2.5em;
    color: #2b2927;
    font-weight: 300;
    margin: 0;
}

@media (max-width: 480px) {
    .thank-you .content-thank h2 {
        font-size: 1.5em;
    }
}

.thank-you .content-thank .stylist-social-2 {
    display: inline-block;
    list-style: none;
    font-size: 3em;
    vertical-align: middle;
    padding-left: 10px;
}

.thank-you .content-thank .stylist-social-2 li {
    float: left;
    margin-right: 7px;
}

@media (max-width: 768px) {
    .thank-you .content-thank .stylist-social-2 li {
        margin-right: 0;
    }
}

.thank-you .content-thank .stylist-social-2 li a {
    padding: 5px 10px;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.thank-you .content-thank .stylist-social-2 li a i {
    color: #352063;
}

.thank-you .content-thank .stylist-social-2 li a i:hover {
    text-decoration: none;
    color: #303030;
}

@media (max-width: 650px) {
    .thank-you .content-thank .stylist-social-2 li a {
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    .thank-you .content-thank .stylist-social-2 {
        margin-top: 1em;
    }
}

@media (max-width: 480px) {
    .thank-you .content-thank .stylist-social-2 {
        font-size: 1.5em;
        margin-top: 1em;
    }
}

.thank-you .j,
.thank-you .simple-image-gallery,
.thank-you .related-posts,
.thank-you .stylists-profile .artist-gallery,
.stylists-profile .thank-you .artist-gallery,
.thank-you .stylists-profile .stylist-toolkit,
.stylists-profile .thank-you .stylist-toolkit,
.thank-you .stylists-profile .stylist-gallery,
.stylists-profile .thank-you .stylist-gallery,
.thank-you .stylists-profile .stylist-featured-education,
.stylists-profile .thank-you .stylist-featured-education,
.thank-you .related-products-1 {
    text-align: center;
}

@media (max-width: 480px) {
    .thank-you .j,
    .thank-you .simple-image-gallery,
    .thank-you .related-posts,
    .thank-you .stylists-profile .artist-gallery,
    .stylists-profile .thank-you .artist-gallery,
    .thank-you .stylists-profile .stylist-toolkit,
    .stylists-profile .thank-you .stylist-toolkit,
    .thank-you .stylists-profile .stylist-gallery,
    .stylists-profile .thank-you .stylist-gallery,
    .thank-you .stylists-profile .stylist-featured-education,
    .stylists-profile .thank-you .stylist-featured-education,
    .thank-you .related-products-1 {
        margin-top: -2em;
        margin-bottom: -4em;
    }
}

.thank-you .j-item-20 ul li button {
    border: none;
    background: none;
    font-weight: bold;
    color: #352063;
    font-size: 1.1em;
    text-align: center;
}

.thank-you .j-item-20 ul li button:hover {
    color: #282828;
}


/*Ratner Submit Button*/

.ratner {
    margin-bottom: 4em;
}


/*end-button*/

.access-below {
    background-color: #f8f8f8;
    border: 2px solid #d5d4d4;
    border-radius: 1px;
    width: 70%;
    height: auto;
    margin-top: 1em;
}

.access-below p {
    font-size: 1.6em;
    font-weight: 500;
    float: left;
    padding-left: 5em;
    margin-top: 2.2em;
}

@media (max-width: 1200px) {
    .access-below p {
        padding-left: 2em;
    }
}

@media (max-width: 1400px) {
    .access-below p {
        padding-left: 0em;
    }
}

@media (max-width: 480px) {
    .access-below p {
        padding-left: 1em;
        padding-right: 1em;
        font-size: 1em;
    }
}

.access-below img {
    max-width: 200px;
    float: right;
}

@media (max-width: 1400px) {
    .access-below img {
        float: none;
    }
}

@media (max-width: 480px) {
    .access-below img {
        float: none;
    }
}

.margin-img {
    margin-top: 3em;
    margin-bottom: 3em;
}

.margin-form {
    margin-top: 4em;
}

.fieldset .legend {
    margin-left: 1em;
}


/*Agregados por @iCastellano



_blog.scss



_homepage.scss



_media.scss



_icon.scss



_blog.scss



_footer.scss



_artists.scss



_cmodules.scss







Ordene y agrupe en diferentes archivos segun categoria



y se acoto cada parte de codigo.







*/

.fixed-header .menu>li>a>span.cat-label.cat-label-label1,
.main-nav .menu>li>a>span.cat-label.cat-label-label1,
.fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1,
.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label.cat-label-label1,
div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,
.menu.side-menu li>a span.cat-label.cat-label-label1 {
    /* background-color:#ed1a91; */
}

.fixed-header .menu>li>a>span.cat-label.cat-label-label1:before,
.main-nav .menu>li>a>span.cat-label.cat-label-label1:before {
    /* border-top-color:#ed1a91; */
}

.fixed-header ul.menu>li>a,
.main-nav ul.menu>li>a {
    font-weight: 400;
}

.fixed-header ul.menu>li>a.bold,
.main-nav ul.menu>li>a.bold {
    font-weight: 700;
}

/* SEARCH BAR CUSTOM CSS */
.header-container.type4 .search-area {
    display: block;
}

.topCartContent.block-content.theme-border-color {
    z-index: 100;
}

.top-links-area ul.links li:nth-child(2) {
    border-left: 0;
}
@media screen and (max-width: 992px) {
    .search-area {width: 20%;}
    .search-area input.fa {position: absolute; right: 0;}
    .search-area-wrap input {font-size: 11px;}
}
@media screen and (max-width: 1200px) {
    .search-area {width: 40%;}
}
}
@media screen and (min-width: 992px) {
    .sticky-header .search-area {display: none !important;}
}
@media screen and (max-width: 992px) {
    .search-area {width: 20%;}
    .search-area input.fa {position: absolute; right: 0;}
    .search-area-wrap input {font-size: 11px;}
    .sticky-header .search-area .search-area-wrap form{width: 100%; } 
    .sticky-header .search-area .search-area-wrap form input {width: 93%;}
}
@media screen and (max-width: 760px) {
    .header-container.type4 .search-area {
        left: 0;
        float: left;
        width: 100%;
    }
}
@media screen and (max-width: 330px) {
    .header-container.type4 .search-area {
        width: 75%;
    }
}
/* SEARCH BAR CUSTOM CSS END */

.header>.logo {
    margin: 30px 40px 30px 0;
    max-width: 100%;
}

.header-container.type4 .cart-qty {
    color: white;
}

.header-container.type4 .mini-cart:hover .cart-qty {
    color: white;
}

.mini-cart .btn.btn-default {
    background-color: #352065;
    font-size: 14px;
    font-weight: normal;
}


.header-container.type4 .header .logo img {
    height: auto;
}

@media (max-width: 990px) { 
    .header-container.type4 .header>.logo {margin-top:7px;}
}
@media (max-width: 650px) {
    .header-container.type4 .header>.logo {
        padding: 0;
        max-width: 70%;
        margin-right: 0px;
        float: left;
    }
}
@media (max-width: 480px) { 
    .header-container.type4 .header>.logo {margin-top:13px;}
}

@media (min-width: 650px) {
    .header-container.type4 .header>.logo {
        float: left;
    }
}

.light {
    font-weight: 300;
}

.bold {
    font-weight: 700;
}

.login-price {
    color: #352063;
}

.menu-right-block img {
    max-height: 250px;
    float: right;
}

.menu-full-width .title-mega-menu {
    font-size: 1em;
    font-weight: 600;
    padding: 0 5px;
    margin: 10px 8px;
    text-transform: uppercase;
    color: #777;
    position: relative;
}

.menu-full-width .title-mega-menu span {
    position: relative;
}

.menu-full-width .title-mega-menu .cat-label-label1 {
    background-color: #ffcd32;
    color: #FFF;
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
}

.menu-full-width .title-mega-menu .cat-label-label1:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #ffcd32;
}

.menu-full-width .title-mega-menu .cat-label-label2 {
    background-color: #8e67ad;
    color: #FFF;
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
}

.menu-full-width .title-mega-menu .cat-label-label2:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #8e67ad;
}

/* MENU MOBILE: SOCIAL LOGIN FIX */
body.mobile-nav-shown .page {
    left: 0 !important;
}

.mobile-nav.side-block {
    position: absolute;
}
/* MENU MOBILE: SOCIAL LOGIN FIX END */



.banner-carousel li {
    margin-bottom: 1.2em;
}

.product-info .login-price {
    font-size: 1.3em;
}

.webforms-pro-register-form {
    display: block;
    /* border:1px solid #ececec; */
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #08c;
    padding: 35px 25px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-top-color: #352065;
}

.mini-cart .actions a {
    color: #FFF;
}

.cart-table button.button:hover span {
    background-color: #352063;
    color: #FFF;
}

.banner-carousel li {
    margin-bottom: 1.2em;
}

.fieldset .legend {
    color: #352063;
}

.webforms-pro-register-form {
    display: block;
    /* border       :1px solid #ececec;*/
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #08c;
    padding: 35px 25px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-top-color: #352063;
}

.webforms-pro-register-form .webformscrf-onepage-fieldset {
    padding: 8px 12px;
    font-weight: bold;
    margin: 10px 0;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    background: #352063;
    color: #fff;
}


img[class*="align"],
img[class*="wp-image-"],
.gallery .gallery-icon img {
    padding: 0 !important;
    border: 0;
}


.search-area input.fa{
  color: #352065;
}
.sticky-header .search-area input{ width: 83%;}
.sticky-header .search-area input.fa{ width: auto;}


@media (min-width: 991px) {
    .sticky-header .search-area .search-area-wrap form {
        width: 22%;
    }
}
@media (max-width: 1200px) {
    .header-container.type4 .main-nav ul.menu>li.fl-right.hidden-sticky{ display: none !important}

    .header-container.type4.sticky-header .main-nav ul.menu>li.fl-right{ display: none !important}
}

.header-container.sticky-header .header-wrapper {
    z-index: 500 !important;
}

/* Yotpo Reviews 23 Abril 2019 */
.yotpo.bottomLine.yotpo-small {text-align: center !important;}
.standalone-bottomline {display: inline-block;}


/* .jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
} */

.jcarousel-skin-tango{
	 background: #FFFFFF;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    /* width: 245px; */
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    /* width:  245px; */
   /*  max-height: 220px; */
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 190px;	height:auto;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 17px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/jcarousel/next-horizontal.png') no-repeat center center;;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/jcarousel/prev-horizontal.png');
}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/jcarousel/prev-horizontal.png') no-repeat center center;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/jcarousel/next-horizontal.png') no-repeat center center;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#wrap .jcarousel-skin-tango .jcarousel-clip-horizontal{
	height: 30px !important;
}

#wrap .jcarousel-skin-tango .jcarousel-container-horizontal{
	padding: 0 !important;
}

#wrap .jcarousel-skin-tango{
	background: none !important;
}

.main-container{
    position: static !important;
}
.main-container .product-options p.required{
    position:static;
}
.list{
    display: none !important;
}

.srule-title{
    border-bottom: 1px solid #ededed;
    margin: 10px 0;
}

.crule-title{
    border-bottom: 1px solid #ededed;
    float: left;
    width: 100%;
}

.srule-title h1, .crule-title h1{
    height: 30px;
}
ul#images {
    /*height: auto !important;*/
}
.srule-list{
    margin-left: 20px;
    margin-bottom: 35px;
}
#promotional-gift-search-form .validation-advice{
    float:left;
}
#promotional-gift-search-form td{}
.gift-icon{
    top: 0;
    right: 0;
    position: absolute;
    width: 33%!important;
}

.gift-image{
    position: relative;
}

.gift-tootip {
    background: #FFFFFF;
    width: 240px;
    /* border: 1px solid #D7D7D7; */
    border: 1px solid rgb(199, 203, 204);
    border-radius: 7px;
    box-shadow: 2px 4px 17px rgb(179, 184, 183);
}
.gift-tootip-icon {
    padding: 5px 0 0 5px;
    float: left;
}

.tootip-head {
    float: left;	
    padding: 10px 0 0 10px;
    width: 75%
}

.tootip-title{
    float: left;
    width: 100%;
    padding-bottom: 10px; 
    border-bottom: 1px dashed #A2A2A2;
}

.tootip-content{
    float: left;
    clear: both;
    width: 100%;
    margin-left: 4px;
    /* margin-top: 10px;
    margin-bottom: 10px;
    text-align: center; */
}

.tootip-product-list{
    padding: 5px;
}

.tootip-content-img {
    padding: 5px;
    margin-bottom: 3px;
    border: 1px solid #D4D4D4;
    display: inline-block;
}

.promotional-srule{
    width: 100%;
    display: block;
    border: 1px solid #ededed;	
    margin-bottom: 25px; 
    margin-top: 20px;
    float: left;
}
#update_promotional_gift{
    border: 1px solid #ededed;
    margin-bottom: 25px;
    background: #FFFFFF;   
    float: left;
    width: 100%;
}
.promotional-title{
    background: #FFFFFF;    
    border-bottom:1px solid #ededed;	
    color: #0A263C;
    font-size: 12px;
    padding: 0;
    /* width: 879px; */
}

.promotional-title-hide {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #0A263C;
    font-size: 12px;
    padding: 10px;
}

.promotional-title .main-title{
    background: url('https://www.samvilla.com/skin/frontend/base/default/images/promotionalgift/gift-icon.png') no-repeat scroll 0 center transparent;
    display: block;
    padding: 10px 0 10px 28px;
    background-color: #ff6840;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-indent: 45px;
}
.promotional-title .link-title{
    color: #3399cc;
    font-size: 14px;
    font-weight: bold;
    background: #f9f9f9;
    float:left;
    width: 100%;
    padding: 8px 0;
    text-decoration: none;
}
.promotional-title .link-title:hover,.promotional-title .link-title:focus{
    outline: none;
    opacity:0.9;
    filter:alpha(opacity=90);
}
.mobile{
    float: left;
    width: 100%;
    overflow-y:  hidden;
    overflow-x: auto;
}
.notshow{
    display: none;
}
.mobile ul li{
    float:left;
    margin: 10px 10px 20px;
    width:190px;
}
.promotional-title .link-title span{
    background: url(https://www.samvilla.com/skin/frontend/base/default/images/promotionalgift/dropdown.png) no-repeat left center ;
    margin-left: 35px;
    padding-left: 15px;
}
.promotional-title .link-title.active span{
    background: url(https://www.samvilla.com/skin/frontend/base/default/images/promotionalgift/bottomup.png) no-repeat left center ;
}
.promotional-title-hide .main-title{
    background: url('https://www.samvilla.com/skin/frontend/base/default/images/promotionalgift/promotionalgift-scart.png') no-repeat scroll 0 0 transparent;
    display: block;
    padding: 0 0 0 28px;
}

.promotional-title .child-title{
    margin-left: 20px;
    margin-top: 10px;
    color: #636363;
    font-size: 14px;
    font-weight: normal;
    text-indent: 20px;
    text-transform: none;
}
h5.child-title{
    margin: 10px 0 ;
    color: #636363;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    padding-left: 30px;
}
#promotional-shoppingcart{	
    padding: 22px 25px 12px 33px;
    background: none repeat scroll 0 0 #FFFFFF;      
    height: 191px;   
    overflow: hidden;
    padding: 20px 15px 20px 25px;
    position: relative;
    text-align: center;   
}

/* #promotional-shoppingcart-table ul li{
        float: left;
        padding: 10px 12px 2px 12px;
        width: 17%;
} */

#promotional-shoppingcart-table{
    height: 190px;
}

#promotional-shoppingcart-table ul li .item{
    width: 98%;
}
#promotional-shoppingcart-table ul li .product-name{
    color: #203548;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
}

#promotional-shoppingcart-table .product-checkbox{
    bottom: 12px;
    text-align: center;
    /* position: absolute; */
}	

#promotional-shoppingcart-table .price-box{
    text-align: center !important;
}

#promotional-shoppingcart-table .price{
    /* text-decoration: line-through; */
}

.promotional-image{
    text-align: center;
}

.promotional-image img { 
    /*border: 1px solid #D7D7D7;*/
    display: inline-block;
}

.promotional-srule-container {
    background: none repeat scroll 0 0 #EFF5EA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px 1px #446423;
    color: #3D6611;
    font-size: 18px;
    height: 40px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.promotional-button{
    height: 30px;
    text-align:center;
}

.stootip-head {
    float: left;	
    padding: 20px 0 0 20px;
    font-weight: bold !important;
    width: 100%;
}

.stootip-title{
    float: left;
    width: 100%;
    padding-bottom: 10px; 	
}

.stootip-content{
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}

.sgift-tootip{
    width: 250px;
    background-color: #FFFFFF;
    border: 1px solid #ededed;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px 1px #ededed;
    color: #2F2F2F;
}

.stootip-product-name{
    font-size: 15px !important;
    margin-left: 20px;
    font-weight: bold;	
    width: 85%
}

.stootip-rule-name{
    margin-left: 20px;
    margin-top: 15px;
    font-size: 15px !important;
    width: 85%;
}

.stootip-product-qty{
    margin-left: 20px;
    margin-top: 15px;
    font-size: 15px !important;
    width: 85%;
}

.stootip-head-title{
    width: 85%;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px dotted #959595;
    padding-bottom: 10px;
}

/*with ajax-cart*/
#ajaxcart-animation a{
    position: absolute;
}
img.v-middle {
    display: inline-block;
}

/*FJ*/
.promotional-srule ul#images{
    width: 100% !important;
    margin:0 !important;
    height: auto !important;
}
.promotional-srule ul#images li{ width: 100% !important; margin:0 !important;}
.promotional-srule ul#images li .item{ width: 100% !important }
.promotional-title .main-title{
    text-indent: 0;
    padding-left: 70px;
}

@media screen and (max-width:768px){
    .promotional-title .link-title{
        line-height: 20px;
    }
    .promotional-title .link-title span{
        background-position: left 5px !important;
        margin-right: 35px;
        display: block;
    }

}
/*******Ajax cart style*********
*******************************/
div.ajaxcart {margin-left: auto; margin-right: auto; width: 510px; text-align: left;}

#ajaxcart-load-ajax .ajaxcart-loading span{ color: #636363;}

.ajaxcart-animation-mask {position: fixed; top: 0; left: 0; opacity: 0.3; filter:alpha(opacity=30); z-index: 168; background: #000; width: 100%; height: 100%;}
#ajaxcart-animation {position: absolute; z-index: 210; border: 1px solid #a9a9a9;}
div.ajaxcart-animation-active {position: relative; z-index: 201;}
li.ajaxcart-animation-active {position: relative; z-index: 201;}
li.ajaxcart-blink a{text-decoration: none;}
.header {z-index: auto;} /* update for header link z-index */

#ajaxcart-content .ajaxcart-preload {
    display: table;
    *display: block;
    padding: 15px 2% 0;
    width: 97%;
}
#ajaxcart-content .ajaxcart-preload a.product-image{float:left;width:auto;height:auto;}
#ajaxcart-content .ajaxcart-preload .product-info {float: left; width:52%;margin-left:20px;}
#ajaxcart-content .ajaxcart-preload .product-info .product-name {font-size: 15px;height: auto!important;}
#ajaxcart-content .ajaxcart-preload .item-product-info {float:left;width:auto;margin-left:20px;}
#ajaxcart-content .ajaxcart-preload .item-product-info .product-name {font-size: 15px;}
#ajaxcart-content .ajaxcart-preload .item-product-info .price {font-weight: bold; font-size: 13px; color: #c76200;}
#ajaxcart-content .ajaxcart-loading {*clear: both; vertical-align:middle; *display: block; *margin: 0 auto; text-align: center; padding: 10px 0px 20px; color:#636363;position: relative; width: 100%; *width: auto;overflow: hidden;top: 20%;border:none;background: none}
#ajaxcart-content .ajaxcart-loading img {margin-right: 10px; float: none; vertical-align: middle; display: inline;}
#ajaxcart-content .ajaxcart-loading span {text-align: center; display: block}
#ajaxcart-content #product-options-wrapper dd select{
    width: 100%;
}
.calendar{
    z-index: 202;
    left: 408px !important;
    top: 930Px !important;
}
div.ajaxcart-content{
    position:absolute; 
    top: 18%;
    min-width: 300px;
    max-width: 510px;
    width: 360px;    
    border:8px solid rgba(209, 209, 209, 0.35);
    border:8px solid #d1d1d1\9;	
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color:#fff;
    z-index: 189; 
    border-radius: 5px;}
div.ajaxcart-content form#product_addtocart_form{float:left;width:100%;}
#ajaxcart-content .ajaxcart-add-loading {padding-left: 72px; color:#636363;}

.ajaxcart-preload .right{
    float: none!important;
}
div.ajaxcart-overlay{width: 100%; background: #000000; position: fixed; opacity: 0.5; filter:alpha(opacity=50); top: 0; left: 0; z-index: 196;}

div.ajaxcart-popup-overlay{width: 100%; background: #000000; position: fixed; opacity: 0.7; filter:alpha(opacity=50); top: 0; left: 0; z-index: 188;}

#ajaxcart-related .product-name {margin-top: 10px; font: bold 13px/1.35 Arial, Helvetica, sans-serif;}
#ajaxcart-related .product-name a {color: #060606; font: bold 13px/1.35 Arial, Helvetica, sans-serif;}

div.ajaxcart-continue{margin: 18px;position: relative;}


#ajaxcart-content a.close-popup {
    background: url("https://www.samvilla.com/skin/frontend/base/default/images/promotionalgift/close-popup.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    text-indent: -999em;
    top: -18px;
    width: 36px;
    z-index: 99;
}

div.ajaxcart-checkout{float: right;}

button.ajaxcart-btn-continue{border: 1px solid #C4C1BC; background: #CCC; color: #000; font: bold 12px/19px Arial, Helvetica, sans-serif; cursor: pointer;*width: 162px;}

button.ajaxcart-btn-continue span.span{border: 1px; padding: 0 8px 0 8px!important;}


div.ajaxcart-continue .ajaxcart-footer {
    float: left;
    margin-top: 12px;
    padding-bottom: 12px;
    width: 100%;
}

div.ajaxcart-continue .ajaxcart-actions button{        
} 

div.ajaxcart-continue .ajaxcart-category-products{ width: auto; font-weight: bold; font-size: 13px; }

div.ajaxcart-continue .ajaxcart-products-grid{

}
.ajaxcart-products-grid .price-box{
    padding: 0!important;
}
div.ajaxcart-continue .ajaxcart-products-grid {
    border-bottom: 1px solid #F2F2F2;
    float: left;
    position: relative;
    width: 100%;
    *width: 470px;
}
div.ajaxcart-continue .ajaxcart-products-grid li .ajaxcart-actions {    
    position: absolute;
    bottom: 10px;
}
div.ajaxcart-continue .ajaxcart-products-grid li {    
    float: left;
    /* max-height: 144px; */
    padding: 12px 38px 35px 0;    
    width: 128px;
}

div.ajaxcart-continue .special-price .price {
    color: #C76200;
    font-size: 11px;
    font-weight: bold;
}

div.price-box .free-shipping .free-shipping-label {
    color: #C76200;
    font-size: 11px;
    font-weight: bold;
    font-style:italic;
}

div.ajaxcart-continue .old-price .price-label{
    color: #999999;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
}

div.ajaxcart-continue .old-price .price {
    color: #C76200;
    font-size: 11px;
    font-weight: bold;
    text-decoration: line-through;
}

div.ajaxcart-continue .regular-price .price {
    color: #C76200;
    font-size: 13px;
    font-weight: bold;
}

div.ajaxcart-continue .special-price .price-label {
    color: #CD5033;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

div.ajaxcart-continue .ajaxcart-products-grid .last{
    float: left;
    padding: 12px 0px 35px;
    width: 128px;

    border-right: 0px solid #C4C1BC;
}

div.ajaxcart-continue .ajaxcart-category-products .product-name{
    font-size: 11px;
    font-weight: bold;    
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
}

div.ajaxcart-continue .ajaxcart-category-products .product-name a{
    color: #060606;
}

#ajaxcart-continue-shopping-compare .messages-compare li {
    margin: 0 0 10px;
}

#ajaxcart-continue-shopping-compare .ajaxcart-checkout button.button span {
    background: none repeat scroll 0 0 #618499;
    border-color: #406A83;
}

#ajaxcart-continue-shopping-wishlist .messages-compare li {
    margin: 0 0 10px;
}

#ajaxcart-continue-shopping-wishlist .ajaxcart-checkout button.button span {
    background: none repeat scroll 0 0 #618499;
    border-color: #406A83;
}

#ajaxcart-content .product-options {
    border-left: 0 none;
    border-right: 0 none;
    margin: 5px auto 0;
    max-width: 510px;
    padding: 10px 2%;
    width: 96%;	
}

#ajaxcart-content .ajaxcart-messages {
    overflow: visible;
}
#ajaxcart-content .ajaxcart-messages li {
    margin: 0 0 10px !important;
    padding: 4px 5% !important;
    width: 90%;
    *width: 407px;
}
#ajaxcart-content .product-options-bottom .price-box{margin-top: 0px;}
#ajaxcart-content .product-options-bottom{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 0 none;
    border-right: 0 none;
    margin: 5px auto 0 10px;
    /* max-width: 510px; */
    /* min-width: 250px; */
    padding: 5px 0 10px;
    width: 50%;
    float: left;
}
#product_addtocart_form .addgift{
    background: #FF6840;
    color: #fff;
    padding: 10px 15px;
    border: 0;
    line-height: 11px;
    font-size: 13px;
    border-radius: 4px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}
#ajaxcart-content .product-options-bottom .add-to-cart{
    float: right;
    margin-right: 15px;
}
#ajaxcart-content .product-options-bottom .price-box{float: left; margin-left: 15px;}
#ajaxcart-content .product-info .price-box,
#ajaxcart-content .product-options-bottom .price-box{
    padding: 0;
}

#ajaxcart-content .price-box,
#ajaxcart-content .availability{
    padding: 0 15px;
}

#ajaxcart-content .product-info .product-name a {
    color: #464646;
    font-size: 13px;
    text-decoration: none;
}

#ajaxcart-content .item-product-info .price{
    text-decoration: line-through;
}

.full-product-price .price{
    text-decoration: line-through;
}

.ajaxcart-content .regular-price .price{
    text-decoration: line-through;
}

.price-as-configured .price{
    text-decoration: line-through;
}

#product_addtocart_form .product-options-bottom .add-to-cart .qty,
#product_addtocart_form .product-options-bottom .add-to-cart label{
    display: none;
}
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
    left: 50% !important;
    margin-left: -330px !important;    
}
.input-select.validation-failed
{
    border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code{
    color: #008000;
}
.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 100%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address{
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 100%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.custom-field{
    width: 175px !important;
}
.custom-field-right{
    width: 375px !important;
}
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;	
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
}
.gift-active{
    border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
    /*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    /*    z-index: 10;*/
    background-image: url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 160px;
}
#popup-giftcard{
    position: fixed;
    z-index: 1000;
    width: 600px;  
    left: 50%;
    top: 20%;
    margin-left: -300px;  
}
#bg-fade{
    background: #000;
    position: absolute;
    z-index: 999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#giftvoucher-view-condition {
    float: left;
    clear:both;
}

.calendar{
    z-index: 99999;
}

.calendar .button{
    display: table-cell;
}

/* stee */
.ajax-file-upload-progress {
    width: 95% !important;
}
.ajax-file-upload-green {
    display: none !important;
}
.ajax-file-upload-abort {
    display: none !important;
}
.ajax-file-upload-statusbar {
    width: 88% !important;
}

#giftvoucher_container > dd {
    float: left;
}
/* 
    Document   : reupdate.css
    Created on : Aug 14, 2014, 2:27:31 PM
    Author     : Billy
    Description:
        Purpose of the stylesheet follows.
*/

/****************************Template 02 _ top*************************************/

	#giftcard-template-top{
            overflow:hidden; 
            max-height: 550px;
            font-size: 14px;
            width: 100%;
            height: 365px;
        }
	#giftcard-template-top .giftcard-template-content{
            margin-left:0px;
            padding: 0;
            position: relative;
        }
	#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
            height: 190px; 
            background-color: #FFFFFF;
            background-position: center; 
            background-repeat: no-repeat; 
            background-size: 100% 100%;
        }
	#giftcard-template-top .giftcard-template-content-temp2{          
            padding-top: 0px;          
            background-repeat: repeat;
            background-size: 100%
        }	
        .logo-title.logo-title-top {
            padding-left: 15px;
            float: left;  
             height: 84px;
        }
	.logo-title.logo-title-top img{                     
           float: left;                
           border-radius: 0px 0px 5px 5px;
           max-height: 70px;
           background-position: 15px 0px !important;          
        }
        .name-value-top{
            float: left;
            width: 100%;
            background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/bkg-title.png') no-repeat;
            background-size: 103% 105%;
            margin-top: 55px;            
            height: 50px;
            position: absolute;
            bottom: 0;
        }
	.name-value-top .giftcard-title{
           float: left;
            font-size: 20px;
            font-family: 'Open Sans', sans-serif;
            margin-left: 15px;
            line-height: 48px;
            font-weight: 600;
        }
	#giftcard-template-top .giftcard-value{           
            float: right;                        
             width: 218px;
             background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/bkg-value.png') no-repeat;
             height: 50px;   
               background-size: 100% 100%; 
        }
	.name-value-top .giftcard-value .giftcard-text-color{
            float: left;
            font-size: 12px;            
            padding-top: 20px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
        }
	.name-value-top .giftcard-value .giftcard-price-change { 
            float: right;
            margin-left: 15px;
            font-size: 26px;           
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
        }
        .name-value-top .value-price span {           
            margin-right: 5px;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            font-size: 12px;
            margin-top: -3px;
        }
        .name-value-top .giftcard-value .giftcard-price-change .price {            
            margin-right: 10px;
            font-size: 26px;
            font-family: 'Open Sans', sans-serif;
        }       
	.giftcard-date-top{
            width: 59%;             
            float:left;
            padding-top: 10px;           
        }
	 .giftcard-date-top .giftcard-from-to{          
            float: left;
            font-size: 16px;             
            color: #636363 !important;            
            font-family: 'Open Sans', sans-serif;
            margin-left: 15px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-from{           
          float: left;
           max-height: 25px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-text-color,
        .giftcard-date-top .giftcard-from-to .giftcard-style-color{          
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;         
        }  
        .giftcard-information {
            float: left;
            clear: both;
            width: 342px; 
            margin-top: 8px;
            margin-left: 15px;
        }
        .giftcard-date-top .giftcard-barcode {
            float: right;
            text-align: right;
            padding-right: 15px;            
        }
        .giftcard-date-top span.giftcard-barcode img {  
            max-width: 100%;
            float: right;
            height: 40px;
        }
        .giftcard-date-top .giftcard-barcode {
            padding-right: 15px;
            margin-top: -10px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-style-color{
            color: orange;
            font-size: 16px
        }
	.giftcard-date-top .giftcard-to{           
            margin-left:0px; 
            max-height: 25px; 
            float:left; 
            clear:both;
        }		
	.giftcard-date-top .giftcard-number .giftcard-style-color{
            color: orange; 
            font-weight: bold; 
            font-family: 'Open Sans', sans-serif;
            font-style: italic;
            line-height: 30px;
        }	
        .name-value-top .value-price{
            float: right;
            line-height: 55px;
        }	
	.giftcard-date-top .giftcard-message{
            padding: 6px;
            padding-bottom: 14px; 
            padding-top: 3px; 
            height: 93px;
            vertical-align: middle; 
            background: #fff; 
            border-radius: 5px; 
            border:1px solid #cecece;       
        }
        .barcode-note .giftcard-code{
            float: right;
            margin-right: 15px;
        }
        .barcode-note .barcode{
            text-align: right;
            float: right;
            width: 158px; 
            height: 40px;
        }

        .barcode-note .barcode img{
            height: 40px; 
            max-width: 100%;
            float: right;
        }
	.giftcard-date-top .giftcard-custom-message{
            margin: 0; 
            white-space: pre-wrap;  
            max-height: 85px; 
            overflow: hidden; 
            font-size: 11px;
        }	
	.barcode-note .giftcard-note{
            margin-top: 5px;
            float: right;
            width: 215px;
            text-align: right;           
            overflow: hidden;
            height: 87px;
            position: absolute;
            bottom: 10px;
        }
	.barcode-note .giftcard-note .giftcard-text-color{
            font-size: 12px;            
            margin: 0px;           
            font-family: 'Open Sans', sans-serif;
           font-weight: 600;
        }
         
	#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}	
	#giftcard-template-top .giftcard-template-content{
            width:100%; 
            background-size:100% auto !important;
            float: left;   
            height: 175px;           
        }
	#giftcard-template-top .giftcard-title-top{
            width:100%;
            position: relative;
        }
        .hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
	#giftcard-template-top .title{width:60% !important;}		
	#giftcard-template-top .barcode-note{
            width: 230px;
            float: right;
            margin-top: 5px;
            position: relative;
            height: 170px;
        }	
	#giftcard-template-top .giftcard-value-bottom {display: none}	


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-08-2014, 09:33:08
    Author     : MSI
*/
/*---Detail Template 3---*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600);
    #giftcard-template-back .giftcard-template-content{display: none; height: 0px} 
    .title-value.giftcard-logo-background {
        float: left;
        width: 100%;
        background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/bkg-title.png') no-repeat;
        height: 50px;   
       background-size: 100%;       
    } 
    .giftcard-logo-background .giftcard-value-color {
        float: right;  
        width: 194px;
        background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/onestepcheckout/Idev_OneStepCheckout/giftvoucher/bkg-value.png') no-repeat;
        height: 50px;   
        background-size: 100% 100%;
        text-align: right;
        padding-right: 15px;
        line-height: 48px;
    }
    .from-to-barcode-background{
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    .giftcard-change-image-background-popup .giftcard-logo {
        float: left;   
        height: 84px;
        margin-left: 15px;
    }
    .giftcard-change-image-background-popup .giftcard-logo img {      
        margin-bottom: 15px;       
        border-radius: 0px 0px 5px 5px;
        max-height: 70px;
        float: left;        
    }
    .giftcard-logo-background .giftcard-text-color {           
        font-size: 12px;        
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        padding-right: 10px;
    }
  .giftcard-logo-background .giftcard-style-color.giftcard-price-change {              
        font-size: 26px;
        margin-top: 6px;       
    } 
    .giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
         font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        float: right;
        line-height: 52px;
    }
   
    .giftcard-logo-background .giftcard-title {
        float: left;
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
        margin-left: 15px;
        padding-top: 9px;
        font-weight: 600;
    }   
    .from-to-barcode-background .from-to {
       font-size: 16px; 
       font-family: 'Open Sans', sans-serif;
        float: left;       
        margin-left: 15px;       
    }
    .from-to-barcode-background .from-to .giftcard-form{       
        float: left; 
        text-align: left;
         margin-top: 10px;
    }       
    .from-to-barcode-background .from-to .giftcard-to {
        float: left; 
        text-align: left;        
        clear: both;
    }
    .giftcard-text {
        height: 90px;
    }
    .from-to-barcode-background span img {
        height: 40px;
        max-width: 100%;
    }
   .from-to-barcode-background .from-to .giftcard-text-color {       
        font-family: 'Open Sans', sans-serif;   
        font-size: 16px;
        font-weight: 600;
    }   
    .from-to-barcode-background .from-to .giftcard-style-color{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;        
    }    
    .giftcard-box-background{
        overflow: hidden;
        width: 95%; 
        margin: 0 auto;  
    } 
    .giftcard-box-background .giftcard-text-box{
        background: #fff;
        border-radius: 5px;
        border:1px solid #cccccc; 
        padding: 0; 
        padding-bottom: 16px; 
        padding-top: 3px;         
        display:table-cell;
        vertical-align: middle;
    }
    .giftcard-box-background .giftcard-text-color.giftcard-custom-message{
        margin: 0;
        white-space: pre-wrap; 
        max-height: 85px; 
        overflow: hidden;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        padding: 0px 5px;
        color: black !important;
    }  
   .from-to-barcode-background .giftcard-barcode{       
        float: right;    
        margin-right: 15px;
    }
    .from-to-barcode-background .giftcard-barcode .giftcard-style-color{
        color: orange;
        font-weight: bold;
        font-size:15px; 
       font-family: 'Open Sans', sans-serif;
    }
    .from-to-barcode-background .giftcard-barcode .giftcard-style-color{
        font-size: 14px; 
        line-height: 30px;
        color: orange; 
        font-weight: bold; 
        font-family: 'Open Sans', sans-serif;
        font-style: italic;
    }
    .giftcard-note-background{       
       // margin-top: 8px;       
        float:left;
        box-sizing: content-box;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        margin-top: 10px;
        height: 30px
    }
    .giftcard-note-background .form-note{
        width: 100%; 
        margin: 0 auto;        
    }
    .giftcard-note-background .giftcard-text-color{
        font-size: 12px;
        line-height: 15px;
        margin: 0;      
        font-family: 'Open Sans', sans-serif;
        text-align: left;  
         padding: 0 15px;
         font-weight: 600;
    }           
    #giftcard-template-back {width: 100% ;float: left; position: relative}
    #giftcard-template-back .giftcard-change-image-background-popup{
        width: 100%;
        position: absolute;
        top: 0%;
    }    
    .giftcard-box-background .giftcard-text-box {
        display: inherit !important; 
        background-size: 100% !important; 
        width: 100% !important;
        height: 98px;
    }
    giftcard-box-background {
        width: 93% !important; 
        height: 95px; 
        padding: 5px 3%; 
        margin-top: 0px !important;
        box-sizing: content-box;
        float: left;
    }
    .from-to-barcode-background .giftcard-number{
        float: right;
        text-align: right;        
    }    
    .from-to-barcode-background .giftcard-barcode span.barcode  {       
        float: right;               
    }   
      
    /*****template 03 width devices*******/    
    .giftcard-change-image-background-popup img#img-type-background{
        position: relative;
        top: 0;
        z-index: 10;
        left:0;         
    }
    #giftcard-template-back img#img-type-background{width: 100%}
    #giftcard-preview-template img#img-type-background{width: 100%}    
    #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
        width: 100% !important; 
        top: 0%;
        position: absolute;
    }

.giftcard-product-media{
    float:Left;
    width:600px;
    height: 365px;
     transform-origin: top left; 
    -webkit-transform-origin: top left;    
}
.product-img-box {
   // overflow: hidden\0;    
}
#close-popup-giftcard {
    background: url('https://www.samvilla.com/skin/frontend/base/default/css/magestore/images/giftvoucher/close.png') no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
    overflow:hidden;
    width: 655px; 
    font-size: 14px;
    float:left;
    background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
    padding-right: 10px;
    margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
    width: 275px; 
    height: 365px; 
    display:block; 
    float: left;
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;    
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.giftcard-from{ 
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left; 
    margin-bottom: 5px;
}
.giftcard-from-to  .giftcard-style-color{
    color: orange;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;      
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box  .giftcard-text-box{
    display: block;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0 6px;   
    height: 90px;   
    vertical-align: middle; 
    background:#fff;
    margin-top: 10px;
}
.giftcard_value .giftcard-text-color{
    float: left;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
    padding-right: 10px; 
    margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
    float: left; 
    clear: both;      
}
.giftcard_value .giftcard-style-color .price{
    font-size: 22px; 
    font-family: 'Open Sans', sans-serif;
    /* color: orange; */
    font-weight: bold;  
}
.giftcard-number{
    width: 100%;
    float: right; 
    text-align: right;
    margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-custom-message{
    margin: 0; 
    white-space: pre-wrap; 
    max-height: 85px; 
    overflow: hidden; 
    font-size: 11px;
}
.giftcard-barcode  .giftcard-style-color{  
    font-size: 14px; 
    color: orange; 
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-text{    
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}
.giftcard-text  .giftcard-text-color{
    font-size: 12px; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
    background-position: 0;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0; 
    float: right;
    height: 365px;
    background-repeat: repeat;  
    box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
        width:250px;
        background-position:inherit !important; 
        background-size: 100% 100% !important;
        height:365px; 
        padding-bottom: 0;
        position: relative;
}
.giftcard-change-image img{
    height: 63px;
    max-width: 100%;
    display: inline;
}
.giftcard-change-image img#img-type-left{
    position: relative;
    top: 0;
    z-index: 10;
    left:0; 
}
.giftcard-template-content-left .giftcard-logo{   
    position: absolute;
    top: 280px;
    text-align: center;
    width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
      margin: 15px 10px 0 15px;
      text-align: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
  float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{   
    float: right;
    width: 200px;
    margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px;
    margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
   width: 320px;
    float: left;
    margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {    
    float: right;
    width: 177px;
    text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}    
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}    
#giftcard-template-show-images {padding-top: 10px !important;}

/**********add giftcard by Sally************/
#addredeem-giftvoucher-code .buttons-set {margin-bottom: 10px;}
#addredeem-giftvoucher-code .buttons-set p.required{float:right; width: 40%}
#addredeem-giftvoucher-code .input-box{padding-top:5px !important;}
#addredeem-giftvoucher-code .button-add-list{float:left; width:55%;}
#addredeem-giftvoucher-code .buttons-set button.button{float:left !important;}
#addredeem-giftvoucher-code .buttons-set button.button:hover {background: #2e8ab8}
#gift-voucher-code{width:55% !important;}
/***************checkout cart by Sally***************/
/* .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} */
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: 0px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.data-table .giftvoucher-grid-detail .input-text{width:160px;}
.data-table .giftvoucher-grid-title-hidden{display:none;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{width:inherit !important; height:inherit !important; padding-top:9px; float: left}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; padding-top:9px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:65px !important; }
.data-table .balance .left{color:#3091C2!important;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:5px !important; margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-to{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-from{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-from{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-to{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:17px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price .label{padding-top:11px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:13px;}
.data-table .pager{padding-top:10px;}  
.balance .view-detail{margin-bottom:10px;margin-top:10px; background:none; padding-left:0px !important;}
.balance .view-detail.button:hover{background:none;}
.amount .addredeem{float:right; margin-top:31px; padding:7px 17px;}
/***********View giftcard*************/   
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-view .custom-field{float:left; width: 45% !important}
.giftvoucher-index-email  .custom-field{float:left;}
.giftvoucher-index-view .form-list li{width:100%; float: left;} 
.giftvoucher-index-email .form-list li{width:100%; float: left;} 
/******History balance*******/
.customer-account-giftcard .sub-title {font-size:24px !important; text-transform:uppercase; border-bottom:1px solid silver;margin-bottom:15px;font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;}
#history_grid .giftvoucher-grid-search{width:100%;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item{width:100% !important;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-from{margin-top:0px;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-to{margin-top:0px;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item #history_grid-giftcard_code{width:50%}

.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/



/***********End Detail Popup Template 3*************/

/******************Send email***************/
.giftvoucher-product-info .giftcard-send-friend {
    float: left; 
    clear: both; 
    width: 190px !important;
    padding-bottom: 10px;
}
.giftvoucher-product-info .giftcard-date-box img {float: right; margin-top: 8px;margin-right: 40px;display: block;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;width: 140px !important;}    
#giftcard-preview-button-add span {padding-left: 0 !important}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info #giftcard-template-show-images {width: 100% !important;}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {float:left; clear:both;}

/******************End***********************/
/***************checkout cart by Sally***************/
.fieldset .giftvoucher  #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;}  
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;} 
.credit_input img {display:inline;}
.credit_input  .input-text{width:68px !important;}
#giftvoucher_container dt label{display:initial !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form.giftvoucher   #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
.discount-form .giftvoucher_credit  #giftvoucher_credit{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px; float:left}
.giftvoucher-discount-code img{display:inline;}
dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{/*float:left;*/ clear:both; width: 100% !important}
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}

@media  (max-width:1199px){
    /**********add giftcard************/
    #gift-voucher-code{width:65% !important;}
}
@media (max-width:1099px){
    #history_grid  .giftvoucher-grid-search-item{width:280px !important;}  
    #history_grid  #giftvoucher_grid-gift_code{width:170px !important; margin-left:70px;}
    #history_grid   .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px;width:170px !important; }
    #history_grid  .giftvoucher-grid-title{display:none;}
    #history_grid  .giftvoucher-grid-title-hidden{display:block;}
    #history_grid th {float:left;display:block !important; text-align:left; /* width:100%; */border:none; background:none !important;}
    #history_grid th .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; text-transform:initial; font-weight:bold;}
    #history_grid th .giftvoucher-grid-detail{ margin-left:270px; display:block; /* width:100%; */ text-align:left;} 
    #history_grid td{display:block; float:left; border-bottom:none; /* width:100%; */}
    #history_grid td .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; font-weight:bold;}
    #history_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */} 
    #history_grid  .giftvoucher-grid-search{border-bottom:1px solid #AAA2A2;}
    #history_grid tr{border-bottom:1px solid #AAA2A2;}
    .from-price{float:left;  }
    .to-price{float:left;  }
    .from-date{float:left;}
    .to-date{float:right;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; text-align:right; padding-right:3px;}
    #history_grid  .pager-header{display:none !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price  input.range-text{margin-left:20px;}
    #history_grid   .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width: 170px !important; margin-left: 70px;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{padding-top:0px !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{padding-top:0px !important;}
    /* ********************* */
  
}
    /**********add giftcard by Sally************/
    #gift-voucher-code{width:90% !important;}    
    #giftcard-template-left .giftcard-template-content .hidden-giftcard {
        height: 65px !important;
    }
	#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
    /************my account***********/
    .giftvoucher-grid-search-item{width:280px !important;}  
    #giftvoucher_grid-gift_code{
        width:170px !important; margin-left:70px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px; }
    .giftvoucher-grid-title{display:none;}
    .giftvoucher-grid-title-hidden{display:block;}
    #giftvoucher_grid th {
        float:left;
        display:block !important;
        text-align:left; /* width:100%; */
        border:none; 
        background:none !important;
    }
    #giftvoucher_grid th .giftvoucher-grid-title-hidden{
        float:left;
        display:block;
        text-align:left; 
        text-transform:initial;
        font-weight:bold;
    }
    #giftvoucher_grid th .giftvoucher-grid-detail{ 
        margin-left:300px; 
        display:block; /* width:100%; */ 
        text-align:left;
    } 
    #giftvoucher_grid td{
        display:block; 
        float:left; 
        border-bottom:none;
        width:100%;
    }
    #giftvoucher_grid td .giftvoucher-grid-title-hidden{
        float:left;
        display:block; 
        text-align:left;
        font-weight:bold;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{
        margin-left:300px;
        display:block; /* width:100%; */
    } 
    .giftvoucher-grid-search{
        border-bottom:1px solid #AAA2A2;
    }
    #giftvoucher_grid tr{border-bottom:1px solid #AAA2A2;}
    .from-price{float:left;}
    .to-price{float:left;} 
    .from-date{float:left;}  
    .to-date{float:right;}   
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
        width:50px !important; 
        text-align:right; 
        padding-right:3px;
    }
    .pager-header{display:none !important;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price  input.range-text{margin-left:20px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;}
    /*view giftcard*/
    #giftcard_history_table .item-hidden{
        display:block !important;
        float:left; font-weight:700; 
        font-size:16px;
    }
    #giftcard_history_table thead{display:none;}
    #giftcard_history_table .item-detail{text-align: left;
        display: block;
        padding-left: 165px;
        font-size:16px;
    }
    #giftcard_history_table td{
        float:left; 
        width:100%; 
        border-bottom: none;
    }
    #giftcard_history_table tr{
        border-bottom:1px solid #AAA2A2;
    } 
    .giftvoucher-index-view  h2{
        font-size:18px;
    }
    .giftvoucher-index-view .form-list{
        border-bottom:1px solid #ececec;
        float:left;
        margin-bottom:15px;
    }
    .giftvoucher-index-view .form-list .field{
        margin-bottom:20px !important; /* display: block; */
    }
    .giftvoucher-index-view .form-list li{
        width:100%;
        float: left;
    }
    .giftvoucher-index-view .box-account.box-info {        
        margin-bottom: 15px;
    }
    .fields .custom-field-right{width:55% !important;}
    /**********check giftcard************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:95% !important;}
    /**********check giftcard************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:95% !important;}
}
@media  (max-width:880px){
    /************my account***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:230px !important; 
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{
        margin-left:230px  !important;
    }
    .data-table   th .giftvoucher-grid-detail{
        margin-left:230px !important;
    }
    .data-table   td .giftvoucher-grid-detail{
        margin-left:230px  !important; 
    }
    #history_grid td{width:100% !important;
    }

    /**********add giftcard************/
    #gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px  !important; }
    .data-table   th .giftvoucher-grid-detail{ margin-left:300px !important; }
    .data-table   td .giftvoucher-grid-detail{ margin-left:300px  !important; }
    /**********add giftcard by Sally************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:365px !important;}
}
@media  (max-width:640px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:200px  !important;  width:auto !important; }
    .data-table   th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; }
    .data-table  td .giftvoucher-grid-detail{ margin-left:200px  !important;  width:auto !important; }
}
@media  (max-width:580px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:150px !important;
        width:auto!important;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{ 
        margin-left:150px  !important;
        width:auto !important;
    } 
    .to-price{
        float:left;
        margin-left:0px !important;
    }
    .to-date{
        float:left;
        margin-left:0px !important;
    }
    .button{padding:5px !important;}
    .giftvoucher-grid-search-item{width:auto !important;}
    .balance .view-detail{background:#3399cc !important; }
    .balance .view-detail.button:hover{background:#2e8ab8 !important;}
    .balance .left{
        color:#fff !important;
        padding: 7px 15px !important;
    }
    #history_grid th .giftvoucher-grid-detail{ 
        margin-left:150px !important; 
        width:auto!important; 
    }
    #history_grid td .giftvoucher-grid-detail{
        margin-left:150px  !important; 
        width:auto !important;
    }
    #history_grid td{width:100% !important;}
    /*end*/
}
@media  (max-width:533px){
    /**********add giftcard by Sally************/
    .buttons-set button{margin-bottom:3px;}
    #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}
@media  (max-width:480px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:150px !important;
        width:auto !important;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{ 
        margin-left:150px  !important;
        width:auto !important; 
    } 
    .to-price{
        float:left;
        margin-left:0px !important; 
    }
    .to-date{
        float:left; 
        margin-left:0px !important;
    }
    .button{padding:4px !important;}
    .giftvoucher-grid-search-item{width:auto !important;} 
    #history_grid th .giftvoucher-grid-detail{ 
        margin-left:150px !important;
        width:auto !important; 
    }
    #history_grid td .giftvoucher-grid-detail{
        margin-left:150px  !important;
        width:auto !important;
    } 	 	
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:10px !important;}
}
@media  (max-width:440px){
    /**********check giftcard by Sally************/
    .page-title h1{font-size:18px;}
    /* My account */
    .balance .button{float:none !important; width:185px !important;}
    .giftvoucher-search-button{text-align:left !important;}
    .button{padding:5px !important;}
    #history_grid th .giftvoucher-grid-detail{margin-left:115px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:50px !important;}

    /*my account*/
    #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media  (max-width:420px){
    /***************checkout cart by Sally***************/
    .giftcard{display:block;}
}
@media only screen and (max-width: 380px){
    /*My Account*/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:120px  !important;  width:auto !important; } 

    /************my account***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{margin-left:115px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width:50px !important;}
    .data-table  .balance .button{float:none !important; width:185px !important;}
    .data-table  .giftvoucher-search-button{text-align:left !important;}
    .data-table   th .giftvoucher-grid-detail{margin-left:115px !important;}
    .data-table  .button{padding:5px !important;}

}

@media  (max-width:400px){
    /**********add giftcard by Sally************/
    #addredeem-giftvoucher-code .buttons-set button.button{width:100%;}
    #addredeem-giftvoucher-code .button-add-list{width:100% !important;}
    input#full_gift_card_code{max-width:100% !important; width:100% !important;} 
    .giftvoucher-index-view.customer-account .wrapper{min-width:100%}
}