/* #f8f7f2 */

body {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px x(0,0,0,0.004);
  color:#000;
}

a,
a:hover {
	color:#000;
  text-decoration:none;
}

.fixed-content {
	padding-bottom:100px;
}
.gui-progressbar {
    background-color: transparent !important;
}

.btn {
  background: #52a8d4;
  color: #fff;
  border-radius: 0;
  padding: 0px 30px;
  height: 50px;
  line-height: 50px;
  font-size: .9em;
  font-weight: 800;
  border: none;
}

.btn:hover,
.btn:active,
.btn:focus {
	color:#fff;
  outline:none;
}


.btn.orange {
	background:#52a8d4;
}

.btn.open {
	color: #003366;
  background:transparent;
  border:1px solid  #003366;
  line-height:48px;
}

.btn.open:hover {
	background: #003366;
  color:#fff;
}

.btn.white {
	background:#fff;
  color:#003366;
}

.btn.white.open {
	color:#fff;
  border-color:#fff;
  background:transparent;
}

.btn.orange.open {
	color:#52a8d4;
  background:transparent;
  border:1px solid #52a8d4;
  line-height:48px;
}

.btn.green {
	background:#27ad60;
}

.btn:hover {
	color:#fff;
}

.left {
	float:left;
}

.right {
	float:right;
}

.align {
	display:table;
  width:100%;
}

.align-100 {
	height:100%;
}

.align-middle {
	display:table-cell;
  vertical-align:middle;
}

.align-top {
	display:table-cell;
  vertical-align:top;
}

.align-bottom {
	display:table-cell;
  vertical-align:bottom;
}

#header .topbar  {
	line-height:40px;
  background:#f7f7f7;
  border-bottom:1px solid #eee;
  color:#000;
  font-size:12px;
}

#header .topbar a {
	color:#000;
}

#header .topbar ul {
	margin:0 -15px;
  padding:0;
  list-style:none;
}

#header .topbar ul li {
	padding:0px 15px;
  display:inline-block;
}

#header .topbar ul li.dark {
	background:#003366;
  padding:0px 25px;
}

#header .topbar ul li i {
	margin-right:7px;
  color:#52a8d4;
}

#header .topbar .topbar-right{
	display: inline-block; 
  float: right;
}

#header .topbar .topbar-right ul,
#header .topbar .topbar-right .search{
	display: inline-block; 
}

#header .topbar .topbar-right .search{
  padding: 0 15px;
}

#header .topbar .topbar-right .search form {
	display:inline-block;
  width:200px;
  position:relative;
}

#header .topbar .topbar-right .search input {
  width: 100%;
  background: #fdfcfc;
  height: 35px;
  border: 0;
  outline: none;
  padding: 0px 15px;
  font-size: 0.9em;
}

#header .topbar .topbar-right .search .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 35px;
  text-align: center;
  display: block;
  line-height: 40px;
  color: #52a8d4;
}

#header .topbar .account-icon i{
	margin: 0;
  font-size: 1.5em;
  vertical-align: middle;
}

#header .topbar .languages{
 	position: relative;
  vertical-align: middle;
}

#header .topbar .languages:hover{
  background-color: #dadada;
}

#header .topbar .languages:hover ul {
  display: block;
}

#header .topbar .languages ul {
  position: absolute;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #f7f7f7;
  display: none;
  left: 0;
  width: 63px;
  line-height: 30px;
  z-index: 1000;
  text-align: center;
}

#header .topbar .languages ul li {
  padding: 0 13px;
}

#header .topbar .languages span{
	text-transform: uppercase; 
}

#header .topbar .topbar-left .menu-text-md{
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  position: relative;
  top: -3px; 
}



#header .main-header {
	padding:20px 0px;
  background:#fff;
}

#header .main-header .logo img {
	width:100%;
  max-width: 150px;
}

#header .main-header .hallmark img {
	height:40px;
}

#header .main-header .cart .icon {
  font-size: 23px;
  position: relative;
  color: #000;
  display:inline-block;
  vertical-align:middle;
}

#header .main-header .cart .icon .items {
  position: absolute;
  right: -10px;
  top: 0;
  width: 19px;
  height: 19px;
  line-height: 16px;
  background: #52a8d4;
  font-size: 11px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  border-radius: 100%;
  border: 2px solid #52a8d4;
}

#header .main-header .cart .text {
	margin-left:10px;
  font-size:16px;
  color:#000;
  display:inline-block;
  vertical-align:middle;
  font-weight:800;
}

#header .main-header .cart .text i {
	margin-left:7px;
  color:#000;
  font-size:12px;
}

#header .main-menu {
	background:#c660c2;
  font-weight:bold;
  letter-spacing:.05em;
  font-weight: 600;
  font-size: .95em;
  text-align: center;
}
#header .main-menu.fixed {
	position:fixed;
  width:100%;
	top:0px;
  z-index:9999999;
}

#header .main-menu a {
	color:#fff;
  /*color:#036;*/
}

#header .main-menu ul {
	margin:0;
  padding:0;
  list-style:none;
}

#header .main-menu ul li {
	display:inline-block;
  position: relative;
}

#header .main-menu ul li a {
	display:block;
  margin:0;
  padding:15px 20px;
}

#header .main-menu ul li a.home {
	font-size:1.2em;
	padding: 13px 20px;	
} 

#header .main-menu ul li a.active,
#header .main-menu ul li a:hover {
	background:rgba(0,0,0,0.1);
}

#header .main-menu ul li.help {
	float:right;
}

#header .main-menu ul li.help a {
  color: #fff;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  padding: 15px 30px;
  background: rgba(0,0,0,0.05);
  font-weight:800;
}

#header .main-menu ul li.help i {
	margin-right:10px;
}

#header .main-menu ul.subs {
  position: absolute;
  z-index: 99999;
  background-color: #fff;
  border:1px solid #eee;
  border-bottom:0px;
  line-height: initial;
  display: none;
}
#header .main-menu ul li:hover ul.subs {
	display:block;
}
#header .main-menu ul.subs li {
	display:block;
  white-space: nowrap;
  text-align: left;
}
#header .main-menu ul.subs li a {
  padding: 7px 20px;
  border-bottom: 1px solid #eee;
  color: #333;
}
#header .main-menu ul.subs li a:hover .title {
	color:#333;
}
#header .main-menu ul.subs li .image {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}
#header .main-menu ul.subs li .image.no-image {
	background-color:#f4f4f4;
}
#header .main-menu ul.subs li .title {
  display: inline-block;
  line-height: 32px;
}
#header .main-menu ul.subs li:hover a {
	color:#fff;
}

#header .main-menu .informatie-li{
  background-color: rgba(0,0,0,0.2);
}

#header .header-usp {
  padding: 15px 0px;
  border-bottom: 1px solid #f2f2f2;
  font-size:.85em;
  color:#757575;
}

#header .header-usp ul {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-content: stretch;
  -webkit-align-content: stretch;
  -o-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -10px;
  padding:0;
  list-style:none;
}

#header .header-usp ul li {
  -moz-flex-grow: 4;
  -webkit-flex-grow: 4;
  -o-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
  padding: 0px 10px;
  text-align:center;
}

#header .header-usp ul li:first-child {
	text-align:left;
}

#header .header-usp ul li:last-child {
	text-align:right;
}

#header .header-usp ul li i {
	margin-right:7px;
  color:#27ae60;
}


#header .cart {
  position:relative;
}
#header .cart .cart-align{
  display: inline-block;
}
#header .cart .cart .open-cart {
  cursor:pointer;
}
.cart-wrap-outer {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.cart-wrap-inner {
  position: relative;
}
#header .cart .cart-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  width: 450px;
  background-color: #fff;
  padding: 10px 15px;
  border: 1px solid #efefef;
  z-index: 9999;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  text-align:left;
  font-size:13px;
}
#header .cart:hover .cart-dropdown,
#header .cart .cart-dropdown.active {
  opacity: 1;
  visibility: visible;
}
#header .cart .cart-dropdown .cart-title {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px;
  border-bottom: 1px solid #efefef;
  color: #52a8d4;
  line-height: 22px;
  font-size: 1.4em;
}
#header .cart .cart-dropdown .cart-title .items {
  float: right;
  font-size: 11px;
  font-weight: normal;
  line-height: 22px;
  color: #c1c198;
  display: inherit;
  background: transparent;
  width: auto;
  height: auto;
}
#header .cart .cart-dropdown .cart-products {
  width:100%;
}
#header .cart .cart-dropdown .empty-cart {
  padding-top: 15px;
  padding-bottom: 10px;
  font-style: italic;
  font-size: 12px;
  color:#9a978e;
}
#header .cart .cart-dropdown .cart-products .product .info {
  font-size: 13px;
}
#header .cart .cart-dropdown a {
  padding:0;
  color:#fff;
}
#header .cart .cart-dropdown a.delete {
  color: #52a8d4;
  font-size: 1.2em;
}
#header .cart .cart-dropdown .cart-products .product .info a.title {
  padding: 0;
  font-size: 1.1em;
  font-weight:bold;
  line-height: 20px;
  display: block;
	color: #333;
}
#header .cart .cart-dropdown .cart-products .product .info .cart-variant {
	color:#888;
}
#header .cart .cart-dropdown .cart-products .product .info a.title .qty {
  font-size:11px;
  color:#333;
  margin-left:4px;
}
#header .cart .cart-dropdown .cart-products .product .info .price {
  color:#002448;
  line-height: 30px;
  font-weight: 600;
  font-size: 1.15em;
}
#header .cart .cart-dropdown table.cart-products td {
  padding: 10px 0px;
  padding-right: 15px;
  border-bottom: 1px solid #e6e6e6;
}
#header .cart .cart-dropdown table.cart-products td:first-child {
  padding-left: 0;
}
#header .cart .cart-dropdown table.cart-products td:last-child {
  padding-right: 0;
}
#header .cart .cart-dropdown table.total {
  margin-top:15px;
  width:100%;
  text-align:left;
  font-size:15px;
	color: #333;
  display: table;
}
#header .cart .cart-dropdown table.total td:last-child {
  text-align:right;
}
#header .cart .cart-dropdown table.total span {
  font-weight:600;
  color:#333;
  font-size:1.4em;
  margin-left: 10px;
}
#header .cart .cart-dropdown a.btn {
  display: block;
}
#header .cart .cart-dropdown a.btn:hover {
  color:#fff;
}
#header .cart .cart-icon {
	position: relative;
}
#header .cart .cart-icon .cart-quantity {
  position: absolute;
	top: -5px;
  right: -8px;
  background-color: #16a085;
  width: 15px;
  text-align: center;
  height: 15px;
  line-height: 15px;
  font-size: 0.75em;
  border-radius: 50px;
  font-weight: bold;
}
#header .cart .cart-total {
	margin-left: 12px;
  font-size: 0.9em;
  color:#002448;
}




.headlines{
  height:550px;
	background: url(headline1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.headlines .align {
	background:rgba(0,0,0,0.15)
}

.headlines .text-wrap {
  display: inline-block;
  padding: 30px;
  max-width:600px;
}

.headlines .title {
  font-size: 3em;
  color:#fff;
}

.headlines .subtitle {
  font-size: 1.2em;
  line-height: 1.8em;
  margin-top: 10px;
  color: #fff;
}

.headlines .link {
	margin-top:25px;
}

.headlines .normal-link {
  font-size: 0.9em;
  font-weight: 800;
  color:#fff;
}

.headlines .normal-link i {
	margin-left:7px;
}

.title-featured {
	margin-bottom:50px;
}

.title-featured .title {
	font-size:2.2em;
  margin:0;
}

.home-products {
	padding:70px 0px;
}

.products {
	margin:-15px;
}

.products.list-products {
	margin:0;
}

.products .product {
	padding:15px;
}

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

.products .line {
	height:1px;
  width:100%;
  background:#eee;
  clear:both;
}

.products .product img {
	width:100%;
}

.products .product .image-wrap {
	padding:5%;
  position:relative;
}

.products .list-product .image-wrap {
	position:relative;
}

.products .product .product-label,
#productpage .product-label,
.products .list-product .product-label {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #eee;
  font-size: 10px;
  text-transform: uppercase;
  padding: 3px 5px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.products .product .product-label.nieuw,
#productpage .product-label.nieuw {
	background:#27ae60;
  color:#fff;
}

.products .product .product-label.aanbieding,
.products .product .product-label.afgeprijsd,
#productpage .product-label.aanbieding,
#productpage .product-label.afgeprijsd {
	background:#003366;
  color:#fff;
}

.products .product .info {
	text-align:center;
  height: 57px;
}

.products .product .info .btn {
  width:100%;
}

.products .product .info .link {
  font-size: 0.9em;
  font-weight: 800;
  display: block;
  text-align: center;
  margin-top: 10px;
  /*color: #52a8d4;*/
}

.products .product .info .link i {
	margin-left:7px;
}

.products .product .info .title {
	font-weight:700;
}

.products .product .info .price {
	font-size:12px;
  font-weight:600;
  color:#c660c2;
}

.products .product .info .price .old-price {
	color:#aaa;
  text-decoration:line-through;
  margin-right:5px;
  font-size:90%;
}

.products .product .top-info {
  text-align:center;
}

.products .product .top-info .title {
  font-size:1.2em;	
  font-weight:bold;
}


.products .list-product .image {
	width:170px;
  padding-right:30px;
}

.products .list-product .image img {
	width:100%;
}

.products .list-product .info a.title {
	font-size:1.2em;
  font-weight:bold;
}

.products .list-product .info .description {
  color: #757575;
  line-height: 22px;
  margin-top: 5px;
}

.products .list-product .product-wrap {
  padding:30px 0px;
  border-top: 1px solid #eee;
}

.products .list-product .bottom-info {
	margin-top:10px;
}

.products .list-product .info .price {
  font-size: 22px;
  font-weight: bold;
  color: #52a8d4;
}

.products .list-product .info .price .ex {
	font-size:13px;
  font-weight:normal;
  margin-left:5px;
  color:#757575;
}

.home-blog {
	padding:70px 0px;
  background:#f2f2f2;
}

.home-blog .articles {
	margin:-10px;
}

.home-blog .articles img {
	width:100%;
}

.home-blog .articles .article {
	padding:10px;
}

.home-blog .articles .article .image-wrap {
	width:150px;
  position:relative;
}

.home-blog .articles .article .date {
  position: absolute;
  left: 0;
  top: 10px;
  background: #003366;
  color: #fff;
  padding: 5px;
  font-weight: 800;
  font-size: 0.8em;
}

.home-blog .articles .article .info {
	padding:20px;
  background:#fff;
}

.home-blog .articles .article .info .title {
  color: #000;
}

.home-blog .articles .article .info .sum {
  color: #757575;
  font-size: .85em;
  max-height: 35px;
  overflow: hidden;
  margin-top: 5px;
}

.home-blog .articles .article .info .link a {
  font-size: 0.8em;
  font-weight: 800;
}

.home-blog .view-all {
	margin-top:50px;
}

#collection,
#catalog,
#brands,
#textpage {
	padding-bottom:100px;
}

#catalog .categories .category .wrap.no-image {
  border: 1px solid #eee;
}

.sidebar .help {
  padding: 30px;
  background: #52a8d4;
  color: #fff;
  margin-bottom: 20px;
}

.sidebar .help .title {
	font-size:1.5em;
}

.sidebar .help .title span {
	font-weight:normal;
}

.sidebar .help .button {
	margin-top:15px;
}

.sidebar a {
	color:#000;
}
.sidebar ul.side-cats ul a {
	color:#757575;
}
.sidebar ul.side-cats {margin:0;list-style:none;padding:0;font-weight:bold;margin-bottom:30px;}
.sidebar ul.side-cats li {position:relative;}
.sidebar ul.side-cats li > a {display:block;padding:0;min-height:50px;line-height:50px;padding-right:55px;border-bottom:1px solid #f2f2f2;}
.sidebar ul.side-cats li:first-child > a {
	border-top:1px solid #f2f2f2;
}
.sidebar ul.side-cats ul li:first-child > a {
	border-top:0;
}
.sidebar ul.side-cats li.active  >a {color:#003366;}
.sidebar ul.side-cats ul li a {height:auto;line-height:normal;border:none;padding:5px 0px;min-height:0;}
.sidebar ul.side-cats ul {list-style:none;padding:15px 0px;margin:0;border-bottom:1px solid #f2f2f2;font-weight:normal;font-size:14px;display:none;}
.sidebar ul.side-cats ul.active {display:block;}
.sidebar ul.side-cats ul ul {border:none;padding:5px 0px;padding-left:15px;display:none;}
.sidebar ul.side-cats ul ul.active {display:block;}
.sidebar ul.side-cats ul ul li a {color:#8a8a8a;}
.sidebar ul.side-cats li .more-cats {position:absolute;right:0;top:0;height:50px;width:50px;text-align:center;line-height:50px;color:#003366;z-index:99;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;}
.sidebar ul.side-cats ul li .more-cats {height:27px;width:27px;line-height:27px;}
.sidebar ul.side-cats li > .more-cats .plus-min {width:10px;height:10px;display:inline-block;position:relative;}
.sidebar ul.side-cats li > .more-cats .plus-min:before,.sidebar ul.side-cats li > .more-cats .plus-min:after {display:block;content:'';width:10px;height:2px;background:#003366;position:absolute;top:50%;margin-top:-1px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.sidebar ul.side-cats li > .more-cats .plus-min:after {transform:rotate(90deg);}
.sidebar ul.side-cats li.active > .more-cats .plus-min:after {transform:rotate(0deg);opacity:0;}

.sidebar .filters .checkbox span {
	font-size:11px;
  color:#7b7b7b;
}

.sidebar .filters .filter-outer {
	padding:30px;
  background:#f9f9f9;
  margin-bottom:30px;
}

/*
.sidebar .filters .filter-wrap {
	max-height:130px;
  overflow:hidden;
}
*/

.sidebar .filters .filter-wrap.active {
	max-height:none;
}

.sidebar .filters .checkbox {
	display:block;
  margin:0;
  padding:3px 0px;
}

.sidebar .filters .more-filters {
	font-size:12px;
  font-weight:bold;
  margin-top:10px;
  display:block;
}

.ui.checkbox .box:before, .ui.checkbox label:before {
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 1px solid #ebebeb !important;
}

.ui.checkbox .box, .ui.checkbox label {
	font-size:13px;
  line-height:20px;
  height:20px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left:30px;
}

.ui.checkbox .box:after, .ui.checkbox label:after {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  color: #003366 !important;
}

.sidebar .filters .checkbox span {
	font-size:11px;
  color:#7b7b7b;
}

.sidebar .filters .filter-title,
.sidebar .sidebar-title {
	margin-bottom:15px;
  font-size:1.3em;
}

.sidebar .shipping-info,
.sidebar .reviews {
	padding:30px;
  background:#f9f9f9;
  margin-bottom:20px;
}

.sidebar .shipping-info ul {
	margin:-5px 0px;;
  padding:0;
  list-style:none;
  line-height:22px;
  color:#959595;
}

.sidebar .shipping-info ul li {
	padding:5px 0px;
}

.sidebar .shipping-info .icon {
	width:30px;
  font-size:15px;
  color:#52a8d4;
}

.sidebar .reviews .review-text {
	font-size:1.2em
}

.sidebar .reviews .review-text strong {
	color:#52a8d4;
}

.sidebar .reviews .stars {
  font-size: 1.2em;
  margin-top: 5px;
}

.sidebar .reviews .stars i {
	margin-right:3px;
}

.sidebar .reviews .stars i.yellow {
	color:#f2cb0b;
}

.sidebar .category-links a {
  display: block;
  font-size: 13px;
  line-height: 26px;
}
.sidebar .category-links a span {
    font-size: 11px;
    color: #7b7b7b;
}

.breadcrumbs {
  font-size: 12px;
  margin-bottom: 20px;
  padding-top: 20px;
  color: #7b7b7b;
}

.breadcrumbs a {
	color:#7b7b7b;
}

.breadcrumbs i {
	margin:0px 10px;
}

.cart, .hallmark, .logo{
  width: calc(100%/3);
}

.fw-category-image{
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fw-category-image .fw-category-image-inner{
	height: 300px;
  background-color: rgba(0,0,0,.3);
}

.fw-category-image .fw-category-image-inner .title-block{
  text-align: center;
  padding: 125px 0;
}

.fw-category-image .fw-category-image-inner .title-block .title {
  font-size: 3em;
  color:#fff;
  margin: 0;
}

.collection-head .title,
.collection-foot .title{
  margin: 0;
  font-size: 2em;
}

.collection-head .content,
.collection-foot .content {
	line-height:1.8em;
  color:#757575;
  margin-top:10px;
}

.collection-head .link {
	margin-top:10px;
}

.collection-head .link a {
  font-size: 0.9em;
  font-weight: 800;
}

.collection-head .link a i {
	margin-left:7px;
}

.collection-head {
	margin-bottom:40px;
}

.collection-foot {
	margin-top:40px;
}

.no-products-found {
	padding-top: 30px;
  font-style: italic;
}

.sort {
  margin-bottom: 10px;
}

.sort.sort-top {
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  margin-bottom:30px;
}

.sort.bottom {
  margin-bottom: 0;
  padding-top:10px;
  border-top:1px solid #eee;
  background: transparent;
  margin-top:30px;
}

.sort.sort-bottom {
	margin-top:30px;
  margin-bottom:0;
  padding-top:10px;
  border-top:1px solid #ebebeb;
}

.ui.selection.dropdown {
  height: 35px;
  line-height: 35px;
  border: 1px solid #ebebeb!important;
  border-radius: 0;
  padding: 0px 10px;
  padding-right: 70px;
  font-size: 13px;
  color: #7d7d7d;
  min-width:0;
  background:#fff;
}

.ui.selection.dropdown>.dropdown.icon {
  padding: 0;
  margin: 0;
  height: 33px;
  width: 33px;
  text-align: center;
  right: 0px;
  top: 0px;
  background: #ebebeb;
  color: #000;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 33px;
}

.ui.dropdown>.dropdown.icon:before {
  content: "\f107";
}

.sort select {
  height:35px;
}

.sort .modes {
  display:inline-block;
  vertical-align:top;
  margin-left:20px;
}

.sort .modes .mode {
  display: inline-block;
  height: 35px;
  width: 36px;
  line-height: 35px;
  text-align: center;
  background: #f5f5f2;
  margin-left:5px;
  color:#ccc;
}

.sort .modes .mode.active,
.sort .modes .mode:hover {
  color:#600b1f;
}

.sort .custom-pager ul {
	list-style:none;
  margin:0;
  padding:0;
  font-size:12px;
}

.sort .custom-pager ul li {
	display:inline-block;
  padding:0px 3px;
}

.sort .custom-pager ul li a {
	display:block;
  height:35px;
  line-height:33px;
  padding:0px 7px;
  background:#fff;
  border:1px solid #ebebeb;
  color:#7b7b7b;
}

.sort .custom-pager ul li.active a {
	font-weight:bold;
}

.sort .custom-pager ul li.next a,
.sort .custom-pager ul li.prev a {
	color:#003366;
}

.sort .pager-text {
	display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #ebebeb;
  font-weight:bold;
  color:#c660c2;
  font-size:12px;
}

.sort .per-page {
	display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  font-size:12px;
}

#footer  {
	background:#f7f7f7;
  color:#757575;
  line-height:25px;
}

#footer a {
	color:#757575;
}

#footer .main-footer {
	padding:50px 0px;
}

#footer .footer-title {
	font-size:1.1em;
  height:35px;
  color:#c660c2;
}

#footer .footer-logo {
	height:35px;
}

#footer .footer-title,
#footer .footer-logo {
	margin-bottom:25px;
  margin-top:20px;
}

#footer .footer-logo img {
	height:100%;
}

#footer .main-footer ul {
	margin:0;
  padding:0;
  list-style:none;
  padding-bottom:20px;
}

#footer .main-footer form,
#footer .main-footer p {
	padding-bottom:20px;
  margin:0;
}

#footer .main-footer ul.contact li span {
  font-weight: 800;
  margin-right: 5px;
  color: #52a8d4;
  width: 20px;
  display: inline-block;
  font-size: 12px;
}

#footer .main-footer form {
	position:relative;
}

#footer .main-footer form input {
  width: 100%;
  height: 50px;
  border: none;
  padding: 0px 15px;
  outline: none;
}

#footer .main-footer form .btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 16px;
  background: #52a8d4;
}

#footer .main-footer .socials {
	padding-bottom:20px;
  margin:-5px;
}

#footer .main-footer .socials a {
  display: inline-block;
  border-radius: 100%;
  margin: 10px;
  text-align: center;
  font-size: 22px;
  color: #52a8d4;
}

#footer .footer-bottom {
	padding:30px 0px;
  border-top:1px solid rgba(0,0,0,0.05);
  font-size:.8em;
}

#footer .footer-bottom .payments img {
	/*width:55px;*/
  height:33px;
}

#footer .need-help {
  padding: 50px 0px;
  background: #52a8d4;
  color: #fff;
}

#footer .need-help .title {
	display:inline-block;
  font-size: 1.7em;
  vertical-align:middle;
  margin-right:30px;
}

#footer .need-help .title span {
	font-weight:normal;
}

#footer .need-help .btn {
	color:#fff;
  vertical-align:middle;
}

.home-brands {
	padding:50px 0px;
  border-top:1px solid #f2f2f2;
}

.home-brands .brands {
	text-align:center;
}

.home-brands .brands .brand {
	display:inline-block;
  max-width:12.5%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity:.6;
}

.home-brands .brands .brand a {
	display:block;
  padding: 5% 15%;
}

.home-brands .brands .brand img {
	width:100%;
}

.home-usp .icon {
  font-size: 40px;
  color: rgba(0,0,0,.15);
  width: 65px;
}

.home-usp .text {
  font-size: 1.2em;
  color: #003366;
}

.home-usp .text strong {
  color: #52a8d4;
}

.home-usp  {
  padding: 30px 0px;
  background: #f7f7f7;
}

/*
.home-usp .wrap {
  padding: 20px 30px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 6px 32px 0 rgba(0,0,0,.1);
  box-shadow: 0 6px 32px 0 rgba(0,0,0,.1);
}
*/

.home-usp ul {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -moz-align-content: stretch;
  -webkit-align-content: stretch;
  -o-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -10px;
  list-style:none;
  padding:0;
}

.home-usp ul li {
  -moz-flex-grow: 4;
  -webkit-flex-grow: 4;
  -o-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
  padding: 0px 10px;
}

.home-info {
	padding:70px 0px;
  background:#f9f9f9;
}

.home-info .text {
	font-size:1.1em;
  line-height:25px;
  color:#959595;
}

.home-info h2 {
	margin:0;
  margin-bottom:30px;
  font-size:1.8em;
  color: #000;
}

.home-info .buttons,
.home-text .buttons {
	margin-top:30px;
}

.home-info .buttons a.btn {
  margin-right: 20px;
  width: 200px;
}

.categories {
	margin:-7px;
}

.categories .category {
	padding:7px;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.categories .category img {
	width:100%;
}

.categories .category .wrap {
	display:block;
  position:relative;
}

.categories .category .cat-label {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: #52a8d4;
  padding: 5px 10px;
  color: #fff;
  font-size: .95em;
  text-transform: uppercase;
  font-weight: bold;
}
.categories .category.hover {
	opacity:0.7;
}

.home-categories {
	padding:70px 0px;
}

.home-info .review-text {
	font-size:1.8em;
}

.home-info .review-text strong {
	color:#52a8d4;
}

.home-info .stars {
  font-size: 1.8em;
  color: #f2cb0b;
  margin-top: 5px;
}

.home-info .stars i {
	margin-right:5px;
}

.home-info .stars i.yellow {
	color: #f2cb0b;
}

.home-info .hallmark {
	margin-top:50px;
  width:200px;
}

.home-info .hallmark img {
	width:100%;
}

.home-text {
	padding:70px 0px;
}

.home-text .title {
	margin:0;
  margin-bottom:30px;
  font-size:2em;
}

.home-text .text {
  font-size: 1.1em;
  line-height: 25px;
  color: #547595;
}

.home-text .image {
  width: 400px;
  padding-left: 100px;
}

.home-text .image img {
	width:100%;
}

#header .topbar .open-menu i {
	color:#fff;
  font-size: 21px;
  margin-right:0px;
}


body.no-scroll {
	overflow: hidden;
	position: fixed;
  width:100%;
}
.body-wrap {
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}
.body-wrap.menu-open {
  -ms-transform: translate(300px, 0px);
  -webkit-transform: translate(300px, 0px);
  transform: translate(300px, 0px);
}
.total-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 9999999;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity:0;
  visibility:hidden;
}
.total-overlay.menu-open {
  opacity:1;
  visibility:visible;
}
.mobile-menu {
  position:absolute;
  left:0;
  top:0;
  width:300px;
  height:100%;
  z-index:999999999;
  background:#c660c2;
  position:fixed;
  -ms-transform: translate(-300px, 0px); /* IE 9 */
  -webkit-transform: translate(-300px, 0px); /* Safari */
  transform: translate(-300px, 0px);
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  overflow-y:scroll;
}
.mobile-menu.menu-open {
  -ms-transform: translate(0px, 0px); /* IE 9 */
  -webkit-transform: translate(0px, 0px); /* Safari */
  transform: translate(0px, 0px);
}
.mobile-menu .logo {
  padding:15px;
  background: #f9f9f9;
}
.mobile-menu .logo img {
  height:30px;
}
.mobile-menu .mobile-main-menu ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
}
.mobile-menu .mobile-main-menu ul ul {
  font-weight:normal;
  display:none;
}
.mobile-menu .mobile-main-menu ul li ul.active {
  display:block;
}
.mobile-menu .mobile-main-menu ul li {
  position:relative;
}
.mobile-menu .mobile-main-menu ul li a {
  height:50px;
  line-height:50px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display:block;
  padding:0px 15px;
  color:#fff;
}
.mobile-menu .mobile-main-menu ul ul li > a {
  padding-left:25px;
}
.mobile-menu .mobile-main-menu ul ul ul {
  background: rgba(255,255,255,0.1);
}
.mobile-menu .mobile-main-menu ul ul ul li > a {
  text-transform:none;
  color:#eee;
  height:35px;
  line-height:35px;
  font-size:12px;
}
.mobile-menu .mobile-main-menu ul li.active > a {
  background: rgba(0,0,0,0.15);
}
.mobile-menu .mobile-main-menu ul li .more-cats {
  position:absolute;
  right:0;
  top:0;
  color:#fff;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  cursor:pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.mobile-menu .mobile-main-menu ul li.active > .more-cats {
  -ms-transform: rotate(90deg); 
  -webkit-transform: rotate(90deg); 
  transform: rotate(90deg); 
}

.banner-row {
	margin:-5px;
}

.banner-col {
	padding:5px;
}

.banners {
	padding:50px 0px;
}

.banners .banner .text-wrap {
  display: inline-block;
  padding: 20px 25px;
}

.banners .banner .title {
	font-size:2em;
}

.banners .banner .title{
	color:#000;
}

.banners .banner.banner-1 .subtitle,
.banners .banner.banner-3 .subtitle{
	color:#52a8d4;
}

.banners .banner.banner-2 .subtitle,
.banners .banner.banner-4 .subtitle{
	color:#c660c2;
}

.banners .banner .subtitle {
	font-size:1.1em;
}

.banners .banner.banner-1 {
	background: url(home-banner-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}

.banners .banner.banner-2 {
	background: url(home-banner-2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}

.banners .banner.banner-3 {
	background: url(home-banner-3.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#646565;
}

.banners .banner.banner-4 {
	background: url(home-banner-4.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}


.banners .banner.banner-1,
.banners .banner.banner-2,
.banners .banner.banner-3,
.banners .banner.banner-4{
	height:500px;
}

/*
.banners .banner.no-image {
  background: inherit;
	background-color:#f4f4f4;
}
*/

#size-popup {
	padding:0;
  display:none;
}

#size-popup .image img {
	width:150px;
}

#size-popup .image {
	padding:15px 50px;
  background:#000;
}

#size-popup .info {
	padding:30px;
  width:400px;
}

#size-popup .inputs {
	margin:-8px;
}

#size-popup .inputs .input {
	padding:8px;
}

#size-popup .inputs .input .wrap {
	position:relative;
}

#size-popup .inputs .input input {
	width:100%;
  display:block;
  height:40px;
  border:1px solid #eee;
  padding:0px 10px;
  outline:none;
  padding-left:40px;
}

#size-popup .inputs .input input.error {
	border-color:red;
}

#size-popup .inputs .input label {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  opacity: .5;
}

#size-popup .inputs .input .input-title {
  margin-bottom: 5px;
  font-size: 12px;
}

.chosen-size {
	margin-bottom: 30px;
  padding: 30px;
  background: #f7f7f7;
  border-top: 1px solid #eee;
}

.chosen-size label {
	font-weight: bold !important;
  color: #c75fc2;
}

@media (min-width: 1200px) {
  .container {
  	width:100%;
    max-width:1500px;
    padding:0px 50px;
  }
}

@media (min-width: 1100px) {
  .col-lg-20 {
  	width:20%;
    padding-left:15px;
    padding-right:15px;
    float:left;
  }
}


@media (max-width: 1199px) {
  #header {
    border-bottom: 1px solid #f7f7f7;
  }
  #header .topbar{
    position: relative;
  }
  #header .topbar .open-menu{
    display: inline-block;
  	padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    background-color: #c660c2;
  }
  #header .main-header {
    padding: 20px 0px;
  }
  #header .topbar .topbar-right{
  	padding-top: 3px; 
  }
  .headlines{
    height: 350px;
  }
  .home-info .buttons a.btn {
  	margin-top:10px;
  }
  #collection, #catalog, #brands, #textpage {
    padding-bottom: 50px;
	}
  #productpage .product-info {
  	padding:0px;
  }
  #productpage .bottom-product-info .tabs-wrap .page {
    padding-left: 25px;
  }
  #productpage {
  	padding-bottom:30px;
  }
  .main-content .banners .banner{
  	height: 300px;
    background-size: contain;
  }
  .banners .banner .title{
    font-size: 1.5em;
  }
}

@media (max-width: 991px) {
  #header .topbar .container {
  	padding:0px;
    width:100%;
  }
  #header .topbar{
    text-align: center;
  }
  #header .topbar .topbar-right{
  	float: unset; 
  }
  #header .topbar ul li.dark {
  	float:right;
  }
  #header .main-header {
    padding: 15px 0px;
  }
  .home-usp ul li {
  	width:50%;
  }
  .headlines .normal-link {
    font-size: 1.4em;
  }
  .title-featured .title,
  #productpage .title-featured .title {
    font-size: 1.8em;
  }
  .home-products,
  .home-info,
  .home-categories,
  .home-text,
  #footer .need-help,
  #footer .main-footer,
  #productpage .bottom-product-info {
    padding: 40px 0px;
	}
  .home-info .buttons, .home-text .buttons {
     margin-top: 0px;
	}
  .home-info .shop-reviews {
  	padding-top: 30px;
  }
	.home-text .image {
    width: 300px;
  }
  #productpage .product-info {
    padding: 40px 0px 0px;
	}
  #productpage .bottom-product-info .tabs {
  	max-width:inherit;
  }
  #productpage .bottom-product-info .tabs-wrap .page {
    padding-left: 0px;
    padding-top: 25px;
    font-size: 1em;
  }
  .sidebar {
  	padding-bottom: 20px;
  }
  #collection, #catalog, #brands, #textpage {
    padding-bottom: 40px;
	}
  #header .main-header .open-menu i {
    font-size: 21px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
  .home-products .products .product.last{
  	display: none !important;
	}
}

@media (max-width: 767px) {
  #header .topbar ul{
    margin: 0;
  }
  #header .main-header .logo {
  	width:150px;
  }
  #header .main-header .cart .icon{
    margin-right: 10px;
  }
  .open-menu{
  	width: calc(100%/3);
	}
  .headlines{
  	height: 250px; 
  }
  .headlines .text-wrap {
  	padding:0px;
  }
  .headlines .title {
  	font-size:2em;
  }
  .headlines .subtitle {
    font-size: 1em; 
  }
  .headlines .item {
    height: 350px;
	}
  .title-featured .title,
  #productpage .title-featured .title {
    font-size: 1.6em;
  }
  .home-usp ul li {
  	width:100%;
  }
  .breadcrumbs{
    display: none;
  }
  .home-products,
  .home-info,
  .home-categories,
  .home-text,
  #footer .need-help,
  #footer .main-footer,
  #productpage .bottom-product-info {
    padding: 30px 0px;
	}
  .products {
  	margin: 15px 15px;
  }
  .products .product {
    padding: 0px 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
	}
  .products .product:last-child {
  	border-bottom:0px;
    margin-bottom:0px;
    padding-bottom:0px;
  }
  .home-info .title,
  .home-text .title {
  	font-size: 1.3em;
  }
  .home-info .text {
    font-size: 1em;
  }
  .home-info .buttons a.btn {
  	margin-bottom:15px;
  }
  .home-text .image {
    width:100%;
    padding-left: 0px;
    padding:30px;
	}
  .banners {
		padding:15px 0px;
	}
  #footer .need-help .title {
  	display:block;
    margin-right:0px;
    margin-bottom: 15px;
  }
  #footer .footer-bottom .payments {
  	text-align:left !important;
  }
  #footer .footer-bottom .payments img {
  	height:25px;
  }
  #collection, #catalog, #brands, #textpage {
    padding-bottom: 30px;
	}
  .collection-head {
    margin-bottom: 30px;
	}
  .sidebar .help {
    padding: 15px 30px;
  }
  .home-text .align-middle,
  #footer .footer-bottom .align-middle,
  .products .list-product .bottom-info .align-middle,
  .product-info .colors-wrap .align-middle {
  	display:block;
  }
  .products .list-product .bottom-info .button {
  	text-align:left !important;
    margin-top: 15px;
  }
  .products .list-product .image {
    width: 130px;
  }
  .products .list-product .product-label {
    top: -15px;
    right: -10px;
  }
  #productpage .product-info {
    padding: 30px 0px 0px;
	}
  #productpage .product-info .stock-label {
  	padding: 5px 5px;
    font-size:0.6em;
  }
  .shopmonkey-colors .more {
  	margin-left:0px;
  }
  #productpage .related-products {
  	margin-top:30px;
  }
  #productpage .product-info .order .buttons{
  	width: calc(100% - 70px);
  }
  #productpage .product-info .order .buttons .btn i {
    margin-right: 0px;
	}
  #header .cart {
  	position:unset;
  }
  #header .main-header {
  	position:relative;
  }
  #header .cart .cart-dropdown {
  	width:100%;
  }
	#productpage .product-info .ui.selection.dropdown{
    width: 100%;
  }
  #productpage .product-info .variants-block{
    padding: 20px;
  }
  #productpage .product-info .variants-block .size-btn {
    width: unset;
		margin-top: 20px;
	}
  #productpage .product-info .variants-block .tailor-btn,
  #productpage .product-info .variants-block .variant-or-tailor{
    margin-top: 20px;
	}
  #productpage .product-info .tailor-btn a, #productpage .product-info .size-btn a{
    padding: 0 15%;
    width: 100%;
  }
  #productpage .product-info .tailor-btn a{
    display: block;
    float: unset;
  }
  #productpage .product-info .size-btn.mobile{
    display: block;
    margin-bottom: 30px;
    float: unset;
  }
  #size-popup .image {
    padding: 0;
	}
}