/* CSS Document */

.header-style3 {
	position: relative !important;
}

.fringe-23 .flex-container {
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.fringe-body .item-slide .full-height {
	height: 350px !important;
}

.fringe-body .slide-fullscreen .item-slide {
background-size: contain !important;
}

/* Utils */

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.section-margin {
	margin-top: 70px;
	margin-bottom: 70px;
}
.section-margin-top {
	margin-top: 100px;
}
.section-margin-bottom {
	margin-bottom: 100px;
}
.section-inner-margin {
	margin-top: 50px;
	margin-bottom: 50px;
}
.section-inner-margin-top {
	margin-top: 50px;
}
.section-inner-margin-bottom {
	margin-bottom: 50px;
}
.underline {
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
}
.highlight-red {
	color: red !important;
}
.flex-wrap {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}
.flex-nowrap {
	display: flex;
	gap: 50px;
	flex-wrap: nowrap;
}
.no-margin {
	margin: 0;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	margin-left: 0;
	margin-right: 0 !important;
}
.lower-case {
	text-transform: unset !important;
}

.float-right {
	float: right;
	align-self: flex-end;
}
.float-left {
	float: left;
	align-self: flex-start;
}


/* H and P */

.fringe-23 h1, .fringe-23 h2, .fringe-23 h3, .fringe-23 h4, .fringe-23 h5, .fringe-23 h6 {
	line-height: 1em;
	font-weight: 900;
	letter-spacing: normal;
	color: #000;
}

.fringe-23 h1 {
	text-transform: uppercase;
}
.fringe-23 h2 {
	text-transform: uppercase;
}
.fringe-23 h2.bigger {
	font-size: 6rem;
	text-transform: uppercase;
}

.fringe-23 h3 {
	text-transform: uppercase;
}

.fringe-23 h4 {
	text-transform: uppercase;
}

.fringe-23 h5 {
	text-transform: uppercase;
}

.fringe-23 h6 {
	text-transform: none;
}
/*
@media (min-width: 992px){
	.fringe-23 h1 {
		font-size: 5rem;
	}
	.fringe-23 h2 {
		font-size: 4rem;
	}
	.fringe-23 h3 {
		font-size: 3rem;
	}
	.fringe-23 h4 {
		font-size: 2.5rem;
	}
	.fringe-23 h5 {
		font-size: 2rem;
	}
	.fringe-23 h6 {
		font-size: 1.5rem;
	}
}
*/




/* Buttons */

.button-23 {
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	padding: 15px 25px;
	border: none;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 20px;
	white-space: nowrap;
}
.button-23:hover {
	cursor: pointer;
}
.button-23-orange {
	background: #f06842;
}
.button-23-orange:hover {
	background: #c75e38;
}
.button-23-green {
	background:#2ed53c;
}
.button-23-green:hover {
	background: #79a062;
}
.button-23-white {
	background: #fff;
	border: 1px solid #000;
}
.button-23-white * {
	color: #000 !important;
}
.button-23-white .icon svg {
	fill: #000 !important;
}
.button-23-white:hover {
	background: #f06842;
	border: 1px solid #f06842;
}
.button-23-white:hover * {
	color: #fff !important;
}
.button-23-white:hover .icon svg {
	fill: #fff !important;
}
.button-23-white-orange {
	background: #fff;
	border: 1px solid #f06842;
}
.button-23-white-orange * {
	color: #f06842 !important;
}
.button-23-white-orange .icon svg {
	fill: #f06842 !important;
}
.button-23 .icon {
	display: block;
	width: 20px;
	height: 20px;
	align-self: center;
}
.button-23 .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
}
.button-23 .label {
	flex-grow: 1;
	align-self: center;
	font-size: 1rem;
	font-weight: 900;
	color: #fff;
	padding: 0;
}

.button-23-big {
	border-radius: 15px;
	padding: 30px 45px;
}

.button-23-big .icon {
	width: 35px;
	height: 35px;
}
.button-23-big .label {
	font-size: 3rem;
}

.button-23-small {
	border-radius: 10px;
	padding: 10px 15px;
}

.button-23-small .icon {
	width: 15px;
	height: 15px;
}
.button-23-small .label {
	font-size: 1.2rem !important;
}

.button-23-link {
	border-radius: 15px;
	padding: 20px 35px;
}

.button-23-link .icon {
	width: 25px;
	height: 25px;
}

.button-23-link .icon svg {
	fill: #000;
}

.button-23-link .label {
	font-weight: normal;
	color: #000;
	font-size: 1.5rem !important;
}

.fringe-23 .after-text-icon {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-self: center;
	margin-left: 15px;
	transform: translateY(-10px);
}
.fringe-23 .after-text-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #000;
}

.fringe-23 input[type="text"], .fringe-23 input[type="number"], .fringe-23 input[type="email"], .fringe-23 input[type="tel"], .fringe-23 textarea, .fringe-23 input[type="password"] {
border: 1px solid #747474;
border-radius: 10px;
padding: 15px;
}


/* Fringe 2023 Styling */


/* Fringe 2023 Home Page */

.fringe-23 {

}

.fringe-23 .hero {
	display: block;
	margin: 150px 0;
	overflow: hidden;
}

.fringe-23 .hero img {
	object-fit: cover;
	width: auto;
	min-height: 200px;
}

.fringe-23 .step {
	margin-top: 35px;
	margin-bottom: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	flex-basis: 100%;
	clear: both;
}
.fringe-23 .step .step-number{
	display: inline-flex;
	color: #fff;
	background: #000;
	padding: 5px 12px;
	margin-right: 20px;
	border-radius: 10px;
	font-size: 2rem;
	align-self: center;
}
.fringe-23 .step .icon {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-self: center;
	margin-left: 15px;
	transform: translateY(-10px);
}
.fringe-23 .step .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #000;
}

.step-container-wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
}

.step-icon {
	flex-shrink: 0;
	width: 150px;
	height: 150px;
}

.release-card {
	color: #fff;
	text-align: center;
	width: 230px;
	border-radius: 15px;
	padding: 30px 20px;
	background: #000;
	margin: auto;
}
.release-card.first-release {
	background: #38eb3c;
}
.release-card.second-release {
	background: #a944ff;
}


.release-card div{
	line-height: 1em;
}

.release-card .title {
	display: block;
	color: #fff;
	margin-bottom: 30px;
}
.release-card .weekday {
	display: block;
	font-size: 1.5rem;
}
.release-card .day {
	display: block;
	font-weight: 900;
	font-size: 6rem;
}
.release-card .month {
	display: block;
	font-size: 3rem;
	font-weight: 900;
}



.fringe-23 .section-intro {
	padding: 30px;
	background: #F1F1F1;
	margin: 50px 0;
}



/* Fringe 2023 Products Page */

.fringe-23.products-page {

}

.fringe-23.products-page .tabs {
	display: flex;
	/*gap: 50px;*/
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.fringe-23.products-page .tabs .tab {
	position: relative;
	min-height: 170px;
	max-height: 170px;
}

.fringe-23.products-page .tabs .tab:hover h3, .fringe-23.products-page .tabs .tab:hover p  {
	color: #000;
}
.fringe-23.products-page .tabs .tab:hover .icon svg  {
	fill: #000;
}
.fringe-23.products-page .tabs .tab h3, .fringe-23.products-page .tabs .tab p  {
	color: #959595;
}

.fringe-23.products-page .tabs .tab h3  {
	font-size: 20px;
}

.fringe-23.products-page .tabs .tab p  {
	font-size: 12px;
	line-height: 14px;
}

.fringe-23.products-page .tabs .tab.active h3, .fringe-23.products-page .tabs .tab.active p  {
	color: #000;
}

.fringe-23.products-page .tabs .tab p  {
	margin: auto;
	width: 70%;
}

.fringe-23.products-page .tabs .tab .icon {
	text-align: center;
	margin: 20px auto;
	width: 50px;
	height: 50px;
}

.fringe-23.products-page .tabs .tab .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #959595;
}

.fringe-23.products-page .tabs .tab.active .icon svg {
	fill: #000;
}

.fringe-23.products-page .tabs .tab.active .icon-tab {
	display: block;
	position: absolute;
	left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
	bottom: -58px;
	width: 30px;
	height: 30px;
}

.fringe-23.products-page .tabs .tab .icon-tab {
	display:none;
}

.fringe-23.products-page .tabs .tab.active .icon-tab svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #000;
}

.fringe-23.products-page .tab-content .section-intro {
	border-top: 3px solid #000;
}

.fringe-23 .product-listing-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.fringe-23 .product-listing-wrapper .recommended-products {
	display: flex;
	flex-wrap: wrap;
}

.fringe-23 .product-listing {
	margin: 0 auto 30px auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.fringe-23 .product-listing h6 {
	text-transform: none;
}

.fringe-23 .product-listing .button-wrapper {
	width: 100%;
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	gap:0;
	flex-grow: 0;
	background-color: #000;
}

.fringe-23 .product-listing .button-wrapper .price {
	color: #fff;
	padding: 0 20px;
	font-size: 1.2rem;
}

.fringe-23 .product-listing .button-wrapper .price span {
	font-size: 2.5rem;
	margin-left: 10px;
}

.fringe-23 .product-listing .button-wrapper .button-23 {
	flex-shrink: 0;
	flex-grow: 0;
	margin-bottom: 0;
	align-self: flex-end;
}


.fringe-23 .product-listing .image-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	height: 350px;
}

.fringe-23 .product-listing .image-wrapper img {
	/*width: 100%;
	height: 100%;*/
	object-fit: cover;
}

.fringe-23 .product-listing .image-wrapper .location {
	position: absolute;
	bottom: 0;
	left: 40px;
	background: #fff;
	padding: 10px 15px;
	margin: 0;
	transform: rotate(-90deg);
	transform-origin: bottom left;
	border-radius: 0 0 10px 0;
}

.fringe-23 .product-listing .image-wrapper .icon {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	padding: 10px;
	background: #fff;
	border-radius: 0 10px 0 10px;
}

.fringe-23 .product-listing .image-wrapper .icon img {
	border-radius: 0;
}

.fringe-23 .product-listing .title-wrapper {
	margin: 20px 0;
	flex-grow: 0;
}


.fringe-23 .product-listing p {
	min-height: 100px;
	flex-grow: 1;
}



/* Fringe 2023 Product Page */

.fringe-23 .product-page #addFringePackageItemDiv {
	padding-top: 70px;
}

.fringe-body .maincontainer .container {
margin-top: 0;
background: unset;
padding: unset;
}

.fringe-23.product-page .main-image {
	border-radius: 20px;
}
.fringe-23.product-page .single-images .single-product-thumbnails span, .single-images .single-product-thumbnails span img  {
	border-radius: 15px;
}

.fringe-23.product-page .product-icon {
	display: block;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	margin: 0 0 15px 15px;
}

.fringe-23.product-page .summary {
	background-image: unset !important;
}

.fringe-body .summary {
padding: 0 20px;
position: relative;
}

.fringe-body .summary h5 {
text-transform: unset;
}

.fringe-product-description p {
margin-bottom: 20px;
}

.fringe-product-description .poster-size-guide-icon {
display: block;
width: 120px;
height: 120px;
float: right;
margin: 10px;
}

.fringe-product-description .poster-size-guide-icon img {
width: 100%;
height: 100%;
}

.fringe-product-description .orientation {
background-image: url('/assets/images/2023/icon-orientation.svg');
background-position-x: 0;
background-repeat: no-repeat;
background-size: 20px;
}

.fringe-product-description .fringe-description {
padding-left: 0;
}

.fringe-body .summary:before, .fringe-body .summary:after {
position: unset;
width: unset;
height: unset;
border-style: none;
content: ' ';
}

.fringe-body .summary:before {
top: unset;
left: unset;
border-width: unset;
}

.fringe-23.product-page .panel {
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

.fringe-23.product-page .panel .panel-body > div:first-child {
	padding-left: 0;
	padding-right: 0;
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	margin-bottom: 50px;
	justify-content: stretch;
}

.fringe-23.product-page .panel .panel-body > div:first-child h4 {
	margin-bottom: 10px;
	flex-basis: 100%;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	color: #000;
	padding: 15px 25px;
	text-align: center;
	background: #efefef;
	border-radius: 10px;
	cursor: pointer;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer:has(> input[type="radio"]:checked) {
	background: #f06842;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer b {
	font-size: 15px;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer:has(> input[type="radio"]:checked) b {
	color: #fff;
	font-weight: 900;
	font-size: 15px;
}
.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer:has(> input[type="radio"]:checked) span {
	background: #76B566;
	background-image: url(/assets/images/2023/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer input[type="radio"] {
	display: none;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	justify-content: stretch;
	margin-bottom: 0;
	cursor: pointer;
}

.fringe-23.product-page .panel .panel-body > div:first-child .radioContainer label span {
	order: 1;
	margin: 0;
	width: 25px;
	height: 25px;
}

.fringe-23.product-page .panel .panel-body #addedLocations {
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	margin-bottom: 50px;
	justify-content: stretch;
	margin: 15px 0;
	padding-left: 0;
	padding-right: 0;
}

.fringe-23.product-page .panel .panel-body #addedLocations span {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	font-size: 15px;
	font-weight: 700;
	line-height: unset;
	padding: 15px 25px;
	text-align: center;
	color: #fff;
	background: #f06842;
	border-radius: 10px;
}

.fringe-23.product-page .panel .panel-body #addedLocations span a {
	border: none;
	width: 30px;
	height: 30px;
	background-image: url(/assets/images/2023/icon-remove-white.svg);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center;
	text-indent: -9999px;
	margin-right: 0;
}

.fringe-23.product-page .panel .panel-body button {
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	padding: 15px 25px;
	border: none;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 0;
	background: #f06842;
	font-size: 1.5rem;
	font-weight: 900;
	color: #fff;
	float: right;
}

.fringe-23.product-page .panel .panel-body #venueList {
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	margin-bottom: 50px;
	justify-content: stretch;
	margin: 15px 0;
	padding-left: 0;
	padding-right: 0;
}

.fringe-23.product-page .panel .panel-body #venueList label {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	font-size: 15px;
	font-weight: 700;
	line-height: unset;
	padding: 15px 25px;
	text-align: center;
	color: #747474;
	background: #efefef;
	border-radius: 10px;
	width: auto;
	border: none;
	gap: 15px;
	margin: 0;
}

.fringe-23.product-page .panel .panel-body #venueList label:has(> input[type="checkbox"]:checked) {
	color: #fff;
	background: #f06842;
}

.fringe-23.product-page .panel .panel-body #allocationMap {
	margin-top: 50px;
}

.fringe-23.product-page .panel .panel-body #addedZones {
	position: absolute;
	top: -240px;
	bottom: auto;
	left: 55px;
	z-index: 1;
	background: #fff;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	overflow: hidden;
	width: 15%;
}

.fringe-23.product-page .panel .panel-body #addedZones .fa {
	cursor: pointer;
}

.fringe-23.product-page .panel .panel-body #addedZones #polyzone13, .fringe-23.product-page .panel .panel-body #addedZones #polyzone18, .fringe-23.product-page .panel .panel-body #addedZones #polyzone17, .fringe-23.product-page .panel .panel-body #addedZones #polyzone16 {
	display: block;
	padding: 10px;
	color: #fff !important;
	width: 100%;
	font-weight: 900;
	font-size: 16px;
}

.fringe-23.product-page .panel .panel-body #addedZones #polyzone13 {
	background: #d5ba00;
}
.fringe-23.product-page .panel .panel-body #addedZones #polyzone18 {
	background: #cb86f9;
}
.fringe-23.product-page .panel .panel-body #addedZones #polyzone17 {
	background: #2c80d3;
}
.fringe-23.product-page .panel .panel-body #addedZones #polyzone16 {
	background: #ff0000;
}

.fringe-23.product-page .panel .panel-body .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.fringe-23.product-page .panel .panel-body .col-sm-12 p:has(> #addedpackageQuantityCounter) {
	background: #f06842;
	padding: 15px 20px;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 1.5rem;
	font-weight: 900;
	margin-bottom: 50px;
}

.fringe-23.product-page .panel .panel-body #allocationMap + div > p {
	background: #f06842;
	padding: 15px 20px;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 1.5rem;
	font-weight: 900;
	margin-bottom: 50px;
}

.fringe-23.product-page .panel .panel-body .you-are-buying {
	background: #f06842;
	padding: 15px 20px;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 1.5rem;
	font-weight: 900;
	margin-bottom: 50px;
}

.fringe-23.product-page .panel .panel-footer {
	background: unset;
	border-top: unset;
}

.fringe-23.product-page .panel .panel-footer .row div div:first-child {
	display: none;
}

.fringe-23.product-page .panel .panel-footer .row div .col-sm-6 {
	width: 100%;
	text-align: center;
	margin-top: 100px;
}

.fringe-23.product-page .panel .panel-footer button {
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	padding: 30px 45px 30px 90px;
	border: none;
	text-transform: none;
	letter-spacing: normal;
	background: #2ed53c;
	align-self: center;
	font-size: 3rem;
	font-weight: 900;
	color: #fff;
	width: auto;
	background-image: url('/assets/images/2023/icon-basket-add.svg');
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: 30px center;
}

.fringe-23 .mfp-content .panel-body {
	display: flex;
	position: relative;
	flex-direction: column;
	margin: auto;

}

.fringe-23 .mfp-content .panel-body:has(> .product-popup-summary)  {
	padding: 0;
}

.fringe-23 .mfp-content .panel-body .product-popup-summary {
	display: flex;
	gap: 30px;
}

.fringe-23 .mfp-content .panel-body .product-icon {
	display: block;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	margin: 0 0 15px 15px;
}


.fringe-23 .mfp-content .panel-body .product-popup-summary .product-image {
	border-radius: 10px;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.fringe-23 .mfp-content .panel-body .product-popup-summary .product-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.fringe-23 .mfp-content .panel-body .product-popup-summary .product-info {
	flex-grow: 1;
}

.fringe-23 .mfp-content .panel-body .close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

.fringe-23 .mfp-content .panel-body .close .icon {
	display: block;
	width: 15px;
	height: 15px;
}

.fringe-23 .mfp-content .panel-body .close .icon svg {
	width: 100%;
	height: 100%;
	fill: #000000;
}

.fringe-23 .mfp-content .panel-body .section {
	padding: 40px;
}

.fringe-23 .mfp-content .panel-body .section-intro {
	border-top: 1px solid #ddd;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fringe-23 .mfp-content .panel-body .risk {
	margin: 30px 0;
}

.fringe-23 .mfp-content .panel-body .risk span {
	display: block;
	width: 90px;
	height: 90px;
	margin: 30px auto;
}

.fringe-23 .mfp-content .panel-body .risk-type {
	display: flex;
	gap: 30px;
	justify-content: center;
	margin: 30px 0;
}

.fringe-23 .mfp-content .panel-body .risk-type span {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
}


/* My Account */



.nav-tabs>li>a {
margin-right: unset;
line-height: unset;
border: unset;
border-radius: unset;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: unset;
cursor: default;
background: none;
border: unset;
border-bottom-color: unset;
}

.nav-tabs>li>a:hover {
border-color: none;
}

.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background: none;
}

.fringe-23.banner {
	display: none;
}

.fringe-23.banner .banner-content {
	margin: 0;
}

.fringe-23.banner .banner-content h2 {
	border: unset;
}

.fringe-23.my-account .nav-tabs {
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
	text-align: center;
	border-bottom: 3px solid #000;
}

.fringe-23.my-account .nav-tabs li {
	position: relative;
	min-height: 150px;
	height: 150px;
}

.fringe-23.my-account .nav-tabs li:hover h5, .fringe-23.my-account .nav-tabs li.active h5 {
	color: #000;
}

.fringe-23.my-account .nav-tabs li h5 {
	color: #959595;
	font-size: 13px;
}

.fringe-23.my-account .nav-tabs li:hover .icon svg  {
	fill: #000;
}

.fringe-23.my-account .nav-tabs li .icon {
	text-align: center;
	margin: 20px auto;
	width: 40px;
	height: 40px;
}

.fringe-23.my-account .nav-tabs li .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #959595;
}

.fringe-23.my-account .nav-tabs li.active .icon svg {
	fill: #000;
}

.fringe-23.my-account .nav-tabs li.active .icon-tab {
	display: block;
	position: absolute;
	left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
	bottom: -5px;
	width: 20px;
	height: 20px;
}

.fringe-23.my-account .nav-tabs li .icon-tab {
	display:none;
}

.fringe-23.my-account .nav-tabs li.active .icon-tab svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #000;
}

.fringe-23.my-account .tab-content {
	width: 100%;
	margin-top: 50px;
}

.fringe-23.my-account .tab-content .section-introduction {
	display: flex;
	gap: 50px;
	justify-content: left;
	align-items: flex-start;
	flex-wrap: nowrap;
	border-bottom: 3px solid #000;
	margin: 50px 0;
}

.fringe-23.my-account .tab-content .section-introduction h1 {
	flex-grow: 1;
}

.fringe-23.my-account .tab-content .section-introduction a {
	flex-grow: 0;
}

.fringe-23.my-account .single-order-notification-wrapper {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: right;
	align-items: flex-end;
	flex-wrap: nowrap;
	margin-top: 0;
}

.fringe-23.my-account .orders-sorting-container {
	display: flex;
	flex-flow: column;
}

.fringe-23.my-account .single-order-sort-wrapper {
	margin-bottom: 0;
}

.fringe-23.my-account .filters-wrapper {
	display: flex;
	gap: 10px;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
}

.fringe-23.my-account .filters-wrapper .search-orders, .fringe-23.my-account .filters-wrapper .search-artworks {
	flex-grow: 1;
}

.fringe-23.my-account .filters-wrapper .filter-button-wrapper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	font-size: 15px;
	font-weight: 700;
	line-height: unset;
	padding: 15px 25px;
	text-align: center;
	color: #747474;
	background: #fff;
	border-radius: 10px;
	width: auto;
	border: none;
	gap: 15px;
	margin: 0;
}

.fringe-23.my-account .filters-wrapper .filter-button-wrapper:has(> input[type="checkbox"]:checked) {
	color: #fff;
	background: #f06842;
}

.fringe-23.my-account .filters-wrapper .filter-button-wrapper label {
	margin-bottom: 0;
}



.fringe-23.my-account .single-order-notification-wrapper .notification-wrapper {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	background: red;
	border-radius: 15px 15px 0 0;
	padding: 5px 15px;
	margin-right: 15px;
	margin-top: -35px;
}

.fringe-23.my-account .single-order-notification-wrapper .notification-wrapper .notification {
	font-size: 13px;
	font-weight: 900;
	color: #fff;
}

.fringe-23.my-account .single-order-notification-wrapper .notification-wrapper .icon {
	width: 15px;
	height: 15px;
}

.fringe-23.my-account .single-order-notification-wrapper .notification-wrapper .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
}

.fringe-23.my-account .single-order-controls-wrapper {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: left;
	align-items: flex-end;
	flex-wrap: nowrap;
	margin-bottom: 15px;
}

.fringe-23.my-account .single-order-controls-wrapper a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	border-radius: 0 0 15px 15px;
	padding: 5px 15px;
	margin-left: 15px;
	cursor: pointer;
}

.fringe-23.my-account .single-order-controls-wrapper a.expand-order-wrapper {
	background: #f06842;
}

.fringe-23.my-account .single-order-controls-wrapper a.pop-order-wrapper {
	background: #30A9EA;
}

.fringe-23.my-account .single-order-controls-wrapper a .control-label {
	font-size: 11px;
	font-weight: 900;
	color: #fff;
}

.fringe-23.my-account .single-order-controls-wrapper a .icon {
	width: 15px;
	height: 15px;
}

.fringe-23.my-account .single-order-controls-wrapper a .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
}

.fringe-23.my-account .single-order-wrapper {
	display: grid;
	overflow: hidden;
	grid-template-columns: auto;
	width: 100%;
	text-align: center;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #000;
	overflow: hidden;
}

.fringe-23.my-account .single-order-wrapper .label {
	font-size: 10px;
	color: #000;
	padding: 0;
	display: block;
}

.fringe-23.my-account .single-order-wrapper .single-order-header {
	display: grid;
	overflow: hidden;
	grid-template-columns: max-content auto max-content;
	width: 100%;
	cursor: pointer;
	align-items: center;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-number-wrapper, .fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper, .fringe-23.my-account .single-order-wrapper .single-order-header .single-order-status-wrapper {
	padding: 20px;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-number-wrapper {
	background: #000;
	flex-grow: 0;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-number-wrapper .number {
	font-size: 35px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 7px;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-number-wrapper .label {
	color: #fff;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper {
	flex-grow: 1;
	display: flex;
	gap: 50px;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper .detail-wrapper {
	flex-grow: 0;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper .detail-wrapper.date-wrapper {
	margin-left: auto;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper .detail-wrapper.title-wrapper {
	flex-grow: 1;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper .detail-wrapper .detail {
	font-size: 16px;
	font-weight: 900;
	color: #000;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-details-wrapper .detail-wrapper.title-wrapper > div {
	text-align: left;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-status-wrapper {
	background: #000;
	flex-grow: 0;
	display: flex;
	gap: 10px;
	justify-content: right;
	align-items: center;
	flex-wrap: wrap;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-status-wrapper .status {
	font-size: 15px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-status-wrapper .icon {
	width: 20px;
	height: 20px;
}

.fringe-23.my-account .single-order-wrapper .single-order-header .single-order-status-wrapper .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
}


.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper {
	display: none;
	width: 100%;
	padding: 15px;
	border-top: 1px solid #000;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper div:last-child {
	border-bottom: none;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper {
	display: grid;
	overflow: hidden;
	grid-template-columns: 220px auto max-content;
	align-items: center;
	grid-column-gap: 25px;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #000;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper {
	flex-grow: 1;
	display: flex;
	gap: 50px;
	justify-content: left;
	align-items: center;
	flex-wrap: nowrap;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper .detail-wrapper {
	flex-grow: 0;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper .detail-wrapper.title-wrapper {
	flex-grow: 1;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper .detail-wrapper .detail {
	font-size: 16px;
	font-weight: 900;
	color: #000;
	margin-bottom: 5px;
}
.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper .detail-wrapper .detail span {
	font-size: 14px;
	font-weight: normal;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-details-wrapper .detail-wrapper.title-wrapper > div {
	text-align: left;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-status-wrapper {
	flex-grow: 0;
	display: flex;
	gap: 10px;
	justify-content: right;
	align-items: center;
	flex-wrap: wrap;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-status-wrapper .status {
	font-size: 15px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-status-wrapper .status-wrapper .label {
	text-align: right;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-status-wrapper .icon {
	width: 20px;
	height: 20px;
}

.fringe-23.my-account .single-order-wrapper .single-order-products-wrapper .order-line-wrapper .order-line-status-wrapper .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #000;
}

.fringe-23.my-account .campaign-wrapper {
	margin: 50px 0;
}

.fringe-23.my-account .campaign-wrapper .campaign-buttons-wrapper {
	display: block;
	margin: -20px auto 0 auto;
	text-align: center;
	margin-bottom: -50px;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
	align-items: center;
	width: 100%;
	padding: 30px;
	background: #EE6942;
	border-radius: 15px;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper {
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: left;
	align-items: start;
}
.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper h2 {
	font-size: 4rem;
	color: #fff;
	text-transform: none;
	width: 100%;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper .detail-wrapper {
	display: inline-flex;
	flex-flow: column;
	margin: 10px;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper .detail-wrapper .detail {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 900;
	text-align: center;
	margin-bottom: 10px;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper .detail-wrapper .label {
	text-align: center;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper h2 .icon {
display: inline-flex;
width: 20px;
height: 20px;
align-self: center;
margin-left: 15px;
transform: translateY(-20px);
cursor: pointer;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-details-wrapper h2 .icon svg {
fill: #fff;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-controls-wrapper {
	display: flex;
	flex-flow: column;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-controls-wrapper .campaign-status {
	text-align: center;
}

.fringe-23.my-account .campaign-wrapper .campaign-header-wrapper .campaign-controls-wrapper .campaign-status h3 {
	font-size: 4rem;
	color: #fff;
	text-transform: none;
	margin-bottom: 0;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper {
	width: 100%;
	padding: 30px;
	background: #EFEFEF;
	border-radius: 15px;
	display: none;
	margin-top: 20px;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper .add-products-button {
	margin-top: -55px;
	margin-bottom: 50px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper .campaign-orders-map {
	margin: 0 0 30px 0;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper .campaign-orders-map > div:first-child {
	float: none;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper h4 {
	text-align: center;
	margin: 5px;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper h6 {
	text-align: center;
	margin-bottom: 30px;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper .single-order-wrapper {
	margin-bottom: 10px;
	border: none;
}

.fringe-23.my-account .campaign-wrapper .campaign-orders-wrapper .single-order-wrapper .single-order-header {
	cursor: default;
}


/* Order Statuses */

.fringe-23.my-account .single-order-wrapper.orange {
	border-color: #f06842 !important;
}
.fringe-23.my-account .single-order-wrapper.orange .single-order-header {
	background: #f06842;
}

.fringe-23.my-account .single-order-wrapper.orange .single-order-header * {
	background: #f06842 !important;
	color: #fff !important;
}

.fringe-23.my-account .single-order-wrapper.orange .single-order-products-wrapper {
	display: none;
	width: 100%;
	padding: 0 15px;
	border-top: 1px solid #f06842 !important;
}


.fringe-23.my-account .single-order-wrapper.red {
	border-color: red !important;
}
.fringe-23.my-account .single-order-wrapper.red .single-order-header {
	background: red;
}

.fringe-23.my-account .single-order-wrapper.red .single-order-header * {
	background: red !important;
	color: #fff !important;
}

.fringe-23.my-account .single-order-wrapper.red .single-order-products-wrapper {
	display: none;
	width: 100%;
	padding: 0 15px;
	border-top: 1px solid red !important;
}

.fringe-23.my-account .single-order-wrapper.green {
	border-color: #71AA5C !important;
}
.fringe-23.my-account .single-order-wrapper.green .single-order-header {
	background: #71AA5C;
}

.fringe-23.my-account .single-order-wrapper.green .single-order-header * {
	background: #71AA5C !important;
	color: #fff !important;
}

.fringe-23.my-account .single-order-wrapper.green .single-order-products-wrapper {
	display: none;
	width: 100%;
	padding: 0 15px;
	border-top: 1px solid #71AA5C !important;
}


/* My Account - Artwork */

.fringe-23.my-account .artwork-container-wrapper {
	display: flex;
	gap: 15px;
	justify-content: space-evenly;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper {
	display: flex;
	gap: 10px;
	flex-direction: column;
	width: 24%;
	padding: 15px;
	border-radius: 15px;
	background: #eee;
}

.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper .thumbnail {
	width: 100%;
	height: 200px;
	padding: 0;
	margin: 0;
	border: 1px solid #bbb;
	border-radius: 10px;
	overflow: hidden;
}
.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper h5 {
	text-transform: unset;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper .link {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.fringe-23.my-account .artwork-container-wrapper .artwork-wrapper .download-artwork {
	text-align: center;
	margin-top: auto;
}


/* Basket */


.fringe-23.basket-23 .step-checkout {
	display: flex;
	gap: 50px;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 0;
}

.fringe-23.basket-23 .step-checkout .tab {
	position: relative;
	min-height: 150px;
	height: 150px;
}

.fringe-23.basket-23 .step-checkout .tab h5 {
	font-size: 1.5rem;
	color: #959595;
}

.fringe-23.basket-23 .step-checkout .tab.active h5 {
	color: #000;
}

.fringe-23.basket-23 .step-checkout .tab .icon {
	text-align: center;
	margin: 20px auto;
	width: 50px;
	height: 50px;
}

.fringe-23.basket-23 .step-checkout .tab .icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #959595;
}

.fringe-23.basket-23 .step-checkout .tab.active .icon svg {
	fill: #000;
}

.fringe-23.basket-23 .section-intro {
	margin-top: 30px;
	margin-bottom: 50px;
}

.fringe-23.basket-23 .cart_totals table th, .fringe-23.basket-23 .cart_totals table td {
	padding: 0;
	ext-align: right;
}

.fringe-23.basket-23 .single-basket-wrapper {
	margin: 80px;
	padding-bottom: 30px;
	border-bottom: 3px solid #000;
}

.fringe-23.basket-23 .single-basket-wrapper .title-section {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
}

.fringe-23.basket-23 .basket-products-wrapper {
	display: flex;
	width: 100%;
	flex-flow: column;
	align-items: center;
}
.fringe-23.basket-23 .basket-products-wrapper .basket-single-product {
	display: grid;
	overflow: hidden;
	width: 100%;
	grid-template-columns: max-content auto max-content max-content;
	grid-column-gap: 15px;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-image {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	border-radius: 10px;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-details-wrapper {
	display: flex;
	gap: 15px 30px;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 20px;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-details-wrapper .detail-main-wrapper {
	flex-basis: 100%;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-details-wrapper .detail-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-self: stretch;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-details-wrapper .detail-wrapper .details-content {
	color: #000;
	font-size: 14px;
	font-weight: 900;
	margin: auto;
}

.fringe-23.basket-23 .basket-products-wrapper .basket-single-product .product-details-wrapper .detail-wrapper .label {
	color: #000;
}

.fringe-23.basket-23 .terms-conditions-checkbox {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	float: right;
	margin-bottom: 30px;
}

.fringe-23.basket-23 .radioContainer {
	margin: 15px 0;
}

.fringe-23.basket-23 .row.checkout {
	margin-top: 50px;
}

.fringe-23.basket-23 .cart-collaterals {
	padding-top: 80px;
}

.fringe-23.basket-23 .order-complete-icon {
	text-align: center;
	margin: 20px auto;
	width: 100px;
	height: 100px;
}

.fringe-23.basket-23 .order-complete-icon h5 {
	color: #76B566 !important;
}

.fringe-23.basket-23 .order-complete-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #76B566 !important;
}

.fringe-23.basket-23 .terms-conditions #termsandconditions {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 400px;
	overflow-y: scroll;
}

.fringe-23.basket-23 .basket-timer {
	background: #000;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 20px;
}




/* Responsive */


@media (max-width: 992px) {

.fringe-23 .flex-container {
	flex-wrap: wrap;
}

.fringe-23.basket-23 .single-basket-wrapper {
margin: 10px;
}

}

@media (min-width: 992px) {

.step-container-wrapper {
	padding-left: 70px;
	padding-right: 70px;
}

}

@media (min-width: 500px) {
  .full-width {
	margin-left: calc(-100vw / 2 + 500px / 2) !important;
	margin-right: calc(-100vw / 2 + 500px / 2) !important;
  }
}

/* ************************* production.css ********************/
/*

.main-menu ul li.menu-item-has-children.show-submenu>.sub-menu {
transition: none !important;
}

.main-menu ul li .sub-menu {
transition: none !important;
}

*/


.text-justify {
	text-align: left;
}

.title-small {
	margin: 0 0 10px 0 !important;
	font-size: 20px;
}

.footer .widget ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 36px;
	border: none;
	padding: 0;
}

.widget ul li a {
	color: #303030;
	margin-left: 0;
}

.portfolio-share {
	padding: 20px 0;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	color: #303030;
	font-size: 12px;
	font-weight: 700;
	margin-top: 60px !important;
}

.product .product-info {
	text-align: center;
	margin-top: 10px;
}

.footer .widget ul li {
	list-style: none;
	text-transform: capitalize;
	font-size: 12px;
	line-height: 16px;
	border: none;
	padding: 5px 0;
}

.promo-text .button {
	margin-top: 0;
}

.promo-text {
	text-align: center;
	padding: 80px;
}

.summary .sigle-product-services .services-item .service-name {
	margin: 0;
	line-height: 24px;
	padding: 0px;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
}

.summary .sigle-product-services .services-item {
	margin-top: 0;
	overflow: hidden;
}

.title-section-bg {
	color: #fff;
	border-radius: 10px 10px 0 0;
	line-height: 24px;
	padding: 13px 20px;
	text-transform: uppercase;
	background: #f06842;
	margin-bottom: 0;
}

.product-slide-style2 .product-thumb .product-info {
	margin-top: 20px;
	padding: 0 30px;
}

.portfolio-info {
	margin: 20px 0;
}

.first-title {
	margin-top: 0px !important;
}

.section-portfolio-masonry, .section-portfolio-detail {
	padding: 0;
}

.main-menu .sub-menu li a {
	padding: 0;
	line-height: 15px;
	font-size: 12px;
}

/* Outdoor Packages */

.button-packages-outdoor {
	width: 100%;
	clear: both;
	margin: 10px auto 0 auto;
	font-size: 12px;

}

.outdoor-package-name {
	background: #f06842;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.outdoor-package-table {
	text-align: center;
}
.outdoor-package-table span {
	clear: both;
	font-size: 22px;
	font-weight: bold;
}

.button-outdoor-link {
	margin: 50px auto;
	float: none;
	width: 400px;
	display: block;
}

.halfsize {
	font-size: 50%;
}

.table-price-list-qty {
	background: #fff !important;
	color: #000;
	min-width: 70px;
}

/* Mini Paper Guide */

.mini-paper-guide p {
	font-size: 12px;
	margin: 5px auto 15px auto;
	text-align: center;
	line-height: 15px;
}

/* Size Paper Guide */

.size-paper-guide {
	margin-bottom: 50px;
}

.size-paper-guide .button {
	text-transform: none;
}

.size-paper-guide .main-image {
	margin-bottom: 10px;
}

/* Shopping Cart */

.shop_table td {
	padding: 20px;
	text-align: center;
	width: 15%;
	line-height: 15px;
}

.cart_item .product-thumbnail {
	height: 70px;
	width: 12%;
}

/* Mini Cart */

.mini-cart .list-cart-product .product-thumb {
	width: 55px;
	float: left;
}

.mini-cart .list-cart-product .product-info {
	margin-left: 75px;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
}

.mini-cart .list-cart-product .product-name {
	margin-bottom: 0;
	text-transform: capitalize;
	line-height: 14px;
	font-size: 12px;
}

.mini-cart .list-cart-product li {
	list-style: none;
	margin-bottom: 3px;
	padding-bottom: 3px;
	width: 100%;
	float: left;
	position: relative;
}

.portfolio-single-right {
	margin-top: 30px;
}

.summary .product_title {
	text-transform: none;
}

.summary .product_title {
	letter-spacing: 0;
}

/* Fringe */

.mini-cart .mini-cart-content {
	border: 1px solid #ddd;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}


.chosen-container .chosen-results {
	border: 1px solid #ddd;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	border-top: none;
}


.chosen-container {
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: 20px;
}

.chosen-container:before {
	content: "Choose your option:";

}

.summary .variations select, .summary .chosen-container-single .chosen-single {
	font-size: 15px;
}


.chosen-container-single .chosen-single div b {
	background: url('https://outofhand.co.uk/images-new/icon-select.png') no-repeat left center !important;
}

.chosen-container-single .chosen-search input[type="text"] {
	background: none !important;
}


.fringe-body .masonry-menu .col-sm-2 {
}

.fringe-body .main-menu>ul>li>.sub-menu.mega-menu {
	padding: 50px;

}

.header.stick.header-style3 {
	position: relative;
	background-color: rgba(0,0,0,0.9);
}


.fringe-body .main-menu .navigation li:first-child .sub-menu.mega-menu {
	background-position: right bottom !important;
}


.spare-recommendation {
	display: block;
	padding: 15px 20px;
	margin: 20px 0;
}

.spare-recommendation-block a {
	display: inline-block;
	padding: 15px 20px;
	margin: 10px 0;
}

.spare-recommendation-block a, .spare-recommendation-block a:hover {
	color: #000;
}

.fringe-description h6 {

}

.summary .in-stock {
	float: left;
	font-size: 10px;
	text-transform: uppercase;
}


.summary .price {
	font-size: 35px;
	text-decoration: none;
	color: #f06842;
	margin: 30px 0 12px 0;
}

.fringe-static .title-section .title {
	margin-bottom:15px;
}

.paralax-content .frame {
	border: 3px solid #fff;
	color: #fff;
	display: inline-block;
	letter-spacing: 2px;
	padding: 12px 22px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: transparent;
	margin: 30px 0;
}

.products .product {
	margin-top: 50px;
	min-height: 400px;
}

.shopbrand2 .button {
	margin: 10px;
}


.fringe-title {

}

.fringe-title .title {
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-weight: 300;
	font-size: 25px;
}

.fringe-title .title:after {
	content: "";
	display: block;
	height: 2px;
	background-color: #73883a;
	margin: 15px auto;
	width: 100% !important;
}

/*

.banner-fringe-static {
	padding: 700px 0 50px 0;
	background-image: url(https://outofhand.co.uk/images-new/para-14.jpg);
	background-position: center center;
	background-size: cover;

}

.banner-fringe-static .page-title {
	text-shadow: 1px 1px 7px black;
	border-width: 4px;
	border-color: white;
}

*/


.checkboxOnOff, .checkboxYesNo {
	width: 44px;
	height: 24px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	margin: 15px auto;
	border: 1px solid #ddd;
}

.checkboxOnOff:before, .checkboxYesNo:before {
	content: 'YES';
	position: absolute;
	top: 6px;
	left: 4px;
	height: 2px;
	color: #111;
	font-size: 8px;
	line-height: 8px;
}

.checkboxOnOff:after, .checkboxYesNo:after {
	content: 'NO';
	position: absolute;
	top: 6px;
	left: 24px;
	height: 2px;
	color: #111;
	font-size: 8px;
	line-height: 8px;
}

.checkboxYesNo:before {
	content: 'YES';
	position: absolute;
	top: 6px;
	left: 4px;
	height: 2px;
	color: #111;
	font-size: 8px;
	line-height: 8px;
}

.checkboxYesNo:after {
	content: 'NO';
	position: absolute;
	top: 6px;
	left: 24px;
	height: 2px;
	color: #111;
	font-size: 8px;
	line-height: 8px;
}

.checkboxOnOff input[type=checkbox]:checked + label, .checkboxYesNo input[type=checkbox]:checked + label {
	left: 24px;
	background: #73883a;
}

.checkboxOnOff label, .checkboxYesNo label {
	display: block;
	width: 22px;
	height: 24px;
	border-radius: 5px;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
	background: #ddd;
}

.payment {
	margin-left: 15px;
	margin-right: 15px;
}

/* Outdoor Maps */

#search-form {
	position: absolute;
	top: 30%;
	left: 5%;
	background-color: #fff;
	max-width: 300px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgb(0,0,0,0.2);
}

#addedLocations .remove {
	margin: 0 10px;
	border: 1px solid #111;
	border-radius: 4px;
	color: #000 !important;
	padding: 3px 5px;
	font-size: 8px;
}

#addedZones {
	width: 200px;
	position: relative;
	bottom: 200px;
	left: 55px;
	z-index: 1;
	background: rgba(33,33,33,0.8);
	padding: 10px 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	font-size: 1.1rem;
}


#timers {
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
}



/* Product Description */

.fringe-product-description p {
	padding-left: 40px;
	/*margin: 0;*/
	font-size: 15px;
}

.fringe-product-description p strong {
	text-transform: uppercase;
}
.fringe-product-description .size {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/size.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}
.fringe-product-description .cost {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/cost.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .replacements-low {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/low.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .replacements-medium {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/medium.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .replacements-low span {
	font-weight: bold;
	text-transform: uppercase;
	color: #009142;
}

.fringe-product-description .replacements-medium span {
	font-weight: bold;
	text-transform: uppercase;
	color: #D8C800;
}

.fringe-product-description .replacements-high span {
	font-weight: bold;
	text-transform: uppercase;
	color: #ED1C24;
}

.fringe-product-description .replacements-high {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/high.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .replacements-none {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/none.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .info {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/info.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .limit {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/limit.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .design {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/design.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .extras {
	background-image: url(https://outofhand.co.uk/images-new/fringe-products-icons/extras.svg);
	background-position-x: 0;
	background-repeat: no-repeat;
	background-size: 26px;
}

.fringe-product-description .fringe-description, .fringe-product-description .replacements-low, .fringe-product-description .replacements-medium, .fringe-product-description .replacements-high, .fringe-product-description .cost, .fringe-product-description .replacements-none, .fringe-product-description .limit {
	margin-bottom: 20px;
}

.fringe-product-description .new {
	display: block;
	text-align: center;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 35px auto;
	border: 2px solid #000;
}


/* Fringe Product Styling */




.fringe-body .summary:before, .fringe-body .summary:after  {
	position:absolute;
	width:50px; height: 50px;
	border-style:solid;
	content: ' ';
}

.fringe-body .summary:before {top:5px;left:5px;border-width: 10px 0 0 10px;}
.fringe-body .summary:after {bottom:5px;right:5px;border-width: 0 10px 10px 0;}
.fringe-body .summary {padding: 60px; position: relative;}



.page-4-sheets .summary:before, .page-4-sheets .summary:after, .page-replacements-4-sheets .summary:before, .page-replacements-4-sheets .summary:after  {border-color:#d55c45;}
.page-4-sheets .product_title, .page-replacements-4-sheets .product_title {text-transform: uppercase; color: #d55c45;}
.page-4-sheets .summary, .page-replacements-4-sheets .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/4sheets60x40.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-4-sheets .banner, .page-replacements-4-sheets .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/4sheets.jpg); background-size: cover;}

.page-8-sheets .summary:before, .page-8-sheets .summary:after, .page-replacement-8-sheets .summary:before, .page-replacement-8-sheets .summary:after  {border-color:#d55c45;}
.page-8-sheets .product_title, .page-replacement-8-sheets .product_title {text-transform: uppercase; color: #d55c45;}
.page-8-sheets .summary, .page-replacement-8-sheets .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/4sheets60x40.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-8-sheets .banner, .page-replacement-8-sheets .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/8sheets.jpg); background-size: cover;}

.page-12-sheets .summary:before, .page-12-sheets .summary:after, .page-replacements-12-sheets .summary:before, .page-replacements-12-sheets .summary:after  {border-color:#2a9349;}
.page-12-sheets .product_title, .page-replacements-12-sheets .product_title {text-transform: uppercase; color: #2a9349;}
.page-12-sheets .summary, .page-replacements-12-sheets .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/32sheet.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-12-sheets .banner, .page-replacements-12-sheets .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/12sheets.jpg); background-size: cover;}

.page-a1-triangles .summary:before, .page-a1-triangles .summary:after, .page-replacements-a1-triangles .summary:before, .page-replacements-a1-triangles .summary:after  {border-color:#63c7d3;}
.page-a1-triangles .product_title, .page-replacements-a1-triangles .product_title {text-transform: uppercase; color: #63c7d3;}
.page-a1-triangles .summary, .page-replacements-a1-triangles .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/a1triangles.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-a1-triangles .banner, .page-replacements-a1-triangles .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/a1-triangle.jpg); background-size: cover;}

.page-a3-poster-packs .summary:before, .page-a3-poster-packs .summary:after  {border-color:#a21e51;}
.page-a3-poster-packs .product_title {text-transform: uppercase; color: #a21e51;}
.page-a3-poster-packs .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/a3posterpacks.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-a3-poster-packs .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/a3posterpacks.jpg); background-size: cover;}

.page-block-wraps .summary:before, .page-block-wraps .summary:after, .page-replacements-block-wraps .summary:before, .page-replacements-block-wraps .summary:after  {border-color:#375973;}
.page-block-wraps .product_title, .page-replacements-block-wraps .product_title {text-transform: uppercase; color: #375973;}
.page-block-wraps .summary, .page-replacements-block-wraps .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/concrete-block.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-block-wraps .banner, .page-replacements-block-wraps .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/blockwraps.jpg); background-size: cover;}

.page-bollards .summary:before, .page-bollards .summary:after, .page-replacements-bollards .summary:before, .page-replacements-bollards .summary:after  {border-color:#c1c2c2;}
.page-bollards .product_title, .page-replacements-bollards .product_title {text-transform: uppercase; color: #c1c2c2;}
.page-bollards .summary, .page-replacements-bollards .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/bollards-final.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-bollards .banner, .page-replacements-bollards .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/bollards.jpg); background-size: cover;}

.page-bollard-boxes .summary:before, .page-bollard-boxes .summary:after, .page-replacements-bollard-boxes .summary:before, .page-replacements-bollard-boxes .summary:after  {border-color:#c1c2c2;}
.page-bollard-boxes .product_title, .page-replacements-bollard-boxes .product_title {text-transform: uppercase; color: #c1c2c2;}
.page-bollard-boxes .summary, .page-replacements-bollard-boxes .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/bollards-boxes.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-bollard-boxes .banner, .page-replacements-bollard-boxes .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/bollardboxes.jpg); background-size: cover;}

.page-bridge-banner .summary:before, .page-bridge-banner .summary:after  {border-color:#a21e51;}
.page-bridge-banner .product_title {text-transform: uppercase; color: #a21e51;}
.page-bridge-banner .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/bridgebanner.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-bridge-banner .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/bridgebanner.jpg); background-size: cover;}

.page-cowgate-pillars .summary:before, .page-cowgate-pillars .summary:after, .page-replacements-cowgate-pillars .summary:before, .page-replacements-cowgate-pillars .summary:after  {border-color:#9a1a4c;}
.page-cowgate-pillars .product_title, .page-replacements-cowgate-pillars .product_title {text-transform: uppercase; color: #9a1a4c;}
.page-cowgate-pillars .summary, .page-replacements-cowgate-pillars .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/cowgate-pillar-final.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-cowgate-pillars .banner, .page-replacements-cowgate-pillars .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/cowgatepillars.jpg); background-size: cover;}

.page-digital-screen .summary:before, .page-digital-screen .summary:after  {border-color:#dc4335;}
.page-digital-screen .product_title {text-transform: uppercase; color: #dc4335;}
.page-digital-screen .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/digital-festival-tower.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-digital-screen .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/digitalscreen.jpg); background-size: cover;}

.page-fence-tops .summary:before, .page-fence-tops .summary:after  {border-color:#d99a36;}
.page-fence-tops .product_title {text-transform: uppercase; color: #d99a36;}
.page-fence-tops .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/fencetops.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-fence-tops .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/fencetops.jpg); background-size: cover;}

.page-festival-towers .summary:before, .page-festival-towers .summary:after, .page-replacements-festival-towers .summary:before, .page-replacements-festival-towers .summary:after  {border-color:#da3232;}
.page-festival-towers .product_title, .page-replacements-festival-towers .product_title {text-transform: uppercase; color: #da3232;}
.page-festival-towers .summary, .page-replacements-festival-towers .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/festival-tower.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-festival-towers .banner, .page-replacements-festival-towers .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/festivaltowers.jpg); background-size: cover;}

.page-festival-triangle-cube .summary:before, .page-festival-triangle-cube .summary:after  {border-color:#e2e086;}
.page-festival-triangle-cube .product_title {text-transform: uppercase; color: #e2e086;}
.page-festival-triangle-cube .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/festival-triangle.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-festival-triangle-cube .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/festivaltriangle.jpg); background-size: cover;}

.page-lamp-post-wraps-full-length .summary:before, .page-lamp-post-wraps-full-length .summary:after, .page-replacements-lamp-post-wraps .summary:before, .page-lamp-post-wraps-full-length .summary:after  {border-color:#377090;}
.page-lamp-post-wraps-full-length .product_title, .page-replacements-lamp-post-wraps .product_title {text-transform: uppercase; color: #377090;}
.page-lamp-post-wraps-full-length .summary, .page-replacements-lamp-post-wraps .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/lamppostwrap.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-lamp-post-wraps-full-length .banner, .page-replacements-lamp-post-wraps .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/lamppostwrap.jpg); background-size: cover;}

.page-phone-kiosks .summary:before, .page-phone-kiosks .summary:after  {border-color:#dc4335;}
.page-phone-kiosks .product_title {text-transform: uppercase; color: #dc4335;}
.page-phone-kiosks .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/PhoneKiosk2.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-phone-kiosks .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/phonekiosk.jpg); background-size: cover;}

.page-potterow-port-embankment .summary:before, .page-potterow-port-embankment .summary:after  {border-color:#ec008c;}
.page-potterow-port-embankment .product_title {text-transform: uppercase; color: #ec008c;}
.page-potterow-port-embankment .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/potterow-vinyl.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-potterow-port-embankment .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/ppemb.jpg); background-size: cover;}

.page-potterow-port-subway-vinyls .summary:before, .page-potterow-port-subway-vinyls .summary:after  {border-color:#ec008c;}
.page-potterow-port-subway-vinyls .product_title {text-transform: uppercase; color: #ec008c;}
.page-potterow-port-subway-vinyls .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/potterow-vinyl.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-potterow-port-subway-vinyls .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/ppvinyl.jpg); background-size: cover;}

.page-railing-boards-30x20-double-crown-pairs .summary:before, .page-railing-boards-30x20-double-crown-pairs .summary:after, .page-replacements-railing-boards-30x20-double-crown-pair .summary:before, .page-replacements-railing-boards-30x20-double-crown-pair .summary:after  {border-color:#000;}
.page-railing-boards-30x20-double-crown-pairs .product_title, .page-replacements-railing-boards-30x20-double-crown-pair .product_title {text-transform: uppercase; color: #000;}
.page-railing-boards-30x20-double-crown-pairs .summary, .page-replacements-railing-boards-30x20-double-crown-pair .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/railing-boards.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-railing-boards-30x20-double-crown-pairs .banner, .page-replacements-railing-boards-30x20-double-crown-pair .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/30x20pair.jpg); background-size: cover;}

.page-railing-boards-30x20-double-crown .summary:before, .page-railing-boards-30x20-double-crown .summary:after, .page-replacements-railing-boards-30x20-double-crown .summary:before, .page-replacements-railing-boards-30x20-double-crown .summary:after  {border-color:#000;}
.page-railing-boards-30x20-double-crown .product_title, .page-replacements-railing-boards-30x20-double-crown .product_title {text-transform: uppercase; color: #000;}
.page-railing-boards-30x20-double-crown .summary, .page-replacements-railing-boards-30x20-double-crown .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/railing-boards.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-railing-boards-30x20-double-crown .banner, .page-replacements-railing-boards-30x20-double-crown .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/30x20single.jpg); background-size: cover;}

.page-railing-boards-30x40-quad .summary:before, .page-railing-boards-30x40-quad .summary:after, .page-replacements-railing-boards-30x40-quad .summary:before, .page-replacements-railing-boards-30x40-quad .summary:after  {border-color:#000;}
.page-railing-boards-30x40-quad .product_title, .page-replacements-railing-boards-30x40-quad .product_title {text-transform: uppercase; color: #000;}
.page-railing-boards-30x40-quad .summary, .page-replacements-railing-boards-30x40-quad .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/railing-boards.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-railing-boards-30x40-quad .banner, .page-replacements-railing-boards-30x40-quad .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/30x40.jpg); background-size: cover;}

.page-railing-boards-30x80-double-quad .summary:before, .page-railing-boards-30x80-double-quad .summary:after, .page-replacements-railing-boards-30x80-double-quad .summary:before, .page-replacements-railing-boards-30x80-double-quad .summary:after  {border-color:#2a9349;}
.page-railing-boards-30x80-double-quad .product_title, .page-replacements-railing-boards-30x80-double-quad .product_title {text-transform: uppercase; color: #2a9349;}
.page-railing-boards-30x80-double-quad .summary, .page-replacements-railing-boards-30x80-double-quad .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/32sheet.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-railing-boards-30x80-double-quad .banner, .page-replacements-railing-boards-30x80-double-quad .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/30x80.jpg); background-size: cover;}

.page-railing-boards-30-x-160-super-quad .summary:before, .page-railing-boards-30-x-160-super-quad .summary:after, .page-replacements-super-quad-railing-boards-30x160 .summary:before, .page-replacements-super-quad-railing-boards-30x160 .summary:after  {border-color:#0e692e;}
.page-railing-boards-30-x-160-super-quad .product_title, .page-replacements-super-quad-railing-boards-30x160 .product_title {text-transform: uppercase; color: #0e692e;}
.page-railing-boards-30-x-160-super-quad .summary, .page-replacements-super-quad-railing-boards-30x160 .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/96sheet.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-railing-boards-30-x-160-super-quad .banner, .page-replacements-super-quad-railing-boards-30x160 .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/30x160.jpg); background-size: cover;}

.page-tower-cubes .summary:before, .page-tower-cubes .summary:after  {border-color:#e73535;}
.page-tower-cubes .product_title {text-transform: uppercase; color: #e73535;}
.page-tower-cubes .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/tower-cube.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-tower-cubes .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/towercubes.jpg); background-size: cover;}

.page-utility-box-wrap .summary:before, .page-utility-box-wrap .summary:after, .page-replacements-utility-box-wrap .summary:before, .page-replacements-utility-box-wrap .summary:after  {border-color:#bbdb3a;}
.page-utility-box-wrap .product_title, .page-replacements-utility-box-wrap .product_title {text-transform: uppercase; color: #bbdb3a;}
.page-utility-box-wrap .summary, .page-replacements-utility-box-wrap .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/utility-box-wrap.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-utility-box-wrap .banner, .page-replacements-utility-box-wrap .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/utilitybox.jpg); background-size: cover;}

.page-venue-wayfinding-arrows .summary:before, .page-venue-wayfinding-arrows .summary:after  {border-color:#7bc1d3;}
.page-venue-wayfinding-arrows .product_title {text-transform: uppercase; color: #7bc1d3;}
.page-venue-wayfinding-arrows .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/venue-arrow.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-venue-wayfinding-arrows .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/arrows.jpg); background-size: cover;}

.page-widescreens .summary:before, .page-widescreens .summary:after, .page-replacements-widescreens .summary:before, .page-replacements-widescreens .summary:after  {border-color:#83d2e2;}
.page-widescreens .product_title, .page-replacements-widescreens .product_title {text-transform: uppercase; color: #83d2e2;}
.page-widescreens .summary, .page-replacements-widescreens .summary {background: url(https://outofhand.co.uk/images-new/fringe-icons/widescreen-ready.png); background-repeat: no-repeat; background-size: 50px; background-position-y: 0; background-position-x: 95%;}
.page-widescreens .banner, .page-replacements-widescreens .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/widescreens.jpg); background-size: cover;}


.page-creative-design-package .summary:before, .page-creative-design-package .summary:after, .page-main-design-package .summary:before, .page-main-design-package .summary:after  {border-color:#ef5348;}
.page-creative-design-package .product_title, .page-main-design-package .product_title {text-transform: uppercase; color: #ef5348;}
.page-creative-design-package .banner, .page-main-design-package .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/design.jpg); background-size: cover;}



/* Statics */


.page-artwork-guide .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p1.jpg); background-size: cover; background-position: top !important;}
.page-artwork-deadlines .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p2.jpg); background-size: cover; background-position: top !important;}
.page-templates .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p9.jpg); background-size: cover; background-position: top !important;}
.page-upload-your-artwork .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p4.jpg); background-size: cover; background-position: top !important;}
.page-key-dates .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p5.jpg); background-size: cover; background-position: top !important;}
.page-cancellation-policy .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p6.jpg); background-size: cover; background-position: top !important;}
.page-zones-how-does-it-work .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p7.jpg); background-size: cover; background-position: top !important;}
.page-environmental-commitment .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p8.jpg); background-size: cover; background-position: top !important;}
.page-faqs .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p3.jpg); background-size: cover; background-position: top !important;}
.page-proof-of-posting .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p10.jpg); background-size: cover; background-position: top !important;}
.page-marketing-advice .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p11.jpg); background-size: cover; background-position: top !important;}
.page-replacement-outdoor-posters .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p1.jpg); background-size: cover; background-position: top !important;}
.page-order-by-product .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p2.jpg); background-size: cover; background-position: top !important;}
.page-design-packages .banner {background-image: url(https://outofhand.co.uk/images-new/fringe-banners/p12.jpg); background-size: cover; background-position: top !important;}




.fringe-body .banner-content {display: block; margin-top: 50px;}
.fringe-body .banner-content .page-title {border-width: 2px; text-shadow: 0 0 6px rgba(0,0,0,0.5); border-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5); }
.fringe-body .banner-content .breadcrumbs a {text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.fringe-body .banner {background-size: cover; z-index: -1; background-position: center; height: 600px; background-color: #000;
	background-attachment: scroll;
	/*padding: 176px 0 56px 0;!important*/
}
@media(max-width: 992px) {
	.fringe-body .banner {
		height: 450px;
	}
}
@media(max-width: 576px) {
	.fringe-body .banner {
		height: 300px;
	}
}



.fringe-body .overlay {background-image: none !important;}
/*.fringe-body .maincontainer .container {margin-top: -170px;background: #fff;padding: 50px;}*/



.fringe-body .fringe-static-content:before, .fringe-body .fringe-static-content:after  {
	position:absolute;
	width:50px; height: 50px;
	border-style:solid;
	content: ' ';
	border-color:#000;
}

.fringe-body .fringe-static-content:before {top:5px;left:5px;border-width: 10px 0 0 10px;}
.fringe-body .fringe-static-content:after {bottom:5px;right:5px;border-width: 0 10px 10px 0;}
.fringe-body .fringe-static-content {padding: 60px; position: relative;}
@media(max-width: 576px){
	.fringe-body .fringe-static-content {padding: 30px}
}


.fringe-body .maincontainer .fringe-static-wrapper .container {
	margin-top: 0 !important;
	background: none !important;
	padding: 0 !important;
}

.fringe-static-wrapper .fringe-title .title:after {
	display: none !important;
}

.fringe-static-wrapper .fringe-title h2 {
	font-size: 2.7em;
	color: #000;
	font-weight: 800;
	line-height: 1em;
}

.fringe-static-wrapper .title-section h3 {
	font-size: 1.7em;
	color: #000;
	font-weight: 800;
	line-height: 1.2em;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.fringe-static-wrapper .section-about-text {
	margin-bottom: 50px;
}

.fringe-static-wrapper .zone-product {
	margin-bottom: 0 !important;
}

.fringe-static-wrapper .zone-product img {
	margin: 10px;
	width: 40px;
}




/* Small Screen Fixes */

@media (max-width: 1200px) {

	.main-header .main-menu {
		float: none !important;
		display: flex;
		justify-content: center;
	}

	.banner {
		padding: 210px 0 30px 0;
	}

	.maincontainer {
		padding-top:25px !important;
	}





}

@media (max-width: 991px){


	.banner {
		padding: 20px 0 50px 0;
	}

	.main-header .main-menu {
		float: none !important;
		display: none;
		justify-content: center;
	}

	.main-menu>ul>li {
		display: inline-block;
		text-transform: uppercase;
		line-height: 15px;
		padding: 15px 10px;
	}

	.header .top-header-right {
		margin-bottom: 20px;
	}

	.header .top-header-menu a {
		margin: 5px;
		display: inline-block;
	}





}


/* iPads */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {



	.fringe-body .main-menu>ul>li>.sub-menu.mega-menu {
		padding: 30px;
		background-image: url(https://outofhand.co.uk/images-new/menu-bg.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 400px auto;
	}

	.fringe-body .main-menu .navigation li:first-child .sub-menu.mega-menu {
		background-position: right bottom !important;
	}

	.fringe-body .banner-content {
		margin-top: 230px;
		display: none;
	}

	.section-slide {margin-top: 150px;}

	.main-header .main-menu {
		float: none !important;
		display: flex;
		justify-content: center;
	}

	.cart_item .product-thumbnail {
		height: 70px;
		width: 10% !important;
	}

	.col-sm-offset-3 {
		margin-left: 0;
		width: 100%;
	}

	.hidden-xs {
		display: none;
	}

	.shop_table td {
		padding: 10px;
		text-align: center;
		width: 15% !important;
		line-height: 13px;
		font-size: 10px;
	}

	.shop_table th {
		text-transform: uppercase;
		color: #303030;
		text-align: center;
		padding: 15px 0 !important;
		border-bottom: 2px solid #e9e9e9;
		border-top: 2px solid #e9e9e9;
		font-size: 10px;
		line-height: 13px;
	}


	.product-remove .button {
		border: 1px solid #1f1f1f;
		color: #303030;
		display: inline-block;
		letter-spacing: 2px;
		padding: 5px 5px;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: transparent;
	}

	.shop_table dt, .shop_table dd {
		line-height: 13px;
		display: inline-block;
	}

	.step-checkout .icon {
		background-size: 20px;
	}

	.step-checkout .step .icon {
		width: 35px;
		height: 35px;
		border: 1px solid #515151;
		display: block;
		margin: 0 auto;
		webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		margin-bottom: 30px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.step-checkout .step .step-name {
		font-style: italic;
		font-family: 'Crimson Text';
		color: #747474;
		font-size: 14px;
	}

	.step-checkout {
		width: auto;
		display: block;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
	}

	.checkboxOnOff, .checkboxYesNo {
		width: 40px;
		height: 20px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		margin: auto;
		border: 1px solid #ddd;
	}

	.checkboxOnOff:before {
		content: 'YES';
		position: absolute;
		top: 6px;
		left: 4px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.checkboxOnOff:after {
		content: 'NO';
		position: absolute;
		top: 6px;
		left: 24px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.checkboxOnOff input[type=checkbox]:checked + label, .checkboxYesNo input[type=checkbox]:checked + label {
		left: 20px;
		background: #73883a;
	}

	.checkboxOnOff label, .checkboxYesNo label {
		display: block;
		width: 18px;
		height: 20px;
		border-radius: 5px;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		background: #ddd;
	}

	.header.header-style3 .main-header .main-menu>ul>li>a {
		font-size: 12px;
	}


}


/* iPhone */

@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3) {

	.col-sm-offset-3 {
		margin-left: 0;
		width: 100%;
	}

	.col-sm-12 {clear: both;}

	.hidden-xs {
		display: none;
	}

	.shop_table td {
		padding: 4px;
		text-align: center;
		width: 15% !important;
		line-height: 9px;
		font-size: 8px;
	}

	.shop_table th {
		text-transform: uppercase;
		color: #303030;
		text-align: center;
		padding: 15px 0 !important;
		border-bottom: 2px solid #e9e9e9;
		border-top: 2px solid #e9e9e9;
		font-size: 8px;
		line-height: 9px;
	}


	.product-remove .button {
		border: 1px solid #1f1f1f;
		color: #303030;
		display: inline-block;
		letter-spacing: 2px;
		padding: 2px 2px;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: transparent;
		font-size: 9px;
	}

	.shop_table dt, .shop_table dd {
		line-height: 9px;
		display: inline-block;
	}

	.step-checkout .icon {
		background-size: 20px;
	}

	.step-checkout .step .icon {
		width: 35px;
		height: 35px;
		border: 1px solid #515151;
		display: block;
		margin: 0 auto;
		webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		margin-bottom: 30px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.step-checkout .step .step-name {
		font-style: italic;
		font-family: 'Crimson Text';
		color: #747474;
		font-size: 14px;
	}

	.step-checkout {
		width: auto;
		display: block;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
	}

	.step-checkout .col-sm-2 {
		width: 120px;
		display: table-cell;
	}

	.cart_item .product-thumbnail {
		height: 70px;
		width: 30%;
	}

	.checkboxOnOff, .checkboxYesNo {
		width: 40px;
		height: 20px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		margin: auto;
		border: 1px solid #ddd;
	}

	.checkboxOnOff:before {
		content: 'YES';
		position: absolute;
		top: 6px;
		left: 4px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.checkboxOnOff:after {
		content: 'NO';
		position: absolute;
		top: 6px;
		left: 24px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.checkboxYesNo:before {
		content: 'YES';
		position: absolute;
		top: 6px;
		left: 4px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.cart_item .checkboxYesNo:before, .cart_item .checkboxYesNo:after   {
		top: 6px;
	}

	.checkboxYesNo:after {
		content: 'NO';
		position: absolute;
		top: 6px;
		left: 24px;
		height: 2px;
		color: #111;
		font-size: 6px;
		line-height: 6px;
	}

	.checkboxOnOff input[type=checkbox]:checked + label, .checkboxYesNo input[type=checkbox]:checked + label {
		left: 20px;
		background: #73883a;
	}

	.checkboxOnOff label, .checkboxYesNo label {
		display: block;
		width: 18px;
		height: 20px;
		border-radius: 5px;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		background: #ddd;
	}



	.mini-cart .mini-cart-content {
		min-width: 370px;
		max-height: 600px;
		overflow-y: auto;
		border: 1px solid #ececec;
		padding: 30px;
		background: #fff;
		position: absolute;
		top: 100%;
		/*right: -98px;*/
		z-index: 999;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
		-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
		-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
		-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
		transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-o-transform: translateY(50px);
		transform: translateY(50px);
		text-transform: uppercase;
	}

	.pt-md {
		padding-top: 15px;
		text-align: center;
	}



	#search-form {
		position: relative;
		background-color: #fff;
		max-width: 100%;
		border-radius: 0px;
		box-shadow: none;
		margin: 0;
		left: auto;
		top: auto;
	}


	.fringe-body .banner {display: none;}

	.fringe-body .banner-fringe-static {display: block !important;}

	.fringe-body .maincontainer .container {
		margin-top: 0;
	}

	.fringe-body .summary {
		padding: 30px;
	}

	.fringe-body .summary .price {
		font-size: 25px;
	}

	.fringe-body .summary .product_title {
		font-size: 30px;
		line-height: 35px;
	}

	.fringe-body .maincontainer .container {
		padding: 15px;
	}
	@media(max-width: 576px){
		.fringe-body .maincontainer .container {
			padding: 5px;
		}
	}
/*
	.maincontainer {
		padding-top:0 !important;
	}
*/
	.header.header-style3 .main-header .main-menu>ul>li>a {
		font-size: 16px;
	}

	.fringe-body .summary:before, .fringe-body .summary:after  {
		width:30px; height: 30px;
	}

	.fringe-body .summary:before {top:5px;left:5px;border-width: 7px 0 0 7px;}
	.fringe-body .summary:after {bottom:5px;right:5px;border-width: 0 7px 7px 0;}

	.fringe-static-wrapper .zone-product img {
		margin: 5px 20px 0 -50px;
		width: 30px;
	}

	.fringe-static-wrapper .title-section h3 {
		font-size: 1.0em;
	}


}