/*
div#header,
#top-bar,
#filter-toggle,
#feedbackButton,
.btn-side {display:none !important;}*/


html    {font-size: 10px;}

.html-overflow {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

body    {
	font-family: "Open Sans", Helvetica,Arial,sans-serif;
	font-size: 1.6rem;
	line-height: 1.7em;
	color:#003554;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-smooth: always;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}
main {
	 padding-bottom: 2rem;
}
/* CHANGE WEBSITE SIZE < 768 PX */
@media (max-width: 767px) {
	html {font-size: 9px;} 
} 
.popover {
	font-family: "Open Sans", Helvetica,Arial,sans-serif;
	font-size: 1.4rem;
	line-height: 1.4em;
	color:#003554;
}
.tooltip {
	font-family: "Open Sans", Helvetica,Arial,sans-serif;
	font-size: 1.4rem;
	line-height: 1.4em;
	opacity: 1 !important;
}

.badge {background-color:#00416D;}


h1,h2,h3,h4 {
	color:#00416D;
}
p   {margin: 0 0 1em;}
ul  {margin:0;}
a   {color:#0088e3;}
h1  {font-size:3.4rem;margin-bottom: 0.5em;line-height: 1.1em;font-weight: 700;}
h2, .h2     {font-size: 2.2rem;font-weight: 700;margin-bottom: .75em;}
h3  {font-size: 2rem;font-weight: 600;margin-bottom: 0.75em;margin-top: 1.5em;line-height: 1.2em; /*margin-bottom: 0.75rem;margin-top: 1.5rem;*/}
h4, .h4  {font-size: 1.8rem;font-weight: 600;line-height: 1.2em;margin-top: 1.5rem;}

h2 small {
	font-size: 70%;
	font-style: italic;
	color: rgba(33, 83, 122, 0.75);
}

.fw-400 {font-weight: 400 !important;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

.text-italic    {font-style: italic;}
.nowrap         {white-space: nowrap;}

.text-truncate {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
}
.text-truncate-multi {
	overflow: hidden;
	text-overflow: ellipsis;  
}
.text-truncate-2 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
	height: 2.6em;
	line-height: 1.3em;
}

.overflow-hidden {overflow: hidden;}

hr {
	border-style: dashed;    
	margin: 1rem 0;
	border-color: #eee;
	border-color:rgba(33, 83, 122, 0.15);
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border:none;
}

a.list-group-item, button.list-group-item {
	color: #003554;
	font-weight: 700;
	font-size: 1.6rem;
}
a.list-group-item:hover {
	background-color: transparent;
}
.list-group-item {
	border-color: #f0f2f5;
}

.banner-space                   {z-index: -99;}

@media (max-width: 767px) {
	.banner-space {
		margin-left: -15px !important;
		margin-right: -15px !important;
/*      margin-top: -10px !important;*/
	}
	.row.banner-space > [class*='col-'] {padding:0 !important;margin-top: 1rem;}
	.row.banner-space > .pa-ri-5  {padding-right:.5rem !important;}
	.row.banner-space > .pa-le-5  {padding-left:.5rem !important;}
}   

.list-group-item i {
	line-height: 1.6em;
}

@media (max-width: 767px) {
	.no-opacity-xs {opacity: 0;}
}

@media (max-width: 1199px) {
	.container {width:100%}
}   

.relative {
	position: relative;
}
.w-100 {
	width:100%;
}

/* -------------------------------------------------- */
/* Colors */
/* -------------------------------------------------- */

.bg-white           {background-color: #fff !important;}
.bg-blue-light      {background-color: rgba(0, 136, 227, 0.05);}
.bg-grey-light      {background-color: rgba(0, 53, 84, 0.05);}
.bg-blue            {background: #0088e3;}
.bg-blue-gradient   {
	background: #0088e3;
	background: -moz-linear-gradient(-45deg,  #0075e3 0%, #009be3 100%);
	background: -webkit-linear-gradient(-45deg,  #0075e3 0%,#009be3 100%);
	background: linear-gradient(135deg,  #0075e3 0%,#009be3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075e3', endColorstr='#009be3',GradientType=1 );
}
.bg-red             {
	background: #f03a47;
}

.text-white         {color:#fff;}
.text-grey          {color:#003554;}
.text-grey-light    {color:rgba(33, 83, 122, 0.5);}

.text-blue          {color:#0088e3 !important;}
.text-green         {color:#00cb56 !important;}
.text-red           {color:#f03a47 !important;}
.text-yellow        {color:#ffa500 !important;}


.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.no-border,
.border-0           {border: 0 !important;}
.border-0-y         {border-top: 0 !important; border-bottom: 0!important;}

.radius-2           {border-radius: .2rem;}
.ma-0               {margin: 0;}
.ma-5               {margin: .5rem;}
.ma-10              {margin: 1rem;}
.ma-15              {margin: 1.5rem;}
.ma-bo-0            {margin-bottom: 0 !important;}
.ma-bo-5            {margin-bottom: .5rem !important;}
.ma-bo-10           {margin-bottom: 1rem !important;}
.ma-bo-15           {margin-bottom: 1.5rem !important;}
.ma-bo-40           {margin-bottom: 4rem;}
.ma-to-40           {margin-top: 4rem;}
.ma-to-20           {margin-top: 2rem;}
.ma-to-25           {margin-top: 2.5rem;}
.ma-to-0            {margin-top: 0 !important;}
.ma-to-5            {margin-top: .5rem !important;}
.ma-bo-25           {margin-bottom: 2.5rem !important;}
.ma-ri-5            {margin-right: .5rem !important;}
.ma-ri-10           {margin-right: 1rem !important;}
.ma-le-5            {margin-left: .5rem;}
.ma-le-20           {margin-left: 2rem;}
.pa-5               {padding:.5rem;}
.pa-10              {padding: 1rem;}
.pa-ri-5            {padding-right:.5rem !important;}
.pa-le-5            {padding-left:.5rem !important;}
.pa-to-10           {padding-top: 1rem;}
.pa-to-15           {padding-top: 1.5rem;}
.pa-to-20           {padding-top: 2rem;}
.pa-le-20           {padding-left: 2rem;}
.pa-0               {padding:0 !important;}
.pa-ri-0            {padding-right:0 !important;}
.pa-ri-20           {padding-right:2rem !important;}

@media (max-width: 767px) {
	.pa-le-15-xs {
		padding-left: 1.5rem;
	}
}

.ma-to-15           {margin-top: 1.5rem;}
.ma-to-30           {margin-top: 3rem;}
.ma-bo-30           {margin-bottom: 3rem;}
.ma-bo-20           {margin-bottom: 2rem;}
.ma-ri-15           {margin-right: 1.5rem;}

.lh-1-4             {line-height: 1.4em;}
.lh-1-3             {line-height: 1.3em;}

/* -------------------------------------------------- */
/* FLEXBOX */
/* -------------------------------------------------- */

.d-flex {
  display: flex;
  -ms-flex: flex;
}
.align-items-center {
  -ms-flex-align: center;
  align-items: center;
}
.justify-content-between {
  justify-content: space-between;
  -ms-flex-pack: justify;
}

/* -------------------------------------------------- */
/* ALERTS (NIEUW) */
/* -------------------------------------------------- */

.alert                  {line-height: 1.4em;}
.alert a                {text-decoration: underline;}

.alert-yellow-light     {color: rgba(255, 192, 1, 1.0);background-color: rrgba(255, 192, 1, 0.2);border-color: rgba(255, 192, 1, 0.5);}
.alert-yellow           {color: #ffffff;background:rgba(255, 192, 1, 1.0);border-color: rgba(255, 192, 1, 1.0);}

.alert-blue-light       {background: rgba(0, 136, 227, 0.05);border-color: rgba(0, 136, 227, 0.1);color:#0088e3;}
.alert-blue             {color: #ffffff;background:#0088e3;border-color:#0088e3;}
.alert-blue-light a     {text-decoration: none;}

.alert-red-light        {color: #f03a47;background-color: rgba(240, 58, 71, 0.2);border-color: transparent;}
.alert-red              {color: #ffffff;background-color: #f03a47;border-color: #f03a47;}
.alert-red-light a      {color:#f03a47;}

.alert-green-light      {color: #008E3C;background-color: rgba(0, 203, 86, 0.2);border-color: transparent;}
.alert-green            {color: #ffffff;background-color: rgba(87, 180, 65, 1.0);border-color: rgba(87, 180, 65, 1.0);}

.alert-orange-light     {color: #f03a47; background-color: rgba(240, 58, 71, 0.2);}
.alert-orange-light a   {color: #f03a47;}
.alert-orange           {color: #ffffff;background-color: rgba(243, 85, 37, 1.0);border-color: rgba(243, 85, 37, 1.0);}

.alert-action-description {
	margin: 20px 0;
	border: none;
	border-left: 6px solid;
	border-radius: 0;
	padding:0 15px;
}
.alert-action-description h4 {
	font-weight:700;
}

/* -------------------------------------------------- */
/* Custom Gutters */
/* -------------------------------------------------- */

.row.gutter-0                       {margin-right:0; margin-left:0;}
.row.gutter-0 > [class*='col-']     {padding-left:0; padding-right:0;}
.row.gutter-0 + .row.gutter-0       {padding-top:0;}

.row.gutter-10                      {margin-right:-.5rem; margin-left:-.5rem;}
.row.gutter-10 > [class*='col-']    {padding-left:.5rem; padding-right:.5rem;}
.row.gutter-10 + .row.gutter-10     {padding-top:1rem;}

.row.gutter-20                      {margin-right:-1rem; margin-left:-1rem;}
.row.gutter-20 > [class*='col-']    {padding-left:1rem; padding-right:1rem;}
.row.gutter-20 + .row.gutter-20     {padding-top:2rem;}

.row.gutter-30                      {margin-right:-1.5rem; margin-left:-1.5rem;}
.row.gutter-30 > [class*='col-']    {padding-left:1.5rem; padding-right:1.5rem;}
.row.gutter-30 + .row.gutter-30     {padding-top:3rem;}

.row.gutter-40                      {margin-right:-2rem; margin-left:-2rem;}
.row.gutter-40 > [class*='col-']    {padding-left:2rem; padding-right:2rem;}
.row.gutter-40 + .row.gutter-40     {padding-top:4rem;}

.row.gutter-80                      {margin-right:-4rem; margin-left:-4rem;}
.row.gutter-80 > [class*='col-']    {padding-left:4rem; padding-right:4rem;}
.row.gutter-80 + .row.gutter-80     {padding-top:8rem;}

/* -------------------------------------------------- */
/* Buttons */
/* -------------------------------------------------- */


.btn:hover {
  -webkit-filter: saturate(1.1);
  filter: saturate(1.1);
  border-color: transparent !important;
}
.btn:focus {
	outline: none;
}
/*LIGHT GREY*/
.btn-default,
.btn-default:focus  {
	color: #003554;
	background: #f0f2f5;
	border-color: rgba(0, 53, 84, 0.1);
}

/* GREEN */
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
	color: #fff;
	background: #04cc47;
	background: -moz-linear-gradient(-45deg,  #04cc47 0%, #04cc68 100%);
	background: -webkit-linear-gradient(-45deg,  #04cc47 0%,#04cc68 100%);
	background: linear-gradient(135deg,  #04cc47 0%,#04cc68 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04cc47', endColorstr='#04cc68',GradientType=1 );
	border-color: transparent;
}

/*GREEN*/
.btn-success,
.btn-success:focus {
	color: #fff;
	background: #04cc47;
	background: -moz-linear-gradient(-45deg,  #04cc47 0%, #04cc68 100%);
	background: -webkit-linear-gradient(-45deg,  #04cc47 0%,#04cc68 100%);
	background: linear-gradient(135deg,  #04cc47 0%,#04cc68 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04cc47', endColorstr='#04cc68',GradientType=1 );
	border-color: transparent;
}

/*BLUE*/
.btn-info,
.btn-info:focus,
.btn-info:hover  {
	background-color: #0088E5;
	color: #fff;
	border-color: transparent;
}

/*ORANGE*/
.btn-warning,
.btn-warning:focus {
	color:#fff;
	background:#FFA500;
	border-color: transparent;
}

/*RED*/
.btn-danger,
.btn-danger:focus {
	color:#fff;
	background: #f03a3a;
	background: -moz-linear-gradient(-45deg,  #f03a3a 0%, #f03a55 100%);
	background: -webkit-linear-gradient(-45deg,  #f03a3a 0%,#f03a55 100%);
	background: linear-gradient(135deg,  #f03a3a 0%,#f03a55 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#f03a55',GradientType=1 );
	border-color: transparent;
}

.btn-side {
	position: fixed;
	left: -66px;
	top: 250px;
	width: 175px;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/* LOADER IN BUTTON */
@-webkit-keyframes loading {
	0% {
		left: 0;
		width: 0
	}
	50% {
		left: 0;
		width: 100%
	}
	100% {
		left: 100%;
		width: 0
	}
}
@keyframes loading {
	0% {
		left: 0;
		width: 0
	}
	50% {
		left: 0;
		width: 100%
	}
	100% {
		left: 100%;
		width: 0
	}
}
.btn-load {
	position: relative;
	border: none;
	overflow: hidden;
}
.btn-load.loading {
	opacity: 0.75;
}
.btn-load.loading:after {
	-webkit-animation: loading 2s infinite;
	animation: loading 2s infinite;
	background: rgba(0, 0, 0, 0.2);
	content: ""!important;
	display: block!important;
	height: 5px;
	left: 0;
	padding: 0!important;
	position: absolute!important;
	bottom: 0!important;
	width: 10px
}

.input-group .form-control:first-child,
.input-group-addon:first-child, 
.input-group-btn:first-child>.btn, 
.input-group-btn:first-child>.btn-group>.btn, 
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: .4rem;
	border-bottom-right-radius: .4rem;
}
.input-group > .form-control {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}


.btn            {font-weight: 600;padding: .75em 12px;border-radius: .4rem;font-size: 1.6rem;line-height: 1;}
.btn-lg         {font-weight: 700;font-size: 1.8rem;}
.btn-compact    {padding: .75rem .75rem;font-size: 1.4rem;line-height: 1.2;}
.btn-compact small {font-weight: 400;opacity: 0.75;}
.btn-block      {margin-bottom: 1rem;}
.btn.text-left  {text-align: left !important;}
.btn .caret.pull-right  {margin-top: .75rem;}

.btn-success {
	background-color: #00cb56;
	border-color: transparent;
}
.btn-disabled {
	background-color: rgba(0, 53, 79, 0.05);
	color:#00354F;
	cursor: default;
}

.opacity05 {
	opacity:0.3;
	text-decoration: line-through;
	border-color: transparent;
}

#spec-options {margin-bottom: 1rem;}
#spec-options .btn {
	margin-right: .25rem;
	margin-bottom: .75rem;
}
#spec-options .fa-info-circle {
	color:#0088E5 !important;
}
.spectitle-container {
	margin-bottom: .25em;
}   
.order_information .btn {
	margin:.75rem 0;
}

#header-bar-usp a:link,
#header-bar-usp a:visited,
#header-bar-branding a:link,
#header-bar-branding a:visited  {color:#fff;}

#header-bar-usp {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 1.3rem;
	line-height: 2.4em;
}
#header-usp-list {
	font-weight: 600;
}
#header-bar-branding #logo {
	height: 5.6rem;
	margin: .7rem 0 .7rem;
	display: block;
}
#header-bar-branding #logo path {
	fill:#FFFFFF;
}
#header-bar-branding .search {
	margin: 1.5rem 0;
	border: none;
	padding-left: 3.5rem;
}
.search-input-container {
	position: relative;
}
.search-input-container #search-icon {
	height: 1.6rem;
	width: 1.6rem;
	margin-top: -7px;
	left: 1rem;
	position: absolute;
	top: 50%;
}
.form-control {
	height: 4rem;
	border-radius: .5rem;
	/*font-size: 1.6rem;*/
/*    color:#003554;*/
}
ul#header-brand-bar-menu > li {
	font-size: 1.4rem;
	font-weight: 600;
	margin-left: .5rem;
}
ul#header-brand-bar-menu > li > a {
	line-height: 7rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	position: relative;
}

ul#header-brand-bar-menu > li > ul > li a {
	line-height: 1.7em;
	color:#003554 !important;
}

ul#header-brand-bar-menu li .icon {
	height: 2.6rem;
	width: 2.6rem;
	margin-right: .25rem;
	color:#fff;
}
ul#header-brand-bar-menu li #cart-notification-count {
	background: #f03a47;
	position: absolute;
	left: 1.75rem;
	bottom: 1.25rem;
	margin: 0;
	font-size: 1.2rem;
	padding: 0em .55em;
	border-radius: 1.3rem;
	line-height: 1.75em;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
	box-shadow: 0 0 4px rgba(0,0,0,.15);
}
.navbar-default {
	border-color: #f1f1f1;
	border-radius: 0;
	border-top:none;
	border-left: 0;
	border-right:0;
	background-color: #f8f8f8;
	background-color: rgba(0, 53, 84, 0.05);
}
.navbar-default .navbar-nav>li>a {
	color: #003554;
	font-size: 1.5rem;
	font-weight: 700;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.mega-menu .dropdown:hover  ul  {display: block;}

.navbar-nav>li.active:hover,
.navbar-nav>li.active:focus,
.navbar-nav>li:hover                {background-color:rgba(0, 53, 84, 0.05);}

.navbar-nav>.active > a,
.navbar-nav>li:hover > a,
.navbar-nav>li:hover > a:hover      {color:#003554;}

.navbar-default .navbar-nav>li.active:hover>a, 
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {background-color:rgba(0, 53, 84, 0.05);}

.mega-menu .nav                                         {width: 100%;}
.mega-menu .nav,
.mega-menu .dropup,
.mega-menu .dropdown,
.mega-menu .collapse                                    {position: static;display: table;}
.mega-menu .navbar-inner,
.mega-menu .container                                   {position: relative;margin:0 auto;}
.mega-menu .dropdown-menu                               {left: auto;}
.mega-menu .dropdown-menu > li                          {display: block;}
.mega-menu .nav.pull-right .dropdown-menu               {right: 0;}
.mega-menu .mega-menu-content                           {padding: 0px 25px 5px;line-height: 1.7em;*zoom: 1;}
.mega-menu .mega-menu-content:before,
.mega-menu .mega-menu-content:after                     {display: table; content: "";line-height: 0;}
.mega-menu .mega-menu-content:after                     {clear: both;}
.mega-menu.navbar .nav > li > .dropdown-menu:after,
.mega-menu.navbar .nav > li > .dropdown-menu:before     {display: none;}

.mega-menu                                              {padding-left:0;padding-right:0;display:table !important;width: 100%;}
.mega-menu .dropdown-menu.menu-right                    {right:0;}

.mega-menu-content strong                               {/*text-transform:uppercase;*//*color:#222;*/ color:#003554;}
.mega-menu-content li a                                 {/*font-size:1rem;*/ color:rgba(0, 53, 84, 0.8);}
.mega-menu-content li.menu-sub-title a                  {font-size: 1.5rem;}
.span2                                                  {float: left; min-height: 1px; margin-bottom:10px; width:auto; margin-right:20px;margin-top: -10px;max-width: 12em;}
.dropdown-menu                                          {border-color:rgba(0, 136, 227, 0.05);}

@media (max-width: 767px) {
	.mega-menu {
		display: none!important;
	}
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {color:inherit;background-color: inherit;}

#header-bar-nav .search-input-container {
	width: 60%;
	float: right;
	margin: 1rem 1.5rem 1rem 0;
}
#header-bar-nav .search {
	/*border: none;*/
	padding-left: 3.5rem;
	border-color: rgba(0, 53, 84, 0.1);
}

.navbar-toggle {
	float: left;
	margin-left: 0;
	border-radius: 0;
	border: 0;
	padding: 1rem 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	height: 6rem;
	line-height: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 2rem;
	border-radius: 0;
	background-color:#243F55 !important;
}
.navbar-toggle #menu-title {
	font-size: 1.6rem;
	float: left;
	line-height: 1.7rem;
	padding-left: 1rem;
	color:#243F55;
	font-weight: 600;
	-webkit-transition: 0s;
	   -moz-transition: 0s;
		 -o-transition: 0s;
			transition: 0s;
}

@media (max-width: 990px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 1.3rem;
		line-height: 2rem;
		padding:1.5rem .75rem;
	}
}

#breadcrumb-container               {margin-top: -2rem;margin-bottom: .5rem;}
#breadcrumb-container .breadcrumb   {background: transparent;font-size: 1.4rem;    margin-bottom: 0;padding-left: 0;}
#breadcrumb-container .breadcrumb a {color:rgba(33, 83, 122, 0.75);}
#review-count-link                  {color:rgba(33, 83, 122, 0.75);}

#back-link-container {margin-top: -20px;padding: 1rem 1.5rem; border-bottom: 1px dashed #eee;border-color:rgba(33, 83, 122, 0.15);margin-bottom: 1rem;}

#product-page h1 {margin-top: .5rem;display: inline-block; margin-bottom: 1rem;}
#product-page .product-tag {
	padding: .5rem 1rem;
	color: #fff;
	margin-bottom: .5rem;
	vertical-align: 20%;
	margin: 0 .5rem 0 0;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.4em;
	white-space: nowrap;
	display: inline-block;
}
.price-tag {
	color: #fff;
	padding: .2rem .5rem;
	font-weight: 700;
	border-radius: 2px;
}

#product-page .product-compare {
	margin-bottom: 1rem;
}

.fa-star {color:#FFA500;letter-spacing: -0.1em;}
#product-review-row {margin-top: -.5rem;}
#product-review-row .review-stars {font-size: 2rem;}


/* -------------------------------------------------- */
/* Animate Angle Icon - Stock Information */
/* -------------------------------------------------- */

#toggle-stock i                     {
			transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
   -webkit-transition: all 0.2s linear;
	  -moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
	   -ms-transition: all 0.2s linear;
		   transition: all 0.2s linear;
}
.collapse.in + #toggle-stock i      {
			transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}



#price-recommended {text-decoration: line-through;color:rgba(33, 83, 122, 0.75);}

#sidebar-row .widget {
	margin-top: 3rem;
	float: left;
}
#widget-account {
	margin-bottom: 3rem;
}

#free-products {
	margin: 1rem 0 2rem;
}
#spec-table {
	margin-bottom: 0;
}
#spec-table td {
	border:none;
}
#spec-table ul {
	padding:0;
	list-style: none;
}

.fa-info-circle {
	color:#0088e3 !important;
}

/* -------------------------------------------------- */
/* PRODUCT PAGE - COMPARE PRODUCTS (NIEUW) */
/* -------------------------------------------------- */

#products-compared tr td                        {width:20%;border-top:none;}
#products-compared img                          {margin:0 auto;}

@media (max-width: 991px) {
	#products-compared .product-3               {display:none;}
}   

@media (max-width: 767px) {
	#products-compared .product-0,
	#products-compared .product-spec            {display:none;}
}   









#tp-logo {
	margin-bottom: .5rem;
}


#product-filter ul, #product-list {
list-style: none;
padding: 0;
display: inline-block;
width: 100%;
margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}
#product-filter ul {
	width: 100%;
}
#product-filter ul li {
	padding:.15rem 0;
}

/* -------------------------------------------------- */
/* PRODUCT LIST PRODUCT */
/* -------------------------------------------------- */

/* Delete from CSS */
.product .carousel-inner        {height:auto;}
#product-list .product-compare  {opacity: 1;}
.product-compare  span          {font-weight: 400}
/* Delete from CSS */

.product            {margin-bottom:8rem; margin-top: -7rem;height: 38rem;}

.product-hover-box  {
	border:1px solid transparent;
	background:transparent;  
	position: relative;
	padding-bottom: 15px;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
	   -moz-box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
			box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
}

.product-hover-box .product-extended-info { 
	display:none;
	opacity:0; 
	padding:0px 0; 
	background: #FFF;
	z-index: 999;
	padding-top:5px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
}

@media (max-width: 767px) {
	.product-hover-box .product-extended-info {
		display: block;
		opacity: 1;
	}
}

.product-hover-box.extended:hover {
	border-color:#fff;
	background:#fff;
}
.product-hover-box:hover .product-extended-info {
	display:block; 
	opacity:1;
}

.product .product-compare           {opacity:0;width: 100%;margin:0;text-align:center; z-index: 999;  background-color: #fff;}
.product:hover .product-compare     {opacity:1;}

.product .product-compare input     {margin-right:4px;}

.product .carousel-inner .item img  {margin:0 auto;}

.product .product-title             {font-size:1.7rem;line-height:1.6em;color:#003554;height:3.2em;overflow:hidden;}
.product .product-brand             {font-weight:700;}
.product .product-price             {font-weight:700;font-size: 2rem;}
.product .product-price-from        {font-size: 1.6rem;}
.product .product-price-recommended {color:rgba(33, 83, 122, 0.75);text-decoration:line-through;}

.product .review-stars .fa-lg       {}
.product .review-quantity           {margin-left: 2px;color:rgba(33, 83, 122, 0.75);}
.product .review-stars              {}

.review-circle          {
	opacity: 0.2;    
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.review-circle.full,
.review-circle.half     {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


.modal-backdrop                             {width: 100%;height: 100%;z-index: 99;}
.modal-backdrop.in                          {filter: alpha(opacity=75);opacity: .75;}
.modal#full-screen                          {overflow:auto !important;padding:0 !important;}
#full-screen .modal-dialog                  {height: 100%;border-radius: 0; min-height: 100%;width: 100%;margin:0;}
#full-screen .modal-dialog .modal-content   {height: 100%; border-radius: 0;}
#full-screen .carousel-inner>.item>img, 

.carousel-inner>.item>a>img                 {margin:0 auto;max-height: 98%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;  
}

#full-screen .modal-dialog button           {font-size:4rem; width: 6rem; height: 6rem; position:absolute; top:1.5rem; right:1.5rem; z-index:99;line-height: 4rem;padding: 6px 12px;margin: 0;}
#full-screen .carousel-indicators           {position:absolute; background: rgba(255, 255, 255, 0.9);margin-bottom: 0;padding: 1.5rem;bottom: 0;}
#full-screen .modal-body .carousel,
#full-screen .modal-body                    {height:100%;padding: 0;}

@media (min-width: 768px) {
	#full-screen .carousel-indicators li {
		background: #fff;
		border-radius: 0;
		width: 6rem;
		height: 6rem;
		border: none;
		padding: 0.75rem;
		margin: .5rem;
		border: 1px solid #ddd;
	}
}

#full-screen .carousel-inner .item          {padding: 2rem;height:100%;}
#full-screen .modal-content                 {border:0;}
#full-screen .carousel-inner                {height: 100%;}

.product .carousel-inner>.item      {padding: 15px 0 10px;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.product .carousel-indicators li    {width: 50px;height: 50px;padding: 5px;margin:0;}
.product .carousel-indicators       {position:relative; bottom:0px;width: 100%;margin-left: -50%;margin-bottom:-10px;}

.carousel-inner>.item {
	transition: transform .1s ease;
}   
.product .product-action-tag {
	line-height: 2em;
	padding: 0 6px;
	left: 15px;
	position: absolute;
	z-index: 9;
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	text-align: center;
	top: -35px;
	text-transform: uppercase;
	font-style: italic;
}
.product-action-tag.webshop-only {
	background-color: rgba(255, 255, 255, 0.9);
	color: rgb(0, 53, 84);
	border: 1px solid rgb(0, 53, 84);
	top: 15px !important;
	line-height: 1.2em;
	padding: .4em;
	font-style: italic;
	font-weight: 300;
	left: 15px;
	font-size: 1.4rem;
	position: absolute;
	text-align: center;
	text-transform: none;
}    

.product .product-action-tag {
	top:-28px;
}
.product .carousel-inner {
	padding-bottom: 10px;
}
.product-action-description-short {
	font-size: 13px;
	padding: 0;
	margin:0;
	line-height: 1.3;
	font-weight: 600;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 3.2em;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.product-action-description {
	background: rgb(242, 249, 254);
	padding: 2rem 2rem;
	border-left: 5px solid rgb(0, 136, 227);
}

@media (max-width: 767px) {
	.product {
		margin:0;
		height: auto;
		border-bottom: 1px dashed #eee;
		border-color: rgba(33, 83, 122, 0.15);
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.product-hover-box {
		padding:0;
	}
	.product .product-title {
		height:auto;
	}   
}   
@media (min-width: 768px) and (max-width: 990px) {
	.product {
		height:42rem;
	}
}        

@media (min-width: 768px) {
	.product-hover-box.extended:hover {
		z-index:999;
		border-color:rgba(0, 53, 84, 0.1);
		-webkit-box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
		   -moz-box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
				box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
	}
	#product-list {margin-top: 8rem;}
	#product-bottom #product-list {margin-bottom: -4rem;}
	#collapseCombisale,
	#products-recommended {margin-bottom: -40px;}
	.home-products-container {
		margin-bottom: -8rem;
	}
}

@media (max-width: 767px) {
	#product-list .product-price-container {
		margin-bottom: 5px;
	}
	#product-list .product .product-action-tag {
		position: relative;
		display: block;
		float: left;
		top: 0;
		left: 0;
		margin-top: 5px;
	}
	#product-list .product {
		padding-left: 0;
		padding-right: 0;
	}
	#product-list .product .product-title {
		height:3.2em;
		margin-top: 0;
	}
	#product-list .product-action-tag.webshop-only {
		position: absolute;
		left:15px;
	}
	#product-list .product .carousel-indicators li {
		width: 40px;
		height: 40px;
	}
	#product-list .product .product-action-tag {
		font-size: 1.3rem;
		margin-top: 0;
	}
	#product-list .product-hover-box .product-extended-info {
		clear:both;
	}
	#product-list .product .carousel-indicators {
		text-align: left;
	}
	#product-list .product-action-description-short {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		margin-bottom: -7px;
	}  
	#product-list .product-hover-box:hover .product-action-description-short {
		opacity: 1;
	}  
}

/* -------------------------------------------------- */
/* CUSTOMER SERVICE SEARCH RESULT */
/* -------------------------------------------------- */

.service-result {
	border: 1px solid rgba(33, 83, 122, 0.15);
	border-radius: .4rem;
	padding: 1.5rem;
	height: 9rem;
}

/* -------------------------------------------------- */
/* PRODUCT REVIEWS (NIEUW) */
/* -------------------------------------------------- */

.pros-cons                  {position:relative;margin-bottom:1rem;}
.pros-cons input            {padding-left: 2.5rem;}
.form-icon                  {position:absolute;top:1rem; left:.8rem;}

#review-page .fa-stack      {font-size:3.6rem; margin:1.5rem 0;}

.review                     {padding: 2rem 0 1.5rem;border-bottom: 1px dashed #eee;border-color: rgba(33, 83, 122, 0.15);}
.review h3                  {margin-top:.7rem;}
.review h4                  {font-weight:700;}
.review ul                  {padding-left:0;}
.review ul li               {line-height: 1.4em;margin: .5em 0;}
.review ul li:first-letter  {text-transform: uppercase;}
.review ul li i             {margin-right:.5rem;}
.review .pros-cons-title    {display:block;}
.review .review-stars       {font-size: 3rem;}

.review .fa-ul              {margin-left: 1.75em;padding-right: 10px;margin-bottom: .5em;}
.review .fa-li              {top:0.25em;}

.review-rating              {font-size: 2.6rem;font-weight: 700;display: block;margin-top: 10px;letter-spacing: -1px;margin-right: 10px;margin-left:5px;}
.review-rating-sub          {font-size: 1.4rem;font-weight: 400;color:rgba(33, 83, 122, 0.75);}
.review-date                {display:block;color:rgba(33, 83, 122, 0.75);}
.review-name                {font-weight: 700;}

#product-title-review                       {margin-bottom:5px;display:inline-block;}

#write-review-link                          {margin-top: -15px;text-decoration:underline;}
#review-stars-link:link,
#review-stars-link:hover                    {text-decoration:none;margin-right: 5px;} 

#review-page .btn-group>.btn.active         {background: #0088e3;color: #fff;}
#review-page h1                             {margin-bottom: 0.25em;}

#customer-reviews div:last-child .review    {border:none;}
#customer-reviews div:first-child .review   {padding-top: 0;}

@media (max-width: 767px) {
	.text-left-xs {text-align: left !important;}
	.review .review-stars {font-size: 2rem;}
}

/* -------------------------------------------------- */
/* Product Compare Box */
/* -------------------------------------------------- */

#compare-box-toggle:focus,
#compare-box-toggle:hover {text-decoration:none;}

#compare-box-toggle .fa-chevron-down {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#compare-box-toggle.collapsed .fa-chevron-down {
	transform: rotate(-180deg) !important;
	-ms-transform: rotate(-180deg) !important;
	-webkit-transform: rotate(-180deg) !important;
}
#product-compare-box {
	position:fixed;
	bottom:0px;
	left:20px;
	width:350px;
	z-index:9998;
}
#product-compare-box ol {
	padding-left:25px;
	padding-bottom:10px;
}

#category-page .page-title-container {
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}
#category-page h1 {
	font-size: 2.8rem;
	display: inline;
	margin-right: .5rem;
}
#category-page .badge {
	margin-bottom: 0.6em;
}

@media (max-width: 767px) {
	#category-page h1               {margin-top: .5rem;}
}   

#filter-selection .btn          {margin-right: .1rem;margin-bottom: .65rem;}

/* -------------------------------------------------- */
/* Product List Filter */
/* -------------------------------------------------- */    

.customer-menu ul {
	margin-bottom: 2rem;
}
.customer-menu ul li {
	padding: .15rem 0;
}
.customer-menu ul li a {
color:rgba(0, 53, 84, 1);
}
.customer-menu ul li.active {
	background: rgba(0, 136, 227, 0.05);
	padding-left: 10px;
}
.grey-box {
	background: rgba(0, 136, 227, 0.025);
	border: 1px solid rgba(0, 136, 227, 0.1);
	padding: 2rem;
	margin-bottom: 2rem;
	padding-top: 0;
}

.customer-menu .panel-title,
#filter-wrap .panel-title                   {color:#00416D;font-size: 1.7rem;font-weight: 700;margin-top: 1.25rem;margin-bottom: .5rem;position: relative;} 
#filter-wrap .panel-title i                 {color:rgba(0, 53, 84, 0.85);    }
#filter-wrap .panel-title i.fa-caret-down   {position: absolute;right: 0;top: .2rem;}
#filter-wrap ul li a                        {color:rgba(0, 53, 84, 1);}
#filter-wrap ul li a span.product-quantity  {font-size: 1.4rem;float: right;}
#filter-wrap ul li a span.filter-row-title  {width: 75%; display:inline-block;}

#filter-wrap ul li i                        {color:rgba(33, 83, 122, 0.5);margin-right: 1rem;vertical-align: top;margin-top: .45em;}
#filter-wrap ul li.disabled                 {opacity: 0.2;}
#filter-wrap .panel-heading                 {padding: .5rem 0;}
#filter-wrap .panel-body                    {padding: 0;}
#filter-wrap .panel                         {border:none; -webkit-box-shadow: none; box-shadow: none;border-top: 1px dashed #eee;border-color: rgba(33, 83, 122, 0.15);}

#filter-wrap #color-list li                 {padding-right: 0;}
#filter-wrap #color-list li i               {    
	margin: 0;
	background: rgba(33, 83, 122, 0.2);
	padding: 2px;
	font-size: 2.4rem;
	line-height: .97em;
	border-radius: 6px;
}

#filter-column                              {background-color: #fff;}

#filter-wrap .panel a .panel-title i        {
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
		 -o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
			transition: all 0.4s ease;  
}

#filter-wrap .panel a.collapsed .panel-title i.fa-caret-down    {-webkit-transform: rotate(0deg);}
#filter-wrap .panel a .panel-title i.fa-caret-down              {-webkit-transform: rotate(-180deg);}

@media (max-width: 767px) {
	#product-filter {
		font-size: 1.8rem;
		line-height: 1.7em;
		padding-bottom: 6rem;
	}
}


/* -------------------------------------------------- */
/* AUTO SUGGEST SEARCH */
/* -------------------------------------------------- */

#mobile-search-collapse             {overflow-y:visible;}
#mobile-search-collapse.collapsing  {overflow-y:hidden;}

.autocomplete-suggestion, .autocomplete-group {
	padding: 1px 10px; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.autocomplete-suggestion            {cursor: pointer;}
.autocomplete-selected              {background:#f7f7f7 !important;}
.autocomplete-suggestions {
	background-color: #fff;
	max-height: 1000px !important;
	width: 440px !important;
	margin-top: .5rem;
	padding: .5rem 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	z-index:999;
}

.autocomplete-group {
	line-height: 1.2em;
}

.autocomplete-group:not(:first-child) {
	margin-top: 10px;
}

.autocomplete-group strong {
	text-transform: uppercase;
	font-size: 75%;
	color:rgba(33, 83, 122, 0.5);
	font-weight: 600 !important;
}

@media (max-width: 767px) {
	.autocomplete-suggestions {
		max-width: 240px !important;
	}
}

/* -------------------------------------------------- */
/* Homepage */
/* -------------------------------------------------- */    


#homepage-category-banners img {
	width:100%;
}

#homepage-superstore-banner         {height:350px;background: url('//d1hbm078fhnj3b.cloudfront.net/mantel-superstore-blue-small.jpg');background-size: cover;background-position: center center;margin-bottom:20px;}
#homepage-superstore-content        {margin-top:-150px;margin-bottom:2rem;}
#homepage-superstore-content > div  {padding-top: 10px;}

.homepage-image-block#workshop      {background: url('//d1hbm078fhnj3b.cloudfront.net/werkplaats-small-v2.jpg');background-size: cover;background-position: center center;}
.homepage-image-block#service       {background: url('//d1hbm078fhnj3b.cloudfront.net/usp-foto-7.jpg');background-size: cover;background-position: center center;}
.homepage-image-block               {height:20rem;}

.home-usp-container {margin-bottom: 3rem;}

.home-usp-container > div {
	float: left;
	background: #0075e3;
	background: -moz-linear-gradient(-45deg, #0075e3 0%, #009be3 100%);
	background: -webkit-linear-gradient(-45deg, #0075e3 0%,#009be3 100%);
	background: linear-gradient(135deg, #0075e3 0%,#009be3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075e3', endColorstr='#009be3',GradientType=1 );
	width: 100%;
}    
.home-usp   {padding:2rem 0;border-left: 1px solid rgba(255, 255, 255, 0.2);}
.home-usp-title {font-weight:700;color:#fff;margin-top: 5px;}
.home-usp-subtitle {color:rgba(255, 255, 255, 0.75);margin-top: -.25em;}

.home-usp i {color:#fff;font-size: 3.4rem;}
.home-usp a:hover {text-decoration: none;}

.blog-row {
	margin-top: 1rem;
}
.blog-post    {
	margin-bottom: 3rem;
	min-height: 30rem;
}
.blog-post .post-date {
	margin-bottom: -1.5rem;
	margin-top: 1rem;
}

#newsletter {padding: 1rem 0 3rem;border-bottom: 1px dashed rgba(33, 83, 122, 0.15);}


/* -------------------------------------------------- */
/* Footer */
/* -------------------------------------------------- */    

#footer-container {
	font-size: 1.4rem;
	line-height: 1.7em;
	padding: 1.5rem 0 2.5rem;
}
#footer-container a {
	color:#003554;
}
#footer-container h4 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.7rem;
}
#footer-container .list-social li {
	padding: 0;
}
#footer-logos div {
	padding: 1.25rem 0 0rem;
}
#color-bar div {
	float:left;
	width:25%;
	height:1rem;
}

#trustpilot-rating-footer {
	margin-bottom: 1rem;
}
#trustpilot-rating-footer img {
	margin: 0 auto;
	width: 20rem; 
	margin-bottom: 1rem;
}

#footer-logos #trustpilot-footer {display: inline-block !important;}
#footer-logos #trustpilot-footer img {padding:2px 0;}

#footer-brands {
	background-color:rgba(240, 242, 245, 0.5);
	padding: 15px 0;
	margin-top:2rem;
	border-bottom: 1px dashed rgba(33, 83, 122, 0.15);
}    
#footer-brands-row > [class*='col-'] {
	padding:.25em .75em !important;
}

#footer-select-country {
    width: auto;
    display:inline;
    -webkit-box-shadow:none;
    box-shadow:none;
}

/* -------------------------------------------------- */
/* Mobile Footer */
/* -------------------------------------------------- */

#mobile-footer          {background: rgba(0, 53, 84, 0.9);}
#mobile-footer ul       {margin:0;}
#mobile-footer ul li    {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#mobile-footer ul li a  {color:#fff;font-weight: 700;padding: 1.5rem;display:block;}
#mobile-footer ul li a .fa-chevron-right        {line-height: 1.7em;}

@media (max-width: 767px) {
	.text-center-xs {text-align: center;}
}       

/*Customer Service Widget*/
#status {
	background-color: #00cb56;
	position: absolute;
	width: 25%;
	height: 25%;
	border-radius: 50%;
	top: 3%;
	right: 3%;
	border: 3px solid #fff;
}

.trust-icons {
	background-image: url('//d1hbm078fhnj3b.cloudfront.net/widget-trust-icons.svg');
	background-repeat: no-repeat;
	background-size: 101.1rem;
	height: 2.4rem;
	display: block;
}

.trust-icons.trust-icons-postnl { background-position: 0 0; width: 2.4rem; }
.trust-icons.trust-icons-ideal { background-position: -3.4rem 0; width: 2.2rem; }
.trust-icons.trust-icons-mastercard { background-position: -6.6rem 0; width: 2.4rem;}
.trust-icons.trust-icons-visa { background-position: -10rem 0; width: 4.72rem; }
.trust-icons.trust-icons-paypal { background-position: -15.7rem 0; width: 6.5rem; }
.trust-icons.trust-icons-bancontact { background-position: -23.3rem 0; width: 2.9rem; }

.trust-icons.trust-icons-sofort { background-position: -27.2rem 0; width: 8.8rem; }
.trust-icons.trust-icons-bikelogistik { background-position: -37rem 0; width: 9.5rem; }
.trust-icons.trust-icons-dpd { background-position: -47.6rem 0; width: 4.6rem; }
.trust-icons.trust-icons-chronopost { background-position: -53.2rem 0; width: 9.3rem; }

.trust-icons.trust-icons-seur { background-position: -63.5rem 0; width: 6rem; }
.trust-icons.trust-icons-brt { background-position: -70.5rem 0; width: 2.4rem; }
.trust-icons.trust-icons-postepay { background-position: -73.9rem 0; width: 8.6rem; }
.trust-icons.trust-icons-cartasi { background-position: -83.5rem 0; width: 7rem; }
.trust-icons.trust-icons-postnord { background-position: -91.5rem 0; width: 9.5rem; }

/* -------------------------------------------------- */
/* Product Page */
/* -------------------------------------------------- */    

section.product-information .collapse {
	padding-bottom: 2rem;
}
h2 {margin-bottom: .75em;}

@media (max-width: 767px) {
	.no-padding-xs {
		padding:0;
	}
}   
@media (min-width: 768px) {

	section.product-information .collapse {
		display: block;
		visibility: visible;
	}
}
@media (max-width: 767px) {
	section.product-information {border-bottom:1px solid rgba(137, 150, 175, 0.15);}
	section.product-information:first-child {border-top:1px solid rgba(137, 150, 175, 0.15);}
	/*section.product-information:last-child {border-bottom:none;}*/
	.padding-15 {
		padding: 0rem 2rem;
	}
}

a.h2.open {
	background-color: rgba(137, 150, 175, 0);
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;    
}
a.h2.collapsed {
	background-color: rgba(137, 150, 175, 0.05);
}

a:link.h2 {
	padding: 2rem;
	margin: 0;
	font-size: 1.7rem;
	border-radius: 4px;
}
.toggle-collapse {
	line-height: 1.3;
-webkit-transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
	 -o-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
-webkit-transform-origin: 50% 50%
		transform-origin: 50% 50%;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.collapsed .toggle-collapse {
-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
		transform: rotate(0deg);
}

/* -------------------------------------------------- */
/* Product Order Box */
/* -------------------------------------------------- */

#price-row                      {margin-top:10px;}
#price-title                    {font-weight: 700;font-size:30px;}
.no-grid > [class*='col-']      {margin-bottom:0;}
#product-setting-description    {margin:0;}

.usp-list-vertical			{line-height: 1.3em}
.usp-list-vertical li			{margin-bottom: .5em;}

/*-------------------------*/
/* OFFCANVAS MOBILE MENU  */
/*-------------------------*/

@media (max-width: 767px) {
  .offcanvas {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -999;
	height: 100%;
	margin:0 !important;
	width: 100%;
	display: none;
  }
  .offcanvas-out .offcanvas {
	  left:0;
	  width:100%;
	  margin:0 !important;
	  overflow-y: scroll;
	  border-top: 0;
	  z-index: 98;
	  display: block;
	  overflow-y: scroll;
	  -webkit-overflow-scrolling: touch;
  } 
}

/*-------------------------*/
/* MULTI LEVEL MOBILE MENU  */
/*-------------------------*/

html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
}
.wrapper {
	position: relative;
	left: 0;
	top: 0;
	min-width: 320px;
	width:100%;
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
		 -o-transition: 0.25s;
			transition: 0.25s;
}
.mobile-menu-container {
	position: fixed;
	/*left: -280px;*/
	width: 280px;
	top: 0;
	bottom: 0;
	height: 100%;
	overflow-x: hidden;
	background: rgba(0, 53, 84, 1);
	background: #f7f7f7;
	z-index: 400;
	-webkit-transition: all 0.25s;
		 -o-transition: all 0.25s;
	   -moz-transition: all 0.25s;
			transition: all 0.25s;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;


	-webkit-transform: translate3d(-280px,0,0);
			transform: translate3d(-280px,0,0);
}
.menu {
	position: absolute;
	left: 0;
	top: 0;
	float: right;
	z-index: 100;
	width: 100%;
	-ms-touch-action: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
		 -o-transition: 0.25s;
			transition: 0.25s;
}
.menu ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	width: 100%;
	height:100%;
	-webkit-transition: 0s 0.25s;
	   -moz-transition: 0s 0.25s;
		 -o-transition: 0s 0.25s;
			transition: 0s 0.25s;
}
.menu ul ul,
.menu ul ul ul {
	left: 280px;
	top: -5000px;
}
.menu > ul > li {
	float: left;
	position: relative;
}
.menu ul li {
	display: block;
	position: static;
	width: 100%;
	float: left;
}
.menu ul li.back {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid #ddd;
}
.menu ul li.all-in {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid #ddd;
}
.menu ul li.service-link {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-top: 1px solid #ddd;
}
.menu ul li.back a,
.menu ul li.service-link a {
	font-weight: 700;
}       
.menu a {
	height: 100%;
	display: inline-block;
	text-decoration: none;
	padding: 0 20px;
	position: relative;
	z-index: 10;
	width: 100%;
	color: #fff;
	color: #003554;
	font-size: 1.6rem;
	font-weight: 600;
}
.menu .all-in a {
	font-weight: 700;
}
.menu a, 
.menu a i {
	line-height: 5rem;
}   
.menu a.hassub {
	border-right: 1px solid rgba(0, 0, 0, 0.33);
	width: 75%;
} 
.menu a.hassub + a {
	width: 25%;
	padding: 0;
	text-align: center;
}

.menu.level1        {left: -280px;}
.menu.level2        {left: -560px;}
.menu.level3        {left: -840px;}

.level1.open,
.level2.open        {display: none;}

.back .level1.open,
.back .level2.open  {display: block;}

a.level1.open + ul,
a.level2.open + ul {
	top: 0;
	-webkit-transition: 0s;
	   -moz-transition: 0s;
		 -o-transition: 0s;
			transition: 0s;
}
.wrapper.offcanvas-menu {
	left: 0;
	position: fixed;
	width: 100%;
}
.wrapper.offcanvas-menu .mobile-menu-container {
	-webkit-transform: translate3d(0px,0,0);
			transform: translate3d(0px,0,0);
}
.black-overlay {
	background-color: #000;
	height: 100%;
	width: 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
		 -o-transition: opacity 0.25s;
			transition: opacity 0.25s;
}
.wrapper.offcanvas-menu .black-overlay {
	width: 100%;
	opacity: 0.75;
}
.mobile-menu-container ul li a span {
	max-width: 90%;
	display: inline-block;
	white-space: normal;
	line-height: 1.4em;
	vertical-align: middle;
}
.navbar-toggle .icon-bar {
	width: 22px;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-toggle  {
	background-color: transparent;
	-webkit-transition: 0s;
	   -moz-transition: 0s;
		 -o-transition: 0s;
			transition: 0s;
}

.navbar-toggle #menu-title {
   position: absolute;
   opacity: 1;
   left: 4rem;
}

/* -------------------------------------------------- */
/* CART STEPS (NIEUW) */
/* -------------------------------------------------- */

#cart-steps h4                  {margin-bottom:.25rem;font-weight: 700;}  
#cart-steps div                 {text-align:center;border-top: 5px solid #f0f2f5;}

#cart-steps h4,
#cart-steps h4 + span           {opacity:0.3;}

#cart-steps .active h4,
#cart-steps .active h4 + span   {opacity:1;}

#cart-steps .active .circle     {background:#0088e3;color:#fff;}
#cart-steps .active h4          {color:#015287;}

#cart-steps .circle {
	width: 60px;
	height: 60px;
	background: #f0f2f5;
	display: block;
	border-radius: 50%;
	text-align: center;
	margin: -32px auto 0px;
	padding: 17px;
	font-weight: bold;
	font-size: 1.8rem;
}  
#cart-steps .circle i {color: #003554;line-height: 1.5em;}  

.subtitle {
	color: #0088e3;
	margin-bottom: 2rem;
	display: block;
	line-height: 1.4em;
	font-weight: 600;
	font-size: 1.4rem;
}  

@media (max-width: 767px) {
	#cart-steps .circle {width:50px;height:50px; margin:-28px auto 0px;padding:14px;}
	#cart-stripe    {margin-bottom:-29px;}
}

/* -------------------------------------------------- */
/* CART (NIEUW) */
/* -------------------------------------------------- */

#cart-page                          {margin-bottom: 30px;}

#cart-span                          {display: block; margin-top: 10px; line-height: 24px; border-top: 1px dashed #eee;border-color:rgba(33, 83, 122, 0.15);}
#cart-span strong.visible-xs        {margin-top:10px;}
#cart-span h5                       {font-size: 1.15rem; padding: 10px 5px;}
#cart-span .cart-product            {padding-bottom: 15px;padding-top: 15px;}

.cart-row                           {margin:4rem 0 .5rem;}

#cart-subtotal                      {margin-top:20px;}
#mobile-cart-specs                  {margin: 10px 0 0;}

#cart-form                          {margin-bottom:20px;}   

.border-left                        {border-left: 1px dashed #eee;border-color:rgba(33, 83, 122, 0.25);}    

.cart-buttons                       {margin-top:20px;}              
.cart-buttons .btn-block            {margin-bottom: 1rem;margin-top: .5rem;}

#cart-page .cart-container label    {width:85%;}
#cart-page ul li label              {width: 90%;}

.cart-container label               {font-weight:400;}
.cart-container .radio-top          {vertical-align: top;margin-right: 10px;}
.cart-container .radio-top          {margin-top:22px !important;}

.table-total                        {border-top:1px solid #ccc;}

#cart-form td.image                 {padding: 30px;}
#cart-form td.title                 {font-size:10px;}
#cart-form td.title h4              {margin-top:0; font-weight:bold;}
#cart-form th                       {background:#dedede;}
#cart-form .product-row td          {background:#fff;}

#nps-form                           {margin-bottom: 20px;}
#nps-form small                     {font-size:10px;position: absolute;bottom: -20px;left: 2px;}

@media (max-width: 768px) {
	#nps-form .btn                  {font-weight: 400; font-size: 1.5rem;}
}

#cart-overview                      {font-weight:bold;border: 1px solid rgba(33, 83, 122, 0.2);margin-bottom: 20px;}
#cart-overview h3                   {font-size: 1.8rem}
#cart-overview .container           {border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom:15px;}
.cart-overview-img                  {padding:20px;}

ul li input + label h3              {margin-bottom: 0em;margin-top: .75em;}
#bank-list label img                {margin: 0 .5rem;}

#bank-list input[type=radio]            {vertical-align:top; margin: 6px 10px 0 0;}


#account #cart-overview             {padding:0 15px 15px;font-weight:normal;line-height: 24px;}
#account #cart-form .btn.pull-right {margin-left: 10px;}
#account a.btn                      {text-decoration:none;}
#account i                          {margin-right:5px;}
#account #cart-overview h3          {margin-bottom: 20px;}
#account                            {padding-bottom:40px;}
/*#account h1                           {margin-bottom:0;}*/

.product-row h3                     {margin-bottom:0; margin-top:0;}            

.table-quantity                     {min-width:70px;}
.title h3                           {margin-bottom:0 !important;}

@media (max-width: 768px) {
	.button-row                 {margin-top:0;}
	#cart-form td.image         {padding:0;}
	#cart-form td.image img     {width:50px;}
}

#cart-address-row                   {margin-bottom:20px;}
.cart-product img                   {margin: 0 auto;}   

#coupon-code                        {margin-top:20px;}

#newsletter-checkbox                {padding-top:10px;}
#newsletter-checkbox input[type=checkbox] {margin-left:0;margin-right:10px;}

#bank-list                          {padding-left:20px;margin-bottom:20px;}

#customer-overview                  {border-top: 1px dashed #eee;border-color:rgba(33, 83, 122, 0.15);margin-top: 20px;padding-top: 10px;}
#customer-overview .overview-data   {margin-bottom:20px;}

#account .input-group-btn .btn      {padding:6px 12px;}

#pay-container .cart-container label {max-width: 750px;}


/*OUD*/

.delivery-method.radio {
	text-align: right;
}
.delivery-method.radio label {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 4rem;
	width: auto !important;
	border: 1px solid transparent;
	line-height: 1.4em;
}
.delivery-method.radio input[type=radio] {
	right: 1.5rem;
	top: 0;
	margin-top: 1em;
}
.delivery-method.radio input[type="radio"]:checked+label{
	background-color: rgba(0, 136, 227, 0.1);
	border: 1px solid rgba(0, 81, 137, 0.15);
}


/*NIEUW*/

#delivery-method-list .list-group-item {
	padding: 0;
	position: relative;
	border: none;
	margin: 0;
}
#delivery-method-list .list-group-item input[type="radio"] {
	position: absolute;
	left: 1.5rem;
	top: 1.1rem;
}
#delivery-method-list .list-group-item label {
	width: 100% !important;
	padding: 1rem;
	padding-left: 4rem;
	margin-bottom: 0;
	border: 0px solid rgba(33, 83, 122, 0.15);
	border-width: 0 1px 1px 1px;
	cursor: pointer;
	line-height: 1.4em;
}
#delivery-method-list .list-group-item:first-child label {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-width: 1px;
}
#delivery-method-list .list-group-item:last-child label {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#delivery-method-list .list-group-item input[type="radio"]:checked+label {
	background-color: rgba(0, 136, 227, 0.05);
	border-color: rgba(0, 136, 227, 0.1);
}

/* -------------------------------------------------- */
/* CART TRUSTBAR (NIEUW) */
/* -------------------------------------------------- */

#trustbar                           {padding:20px 0 25px;font-weight:bold;color:#003554;font-size:1.4rem;line-height: 1.5em;margin-bottom: -2rem;border-bottom: 1px dashed rgba(33, 83, 122, 0.15);}
#trustbar h4                        {font-size:34px;font-weight:bold;margin:5px;}
#trustbar h4#rating                 {font-size: 30px;line-height: 38px;}
#trustbar .row .col-md-3            {border-right:1px dashed rgba(33, 83, 122, 0.15);margin: 10px 0;font-weight: 600;}
#trustbar .row .col-md-3:last-child {border:none;}

#trustbar.bg-blue,                   
#trustbar.bg-blue h4                {color: #fff;}

/* -------------------------------------------------- */
/* STORES PAGE (NIEUW) */
/* -------------------------------------------------- */

#stores-banner-gradient h1,
#stores-banner-gradient strong,
#stores-banner-gradient i               {text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.25);}
#stores-banner-image,
#stores-banner-gradient {width:100%;height:40rem;position:relative;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
#stores-banner-gradient .row            {position:absolute; bottom:20px; left:0px;width:100%;margin: 0;}    
#stores-banner-image                    {background: url('//d1hbm078fhnj3b.cloudfront.net/mantel-superstore.jpg');background-size: cover;background-position: center center;margin-bottom: 10px;}
#stores-banner-gradient .row .col-md-4  {position: absolute;right: 0;bottom: 0; }
#map-canvas                             { height: 350px; margin: 0; padding: 0;}

.store-image                            {height: 25rem;width:100%;}
#google-maps-container                  {position:relative;margin:20px 0;}
#google-tour-button                     {position: absolute;right: 15px;bottom: 10px;}

@media (max-width: 767px) {
	#stores-banner-image,
	#stores-banner-gradient {height:50vw;}
}

/* -------------------------------------------------- */
/* BRANDLIST (NIEUW) */
/* -------------------------------------------------- */

.brand-list-row                     {margin-bottom:2rem;border-bottom:1px dashed #eee;border-color:rgba(33, 83, 122, 0.15);margin-top:20px;padding-bottom: 1rem;}
.brand-list-title                   {margin-top:0;}

/* -------------------------------------------------- */
/* ALERT COUNTRY */
/* -------------------------------------------------- */

.alert-country {margin-bottom: 0 !important;color: #ffffff;background: rgba(0, 0, 0, 0.9);position: fixed;border-radius: 0 !important;width: 100%;z-index: 9999;padding: 50px;bottom: 0;}
.alert-country a {color:#fff;margin:0;border-width:2px;text-decoration: none;}
.alert-country .close {color:#fff;opacity:0.8;font-size: 24px;}
.alert-country p {font-size: 1.8rem;}

/* -------------------------------------------------- */
/* BACK TO TOP BUTTON */
/* -------------------------------------------------- */

#back-to-top        {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	font-size: 2.4rem;
	width: 5rem;
	height: 5rem;
	line-height: 3.9rem;
	padding: 0;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0.5s;
	-moz-transition: all 0.5s ease 0.5s;
	-o-transition: all 0.5s ease 0.5s;
	transition: all 0.5s ease 0.5s;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
#back-to-top.show   {
	opacity: 1;
	display:block;
	-webkit-backface-visibility: hidden;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 99;
}


/* -------------------------------------------------- */
/* PRODUCT PAGE CAROUSEL */
/* -------------------------------------------------- */
		   
.carousel-indicators {
	position: relative;
	bottom: -20px;
	width: 100%;
	margin-left: -50%;
	margin-bottom: 4rem;
}
.carousel-indicators .active,
.carousel-indicators li {
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0 3px;
	border: none;
	border-radius: 0;
}
.carousel-indicators .active img {
	opacity: 0.2;
}
.carousel-control {
	text-shadow: none;
	top: 50%;
	margin-top: -2.5rem;
	bottom: auto;
	width: 5rem;
	font-size: 3rem;
	text-align: center;
	opacity: 1;
	height: 5rem;
	line-height: 4.5rem;
	border-radius: 50%;
	

}
.carousel-control,
.carousel-control:focus {
	opacity: 0;
	-webkit-transition: all .25s ease-in-out;
		 -o-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
}


@media (max-width: 767px) {
	.carousel-control,
	.carousel-control:focus {
		opacity: 1;
	}
}

.carousel:hover #zoom-button,
.carousel:hover .carousel-control {
	opacity: 1;
}

.carousel-control.right,
.carousel-control.left {
	background: rgba(255, 255, 255, 0.75);
}
.carousel-control.right i,
.carousel-control.left i {
	color: #333;
}
.carousel-control.right {
	right: 10px;
}
.carousel-control.left {
	left: 10px;
}

@media not all, (-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .15s ease-in-out;
		-o-transition: -o-transform .15s ease-in-out;
		transition: transform .15s ease-in-out;
	}
}
.collapsing {
	-webkit-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
} 
#zoom-button {
	font-size: 2rem;
	position: absolute;
	bottom: 0;
	right: 15px;
	background: rgba(255, 255, 255, 0.75);
	padding: 1rem;
	border-radius: 100%;
}

#is-sold-out {
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: auto;
	position: absolute;
	text-align: center;
	z-index: 1;
	padding: 1rem;
	top: 50%;
	margin-top: -2rem;
	font-weight: 700;
}

.carousel-dot {
	height: 100%;
	width: 100%;
	border-radius: 1.25rem;
	background-color: #F2F4F6;
}

.carousel-indicators .active > .carousel-dot {
	background-color: #0088E3;
}

@media (max-width: 767px) {
	.carousel-indicators .active, 
	.carousel-indicators li {
		width: 1.25rem;
		height: 1.25rem;
	}
}

.placeholder {
	height: 0;
	background: #F2F4F6;
}
.placeholder-75 {
	padding-bottom: 75%;
}

/* -------------------------------------------------- */
/* PRODUCT PAGE FREE PRODUCTS */
/* -------------------------------------------------- */

.free-product-title-container {
	position: relative;
	display: table;
	table-layout: fixed;
	height: 5rem;
	min-width: 100%;
}
.free-product-title {
	display: table-cell;
	position: relative;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	line-height: 1.4em;
}

/* -------------------------------------------------- */
/* PRODUCT PAGE SELLING ARGUMENTS */
/* -------------------------------------------------- */

.selling-arguments ul li {
	margin-bottom: .25rem;
}
.selling-arguments ul li i {
	margin-right: 5px;
}
.selling-arguments .fa-li {
	top: 0.35em;
}

/* -------------------------------------------------- */
/* WIDGET CUSTOMER SERVICE */
/* -------------------------------------------------- */

#widget-customer-service .fa-ul li a            {color:#555;}
#widget-customer-service .fa-ul li              {padding: 10px 0;border-bottom: 1px solid #eee;}
#widget-customer-service .fa-ul li:hover,
#widget-customer-service .fa-ul li:hover a,
#widget-customer-service .fa-ul li:hover i      {color:#017bce;}
#widget-customer-service .fa-ul li:last-child   {border:none;} 
#widget-customer-service .fa-ul                 {margin-left: 2.6em;margin-bottom: 0;color:#555;}
#widget-customer-service .fa-li.fa-lg           {left: -2.4em;padding: 10px 0;}
#widget-customer-service-status                 {line-height: 1em;padding: 0.3em;margin: 0.2em 0;}
#widget-customer-service .fa-angle-right                                 {line-height: 1.5em;}
#widget-customer-service-title                  {font-size: 1.3rem;}

@media (max-width: 1199px) {
	#widget-customer-service-text   {text-align: center;}
	#widget-customer-service        {margin-top: 3rem;}
}  

/* -------------------------------------------------- */
/* WIDGET TRUSTPILOT */
/* -------------------------------------------------- */

#trustpilot-widget .fa-stack-1x {font-size: 2em;}
#trustpilot-widget .fa-stack-2x {font-size: 2em;color: transparent;}
#trustpilot-widget a:hover      {text-decoration: none;}

/* -------------------------------------------------- */
/* BLOG */
/* -------------------------------------------------- */

.main-navigation ul li      {margin:0 5px;padding:5px;}
.entry-content figure,
.entry-content img          {display:block;max-width:100%;height:auto;margin:30px 0;}
.entry-content a            {font-weight: 600;}

.entry-content figure img   {margin:5px 0;}

.avatar                     {border-radius: 50%;}
#blog-banner-image header   {position: absolute;bottom:0;padding: 20px;}
#blog-banner-gradient,
#blog-banner-image          {height:400px;}

.grid a #custom-bg,
.banner-link #blog-banner-image         {opacity:1;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.grid a:hover #custom-bg,
.banner-link:hover #blog-banner-image   {opacity:0.8;}

#blog-banner-gradient {
	width: 100%;
	position: relative;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
#blog-banner-image .entry-title         {text-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);}

#blog-banner-gradient .entry-header a:hover {text-decoration:none;}

#blog-banner-gradient .cat-links a      {color:#fff;}

#site-navigation a:hover                {border-bottom: 3px solid #0088e3;padding: 5px 0;text-decoration:none;}

#site-navigation .current-menu-item a   {border-bottom: 3px solid #0088e3;padding: 5px 0;}
#site-navigation ul                     {margin:-10px 0 10px;padding:10px 0;}
#site-navigation ul  li a               {color:#003554;font-weight: 700;}
.more-link                              {color:#999;text-decoration:underline;}
.breadcrumb                             {text-transform:lowercase;color: #ccc;}
.breadcrumb .breadcrumb_last            {color:#444;}
iframe                                  {max-width:100%;}
article.grid                            {height:25em;}
.entry-header                           {overflow:hidden; line-height: 1.2em;margin:6px 0 0;}
.content-row                            {margin-bottom:0;/* display:inline-block; */}

@media (min-width: 767px){
	.content-row                        {margin-left:40px !important;margin-right:40px !important;}
	#blog-banner-gradient .entry-header {margin-left:40px;margin-bottom:5px;}
}

@media (max-width: 768px){
	#blog-banner-image .entry-title     {font-size: 2.1rem;}
	#blog-banner-gradient, 
	#blog-banner-image                  {height:175px;}
	article.grid                        {height:auto; margin-bottom:25px;}
	.main-navigation ul li:first-child  {border-top: 1px solid #ddd;}
	.main-navigation ul li              {border-bottom: 1px solid #ddd;  display: block;}
}

.author-bio                             {margin-top: 1rem;}

.entry-content figcaption {
	font-size: 1.4rem;
	color: rgba(0, 53, 84, 0.75);
	font-style: italic;
}
.entry-content figure {
	margin:20px 0;
}    

/* -------------------------------------------------- */
/* READ MORE */
/* -------------------------------------------------- */

.read-more-indicator a {display: none;}

@media (max-width: 990px) {
  .read-more {
	  max-height: 5.4rem;
	  overflow: hidden;
	  position: relative;
	  margin-bottom: 5rem;
  }
  .read-more-indicator a {
	  position: absolute;
	  bottom: -3rem;
	  display: block;
  }    
  .read-more.expanded {
	  max-height: 999px;
	  overflow: visible;
	  margin-bottom: 0;
  } 
  .read-more.expanded + .read-more-indicator {
	background: transparent;
	display: none;
  }
  .read-more.expanded + .read-more-indicator a {
	display: none;
  }  
  .read-more-indicator {
	  width:100%;
	  height:5.4rem;
	  position: absolute;
	  bottom: -1px;
	  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  }
}


#sort-button-container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight:600;
	box-shadow: none;     
	border-radius: .5rem;
	height:auto;
}
#sort-button-container .caret {
	position: absolute;
	right: 1.5rem; 
	top: 1.7rem;
}


/* -------------------------------------------------- */
/* FORM FEEDBACK */
/* -------------------------------------------------- */

.form-feedback .gutter-10                       {margin-right:-.5rem !important; margin-left:-.5rem !important;}
.form-feedback .gutter-10 > [class*='col-']     {padding-left:.5rem; padding-right:.5rem;}
.form-feedback .help-text                       {font-style: italic;font-size: 1.4rem;color: #999;}
.form-feedback #title-radio .radio              {display: inline-block;padding-right: 5px;}
.form-feedback .cart-container label            {font-weight: 700;line-height: 1.3;}

@media (min-width: 768px) {
	.form-feedback .form-horizontal .control-label {
			padding-top: 10px;}
}
.form-feedback .cart-container .checkbox label,
.form-feedback .cart-container .radio label     {font-weight: 400;line-height: 1.7;}
.form-feedback .form-control:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
}
.form-feedback .form-control {
		-webkit-box-shadow: none;
		box-shadow: none;
		background-image: none;
	}
.alert-orange-light     {color: #f03a47; background-color: rgba(240, 58, 71, 0.2);border-color: transparent;}
.alert-orange-light a   {color: #f03a47;}

.form-feedback .form-group {
	margin-bottom: 1.25rem;
}

.form-feedback .has-error .form-control,
.form-feedback input:required,
.form-feedback input:required:valid,
.form-feedback input:focus:required:invalid {
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 1em;
	padding-right: 2em;
}
.form-feedback input:not([type='radio']):required {
	background-image: url("//d1hbm078fhnj3b.cloudfront.net/form-svg/required-grey.svg");
	background-size: .5em;
}
.form-feedback input:not([type='radio']):required:valid {
	background-image: url("//d1hbm078fhnj3b.cloudfront.net/form-svg/valid-green.svg");
	background-size: 1em;
	border-color: #00cb56;
	outline-color: #00cb56;
	background-color: rgba(0, 203, 86, 0.05);
}

.form-feedback input:not([type='radio']):focus:required:invalid {
	background-image: none;
	border-color: #0088e3;
	outline-color: #0088e3;
}
.form-feedback .has-error .form-control,
.form-feedback input.not-empty:required:invalid {
	background-image: url("//d1hbm078fhnj3b.cloudfront.net/form-svg/invalid-red-2.svg") !important;
	background-size: 1em !important;
	border-color: #f03a47 !important;
	background-color: rgba(240, 58, 71, 0.05) !important;
}
.form-feedback .has-error .form-control:focus,
.form-feedback input.not-empty:focus:required:invalid {
	background-image: none !important;
	border-color: #0088e3 !important;
	outline-color: #0088e3 !important;
	background-color: #fff !important;
}

.form-feedback hr {margin: 2rem 0;}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {color:#f03a47;}

@media (max-width: 767px) {
	.form-feedback .form-group [class*='col-'] + [class*='col-'] + [class*='col-']  input {margin-top: .5em;}
}

.form-feedback .checkbox label input {
	margin-top: 7px;
}

/* -------------------------------------------------- */
/* NEW ACCOUNT */
/* -------------------------------------------------- */

#alert-account-usp-list {padding:.75rem 1rem;}
#account-usp-list {margin-left: 0;}
#account-usp-list .fa-li {left: 0;width: 1em;top: .25em;}
#account-usp-list li    {padding-left: 1.5em;margin-right:.5em;margin-top:.1em;margin-bottom:.1em;}

/* -------------------------------------------------- */
/* BLOG CAROUSEL */
/* -------------------------------------------------- */

.entry-content .carousel .carousel-inner .item {
	height:45rem;
	background-position: center center;
	background-size: cover;
}
@media (max-width: 767px) {
	.entry-content .carousel .carousel-inner .item {
		height:25rem;
	}    
}    
.entry-content .carousel .carousel-thumbnail {
	height:5rem;
	background-position: center center;
	background-size:cover;
}
.entry-content .carousel .carousel-indicators li {
	padding:0;
}

.entry-content .carousel-caption {
	right: 0;
	left: 0;
	padding-bottom: 10px;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

/* -------------------------------------------------- */
/* BLOG SOCIAL SHARE */
/* -------------------------------------------------- */

#social-btn.input-group .form-control:first-child, 
#social-btn .input-group-addon:first-child, 
#social-btn .input-group-btn:first-child>.btn, 
#social-btn .input-group-btn:first-child>.btn-group>.btn, 
#social-btn .input-group-btn:first-child>.dropdown-toggle, 
#social-btn .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
#social-btn .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	border-radius: 0;
	border-right: 0;
}
#social-btn {
	margin-top: 20px;
	margin-bottom: 20px;
}
#social-btn .input-group-addon {
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(33, 83, 122, 0.15);
	color:#003554;
	border-right: 0;
}
a.btn.social {
	border: 1px solid rgba(33, 83, 122, 0.15);
	color: #23527c;
	padding: 1.5rem;
}
a.social.facebook:hover {
	background: #3B5998;
	color: #fff;
}
a.social.twitter:hover {
	background: #55acee;
	color: #fff;
}
a.social.whatsapp:hover {
	background: #25D366;
	color: #fff;
}
a.social.mail:hover {
	background: #003554;
	color: #eee;
}

/* -------------------------------------------------- */
/* SELECTION ASSISTANT */
/* -------------------------------------------------- */

#selection-assistant-container {
	margin-bottom: 2rem;
}
ul#answer-list      {
	margin-bottom: 1rem;margin-top: 1.5rem;
}
ul#answer-list li   {
	padding: .5rem 0;
	border-top: 1px dashed rgba(33, 83, 122, 0.15);
}
ul#answer-list li a,
ul#answer-list li a i {
	line-height: 2em;
	font-weight: 600;
}
ul#answer-list li:last-child {
	border-bottom: 1px dashed rgba(33, 83, 122, 0.15);
}
.selection_assistant_question_container {
	padding: .5rem 0;
}
.disabled-answer,
.disabled-answer:hover,
.disabled-answer:focus  {opacity: 0.5;text-decoration:line-through;color:#003554}


/* -------------------------------------------------- */
/* CART STEPS (NEW V.3.0) */
/* -------------------------------------------------- */

#cart-progress {
	margin: 4rem 0 9rem;
}
#cart-progress .cart-progress-bar {
	width: 100%;
	position: relative;
	background: #F0F2F5;
}
#cart-progress .cart-progress-bar,
#cart-progress .cart-progress-bar-inside {
	height:5px;
}
#cart-progress .cart-progress-bar-inside {
	background: #0088e3;
}
#cart-progress .circle {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
	text-align: center;
	margin: -28px auto 0px;
	font-weight: bold;
	font-size: 1.8rem;
	z-index: 99;
	position: relative;
	color: rgba(0, 65, 109, 0.3);
	background: #fff;
	overflow: hidden;
	transform: scale(0.9);
	-webkit-box-shadow: inset 0px 0px 0px 5px #F0F2F5;
	   -moz-box-shadow: inset 0px 0px 0px 5px #F0F2F5;
			box-shadow: inset 0px 0px 0px 5px #F0F2F5;    
}
#cart-progress .circle:after {
	content: "";
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0088e3;
}
#cart-progress .circle .circle-inner {
	width: 52px;
	height: 52px;
	display: block;
	border-radius: 50%;
	text-align: center;
	background-color: #ffffff;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 999;
	cursor: not-allowed;
	pointer-events: none;
}
#cart-progress .circle .circle-inner i {
	line-height: 2.9em;
}
#cart-progress .active .circle {
	cursor: default;
}
#cart-progress .active .circle,
#cart-progress .done .circle, 
#cart-progress .done .circle .circle-inner {
	-webkit-box-shadow: inset 0px 0px 0px 5px #0088e3;
	   -moz-box-shadow: inset 0px 0px 0px 5px #0088e3;
			box-shadow: inset 0px 0px 0px 5px #0088e3; 
}
#cart-progress .active .circle .circle-inner {
	width: 36px;
	height: 36px;
	top: 12px;
	left: 12px;
	background-color: #0088e3;
}   
#cart-progress .done .circle, 
#cart-progress .done .circle .circle-inner {
	color: #fff;
	background: #0088e3;
	cursor: pointer;
	transition: transform 200ms ease-in-out;
}
#cart-progress .done .circle:hover {
	transform: scale(1);
}
#cart-progress h4                       {opacity: 0.3; margin-top: 1rem;}
#cart-progress .active h4               {color: #015287; opacity: 1;}
#cart-progress .done h4                 {color: #B3C6D3; opacity: 1;}
#cart-progress .done .circle:hover + h4 {color: #00416D;}

@media (max-width: 767px) {
	#cart-progress {margin:2rem 0 2.5rem;}
	#cart-progress .circle .circle-inner i {line-height: 3.2em;}
	#cart-progress .circle {transform: scale(0.6);}
} 


/* -------------------------------------------------- */
/* MOBILE USP SLIDER HEADER */
/* -------------------------------------------------- */

#header-bar-usp .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
#header-bar-usp .carousel-fade .carousel-inner .active {
  opacity: 1;
}
#header-bar-usp .carousel-fade .carousel-inner .active.left,
#header-bar-usp .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#header-bar-usp .carousel-fade .carousel-inner .next.left,
#header-bar-usp .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#header-bar-usp .carousel-fade .carousel-control {
  z-index: 2;
}

/* -------------------------------------------------- */
/* DYNAMIC MODAL TRIGGER */
/* -------------------------------------------------- */

.modal-dynamic-trigger:focus   {outline: none;text-decoration: none;}
.modal-dynamic-trigger:hover   {text-decoration: none;}
.modal-dynamic-trigger i       {cursor: pointer;}

/* -------------------------------------------------- */
/* NAVBAR BANNER */
/* -------------------------------------------------- */

#navbar-banner-container {
	padding: 0;
}
#navbar-banner-container a:hover,
#navbar-banner-container a:focus {
	text-decoration: none;
}
#navbar-banner {
	padding: .75rem .5rem;
	margin-bottom: 2rem;
	font-size: 1.6rem;
	text-align: center;
}
#navbar-banner.tour-de-france {
	background-color: #f8cd1a;
	background-image: url('//d1hbm078fhnj3b.cloudfront.net/mantel-tour-de-france-2017-bar.jpg');
	background-size: cover;
	background-position: right center;
}    
#navbar-banner.tour-de-france .navbar-banner-text {
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3); 
}
.navbar-banner-text {
	color:#fff;
	text-transform: uppercase;
}
.text-underline {
	text-decoration: underline;
}

/* -------------------------------------------------- */
/* IMAGE SLIDER BANNER */
/* -------------------------------------------------- */

#banner-slider .carousel-indicators {
  position: absolute;
  bottom: 10px;
  width: 60%;
  margin-left: -30%;
  margin-bottom: 0;
}
#banner-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 1px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 10px;
  padding: 0;
}
@media (max-width: 768px) {
	#banner-slider {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -10px;
	}
	#banner-slider .carousel-indicators {
		bottom: 0;
	}
}    

/* -------------------------------------------------- */
/* STORES PAGE */
/* -------------------------------------------------- */

#stores-page .store {
	margin: 1rem 0 2rem;
}
#stores-page  .store-box {
	background-color: rgba(0, 53, 84, 0.05);
	padding:3rem 2rem;
}

/* -------------------------------------------------- */
/* STORE PAGE */
/* -------------------------------------------------- */

#store-page #column-store {
	background: rgb(255, 255, 255);
	margin-top: -12rem;
	padding: 2rem 4rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
@media (max-width: 768px) {
	#store-page #column-store {
		padding: 1rem 1rem;
	}
}
#store-page .color-overlay-round {
	height: 100%;
	overflow: hidden;
	position: relative;
}
#store-page .color-overlay-round:after {
	content: "";
	position: absolute;
	height: 40rem;
	width: 40rem;
	border-radius: 100%;
	background-color: rgba(0, 136, 227, 0.8);
	transform: perspective(1px) translateY(-40%) translateX(-50%) scale(1.5);
}
#store-page .vertical-center {
	position: relative;
	top: 30%;
	transform: perspective(1px) translateY(-40%);
	z-index: 99;
}
#store-page .store-title {
	color:#fff;
	font-style: italic;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 4.4rem;
	margin-bottom: .5em;
	line-height: 1.2em;
}
#store-page .horizontal-divider {
	height: 6px;
	width: 40px;
	background-color: rgb(255, 255, 255);
	display: block;
}
#store-page .bg-cover-20 {
	background-size: cover;
	background-position: center center;
	height:25rem;
	margin-bottom: 2rem;
}
#store-page .store-text-container {
	max-width:70rem;
	margin:2rem auto;
}
#store-page #google-map-store {
	border:0;
	width:100%;
	height:40rem;
}


/* -------------------------------------------------- */
/* CUSTOMER PHOTO */
/* -------------------------------------------------- */

.product-review-image {
  background-size: cover; 
  background-position: center center;
  display: block;
  position: relative;
  height: 20rem;
}

.product-review-image-thumbnail {
	height: 12rem;
}

#reviews-images .product-review-image-thumbnail {
	height:17rem;
}

@media (max-width: 767px) {
	.scroll-xs {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		position: relative;
		white-space: nowrap;
	}
	#reviews-images .product-review-image-thumbnail.bg-img-xs {
		display: inline-block;  
		overflow: hidden;
		width: 13rem;
		height: 13rem;
	}
	.inline-xs {
		display: inline;
	}
	.padding-xs {
		padding-right: 0;
	}
}

/*----------------> HOVER <----------------*/

a.product-review-image:focus {
  outline: none;
}
.product-review-image .grey-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 200ms;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0; 
}
.product-review-image:hover .grey-overlay {
  opacity: 1;
}

.product-review-image .fa-search-plus {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: perspective(1px) translateY(-50%) translateX(-50%);
}

#product-review-image-modal.modal.in .modal-dialog {
	position: absolute;
	margin: 0;
} 

@media (min-width: 991px) {
   #product-review-image-modal.modal.in .modal-dialog {
	  left: 50%;
	  top: 50%;
	  transform: translateX(-50%) translateY(-50%) perspective(1px);
	}
	#product-review-image-modal .carousel-control.left {
	  left:-50px;
	}
	#product-review-image-modal .carousel-control.right {
	  right:-50px;
	}
}


#product-review-image-modal .modal-body {
	padding: 0px;
}
#product-review-image-modal .modal-content {
  border-radius: 0;
  box-shadow: none;
  border:none;
}

@media (max-width: 991px) {
	#product-review-image-modal .modal-lg {
	   width: 100%;
	}
}

@media (min-width: 1200px) {
	#product-review-image-modal .modal-lg {
		width: 1100px;
	}
}

#product-review-image-modal .close-modal {
	font-size: 4rem;
	width: 5rem;
	height: 5rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 99;
	line-height: 5rem;
	cursor: pointer;
	text-align: center;
}

.product-review-image-container {
  background-color: #000;
  height: 60rem;
  position: relative;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.product-review-image-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 60rem;
  padding-bottom: 6rem;
}
.product-review-image-read-more {
	width:100%;
	height:8rem;
	position: absolute;
	bottom: -1px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}

@media (max-width: 991px) {

  .product-review-image-container {
	height: 40rem;
	width:100%;
	position: relative;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
  }

  .product-review-image-content {
	overflow-y: auto;
	height: initial;
	margin-bottom: 1.5rem;
  }

  #product-review-image-modal.modal.in .modal-dialog {
	background: #fff;
	height: 100%;
  }
  #product-review-image-modal .carousel-control {
	top:20rem;
  }
  #product-review-image-modal .carousel-control.right {
	right: 1rem;
  }
  #product-review-image-modal .carousel-control.left {
	left: 1rem;
  }
}

#product-review-image-carousel .review {
	padding:0;
	border-bottom:none;
}

/*----------------> CONTROLS <----------------*/

#product-review-image-carousel .carousel-control {
  background: none;
  opacity: 1;
  font-size: 4rem;
}
#product-review-image-carousel .carousel-control i {
  color: #fff;
}

/*----------------> UPLOADER <----------------*/

.product-review-image-upload-thumbnail {
	height: 15rem;
	width: 15rem;
	background-size: cover;
	background-position: center center;
	position: relative;
	border: 1px solid rgba(33, 83, 122, 0.3);
	display: inline-block;
	float: left;                        
	border-radius: .5rem;
	margin: 1rem 1.5rem 0.5rem 0rem;
}

.js-product-review-image-add {
	text-align: center;
	color: rgba(33, 83, 122, 0.3);
	border: 1px dashed rgba(33, 83, 122, 0.3);
	border-radius: 5px;
	cursor: pointer;
	height: 15rem;
	width: 15rem;
	padding: 4rem 3rem;
	margin-top: 1rem;
	line-height: 1.4em;
}

.js-product-review-image-add:hover {
	border: 1px dashed rgba(33, 83, 122, 0.8);
}           

.js-product-review-image-delete {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 6px 3px 2px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-align: center; 
	font-size: 2.2rem;
	background: #0088E5;
	line-height: 11px;
	width: 25px;
	height: 25px;
	border-radius: 50px;
}       

.js-product-review-image-delete:hover {
	background-color: #006DB9;
}

/* -------------------------------------------------- */
/* CART PICK-UP POINT */
/* -------------------------------------------------- */

#pickup-point-map {
	width: 100%;
	height: 500px;
}
.gm-style .gm-style-iw {
	font-weight: 400;
	font-size: 1.6rem;
	font-family: "Open Sans", Helvetica,Arial,sans-serif;
	overflow: hidden;
	padding-top: 1rem;
}
#marker-list li {
	border: 0 solid rgba(33, 83, 122, 0.15); 
	border-width: 1px 1px 0 1px; 
	padding:1rem; 
	cursor: pointer;
}
#marker-list li:last-child {
	border-bottom-width: 1px;
}
#marker-list li:hover,
#marker-list li.active  {
	border-color: #c3dbeb;
	background: rgba(0, 136, 227, 0.1);
}
#marker-list li:hover + li {
	border-top-color: #c3dbeb; 
}
#marker-list .collapsing {
	-webkit-transition: none;
	transition: none;
}
#marker-list.panel-group .panel+.panel {
	margin-top: 0px;
}
#marker-list.panel-group .panel {
	margin-bottom: 0;
	border-radius: 0px;
}
#info-store-wrapper.panel-default {
	border: 1px solid rgba(33, 83, 122, 0.15); 
}

/* -------------------------------------------------- */
/* CART MODAL */
/* -------------------------------------------------- */

#cart-modal-body {
	min-height: 15rem;
}

/* -------------------------------------------------- */
/* LOADER */
/* -------------------------------------------------- */

#loader #loader-inner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 8;
  stroke-miterlimit: 8;
  stroke-linecap: round;
  animation: loading-circle 2s linear infinite;
  stroke: #0088e3;
  fill: transparent;
}

@keyframes loading-rotate {
  0% {
	transform: rotate(0);
  }
  100% {
	transform: rotate(360deg);
  }  
}

@keyframes loading-circle {
  0% {
	stroke-dashoffset: 0;
  }
  100% {
	stroke-dashoffset: -600;
  }  
}
#loader {
	display: block;
	margin: 0 auto;
	width: 80px;
	animation: loading-rotate 3s linear infinite;
}
/* -------------------------------------------------- */
/* SPINNER */
/* -------------------------------------------------- */

#spinner #spinner-inner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 8;
  stroke-miterlimit: 8;
  stroke-linecap: round;
  animation: loading-circle 2s linear infinite;
  stroke: #0088e3;
  fill: transparent;
}

@keyframes loading {
  0% {
	transform: rotate(0);
  }
  100% {
	transform: rotate(360deg);
  }  
}

@keyframes loading-circle {
  0% {
	stroke-dashoffset: 0;
  }
  100% {
	stroke-dashoffset: -600;
  }  
}
#spinner {
	z-index:10000000;
	top:30%;
	left: 50%;
	margin-left: -25px;
	position: fixed; 
	display: block;
	width: 80px;
	animation: loading 3s linear infinite;
}

/* -------------------------------------------------- */
/* MANTEL CARD */
/* -------------------------------------------------- */

.m-card {border: 1px solid rgba(33, 83, 122, 0.15); margin-bottom: 3rem;}

@media (max-width: 767px) {
	.m-card {
		border: 0;
		box-shadow: 0px 8px 0px rgba(33, 83, 122, 0.05), inset 0px -1px 0px rgba(33, 83, 122, 0.15);
		margin-bottom: 8px;
	}
}

.m-card-header	{padding: 1.5rem;}
.m-card-body 	{padding:15px !important;}
.m-card-title	{margin-top: 0; margin-bottom: 2rem;}
.m-card-footer	{border-top: 0.1rem solid rgba(31, 72, 100, 0.1); padding: 1.5rem;}

.m-card-body > :last-child {margin-bottom: 0;}

.m-card-img-top {
	height: 24rem;
	background-size: cover;
	background-position: 100%;
}

@media screen and (max-width: 768px) and (min-width: 520px) {
	.m-card-img-top {height: 40vw;}
}

@media (max-width: 519px) {
	.m-card-img-top {height: 50vw;}
}

.m-card .m-card-list .m-card-list-item {
	padding: 1.5rem;
	border-bottom: 1px solid rgba(33, 83, 122, 0.15);
}
.m-card .m-card-list-condensed .m-card-list-item {
	padding: 1rem 15px
}
.m-card .m-card-list-expanded .m-card-list-item {
	padding: 2rem 15px
}

.m-card .m-card-list .m-card-list-item:first-child {border-top: 1px solid rgba(33, 83, 122, 0.15);}
.m-card .m-card-list .m-card-list-item:last-child {border-bottom: 0;}

.m-card .m-card-list.p-l-0 .m-card-list-item {padding-left: 0}

.m-card-list-bordererd {border: 1px solid #DFE5EB;}
.m-card-list-bordererd .m-card-list-item:first-child {border-top: 0;}
.m-card-list-bordererd .m-card-list-item:first-child {border-top: 0;}

@media (min-width: 768px) {
	.m-card .m-card-list.border-md-remove .m-card-list-item {border: 0;}
}

@media (max-width: 767px) {
	.m-card:not(.border-0) {
		border-top: 1px solid rgba(33, 83, 122, 0.1);
	}
}

.m-card-radio-list-item {border-top:1px solid rgba(33, 83, 122, 0.15);position: relative;}
.m-card-radio-list-item label {padding:1.5rem 1.5rem 1.5rem 4rem;width:100%;margin:0;line-height: 1.4em;}
.m-card-radio-list-item input {position: absolute;top:1.5rem;left:1.5rem;}
.m-card-radio-list-item input:checked + label {background-color:rgba(0, 136, 227, 0.05);}

.m-card > .m-card-list .m-card-list-item:first-child ,
.m-card > .m-card-radio-list .m-card-radio-list-item:first-child {border-top:0;}

.m-card .m-card-list .m-card-list-item:only-child {
	border-bottom: 1px solid rgba(33, 83, 122, 0.15);
}

.m-card-radio-list-item label {
	padding: 15px 15px 15px 40px !important;
}

.border-remove-vertical {border-left: 0;border-right: 0;}
.button-height 			{line-height: 4.2rem;}

/* CARD DECK */

.m-card-deck {
	display: flex;
	display: -ms-flexbox;
}
.m-card-deck .m-card { 
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 15px;
	margin-left: 15px;
}
.m-card-deck .m-card .m-card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
@media (max-width: 767px) {
	.m-card-deck {
		display: initial;
	}
}

/* -------------------------------------------------- */
/* PRODUCT COMPARE */
/* -------------------------------------------------- */


#product-info-header .compare-col {
	padding: 1rem 1.5rem; 
	background: #fff;
}
#product-info-header img {
	max-height: 6rem;
}

.compare-row {
-webkit-flex-basis: 100%;
		flex-basis: 100%;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	position: relative;
	transition: transform .15s;
	will-change: transform;
	transform: translate3d(0px,0,0);
	-webkit-transform: translate3d(0px,0,0);
}

.compare-col {
-webkit-box-flex: 1; 
		-ms-flex: 1 0 25%; 
			flex: 1 0 25%;
	border-top: 1px solid rgba(33, 83, 122, 0.15);
	border-bottom: 1px solid rgba(33, 83, 122, 0.15);
	padding: .5rem 1.5rem;
	background: #F9FBFE;
}

.compare-col-divider                {border-right: 1px solid rgba(33, 83, 122, 0.15);}
.compare-col-divider:last-child     {display: none;}

.compare-col:empty:after{
	opacity: 0.5;
	content:"\2013";
}
.compare-col.col-pro td,
.compare-col.col-con td {
	padding:.25em 0;
	line-height: 1.4em
}
.compare-label {
-webkit-flex-basis: 100%;
		flex-basis: 100%;
	padding: 1em 1.5rem .5em 0;
	font-weight: 700;
	background: #fff;
}

@media (max-width: 990px) {
	.compare-col {
	-webkit-flex-basis: 33%;
			flex-basis: 33.33%;
	}
}
@media (max-width: 767px) {
	.compare-col    {flex-basis: 50%; -webkit-flex-basis: 50%;}
	.compare-label  {padding-left: 1.5rem !important;}
}

@media (min-width: 768px) {
	#product-info-header.affix-top .container {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media (max-width: 767px) {
	#product-info-header.affix .compare-col {
		padding: 1rem;
	}
}

#product-info-header.affix-top {
	transform: translateY(-20rem);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
}

#product-info-header.affix {
	transform: translateY(0px);
	z-index: 999;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	transition: transform 200ms;
	will-change: transform;
-webkit-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.10);
}
#compare-controls {
	position: fixed;
	bottom: 50%;
	left: 0;
	right: 0;
	z-index: 999;
}
#compare-controls,
#compare-controls .container {
	height:0;
}
.arrow-control {
	width: 5rem;
	height: 5rem;
	font-size: 3rem;
	text-align: center;
	line-height: 4.5rem;
	border-radius: 50%;
	cursor:pointer;
}

#compare-controls .left     {margin-left: -8rem;}
#compare-controls .right    {margin-right: -8rem;}

@media (max-width: 1299px) {
	#compare-controls           {bottom:7rem;}
	#compare-controls .left     {margin-left: 1.5rem;}
	#compare-controls .right    {margin-right: 1.5rem;}
}

/* -------------------------------------------------- */
/* BLOG COMMENTS */
/* -------------------------------------------------- */

ol.comment-list 	{border-top: 1px solid rgba(33, 83, 122, 0.15);padding: 0rem;}
ol.comment-list, 
ol.children 		{list-style: none;font-size: 14px;padding-left: 4.5rem;}

li.comment 			{padding: 1rem; border-bottom: 1px solid rgba(33, 83, 122, 0.15);}

li.comment.parent li.comment {padding-left: 0;padding-bottom: 0;border-bottom: 0;}

.comment-author .avatar {height: 32px;width: 32px;}
.comment-author .says	{display: none;}
.comment-author .fn 	{padding: 0rem .85rem;}

.comment-metadata .edit-link a 	{display: none;position: absolute;top: 0;right: 0;}
.comment-metadata a time 		{color: rgba(0, 53, 84, .65);font-size: 14px;}

article.comment-body .reply a 	{padding-left: 4.7rem;}
article.comment-body .comment-content	{padding-left: 4.5rem;}
article.comment-body .comment-content p {margin-bottom: 0;}

textarea:focus#comment 	{border-color: #0088e3;outline-color: #0088e3;outline: none;}
footer.comment-meta		{display: flex;align-items: baseline;}

@media (max-width: 767px) {
  footer.comment-meta {
	display: inline-block;
  }

  .comment-metadata {
	padding-left: 4.5rem;
  }
}

.comment-form-comment label 	{display: none;}
.comment-form-comment textarea 	{width: 100%;border-radius: .5rem;border-color: rgb(204, 204, 204);padding:1rem}


/* -------------------------------------------------- */
/* CUSTOMER SERVICE */
/* -------------------------------------------------- */

@media (min-width: 768px) {
	.m-card-list-item.border-0-sm {border-top: 0!important; border-bottom: 0 !important;}
}

@media (min-width: 768px) {
	.match-height > [class*='col-'] .m-card {min-height: 240px;}
}

.m-card > .m-card-list .m-card-list-item:first-child, 
.m-card > .m-card-radio-list .m-card-radio-list-item:first-child {
	border-top: 0;
}
.m-card .m-card-list-expanded .m-card-list-item {
	padding: 2rem 15px
}

#customer-service-accordion .panel {
	background: none;
	border: none;
	box-shadow: none;
}
#customer-service-accordion .panel-default>.panel-heading {
	color: #0088e3;
	padding: 0;
	background: none;
	cursor: pointer;
	padding: 1.5rem;
}

#customer-service-accordion .m-card-list-item {cursor: pointer;} 
#customer-service-accordion .m-card-list-item:hover .panel-default>.panel-heading  a {text-decoration: underline;}
#customer-service-accordion .panel-body h3 {margin-top: 0;} 

#customer-service-accordion.panel-group .panel-heading+.panel-collapse>.panel-body { 
	border-top: 0;
}

#customer-service-accordion .collapsed .toggle-collapse {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

#customer-service-accordion .toggle-collapse {
	transition: all .08s ease-in-out;
	will-change: transform; 
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#customer-service-accordion .m-card-list-item {padding: 0;}