
.portal_logo img { height: 40px; margin-left: 0px; margin-bottom: 0px; }
.above_nav { background-color: #000000; }
.search_box input[type="text"] { border-color: #CCCCCC; }
.currency select { border-color: #CCCCCC; }
#footer_top { background-color: #000000; }
#footer_top, #footer_top a { color: #FFFFFF; text-decoration: none; }
#footer_top a:hover { color: #FFFFFF; text-decoration: none; }
#footer_top ul li ~ li { border-left: 1px solid #FFFFFF; }
.main_nav { background-color: #000000; }
.main_nav a { color: #FFFFFF; font-size: 24px; font-weight: normal; text-transform: None; text-decoration: none; }
.main_nav a:hover { color: #FFFFFF; font-size: 24px; font-weight: normal; text-transform: None; text-decoration: none; }
.second_menu, .sub_menu a { color: #FFFFFF; font-size: 14px; font-weight: normal; text-transform: capitalize; text-decoration: none; }
.second_menu, .sub_menu a:hover { color: #FFFFFF; font-size: 14px; font-weight: normal; text-transform: capitalize; text-decoration: none; }
.btn.btn-blue { background-color: #FE2D56; color: #FFFFFF; text-transform: capitalize; font-family: 'Sofia Pro Regular'; }
.btn:hover, .btn.btn-blue:hover { background-color: #EF2A51; color: #FFFFFF; text-transform: capitalize; }
#main_content { padding-top: 50px; padding-bottom: 35px; }
.ui-accordion .ui-accordion-header { background-color: #000000; }
.ui-accordion .ui-accordion-header { border: solid 0px #000000;}
.panel-primary { border-color: #000000; } 
.panel-primary>.panel-heading { background-color: #000000; border-color: #000000; } 
.panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #000000; } 
.panel-primary>.panel-heading .badge { color: #000000; } 
.panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #000000; } 
.panel-primary>.panel-heading>* { color: #FFFFFF; } 
h1, h2, h3, h4, h5, h6 { color: #000000; }
a:hover { color: #333; }
button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #FFFFFF; font-family: 'Sofia Pro Regular'; }
button, a { text-decoration: none; color:#000; }
button:hover, a:hover { text-decoration: none !important; }
.reports h2 { margin-top: 0px; font-size: 23px; }
.reports p { font-size: 12px; }
.image_link { display: block; width: 194px; }
.image_link img { width: 194px; height: 50px; }
.breadcrumb a {text-decoration: none;}

body {
    font-family:'Sofia Pro Regular';
	color:#000;
}

strong {
	font-family:'Sofia Pro Bold';
}

.btn {
	padding:8px 24px;
	font-size:16px;
	text-transform:none;
	border-radius:4px;
	border:1px solid #FE2D56;
	color:#FE2D56;
}

.row {
	margin-left: unset;
	margin-right: unset;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-padding-left {
	padding-left:0!important;
}

.user-details-mini-nav {
	padding:30px 0;
}

/* Custom Scrollbar */

.cstm-scrollbar {
	float: left;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.cstm-scrollbar::-webkit-scrollbar-track {
	/* box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #f8f9fa;
}

.cstm-scrollbar::-webkit-scrollbar {
	width: 3px;
}

/* Handle */
.cstm-scrollbar::-webkit-scrollbar-thumb {
	background: #8c8c8c;
}

/* Custom Scrollbar - End */

/* Custom CSS Icons */

.arrow-right,
.arrow-right:before,
.arrow-right:after {
	content:'';
	display:block;
	position: absolute;
	height:2px;
	width:20px;
	background-color:#fff;
	top:50%;
	right:-30px;
	transition:background-color 300ms ease-in;
	border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}

.arrow-right:before,
.arrow-right:after {
	position: absolute;
	right:-3px;
	width:12px;
	transform:rotate(45deg);
}

.arrow-right:before {
	top:-4px;
}

.arrow-right:after {
	top:unset;
	bottom:-4px;
	transform:rotate(-45deg);
}

a:hover .arrow-right,
a:hover .arrow-right:before,
a:hover .arrow-right:after {
	background-color:#FE2D56;
}

/* Custom CSS Icons - End */

/* Form Control Custom */

.form-control {
	border-radius: 0;
}



/* Form Control Custom - End */

/* Flex Defaults */

.flex-center {
	display:inline-flex;
	justify-content: center;
}

/** Flex Defaults - End */

/* Input lengths display */

.lengths {
	position: absolute;
	right:10px;
	top:14px;
	height:0;
}

/* Input lengths display - End */

/* Typography */

h1 {
	font-family:'Sofia Pro Bold';
}

/* Typography - End */

/* Header */
header {
	position: fixed;
	background-color: #000;
	color: #FFF;
}

header div.row {
	display:flex;
	max-width:1440px;
	margin:15px auto;
	align-items:center;
}

header a,
 header a:focus {
	color: #FFF;
	cursor: pointer;
	transition: color 0.25s ease-in-out;
}

.portal_logo {
	display: flex;
	justify-content: center;
	/* align-items:center; */
}

/* .logged-in .portal_logo {
	align-items:unset;
} */

.portal_logo img {
	height:42px;
	vertical-align:middle;
}

.portal_logo > a:first-of-type {
	font-size:unset;
}

.portal_logo > a:last-of-type {
	margin-bottom:-10px;
}

.portal_logo a {
	text-transform:none;
}

.portal_logo p,
.portal_logo a {
	padding-left:25px;
	font-size:35px;
	font-family:'Sofia Pro Bold';
	vertical-align:middle;
	margin-bottom:0;
}

.portal_logo a {
	font-size:22px;
	font-family:'Sofia Pro Regular';
}

header i.fa {
	font-size: 26px;
}

header a:hover, 
header a[aria-expanded="true"] {
   color: #fe2d56;
}

.header_icon, 
.icon_text {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

.header_icon {
	display:inline-block;
	padding:0 10px;
}

.search .form-group {
	margin-bottom:0;
}

header .main_nav.categories_nav ul {
	display:inline-flex;
	max-width:unset;
	width:100%;
	justify-content:space-evenly;
	align-items:center;
}

header .main_nav.categories_nav ul li {
	padding:unset;
}

header .main_nav a {
	font-size:22px;
	font-family:'Sofia Pro Regular';
}
header .main_nav a:hover {
	font-weight: bold;
	font-size:22px;
}
#header_center {
	position:relative;
	height:60px;
	z-index:1000;
}
#header_item {
	position:static;
}
#header_item_container {
	float: none;
}
/* Header - End */

/* Search Bar*/

.search.header_item a {
	position:absolute;
	top:14px;
	left:8px;
	z-index:10;
}

#prodsearch {
	width:280px;
	padding:27px 10px 27px 30px;
	background-color: #424242;
	border: none;
	border-radius: 0;
	color: #fff;
}

#prodsearch_button {
	position:absolute;
	top:14px;
	left:325px;
	padding:3px 8px;
	background-color: #6bcad4;
	color: #fff;
	border-radius:0;
	border:0;
}

#prodsearch_button i {
	font-size:12px;
}

#search_group {
	opacity:0;
	transition:opacity 1000ms;
}

#search_group.expanded {
	opacity:1;
}

#search_group #prodsearch {
	width:0;
	transition:width 1000ms;
}
	
#search_group.expanded #prodsearch {
	width:360px;
}

.btn-success, 
.btn-success:active, 
.btn-success:focus, 
.btn-success:hover, 
.btn-success.active.focus, 
.btn-success.active:hover, 
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
	background-color: #FE2D56;
	border-color: #FE2D56;
	color:#fff;
}
/* Search - End */

/* Main */
main {
	position: relative;
	top: 125px;
	margin-bottom:125px;
}
/* Main - End */


/* Breadcrumbs */
.breadcrumb {
	background: none;
}
/* Breadcrumbs - End */

/* Footer */

#footer_top {
	padding:60px 0 40px 0;
}

.footer_logo img {
	height:50px;
	margin:0;
}

.footer_cats span a {
	padding:0 10px;
}

.order-status-button {
	padding:6px 22px;
	border:1px solid #fff;
	border-radius:0;
	font-family:'Sofia Pro Medium';
	font-size:20px;
	text-transform:none;
}

.footer_logo_container,
.footer_order_status_container {
	padding:20px 0;
}

.footer_logo_container {
	padding-top:10px;
}

#footer_top ul {
	display:inline-block;
	margin:0 0 20px 0;
	padding-left:0;
}

#footer_top ul li {
	float:unset;
	padding:15px 0;
	text-align:left;
}

.footer_categories_nav, 
#footer_top p,
#footer_top li {
	font-size: 20px;
	margin-left:0;
}

#footer_top ul li ~ li {
	border-left: none;
	padding:15px 0;
	margin-left:0;
}

.contact-links span {
	padding:5px 20px;
}

#made_with_love_container {
	margin:60px auto 20px auto;
}

#made_with_love_container p {
	font-size:16px;
	font-family: 'Sofia Pro Light';
}

#made_with_love_container p span {
	text-transform:uppercase;
	letter-spacing:1px;
	font-family: 'Sofia Pro Medium';
	font-size:18px;
}
/* Footer - End */

/* MOBILE RESPONSIVENESS */
.portal_head {
	background-color: #000;
}

label[for="nav-trigger"] {
	color: #fff;
}

.main_nav {padding:10px 0}


/* Home Page */

.img-content {
	top: 50%;
}

/* Home Page - End */

/* Hero Banner */

body.category_products  #main_content,
body.home #main_content,
body.category_categories #main_content,
body.all_products #main_content,
body.search_products #main_content,
body.favourite_products #main_content {
	padding-bottom:0;
}

body.category_products  #main_content,
body.home #main_content,
body.category_categories #main_content,
body.all_products #main_content,
body.search_products #main_content,
body.favourite_products #main_content,
body.checkout_category #main_content {
	padding-top:0;
	top:unset;
}

.banner-container .img-img {
	background-repeat: no-repeat;
	background-position: right;
	background-size:cover;
	padding-bottom:40%;
}

.banner-container .img-content {
    position: absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:left;
}

.banner-container h1 {
	width:400px;
	font-family:'Sofia Pro Bold';
	font-size:72px;
	line-height:1.4;
}

.banner-container a.btn {
	right:unset;
	bottom:unset;
	position: relative;
}

/* Hero Banner - End */

/* Product Carousel */

.row_2.pagebuilder {
	padding-top:0;
}
.row_2 .resourceContainer {
	background:#f0f0f0;
	padding:30px;
}

.carousel-outer-container .card-body {
	display:flex;
	justify-content: center;
	align-items:center;
}

.carousel-controller {
	position: relative;
	padding-bottom:100px;
}

.carousel-controller span {
	position:absolute;
	left:50%;
	height:47px;
	width:47px;
	transform:translateX(-50%);
	background:#000;
	border-radius:50%;
}

.carousel-controller span:before,
.carousel-controller span:after {
	content:'';
	display:block;
	position:absolute;
	top:15px;
	left:12px;
	height:4px;
	width:21px;
	background:#fff;
	transform:rotate(-45deg);
}

.carousel-controller span:after {
	transform:rotate(45deg);
	top:28px;
}

.carousel-controller.carousel-control-next span:before,
.carousel-controller.carousel-control-next span:after {
	right:12px;
	left:unset;
	transform:rotate(45deg);
}
.carousel-controller.carousel-control-next span:after {
	transform:rotate(-45deg);
}

@media (max-width: 800px) {
	.carousel-outer-container {
		position: relative;
	}

	.carousel-controller {
		position: absolute;
		top:25px;
		left:0;
	}

	.carousel-controller.carousel-control-next {
		right:0;
		left:unset;
	}

	.carousel-controller span {
		height:30px;
		width:30px;
	}
	.carousel-controller span:before,
	.carousel-controller span:after {
		top:10px;
		left:8px;
		height:3px;
		width:13px;
	}

	.carousel-controller span:after {
		top:18px;
	}

	.carousel-controller.carousel-control-next span:before,
	.carousel-controller.carousel-control-next span:after {
		right:8px;
	}
}

/* Product Carousel - End */

/* Trending Now blocks (3 Cards in a row) */

.card-container.col-sm-4.cols {
	padding:0 20px;
}

.col-sm-4.card-container img {
	width:100%;
}

.col-sm-4.card-container .img-img {
	display:inline-block;
	width:100%;
	overflow:hidden;
	max-height:430px;
}

.col-sm-4.card-container .img-img img {
	transition:transform 300ms ease-in;
}

.col-sm-4.card-container .img-img:hover img {
	transform:scale(1.05);
}

.img-text {
	position: relative;
	text-align: center;
	padding:30px 0;
}

.img-text > * {
	font-size:20px;
}

.img-text p {
	font-family:'Sofia Pro Light';
	text-align: center;
}

.img-text a {
	font-family:'Sofia Pro Bold';
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
}

/* Trending Now blocks (3 Cards in a row) - End */

/* Product Page - Single */

.prod_info a:not(.favourite_product) {
	text-decoration: underline;
}

#product_image_thumbnails_container  {
	max-height:560px;
	overflow-y: scroll;
}

a.product_image_container {
    position: absolute;
}

.prod_info h1,
.product_price {
	margin-bottom:0;
	line-height: 1;
	color:#000;
	font-size:32px;
	font-family:'Sofia Pro Black';
}

.prod_info .sku-line span {
	text-transform:uppercase;
	color:#000;
	font-size:18px;
}

.prod_info ul {
	padding-left:18px;
}

.color-selector {
	padding-bottom:25px;
}

.qty_box .title p,
.color-selector p,
.size-selector p {
	margin-bottom:0;
	text-transform:uppercase;
	font-size:18px;
	font-family:'Sofia Pro Black';
}

.color-selector ul,
.size-selector ul {
	padding-left:0;
}

.color-selector ul li,
.size-selector ul li {
	display:inline-block;
}

.size-selector ul li {
	padding:5px;
}

.color-selector [type="radio"]:checked,
.color-selector [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.color-selector [type="radio"]:checked + label,
.color-selector [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.color-selector [type="radio"]:checked + label:before,
.color-selector [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #fff;
	border: 0;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.color-selector [type="radio"]:checked + label:before,
.color-selector [type="radio"]:not(:checked):hover + label:before {
	border: 1px solid #555;
}
.color-selector [type="radio"]:checked + label:after,
.color-selector [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #F87DA9;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/* .color-selector [type="radio"]:not(:checked) + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.color-selector [type="radio"]:checked + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
} */

.size-selector [type="radio"] {
	display:none;
}

.size-selector label {
	border:1px solid #fe2d56;
	color:#fe2d56;
	border-radius: 50%;
    line-height:2;
    height:30px;
    width:30px;
	text-align:center;
	transition:all 200ms ease-in;
	cursor: pointer;
}

.size-selector [type="radio"]:checked + label {
	border-color:#6bcad4;
	color:#6bcad4;
}

.size-selector [type="radio"]:disabled + label {
	position: relative;
	cursor:not-allowed;
	color:#555;
	border-color:#555;
}

.size-selector [type="radio"]:disabled + label:before {
	content:'';
	position: absolute;
	display:block;
	height:1px;
	width:calc(100% + 10px);
	top:50%;
	left:-5px;
	background:#555;
	transform:rotate(-45deg);
}

.qty_box .title p {
	display:inline-block;
	padding-right:10px;
}
.qty_box input[type="text"] {
	width:46px;
	height:29px;
	font-size:14px;
}

.btn.add_to_basket, .btn.add_to_basket:hover {
	padding: 8px 56px;
	text-transform: none;
}

.product_detail .btn.add_to_basket {
	padding: 8px 70px;
}

.product_detail .prod_img {
	max-height: 100%;
}

.btn-full, .btn-full:hover {
	background: none !important;
	border: none;
	color: #000 !important;
	text-decoration: underline;
}

.modal.in .modal-dialog.modal-centered {
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin:0;
}

#basketConfirm .modal-header {
	border-bottom:unset;
	padding:unset;
}

#currentStock .modal-header button.close,
#basketConfirm .modal-header button.close {
	position: absolute;
	right:0;
	top:0;
	z-index:100;
	font-size:44px;
	color:#000;
	opacity:1;
}

#currentStock .modal-header button.close:before,
#currentStock .modal-header button.close:after,
#basketConfirm .modal-header button.close:before,
#basketConfirm .modal-header button.close:after {
	position: absolute;
	display:block;
	content:'';
	height:2px;
	width:25px;
	top:35px;
	left:-50px;
	transform:rotate(45deg);
	background:black;
}

#currentStock .modal-header button.close:before,
#basketConfirm .modal-header button.close:before {
	transform:rotate(-45deg);
}

#currentStock .modal-body,
#basketConfirm .modal-body {
	padding:55px;
}
#currentStock .modal-body {
	padding-top:0;
}

#basketConfirm .modal-body .row {
	display:inline-flex;
	align-items:center;
}

#basketConfirm .modal-body p {
	font-size:22px;
	font-family: 'Sofia Pro Bold';
	margin-bottom:0;
}

#basketConfirm .modal-body p:first-of-type {
	font-size:26px;
	margin-bottom:10px;
}

#basketConfirm .modal-body p:last-of-type {
	margin-bottom:30px;
}

#basketConfirm .modal-body p span {
	font-family: 'Sofia Pro Regular';
}

#basketConfirm .modal-body .btn {
	display:block;
	min-width:50%;
	margin-left:0;
	text-transform:none;
}

#basketConfirm .modal-body .btn:last-of-type {
	margin-top:20px;
}

#related_products_container .extra_buttons {
	display:none;
}

#related_products_container .name a {
	color:#000;
}

.wrap_products_listing .image {
	height:280px;
}


/* Product Page - Single - End */

/* Product Archive */

.archive-title-container {
	position: relative;
	padding:30px;
	background:#dadada;
}

.archive-title-container h1 {
	margin-bottom:0;
	text-transform:none;
	font-family:'Sofia Pro Bold';
	font-size:50px;
	color:#000;
}

.category_products .breadcrumb {
	padding-left:0;
}

.wrap_products_listing .listing_product {
	border:unset;
}

.wrap_products_listing .image img {
	transition: transform 300ms ease-out;
	transform:translate(-50%, -50%) scale(1);
}

.wrap_products_listing .image:hover img {
	transform:translate(-50%, -50%) scale(1.15);
}

.checkout .wrap_products_listing .image img {
	transition: none;
	transform: translate(-50%, -50%);
}

.wrap_products_listing .name,
.wrap_products_listing .price {
	margin-bottom:0;
}
.wrap_products_listing .name a, 
.wrap_products_listing .price h2,
.wrap_products_listing .name p {
	font-size:20px;
	font-weight:normal;
}

.wrap_products_listing .listing_product .name a,
.wrap_products_listing .listing_product:hover .name a {
	color:#000;
}

.wrap_products_listing .image .eco-image, 
.row.product_detail .eco-image, 
#addBasket .eco-image, 
#ecoProductsContent .eco-image {
	left:unset;
	right:20px;
}

/* Product Archive - End */

/* Product Archive (Microsites) */

.pc_collect-my-swag .wrap_products_listing .image img {
	transition: none;
	transform: translate(-50%, -50%);
}

/* Product Archive (Microsites) - End */

/* Basket Page */

.basket .background {
	background:unset;
	border:unset;
}

.desktop_basket.product_in_cart {
	border:unset;
}

.basket h1 {
	color:#000;
	text-transform:none;
	font-size:35px;
	font-family:'Sofia Pro Black';
}

.basket .table > tbody > tr > td, 
.basket .table > tbody > tr > th, 
.basket .table > tfoot > tr > td, 
.basket .table > tfoot > tr > th, 
.basket .table > thead > tr > td, 
.basket .table > thead > tr > th,
.checkout .table > tbody > tr > td, 
.checkout .table > tbody > tr > th, 
.checkout .table > tfoot > tr > td, 
.checkout .table > tfoot > tr > th, 
.checkout .table > thead > tr > td, 
.checkout .table > thead > tr > th {
	vertical-align: middle;
}

.checkout .table > tbody > tr > th:last-of-type,
.checkout .table > tbody > tr > td:last-of-type,
.checkout .table > thead > tr > th:last-of-type,
.checkout .table > thead > tr > td:last-of-type,
.checkout .table > tfoot > tr > th:last-of-type,
.checkout .table > tfoot > tr > td:last-of-type {
	padding-left:0;
}

.product_in_cart tbody {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

.review-container .product_in_cart tbody {
	border-bottom:1px solid #d1d1d1;
}

.product_in_cart tbody tr:not(:first-of-type) {
	border-top:1px solid #d1d1d1;
}

.product_in_cart .btn,
.product_in_cart select,
input#coupon_desktop {
	width:100%;
}

/* Basket Page - End */

/* Billing / Shipping / Review page */

.continue-button-container {
	padding:30px;
}

#checkoutForm input[type="checkbox"] {
	transform:scale(1.5);
}

.address-container .form-group {
	position: relative;
	margin-bottom:20px;
}

.address-container .form-group:not(.checkbox) label {
	visibility: hidden;
	position: absolute;
	margin:0;
}

.shipping-container h2 {
	padding-bottom:40px;
}

.shipping-container ul {
	padding:0;
	list-style:none;
}

.shipping-container li {
	padding-top:5px;
	padding-bottom:5px;
}

.shipping-container li label {
	font-family:'Sofia Pro Light';
}

.shipping-container li input[type="radio"] {
	vertical-align: top;
}

.shipping-container li span {
	display:block;
	font-family:'Sofia Pro Ultra Light';
}

.delivery-title {
	padding-bottom:20px;
}

.delivery-title h2,
.product_in_cart h2
 {
	font-family: 'Sofia Pro Bold';
	font-size:36px;
}

.start-of-section {
	padding-bottom: 20px;
}

.end-of-section {
	padding-top:40px;
	padding-bottom:40px;
}

.start-of-section div, .end-of-section div {
	border-bottom:1px solid #c8c8c8;
}

.review-details-container h3 {
	font-family: 'Sofia Pro Bold';
	margin-bottom:25px;
}

.review-details-container .table>thead>tr>td,
.review-details-container .table>tbody>tr>td {
	border-top:unset;
}

.review-details-container .data-group {
	display:inline-block;
	width:100%;
	padding:8px 0;
}

.submit-order-container {
	padding-top:25px;
}

/* Billing / Shipping / Review Page - End */

/* Login Page */

.login-center {
	display:flex;
	justify-content: center;
}

#loginForm .form-control {
	padding:24px;
	border-radius: 0;
}

#loginForm .form-control::placeholder {
	color: #000;
}

#loginForm ul {
	padding-left:0;
	list-style: none;
}

#loginForm li {
	padding:8px 0;
}

#loginForm li .btn {
	width:170px;
}

#loginForm .forgot-password {
	color:#FE2D56;
	text-decoration:underline;
	font-family: 'SOFIA PRO LIGHT';
}

/* Login Page - End */

/* Checkout Stages */

.checkout-stage-container {
	position:relative;
	display:flex;
	justify-content: space-between;
	height:150px;
}

.checkout-number {
	position: relative;
	background:#fff;
	padding:0 10px;
	text-align:center;
}

.checkout-number:not(:last-of-type):after {
	content:'';
	position: absolute;
	top:20px;
	left:60px;
	height:3px;
	width:60px;;
	background:#d1d1d1;
	border-radius:2px;
}

/* Media Queries for Checkout Number line ONLY */

@media (min-width: 630px) {
	.checkout-number {
		padding:0 20px;
	}
	.checkout-number:not(:last-of-type):after {
		left:80px;
		width:130px;
	}
}

@media (min-width: 768px) {
	.checkout-number:not(:last-of-type):after {
		width:150px;
	}
}

@media (min-width: 992px){
	.checkout-number:not(:last-of-type):after {
		width:180px;
	}
}

@media (min-width: 1200px) {
	.checkout-number:not(:last-of-type):after {
		width:250px;
	}
}

@media (min-width: 1300px) {
	.container {
		width:1260px;
		max-width:100%;
	}
}

@media (min-width: 1480px) {
	.container {
		width:1440px;
	}
}


.checkout-number.completed-step:after {
	background:#000;
}

.checkout-number p {
	position: absolute;
	top:60px;
	left:0;
	font-size:12px;
}
.checkout-number p.number {
	position: relative;
	top:unset;
	height:40px;
	width:40px;
	padding:6px;
	font-size:16px;
	border:3px solid #d1d1d1;
	color:#d1d1d1;
	border-radius: 100%;
}

.checkout-number.completed-step p.number {
	background: #000;
	border-color:#000;
	color:#000;
}

.checkout-number.completed-step p.number:before,
.checkout-number.completed-step p.number:after {
	content:'';
	display:block;
	position:absolute;
	height:2px;
	background:#fff;
}

.checkout-number.completed-step p.number:before {
	width:10px;
	top:20px;
	left:4px;
	transform:rotate(45deg);
}

.checkout-number.completed-step p.number:after {
	width:21px;
	top:16px;
	left:9px;
	transform:rotate(315deg);
}

.checkout-number.current-step p.number {
	border-color:#000;
	color:#000;
}

.checkout-number.current-step p {
	font-weight: bold;
}



/* Checkout Stages - End */

/* Mobile */

@media (max-width: 1023px) {

	/* Header - Mobile */

	.portal_head {
		z-index:20;
		padding-bottom:0;
		width:100vw;
	}

	.portal_head img {
		height:36px;
	}

	.portal_logo_mobile {
		display:flex;
		justify-content: space-between;
		align-content: center;
	}

	.portal_logo_mobile p {
		padding-left: unset;
		font-size: 28px;
		font-family: 'Sofia Pro Bold';
		vertical-align: middle;
		color:#fff;
		white-space:nowrap;
	}

	.portal_head .head_links {
		display:flex;
		align-items:center;
		justify-content: space-between;
		margin:0;
	}
	.nav-trigger:checked + label,
	label[for="nav-trigger"] {
		position: relative;
		right:unset;
	}

	.portal_head .header_icon i {
		font-size:32px;
		color:#fff;
	}

	header {
		display:block;
		z-index:10;
		background:none;
		transition: unset;;
	}

	header.open {
		display:block;
		left:0;
	}

	.main_nav {
		width:100vw;
		background-color:#fe2d56;
		opacity:0;
		transition:opacity 1000ms;
	}

	header.open .main_nav {
		opacity:1;
	}

	header.open nav {
		position: relative;
		top:130px;
	}

	header div.row {
		display:none;
	}

	header .main_nav.categories_nav ul {
		display:inline-block;
		justify-content: unset;
		align-items:unset;
		text-align:center;
		margin-left:0;
	}

	header .main_nav.categories_nav ul li {
		padding:4px 0;
		margin:10px 0;
	}

	nav.open {
		top:150px;
	}

	nav > div {
		background:red;
	}

	.mobile_search_container {
		position:fixed;
		display:block;
		left:-100%;
		z-index:100;
		width:100%;
		/* max-width:400px; */
		top:130px;
		padding:10px;
		background:#6bcad4;
		opacity:0;
		transition:left 1000ms, opacity 1000ms;
	}

	.mobile_search_container.active {
		left:0;
		opacity:1;
	}

	.mobile_search_container i {
		font-size:30px;
		color:#fff;
	}

	.mobile_search_container #prodsearch {
		width:calc(100% - 40px);
		padding:6px 12px;
		float:right;
		background-color:rgba(218, 218, 218, 0.50);
	}

	.mobile_search_container #prodsearch::placeholder {
		color: #fff;
	}

	.mobile_search_container #prodsearch_button {
		top:16px;
		right:0;
		left:unset;
		padding:0 6px;
		margin-right: 16px;
	}

	/* Header - Mobile - End */
	.contact-links span {
		padding:5px;
	}

	/* Hero Banner - Mobile */

	.banner-container .img-img {
		padding-bottom:80%;
		background-size:cover;
		background-position: 65%;
	}
	
	.banner-container .img-content{
		position: relative;
		left:unset;
		transform:unset;
		text-align: center;
	}

	.banner-container h1 {
		width:unset;
		font-family:'Sofia Pro Bold';
		font-size:38px;
		text-align:center;
	}

	/* Hero Banner - Mobile - End /

	/* FOoter - Mobile */

	#footer_top .footer_logo img {
		padding-bottom:15px;
		margin:0 auto;
	}

	#footer_top ul {
		display:inline-block;
		margin:0 0 10px 0;
		padding:0;
	}

	#footer_top ul li,
	#footer_top ul li ~ li {
		padding:0;
	}
	#footer_top .row,
	#footer_top ul li {
		text-align: center;
	}

	#footer_top ul span {
		display:none;
	}

	/* Footer - Mobile - End */

	/* Homepage Banner */

	.pagebuilder .cols {
		padding:0;
	}

	/* Homepage Banner = End */

	/* Product Archive */

	.archive-title-container {
		padding:30px 0;
	}

	/* Product Archive - End */

	/* Product Page */

	.product_images_container a {
		display:none;
	}

	.product_images_container a:first-of-type {
		display:block;
	}

	.product_images_container {
		height:100vw;
		max-height:480px;
		top:120px;
	}

	.product_detail .prod_info {
		padding-top:60px;
	}

	.update_options {
		width:100%;
	}

	.update_options .btn {
		width:50%;
	}

	/* Product Page - End */

	/* Basket Page */

	.mobile_basket .basket_row {
		display:flex;
	}

	.mobile_basket .basket_row .prod_image,
	.mobile_basket .basket_row .prod_info {
		align-self:center;
	}

	/* Basket Page - End */
	
}

/* Mobile - End */

/* Desktop Specific */

@media (min-width: 1024px) {

	.cols.banner-container {
		position: relative;
		padding: 0;
	}

	.img-content {
        left: 0;
        position: absolute;
        top: 0;
    }

	/* Product Page */

	
	#product_image_thumbnails_container {
		width:20%;
		height:560px;
		overflow-y: scroll;
	}

	.product_images_container {
		width:80%;
	}

	#product_image_thumbnails {
		width:unset;
	}

	.product_images_container {
		height:500px;
	}

	/* Product Page - End */

	/* Login Page */

	body.login main #main_content {
		padding-top:20px;
		padding-bottom:120px;
	}

	/* Login Page - End */

	/* Form control */
	.form-control {
		height:48px;
	}
}
/* Desktop Specific - End */

/* Tablet > Small Desktop */

@media (min-width: 1023px) and (max-width: 1200px) {
	.banner-container .img-img {
		padding-bottom:60%;
	}
	
	.banner-container .img-content {
		position:relative;
		left:unset;
		top:unset;
		transform:unset;
	}

	.banner-container h1 {
		width:unset;
	}
}

/* Tablet > Small Desktop - End */

/* Collect My Swag */
.category_collect-my-swag .archive-title-container {
	background-color: #FFF;
}

.category_collect-my-swag .archive-title-container h1 {
	color: #000;
}

/* Category Checkout */
.checkout_category .archive-title-container {
	background-color: #25F4EE;
}

.checkout_category .archive-title-container h1 {
	margin-bottom: 12px;
}

.checkout_category .archive-title-container .cat_desc {
	font-size: 20px;
}
