/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Shopreview
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2013 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */
 
 

.shopreview-sidebar-block {
	padding: 10px;
}

.shopreview-sidebar-block .rating-name  {
	font-style: italic;
}

.shopreview-sidebar-block .rating-empty { float: right; display: block; width: 80px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 -16px; margin-right: 5px; background-size: 16px 32px; }
.shopreview-sidebar-block .rating-star-1 { float: left; display: block; width: 16px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; margin-right: 5px; background-size: 16px 32px;}
.shopreview-sidebar-block .rating-star-2 { float: left; display: block; width: 32px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; margin-right: 5px; background-size: 16px 32px;}
.shopreview-sidebar-block .rating-star-3 { float: left; display: block; width: 48px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; margin-right: 5px; background-size: 16px 32px}
.shopreview-sidebar-block .rating-star-4 { float: left; display: block; width: 64px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; margin-right: 5px; background-size: 16px 32px}
.shopreview-sidebar-block .rating-star-5 { float: left; display: block; width: 80px; height: 16px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; margin-right: 5px; background-size: 16px 32px;}
 
/** big review stars **/
.total-block-text {  }
.total-block-text p { text-align: center; padding-top: 5px; *font-size: 18px; font-size: 15px; }   
.total-block-stars { height: 35px; width: 188px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/5-stars-empty.png') no-repeat; margin: 5px auto; background-size: 188px 35px;}
.total-block-stars span{ display: block; *height: 50px; height: 35px; background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/5-stars-full.png') no-repeat; background-size: 188px 35px;}


ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	height: 120px;
}

#fade-reviews-sidebar li,#fade-reviews-sidebar li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	visibility: hidden;
}


/***** retina icons *****/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
 
                .total-block-stars { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/5-stars-empty@2x.png');}             
                .total-block-stars span{ background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/5-stars-full@2x.png');}
 
                .shopreview-sidebar-block .rating-empty  { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
                .shopreview-sidebar-block .rating-star-1 { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
                .shopreview-sidebar-block .rating-star-2 { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
                .shopreview-sidebar-block .rating-star-3 { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
                .shopreview-sidebar-block .rating-star-4 { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
                .shopreview-sidebar-block .rating-star-5 { background-image: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star@2x.png'); }
}

/**
 * Magmodules.eu
 * http://www.magmodules.eu
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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 info@magmodules.eu so we can send you a copy immediately.
 *
 * @category    Magmodules
 * @package     Magmodules_Snippets
 * @author      Magmodules <info@magmodules.eu)
 * @copyright   Copyright (c) 2014 (http://www.magmodules.eu)
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
.snippets {
	border:1px solid #ccc;
	margin:5px 0;
	overflow:auto
}

.snippets p {
	margin-bottom:0
}

.snippets .product-name {
	font-weight:700
}

.snippets .prod-thumb {
	float:left;
	padding: 8px;}

.snippets img {
	display:block;
	margin-right: 5px;
	margin-left: 10px;
}

.snippets .content {
	margin-left:85px;
	padding:5px
}

.snippets .rating-box {
	float:left;
	margin-top:3px;
	margin-right:5px
}

.snippets-footer {
	margin-top:-5px;
	color:#666;
	font-style:normal;}

.snippets-fields ul {
	display:inline
}

.snippets-fields li {
	display:inline;
	color:#000;
	background:none!important;
	padding-left:0!important;
	font-size:11px
}

.snippets-fields li + li::before {
	content:"- "
}

/**
 * Magmodules.eu
 * http://www.magmodules.eu
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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 info@magmodules.eu so we can send you a copy immediately.
 *
 * @category    Magmodules
 * @package     Magmodules_Snippets
 * @author      Magmodules <info@magmodules.eu)
 * @copyright   Copyright (c) 2014 (http://www.magmodules.eu)
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
 
.breadcrumbs li span span {
	background: none !important;
	width: auto !important;
	height: auto !important; 
	text-indent: 0px !important;
	overflow: visible !important;
	display: block;
	margin: 0 5px !important;
	float: left !important;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}

.searchautocomplete  .search-autocomplete ul{border:none;}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('https://www.trendapack.com/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #DDD transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #DDD;
  position: absolute;
  z-index: 102;
  box-shadow: 0;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete   ul.Products,.searchautocomplete   ul.Categories {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #DDD;
  margin-bottom: 15px;
}
.searchautocomplete .searchautocomplete-placeholder ul li.mini-cms-pages {
  *zoom: 1;
  text-align: left;
  padding: 0px 5px; line-height:normal;
  border:1px solid transparent;
  margin-bottom: 15px;
  margin-top: 7px;  
}

.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
} 
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: center;
  color: #0A263C;
  border-bottom: 1px solid #DDD;
  padding: 2px 5px;
  background-color: #F7F7F6;
} 
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: center;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
#header-search_right #search_autocomplete .subcate_name.bbld.category{
    font-weight: 700;
    font-style: normal;
   line-height: normal;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 15px;
    font-family: helveticaneue,Helvetica,Arial,sans-serif;
	
}
#header-search_right #search_autocomplete li.mini-cms-pages .name.highlight{
    font-weight: 700;
    font-style: normal;
   line-height: normal;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 15px;
    font-family: helveticaneue,Helvetica,Arial,sans-serif;
	
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
.searchautocomplete .input-text {
  outline: none;
}
.searchautocomplete.active .input-text {
  outline: none;
  border-radius: 2px 2px 0px 0px;
  border: 1px solid #DDD;
}
.searchautocomplete .nav-search-in {
  top: 0px;
}
.searchautocomplete .nav-search-in .category-fake {
  padding-top: 7px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  top: 19px;
}
.searchautocomplete .nav-search-in .category {
  top: 0px;
  left: 0px;
  height: 40px;
}
.searchautocomplete .searchautocomplete-placeholder {
  top: 0px !important;
    box-shadow: 0 ;
  border-radius: 10px 10px 5px 5px;
  border: 2px solid #000;  
  
}
.searchautocomplete .searchautocomplete-placeholder:before {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  border: 1px solid #fff;
}
.searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
  color: #666;
}
.searchautocomplete .searchautocomplete-placeholder ul li img {
  border: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:last-child {
  border: 1px solid #fff;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background: none;
  box-shadow: none;
  border: 1px solid transparent !important;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .name.catname{ font-size: 16px;}
.searchautocomplete .searchautocomplete-placeholder ul li .name {
  white-space: nowrap; 
  overflow: hidden;
  font-size: 14px;
  line-height: 44px;
  display: block;
}
.searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
  display: none;
}
@media only screen and (min-width: 1100px) {
  .searchautocomplete .searchautocomplete-placeholder ul li div.highlight {
    display: block;
    float: left;
    max-width: 250px;
  }
} 
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  margin: 0px 10px 0px 0px; 
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  margin: 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price {
  font-size: 13px;
}
@media only screen and (min-width: 771px) {
  #header-search {
    width: 35% !important;
  }
} 
 .searchautocomplete .searchautocomplete-placeholder .index-title:nth-child(2) {
     border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 768px) {
.searchautocomplete .searchautocomplete-placeholder{left: 0 !important;
    overflow: visible !important;
    position: absolute !important;
    top: 39px !important;border:2px solid #000 !important;
    width: 100% !important;border-radius: 10px 10px 5px 5px;
    z-index: 200;}
 .searchautocomplete .searchautocomplete-placeholder .index-title:nth-child(2) {
     border-radius: 10px 10px 0 0;
}
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after { 
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;    width: auto;
    float: left;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
 background-color: #a52d8e;
  border: 1px solid #a52d8e;
  border-bottom: none;color:#fff;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #a52d8e;
  cursor: default;
  border: 1px solid #a52d8e;
  border-bottom: none;color:#fff;
}
@media only screen and (max-width: 769px) {
	ul.searchindex-results{width: 100%;    float: left;}
}
.searchindex-result li {
  padding: 5px;width: 100%;
    float: left;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result li .title.pagettitle a {
 font-size: 22px;
    font-weight: bold;
    background: #fff;
    border-radius: 10px;
    padding: 0px 30px;
    margin-bottom: 10px;
    color: #203548;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}
#search_autocomplete .subcate_name.category{width: auto;}
.catalogsearch-result-index .subcat-image {
    text-align: center;
    width: fit-content;
    margin: 0 auto 15px auto;
}
.catalogsearch-result-index .subcate_name.bbld {
    font-size: 22px;
    font-weight: bold;
    background: #fff;
    border-radius: 10px;
    padding: 0px 30px;
    margin-bottom: 10px;
}
.catalogsearch-result-index .subcat.clearfix {
    width: 100%;
    float: left; 
    margin: 10px 0;
}
.catalogsearch-result-index .searchindex-result.cmspage{
      margin: 25px 0;
}
.searchindex-result.cmspage ul{text-align:center}
/**
 * Plumrocket Inc.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End-user License Agreement
 * that is available through the world-wide-web at this URL:
 * http://wiki.plumrocket.net/wiki/EULA
 * If you are unable to obtain it through the world-wide-web, please
 * send an email to support@plumrocket.com so we can send you a copy immediately.
 *
 * @package     Plumrocket_Size_Chart
 * @copyright   Copyright (c) 2016 Plumrocket Inc. (http://www.plumrocket.com)
 * @license     http://wiki.plumrocket.net/wiki/EULA  End-user License Agreement
 */


.pschart-showsizes-phld {
    display:none;
}

.pschart-showsizes-phld * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pschart-sizechart-link {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    height: 30px;
    display: inline-block;
    min-width: 130px;
    line-height: 29px;
    text-align: center;
    background-repeat: no-repeat !important;
    background-position: 9px 6px !important ;
    padding-left: 35px;
    padding-right: 15px;
    margin: 10px 0 15px 0;
    text-decoration: none;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box;
}

.pschart-sizechart-link:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: 0.6;
}

.pschart-showsizes .pschart-addedoverlay {
    left:0; top:0; width: 100%; height: 100%; position:fixed; z-index: 5000; background: black;
    opacity: .75;  filter: alpha(opacity=75);   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.pschart-showsizes .pschart-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5050;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    overflow-y: auto;
    text-align: center;
}

.pschart-showsizes .pschart-popup-internal {
    margin: 10% auto 5% auto;
    background-color: #FFFFFF;
    padding: 30px;
    min-width: 250px;
    max-width: 800px;
    display: inline-block;
}

.pschart-showsizes .pschart-content {
    position: relative;
    padding: 0;
}

.pschart-showsizes .pschart-popup-internal .close {
    position: absolute;
    right: -17px;
    top: -19px;
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background-color: #a5a7a8;
    font-size: 13px;
}

.pschart-showsizes .pschart-popup-internal .close:hover {
    cursor: pointer;
}

.pschart-showsizes .pschart-popup-internal h3 {
    font-size: 18px;
    text-align: left;
    margin: 15px 0 10px 0;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}

.pschart-showsizes .pschart-popup-internal p {
    margin-bottom: 10px;
    font-size: 12px;
    text-align: left;
}

.pschart-showsizes .window-title {
    color: #383838;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    padding: 0 0 15px;
    text-align: left;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

.pschart-showsizes .pschart-content .table_name {
    font-size: 18px;
    margin-bottom: 5px;
}

.pschart-showsizes .pschart-content table td {
    font-size: 12px;
    text-align: left;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.pschart-showsizes .pschart-content table.measure td p {
    border-bottom: 1px dotted #8F8F8F;
    padding-bottom: 10px;
}

.pschart-showsizes .pschart-content table.table_size {
    width: 100%;
    border-collapse: collapse;
}

.pschart-showsizes .pschart-content table tr th {
    background-color: #e0e0de;
}

.pschart-showsizes .pschart-content table.table_size th {
    border: 1px solid white;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.pschart-showsizes .pschart-content table.table_size td {
    border: 1px solid white;
    padding: 5px;
    font-size: 11px;
    line-height: 16px;
    background: #f2f2f0;
    text-align: center;
}

.pschart-showsizes .pschart-content table.table_size .size_name,
.pschart-showsizes .pschart-content table.table_size td:nth-child(1) {
    vertical-align: middle;
    background-color: #ebebe8;
    font-weight: 700;
}


.pschart-showsizes .pschart-content table.table_size p {
    margin: 5px 0;
    text-align: left;
}

.pschart-showsizes .pschart-content table.table_size td[colspan="6"] {
    font-weight: 700;
    text-transform: none;
}


@media screen and (max-width: 480px) {

    .pschart-showsizes .pschart-popup-internal .close {
        right: 0;
        top: 0;
    }

    .pschart-showsizes .pschart-popup-internal .pschart-content table.table_size td {
        text-transform: lowercase;
        padding: 3px;
    }

}

@media screen and (max-width: 400px) {

    .pschart-showsizes .pschart-popup {
        padding: 10px 5px;
    }

    .pschart-showsizes .pschart-popup-internal {
        margin: 0px auto;
        padding: 10px;
    }

}


/* Alert block */
.scommerce-gdpr-cookienotice{padding: 5px 0; font: 12px/18px Arial, Helvetica, sans-serif; text-align: center}
.scommerce-gdpr-cookienotice .message{max-width: 960px; margin: 0 auto; text-align: center;}
.scommerce-gdpr-cookienotice .message span.cookie-title{display: block; font-size: 16px; font-weight: bold; margin: 0.4em 0 0;}
.scommerce-gdpr-cookienotice .message a{color: #f90; text-decoration: underline;}
.scommerce-gdpr-cookienotice .message a:hover{text-decoration: none;}
.scommerce-gdpr-cookienotice .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;}
.scommerce-gdpr-cookienotice .message .close a:hover{text-decoration: underline;}
.scommerce-gdpr-cookienotice .message span {margin-left:5px;}
.scommerce-gdpr-disabled {pointer-events: none; opacity: 0.4;}
.bottom-position {position: fixed; width: 100%; z-index: 1000; bottom: 0; left: 0;}
.top-position {width: 100%; z-index: 1000;}
/* Delete account attention block */
.scommerce-gdpr-attention-message {color: red;}

/* Privacy Consent block */
li.scommerce_gdpr_control {list-style:none;}
li.scommerce_gdpr_control .input-box{width:auto;clear:none;display:inline}
li.scommerce_gdpr_control label{float:none;}

.cookie-popup {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#cookiePopup {height:auto !important; min-height: 200px; width:500px !important; color:#333; background-color:#fff; border:1px solid #eee; text-align: left;}
#cookiePopup a.modalCloseImg {background:url(https://www.trendapack.com/skin/frontend/base/default/scommerce/cookiepopup/img/basic/x.png) no-repeat; background-size: 100% 100%; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer;}
#cookiePopup .message {color:#000; text-align: center; font-size: 1.2em;}

#cookiePopup .sm-modal-title {
    padding: 10px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 1.2em;
}

#cookiePopup .sm-modal-title:after {
    content: '';
    display: table;
    clear: both;
}

#cookiePopup .sm-modal-body {
    clear: both;
}

#cookiePopup .sm-modal-footer {
    padding: 10px;
    background-color: #eee;
    border-top: 1px solid #ccc;
    text-align: right;
    clear: both;
}

#cookiePopup .logo-container {
    width: 35%;
    float: left;
    box-sizing: border-box;
}

#cookiePopup .logo-container img {
    max-height: 30px;
}

#cookiePopup .logo-container .header-logo {
    max-width: 100%;
}

#cookiePopup .title-container {
    width: 65%;
    float: left;
    box-sizing: border-box;
}

#cookiePopup ul.tab-header {
    display: block;
    float: left;
    width: 35%;
    box-sizing: border-box;
}

#cookiePopup ul.tab-header > li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#cookiePopup ul.tab-header > li a {
    display: block;
    color: #999;
}

#cookiePopup ul.tab-header > li.active {
    background-color: #DDD;
}

#cookiePopup ul.tab-header > li.active a {
    color: #333;
    font-weight: bold;
}

#cookiePopup .tab-item-header {
    margin-bottom: 10px;
    font-weight: bold;
}

#cookiePopup .tab-item-header input[type=checkbox] {
    float: right;
}

#cookiePopup .choice-description p {
    margin-bottom: 10px;
    font-size: 12px;
}

#cookiePopup .tab-content-wrapper {
    display: block;
    float: left;
    width: 65%;
    padding: 10px;
    overflow-y: auto;
    box-sizing: border-box;
}

#cookiePopup .required-option-text {
    float: right;
    color: #999;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 25px;
}

#cookiePopup .sm-modal-footer button {
    padding: 2px 5px;
}

#cookiePopup .tab-content-wrapper .tab-item {
    display: none;
}

#cookiePopup .tab-content-wrapper .tab-item.active {
    display: block;
}

#cookiePopup .choice-list-wrapper {
    margin-top: 20px;
}

#cookiePopup .choice-list-wrapper .choice-list-header {
    font-weight: bold;
}

#cookiePopup .choice-list-wrapper .choice-list {
    border-top: 1px solid #ccc;
}

#cookiePopup .choice-list-wrapper .choice-list li {
    border-bottom: 1px solid #ccc;
}

#cookiePopup .checkbox-container {
    position: relative;
    cursor: pointer;
    float: right;
    min-width: 40px;
}

#cookiePopup .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Responsive */
@media screen and (max-width: 768px) {
    #cookiePopup {
        width: 92% !important;
    }

    #cookiePopup ul.tab-header {
        width: 100%;
        float: none;
    }

    #cookiePopup .tab-content-wrapper {
        width: 100%;
        float: none;
    }

    #cookiePopup .tab-content-wrapper .tab-item {
        max-height: 180px;
    }
}
/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Shopreview
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2013 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */

/* BIG BLOCK:: WRAPPER & BLOCKS */

#shopreview-wrapper {
	width: 100%;
	border: 1px solid #D8D8D8;
	height: 229px;
	border-radius: 16px;
}

.sr-block {
	width: 33%;
	height:100%;
	float:left;
}

.sr-block h2 {
	background: transparent;
	font-size: 16px;
	margin: 0;
	padding-top: 19px;	
}

/* BIG BLOCK:: REVIEWS BLOCK (1st Block) */

.sr-slider-top {
	padding:0 15px;
	height:50px;
}

.sr-slider-top h2 {
	float:left;
}

.sr-slider-control {
	float:right;
	width:52px;
	height:16px;
	margin-top:21px;
	font-size:11px;
}

.sr-slider-control span {
	display:block;
	width:20px;
	height:14px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.sr-slider-control span.left {
	float:left;
}

.sr-slider-control span.right {
	float:right
}

.sr-slider-content {
	margin: 0px 14px 3px 5px;
}

.sr-slider-item {
	font-size: 14px;
	padding:0 10px;
	display:none;
}

.sr-slider-item blockquote {    
    margin: 10px 0;
	
    height: 120px !important;
	overflow: hidden;
	font-size: 13px;
	padding: 0 !important;
}

.sr-slider-item .slider-bottom {
	margin-bottom: 5px;
	font-size: 12px;
	height: 32px; 	
}


/* BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */

.sr-shopscore {
	width:100%;
	height:100%;
	border-left: 1px solid #EEE;
}

.sr-shopscore-holder {
	margin-top: 15px;
	width:110px;
	height:110px;
	border-radius:50%;
	box-shadow: 0 0 5px rgb(190, 190, 190);
	text-align:center;
	margin-bottom: 10px;
}

.sr-shopscore-holder .score1 {
    color: #575757;
    font-size: 34px;
    line-height: 107px;
    margin-left: 9px;
    margin-right: -2px;
}

.sr-shopscore-holder .score2 {
	font-size:10px;
}

.sr-shopscore-holder p {
	color: #575757;
	font-size: 12px;
}

/* BIG BLOCK:: REVIEWS BLOCK (3rd Block) */

.sr-productreviews {
    font-size: 12px;
	padding: 0 20px;
	
    height: 228px;
	overflow: hidden;
	
    border-left: 1px solid #EEE;
}

.sr-productreviews p {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}


/* MOBILE BIG BLOCK:: WRAPPER & BLOCKS */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
#shopreview-wrapper {
	width: 100%;
	border: 1px solid #D8D8D8;
	height: 230px;
}

.sr-block {
	width: 50%;
	height:100%;
	float:left;
}

.sr-block h2 {
	background: transparent;
	font-size:16px;
	margin: 0;
	padding-top:20px;	
}
}

/* MOBILE BIG BLOCK:: REVIEWS BLOCK (1st Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-slider-top {
	padding:0 15px;
	height:50px;
}

.sr-slider-top h2 {
	float:left;
}

.sr-slider-control {
	float:right;
	width: 42px;
	height: 16px;
	margin-top: 15px;
	font-size:11px;
}

.sr-slider-control span {
	display:block;
	width:20px;
	height:14px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.sr-slider-control span.left {
	float:left;
}

.sr-slider-control span.right {
	float:right
}

.sr-slider-content {
	margin: 0px 15px 3px 5px;
}

.sr-slider-item {
	font-size: 14px;
	padding:0 10px;
	display:none;
}

.sr-slider-item blockquote {    
    margin: 20px 0;
	
    height: 96px !important;
	overflow: hidden;
	font-size: 13px;
	padding: 0 !important;
}

.sr-slider-item .slider-bottom {
	margin-bottom: 5px;
	font-size: 12px;
	height: 30px; 	
}
}

/* MOBILE BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-shopscore {
	width:100%;
	height:100%;
}

.sr-shopscore-holder {
	margin-top: 15px;
	width:110px;
	height:110px;
	border-radius:50%;
	box-shadow: 0 0 5px grey;
	text-align:center;
	margin-bottom: 10px;
}

.sr-shopscore-holder .score1 {
    color: #575757;
    font-size: 34px;
    line-height: 107px;
    margin-left: 9px;
    margin-right: -2px;
}

.sr-shopscore-holder .score2 {
	font-size:10px;
}

.sr-shopscore-holder p {
	color: #575757;
	font-size: 12px;
}
}
/* MOBILE BIG BLOCK:: REVIEWS BLOCK (3rd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-productreviews {
    font-size: 12px;
	padding: 0 20px;
	height:210px;
	background:url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/vertical-bar.png') no-repeat;
	visibility:hidden;
}

.sr-productreviews p {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}

}

/* SMALL BLOCK:: */

.shopreview-small {
	width: 100%; 
}	

.shopreview-small .rating-box {
	float: left;
	margin-right: 7px;
	margin-top: 2px;
}

/** RATINGS **/
.rating-empty, .rating-star-1, .rating-star-2, .rating-star-3, .rating-star-4, .rating-star-5 {
	background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 0; 
	margin-right: 5px; 
	height: 16px;
	float: left; 
	width: 80px;
}

.rating-star-1 { 
	 width: 16px; 
}

.rating-star-2 { 
	width: 32px; 
}

.rating-star-3 { 
	 width: 48px; 
}

.rating-star-4 { 
	width: 64px;
}

.rating-star-5 { 
	width: 80px;
}

.rating-empty { 
	float: right; 
	width: 80px; 
	background: url('https://www.trendapack.com/skin/frontend/base/default/magmodules/shopreview/images/star.png') 0 -16px;  
}
/**
 * Icons and other styles related to icons.
 * Part of the font icon styles based on Font Awesome - http://fontawesome.io
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ic {
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* If icon is applied to 'i' tag */
i.ic {
	font-style: normal;
}

/* Floating icons - with generic modifiers
-------------------------------------------------------------- */
.ic.left {
	margin-right: .3em;
}
.ic.right {
	margin-left: .3em;
}

/* Size
-------------------------------------------------------------- */
/* Makes the font 33% larger relative to the icon container */
.ic-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.ic-2x {
	font-size: 2em;
}
.ic-3x {
	font-size: 3em;
}
.ic-4x {
	font-size: 4em;
}
.ic-5x {
	font-size: 5em;
}
.ic-6x {
	font-size: 6em;
}
.ic-7x {
	font-size: 7em;
}
.ic-8x {
	font-size: 8em;
}
.ic-fw {
	width: 1.28571429em;
	text-align: center;
}

/* Lists
-------------------------------------------------------------- */
.ic-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.ic-ul > li {
	position: relative;
}
.ic-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}
.ic-li.ic-lg {
	left: -1.85714286em;
}
.ic-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.ic.pull-left {
	margin-right: .3em;
}
.ic.pull-right {
	margin-left: .3em;
}

/* Stacking
-------------------------------------------------------------- */
.ic-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.ic-stack-1x,
.ic-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.ic-stack-1x {
	line-height: inherit;
}
.ic-stack-2x {
	font-size: 2em;
}
.ic-inverse {
	color: #ffffff;
}

/* Effects
-------------------------------------------------------------- */
.ic-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);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.ic-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);
}
.ic-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);
}
.ic-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);
}
.ic-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);
}
.ic-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);
}


/* Characters as icon (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-char {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
}


/* Images as icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-img {
	font-family: inherit; /* Remove icon font to fix vertical alignment */
}
/* Set max size for images displayed as icons */
.ic-img img,
.icon img /* For backward compatibility */
{
	vertical-align: middle;
}



/* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ib,

/* For backward compatibility */
.social-links a > span.icon
{
	vertical-align: middle; /* TODO: check in which cases it's required */
	text-align: center;
	background-color: #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/* Size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
/* For backward compatibility: */
.feature > span.icon,
.social-links a > span.icon
{
	line-height: 36px;	
	width: 36px;
	height: 36px;
}
.ib-size-l,
/* For backward compatibility: */
.feature > span.icon.large
 {
	line-height: 48px;
	width: 48px;
	height: 48px;
}
.ib-size-xl {
	line-height: 60px;
	width: 60px;
	height: 60px;
}
.ib-size-xxl {
	line-height: 72px;
	width: 72px;
	height: 72px;
}
.ib-size-xxxl {
	line-height: 84px;
	width: 84px;
	height: 84px;
}

/* For backward compatibility: align center the content of the iconbox */
.feature > span.icon { text-align: center; }


/* Labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Label which immediately follows the iconbox */
.ib + .label {
	line-height: 36px;
	display: inline-block;
}
.ib-size-l + .label {
	line-height: 48px;
}
.ib-size-xl + .label {
	line-height: 60px;
}
.ib-size-xxl + .label {
	line-height: 72px;
}
.ib-size-xxxl + .label {
	line-height: 84px;
}


/* Hover state
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-hover:hover, /* Apply hover state color only when special class is present */
.feature-icon-hover:hover .ib,

/* For backward compatibility: */
.icon-hover:hover,
.feature-icon-hover:hover > span.icon
{
	background-color: #333;
	color: #fff;
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
.icon-hover, /* For backward compatibility */
.feature-icon-hover .ib,
.feature-icon-hover .icon /* For backward compatibility */
{
	/* TODO: position animation deprecated */
	transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition: 		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition: 	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}


/* Characters as icon - modify styles if inside iconbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib.ic-char,
.ib.i-char /* For backward compatibility */
{
	/*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */
	text-align: center;
}


/* Additional utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Background
-------------------------------------------------------------- */
/* Icon without background color */
.ib-no-bg,
.ib.no-bg-color /* For backward compatibility */
{
	background-color: transparent !important;
}

/* Shapes
-------------------------------------------------------------- */
.ib-circle,
.ib.circle /* For backward compatibility */
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ib-rounded,
.ib.rounded /* For backward compatibility */
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ib-square,
.ib.square /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* All icons square */
.ib-wrapper--square .ib,
.icon-wrapper-square .ib /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin: 10px 0; }
.feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.feature.first { margin-top: 0; }
.feature.last { margin-bottom: 0; }

/* With top/bottom border line */
.feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; }
.feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
	border-top: 1px solid #f5f5f5;
	margin-top: 20px;
	padding-top: 20px;
}
.feature-wrapper.bottom-border {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
	font-size: 1.3333em; /*16px*/
	line-height: 1.25em; /*20px*/
	margin-bottom: 0.625em; /*10px*/
	font-weight: normal;
}
.feature .above-heading {
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 1.4545em; /*16px*/
	text-transform: uppercase;
	color: #888;
}
.feature .below-heading {
	font-size: 1em;
	font-style: italic;
	line-height: 1.3333em; /*16px*/
	color: #888;
}


/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Floating icons - additional margin
-------------------------------------------------------------- */
.feature .ic.left {
	margin: 0 15px 10px 0;
}
.feature .ic.right {
	margin: 0 0 10px 15px;
}

/* Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
	margin: 0 5px 0 0;
}


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IMPORTANT: inside indented feature, the first level icon automatically floats left */
.feature.indent > .ic,
.feature.indent > .icon /* For backward compatibility */
{
	float: left;
	margin: 0 15px 0 0;
}
/* But override this behavior if an icon is explicitly floated right */
.feature.indent > .ic.right,
.feature.indent > .icon.right /* For backward compatibility */
{
	float: right;
	margin: 0 0 0 15px;
}

/* Size of indentation
-------------------------------------------------------------- */
/* Size of indentation = width of iconbox + right margin of the iconbox */

/* Default */
.feature.indent
{
	padding-left: 51px; /* 36 + 15 */
}
.feature.indent > .ic,
.feature.indent > span.icon /* For backward compatibility */
{
	margin-left: -51px;
}

/* Large */
.feature.indent-size-l,
.feature.indent.large /* For backward compatibility */
{
	padding-left: 63px;
}
.feature.indent-size-l > .ic,
.feature.indent.large > .ic, /* For backward compatibility */
.feature.indent.large > span.icon.large /* For backward compatibility */
{
	margin-left: -63px;
}

/* X Large */
.feature.indent-size-xl
{
	padding-left: 75px;
}
.feature.indent-size-xl > .ic
{
	margin-left: -75px;
}

/* XX Large */
.feature.indent-size-xxl
{
	padding-left: 87px;
}
.feature.indent-size-xxl > .ic
{
	margin-left: -87px;
}

/* XXX Large */
.feature.indent-size-xxxl
{
	padding-left: 99px;
}
.feature.indent-size-xxxl > .ic
{
	margin-left: -99px;
}


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered { text-align: center; }
.feature.centered .ic {
	margin: 0 0 10px;
}

/* Additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/**
 * Definitions of the font with icons and definitions of the icon glyphs
 */



@font-face {
	font-family: 'ThemeIcons';
	src:url('https://www.trendapack.com/skin/frontend/rwd/default/fonts/themeicons/ThemeIcons.eot?387osh');
	src:url('https://www.trendapack.com/skin/frontend/rwd/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),
		url('https://www.trendapack.com/skin/frontend/rwd/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'),
		url('https://www.trendapack.com/skin/frontend/rwd/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'),
		url('https://www.trendapack.com/skin/frontend/rwd/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-plane:before {
	content: "\e200";
}
.ic-tag:before {
	content: "\e201";
}
.ic-paint:before {
	content: "\e202";
}
.ic-credit:before {
	content: "\e203";
}
.ic-phone:before {
	content: "\e204";
}
.ic-letter:before {
	content: "\e205";
}
.ic-stopwatch:before {
	content: "\e206";
}
.ic-bars:before {
	content: "\e207";
}
.ic-truck:before {
	content: "\e208";
}
.ic-download:before {
	content: "\e209";
}
.ic-upload:before {
	content: "\e20a";
}
.ic-warning:before {
	content: "\e20b";
}
.ic-question:before {
	content: "\e20c";
}
.ic-info:before {
	content: "\e20d";
}
.ic-success:before {
	content: "\e20e";
}
.ic-close2:before {
	content: "\e20f";
}
.ic-reload:before {
	content: "\e210";
}
.ic-scissors:before {
	content: "\e211";
}
.ic-googleplus:before {
	content: "\e212";
}
.ic-facebook:before {
	content: "\e213";
}
.ic-twitter:before {
	content: "\e214";
}
.ic-feed:before {
	content: "\e215";
}
.ic-youtube:before {
	content: "\e216";
}
.ic-vimeo:before {
	content: "\e217";
}
.ic-flickr:before {
	content: "\e218";
}
.ic-dribbble:before {
	content: "\e219";
}
.ic-github:before {
	content: "\e21a";
}
.ic-wordpress:before {
	content: "\e21b";
}
.ic-blogger:before {
	content: "\e21c";
}
.ic-tumblr:before {
	content: "\e21d";
}
.ic-skype:before {
	content: "\e21e";
}
.ic-home:before {
	content: "\e21f";
}
.ic-edit2:before {
	content: "\e220";
}
.ic-cart:before,
.ic-cart1:before {
	content: "\e221";
}
.ic-menu:before {
	content: "\e222";
}
.ic-star-o:before {
	content: "\e223";
}
.ic-star:before {
	content: "\e224";
}
.ic-heart:before {
	content: "\e225";
}
.ic-heart-o:before {
	content: "\e226";
}
.ic-arrow-up:before {
	content: "\e227";
}
.ic-arrow-right:before {
	content: "\e228";
}
.ic-arrow-down:before {
	content: "\e229";
}
.ic-arrow-left:before {
	content: "\e22a";
}
.ic-filter:before {
	content: "\e22b";
}
.ic-lastminute:before {
	content: "\e22c";
}
.ic-close:before {
	content: "\e22d";
}
.ic-edit:before {
	content: "\e22e";
}
.ic-instagram:before {
	content: "\e22f";
}
.ic-user:before {
	content: "\e230";
}
.ic-mobile:before {
	content: "\e231";
}
.ic-pin:before {
	content: "\e232";
}
.ic-zoomin:before {
	content: "\e233";
}
.ic-zoomout:before {
	content: "\e234";
}
.ic-search:before {
	content: "\e235";
}
.ic-gift:before {
	content: "\e236";
}
.ic-anchor:before {
	content: "\e237";
}
.ic-calendar:before {
	content: "\e238";
}
.ic-remove:before {
	content: "\e239";
}
.ic-compare:before {
	content: "\e23a";
}
.ic-alarm:before {
	content: "\e23b";
}
.ic-plus:before {
	content: "\e23c";
}
.ic-minus:before {
	content: "\e23d";
}
.ic-pinterest:before {
	content: "\e23e";
}
.ic-call24:before {
	content: "\e23f";
}
.ic-callcenter:before {
	content: "\e240";
}
.ic-delivery:before {
	content: "\e241";
}
.ic-package:before {
	content: "\e242";
}
.ic-globe:before {
	content: "\e243";
}
.ic-lightbulb:before {
	content: "\e244";
}
.ic-microscope:before {
	content: "\e245";
}
.ic-24hours:before {
	content: "\e246";
}
.ic-coupon:before {
	content: "\e247";
}
.ic-tshirt:before {
	content: "\e248";
}
.ic-bag8:before {
	content: "\e249";
}
.ic-bag6:before {
	content: "\e24a";
}
.ic-bag4:before {
	content: "\e24b";
}
.ic-bag3:before {
	content: "\e24c";
}
.ic-bag7:before {
	content: "\e24d";
}
.ic-bag2:before {
	content: "\e24e";
}
.ic-bag5:before {
	content: "\e24f";
}
.ic-cart2:before {
	content: "\e250";
}
.ic-bag:before,
.ic-bag1:before {
	content: "\e251";
}
.ic-cart3:before {
	content: "\e252";
}
.ic-smartphones:before {
	content: "\e253";
}
.ic-grid:before {
	content: "\e254";
}
.ic-list:before {
	content: "\e255";
}
.ic-linkedin:before {
	content: "\e256";
}
.ic-bell:before {
	content: "\e257";
}
.ic-xing:before {
	content: "\e258";
}
.ic-vk:before {
	content: "\e259";
}
.ic-weibo:before {
	content: "\e25a";
}
.ic-renren:before {
	content: "\e25b";
}
.ic-behance:before {
	content: "\e25c";
}
.ic-vine:before {
	content: "\e25d";
}
.ic-share:before {
	content: "\e25e";
}
.ic-lowstock:before {
	content: "\e25f";
}
.ic-left:before {
	content: "\e260";
}
.ic-down:before {
	content: "\e261";
}
.ic-up:before {
	content: "\e262";
}
.ic-right:before {
	content: "\e263";
}