/*
	red: c61832;
	dark grey: 303030
	text: 303030
	text light: 737373
	text more light 9a9a9a
*/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


body {
	background-color: white !important;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #303030;
}

h1, .h1 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	line-height: 1;
}

body.cl-details #productTitle {
	font-size: 26px;
}

h2, .h2 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 40px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	line-height: 1.4;
}

h3, .h3 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	line-height: 1.4;
}

:focus {
	outline: 0px !important;
	border: 0px !important;
}

button,
.button,
input[type="submit"],
.btn {
	display: inline-block;
	text-align: center;
	line-height: 40px;
	padding: 0px 15px;
	border: 2px solid #003da7;
	background-color: white;
	color: #003da7;
	border-radius: 0px;
}
button:hover,
.button:hover,
input[type="submit"]:hover,
.btn:hover {
	background-color: transparent;
	border: 2px solid #003da7;
	color: #003da7;
}
button:active:hover,
.button:active:hover,
input[type="submit"]:active:hover,
.btn:active:hover,
.btn-primary:active:hover,
.btn-default:active:hover,

button:active:focus,
.button:active:focus,
input[type="submit"]:active:focus,
.btn:active:focus,
.btn-primary:active:focus,
.btn-default:active:focus {
	background-color: inherit;
	border: inherit;
	box-shadow: none;
	color: inherit;
}

button.big,
.button.big,
input[type="submit"].big,
.btn-primary,
button.btn-primary,
.tobasket #toBasket
{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 45px;
	padding: 0px 20px;
}

.tobasket #toBasket {
	background-color: #003da7;
	color: white;
}

.productData .actions .btn-default,
.productData .actions .btn-primary {
	height: 40px;
	line-height: 38px;
	padding: 0px 10px;
	font-size: 14px;
}
.productData .actions .btn-default { /* to basket icon */
	background-color: #003da7;
	color: white;
	font-size: 120%;
}
	
.clear:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
	

.outer {
	position: relative;
	margin: auto;
	width: 1750px;
	max-width: 96%;
}
.inner {
	position: relative;
	margin: auto;
	width: 1280px;
	max-width: 94%;
}

.container-fluid {
	padding: 0px;
}

#content .page-header,
#content .page-header:first-child {
	margin-top: 30px;
	color: #003da7;
}

.form-control {
	border-radius: 0px;
	height: 48px;
}

#wrapper {
	width: 100%;
	overflow: hidden;
}

.cl-start #wrapper .mainwrapper > .inner {
	width: 100%;
	max-width: 100%;
}
.mainwrapper {
	margin: 0px -15px;
}

#header {
	padding: 15px 0px 10px 0px;
}

#prefooter {
	margin-top: 50px;
	background-color: #003da7;
	color: white;
	padding: 80px 0px;
}

#prefooter .text {
	margin-right: 150px;
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	font-size: 36px;
}

#prefooter .button {
	float: right;
}

#prefooter .button,
#contact_slidein .button {
	border-color: white;
	color: white;
	background-color: transparent;
}

#jumptotop {
	color: #003da7;
}

#footer {
	background-color: #303030;
	color: #737373;
	border: 0px;
	padding: 50px 0px;
}
#footer a {
	color: #737373;
}
#footer .row {
	display: flex;
	justify-content : center;
	align-items : center;
}
#footer .col {
	padding: 10px 25px;
}
#footer .left {
	text-align: left;
}
#footer .right {
	text-align: right;
	border-right: 1px solid #737373;
}

.legal {
	background-color: #384967;
	text-align: center;
	color: #737373;
}

#start_categories {
	position: relative;
}
#start_categories .catbox,
#category_subcats .catbox {
	position: relative;
	padding-bottom: 42vw;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	background-color: #bebebe;
	overflow: hidden;
}
/*
#start_categories .catbox:nth-Child(2),
#start_categories .catbox.grid3_2 {
	width: 66.66%;
}
*/
#start_categories .catbox img,
#category_subcats .catbox img {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.0);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

#start_categories .catbox:hover img,
#category_subcats .catbox:hover img {
	transform: scale(1.05);
}

#start_categories .catbox .title,
#category_subcats .catbox .title {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 50px;
	color: #737A8C;
	width: calc(100% - 50px);
}
#start_categories .catbox h2,
#category_subcats .catbox h2 {
	display: block;
	max-width: 300px;
}
#start_categories .catbox .shortdesc {
	color: white;
}

#start_categories .catbox.dark h2,
#start_categories .catbox:nth-Child(3) h2,
#start_categories .catbox:nth-Child(4) h2,
#start_categories .catbox:nth-Child(5) h2
{
	color: #737A8C;
}
#start_categories .catbox.dark .shortdesc {
	color: #384967;
}

#search {
	position: absolute;
}

#logo_col {
	height: 134px;
}

#header .menus-col .menu-dropdowns > .btn-group > .btn {
	font-size: inherit;
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #737373;
}
#header .menus-col .menu-dropdowns > .btn-group > .btn:after {
	content:"";
	display: inline-block;
	position: absolute;
	right: -2px;
	width: 1px;
	height: 15px;
	top: 14px;
	background-color: #737373;
}
#header .menus-col .menu-dropdowns > .btn-group.service-menu > .btn:after,
#header .menus-col .menu-dropdowns > .btn-group:last-Child > .btn:after {
	display: none;
}

#mainnav {
	border: 0px;
	padding: 20px 0px 20px 0px;
}

#mainnav .navbar-nav {
	text-align: center;
	width: 100%;
}
#mainnav .navbar-nav > li {
	display: inline-block;
	float: none;
}
#mainnav .nav > li > a {
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: #384967;
	display: inline-block;
	padding: 0px;
}
#mainnav .navbar-nav > li.active > a {
	color: #003da7;
}

#mainnav .nav > li:after {
    content: "";
    position: relative;
    right: 0px;
    top: 2px;
    display: inline-block;
    width: 2px;
    background-color: #384967;
    height: 16px;
    margin: 0px 20px;
}
#mainnav .nav > li:last-Child:after {
	display: none;	
}

#mainnav .navbar-nav > li.dropdown:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	background-color: transparent;
	height: 50px;
}

body.fixed-header #header #mainnav {
	width: 100%;
	left: 0px;
	box-sizing: border-box;
}

#promo-carousel {
	margin: 0px;
}

#promo-carousel .flex-control-paging {
	display: block;
	z-index: 2;
	bottom: 20px;
}

#promo_text {
	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 2;
	width: 480px;
	max-width: 45%;
}

.welcome-teaser {
	padding: 50px 0px;
}

#breadcrump {
	padding: 5px 0px;
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
}
#contact_slidein {
  position: fixed;
  z-index: 10;
  right: -300px;
  top: 25%;
  width: 300px;
  box-sizing: border-box;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#contact_slidein .trigger {
  position: absolute;
  top: 0px;
  left: -50px;
  width: 50px;
  height: 100px;
  line-height: 50px;
  background-color: #003da7;
  color: white;
  text-align: center;
  text-decoration: none;
}
#contact_slidein .trigger:focus,
#contact_slidein .trigger:hover {
	text-decoration: none;
}
#contact_slidein .ic {
	color: white !important;
	opacity: 1;
	text-shadow: none;
	height: 50px;
	line-height: 50px;
	font-size: 1.5em;
	display: block;
	width: 100%;
}

#contact_slidein a {
	color: white;
}

#contact_slidein .ic.close {
  display: none;
}
#contact_slidein .textbox {
  padding-right: 50px;
  background-color: #003da7;
  color: white;
  font-size: 15px;
  padding: 25px;
}
#contact_slidein.opened {
  right: 0px;
}
#contact_slidein.opened .ic.close {
  display: block;
}
#contact_slidein.opened .ic.open {
  display: none;
}

#footer .social-links li span {
	display: none;
}
#footer .social-links li a i {
	color: inherit !important;
}

.flexslider .flex-direction-nav .flex-prev { left: 25px; opacity: 0.5; }
.flexslider .flex-direction-nav .flex-next { right: 25px; opacity: 0.5; }

.minibasket-menu button {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 40px;
	color: white !important;
	background-color: #003da7 !important;
	position: relative;
}
.minibasket-menu button .ic {
	position: relative;
	top: -6px;
}

.minibasket-menu span {
	position: absolute;
	top: -18px;
	right: 0px;
	color: #384967;
}

.dropdown-menu {
	border-radius: 0px;
	max-width: 100%;
}

.navbar-nav > li > .dropdown-menu {
	box-shadow: none;
	background-color: #f7f7f7;
	border: 0px;
	width: 100%;
	top: 200%;
}

#mainnav:after {
	display: none;
	content: "";
	background-color: #f7f7f7;
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 100%;
	margin-left: -50vw;
	width: 100vw;
	height: 300px;
}
#mainnav.opened:after {
	display: block;
}

.navbar-nav > li > .dropdown-menu li {
	padding-top: 10px;
	border-bottom: 1px solid #c6c6c6;
}

.navbar-nav > li > .dropdown-menu li a {
	display: block;
	padding: 10px 0px;
	font-size: 16px;
}
.navbar-nav > li > .dropdown-menu li a:hover {
	background-color: transparent;
	color: #003da7;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #003da7;
}

#category_banner,
#category_subcats {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
}

#category_banner .categoryPicture {
	display: block;
	width: 100%;
}

#category_banner .textbox {
	position: absolute;
	left: 5%;
	top: 75px;
	/* max-width: 350px; */
	max-width: 470px;
}

#promo_text h1,
#category_banner .h1 {
	color: #003da7;
	font-size: 70px;
	hyphens: auto;
}

#logo_col a {
	display: inline-block;
	max-width: 40%;
}
#logo_col a img {
	display: block;
	max-width: 100%;
	margin: auto;
}

body.cl-thankyou ol.checkoutSteps, body.is-checkout ol.checkoutSteps {
	margin-top: 50px;
}

#category_subcats .subcatbox {
	float: left;
	width: 33.33%;
}

#contact_slidein span.headline-contact {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	line-height: 1.4;
	display: inline-block;
}
#contact_slidein .contact-content {
	margin-bottom:15px;
	font-size: 16px;
}

#contact_slidein .contact-content a {
	color:#fff;
	font-weight:600
}
#contact_slidein .btn {
	border:2px solid #fff;
	padding:1rem 1.5rem;
	font-size:1.25rem;
	margin-top:15px
}

button.big, .button.big, input[type="submit"].big, .btn-primary, button.btn-primary, .tobasket #toBasket {
	border-color: transparent;
}

body.cl-basket #basketVoucher .input-group {
  width: 455px;
}