@charset "utf-8";
/* CSS Document */

p {
	
	font-size:1.1em;
	
}

.square-bottom-bar {
	
	position:absolute; bottom:0px; left:0px; right:0px; background:#0b4273; font-weight:bold; color:#fff; padding:15px; border-radius:0px 0px 10px 10px; text-align:center; text-transform:uppercase;
	
}

.nav-square {
	
	 height:250px; border-radius:10px; padding-top:30%; position:relative;
	 
}

.nav-square:hover {
	
	opacity:0.7 !important;
	
}

.pulse-less {
	
	animation:pulse-less .9s infinite ease-out;
	
}

@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}

.product-box {
	
	position:relative; height:150px; background:#fff; text-align:center; margin:10px; color:#110a36; text-decoration:none; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1); border:2px solid #ddd; min-width:260px; padding:20px; display:flex; align-items: center; justify-content:center;
	
}

.product-box h3 {

	margin-bottom:0 !important;

}

.product-box:hover {
	
	opacity:0.8 !important;
	transform:scale(1.05) !important;
	text-decoration:none;
	
}

.product-corner-square {
	
	width:40px; height:40px; position:absolute; top:-7px; right:-7px; border-radius:3px; transform:rotate(3deg);
	
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.product-box:hover > .product-corner-square {
    
	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	
}

.quote-button {
	
	padding:21px; background:var(--gp-yellow); border-radius:35px; margin-top:35px; min-width:150px; text-align:center; font-size:1.2em; color:#110a36; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.04);
	
}

.search-container {
	
	margin-top: 35px; padding:5px;
	
}

.search-button {
	
	background:var(--gp-pink) !important; border-radius:0px 35px 35px 0px; padding:18px 19px 19px 10px; width:40px; font-size:20px; position:absolute; top:0px; right:0px;
	
}

.logo {
	
	width:300px; margin-top:12px; margin-bottom:15px;
	
}

.search-input {
	
	padding:18px !important; border-radius:35px 0px 0px 35px !important; width:100% !important; display:inline-block !important;
	
}

.home-about-box {

	padding:40px; border-radius:5px; color:rgba(0,0,0,0.8) !important; z-index:1; min-width:300px; border:1px solid rgba(255,255,255,0.3);

}

.home-about-box-photo {

	background-size:cover; border-radius:5px; position:relative; z-index:1; background-repeat:no-repeat; min-width:300px;

}

.home-about-box-spacer {

	height:10px;

}

.footer-main {
	
	background:#1d213f; color:#fff; padding:40px; line-height:170%; font-size:0.9em; color:#eee;
	
}

.footer-box-1 {
	
	position:relative; border-right:1px solid rgba(0,0,0,0.8);
	
}

.footer-box-2 {
	
	border-right:1px solid rgba(0,0,0,0.8); border-left:1px solid rgba(255,255,255,0.1);
	
}

.footer-icon, .social-footer-icon {
	
	padding:5px; font-size:0.9em; border-radius:3px; width:25px; text-align:center; display:inline-block; margin-right:15px; color:#fff;
	
}

.social-footer-icon {
	
	margin-right:5px;
	margin-bottom:5px;
	
}

.social-footer-icon-large {

	font-size:2em;
	width:40px;
	height:40px;

}

.footer-address-icon {
	
	position:absolute; padding:5px; background:var(--gp-yellow); font-size:0.9em; border-radius:3px; top:0px; left:-40px; width:25px; text-align:center;
	
}

.category-image {
	
	width:250px; height:250px; float:left; margin:10px 40px 20px 0px; border:4px solid #fff; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1); background-size:cover; background-position:top center; background-repeat: no-repeat
	
}

.breadcrumb {
	
	float:right;
	
}

.category-product-list {
	
	margin-left:-10px;
	
}

.footer-main a {
	
	color:#fff;
	text-decoration:none;
	
}

.category-heading {
	
	font-size:3em;
	
}

.news-list {

	padding:20px;

}

.dark-bg {

	background: #21afe0;
	background: -moz-linear-gradient(top, #21afe0 0%, #00003c 100%);
	background: -webkit-linear-gradient(top, #21afe0 0%,#00003c 100%);
	background: linear-gradient(to bottom, #21afe0 0%,#00003c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe0', endColorstr='#00003c',GradientType=0 );
	background-size: cover;
	background-attachment: fixed;

}

.product-quote-container {

	padding:0px 15px 0px 15px;

}

.quote-icon {
	
	float:right;
	margin-right:0px;
	box-sizing:border-box;
	width:40px;
	height:40px;
	background-size:cover;
	
}

.quote-icon-small {

	margin-bottom:5px; width:25px; height:25px; padding:2px; box-sizing:border-box; font-size:16px; border-radius:5px; text-align:center;

}

.gradient-background {
	
	background: #21afe0;
	background: -moz-linear-gradient(top, #21afe0 0%, #00003c 100%);
	background: -webkit-linear-gradient(top, #21afe0 0%,#00003c 100%);
	background: linear-gradient(to bottom, #21afe0 0%,#00003c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe0', endColorstr='#00003c',GradientType=0 );
	background-size: cover;
	background-attachment: fixed;
	
}

input[type=submit] {

	font-size:1.4em !important;

}

  
.box-container .flex-1 {
	
	position:relative;
	
}

.box-container h1 {
	
	color:#fff; text-align:center;
	
}

.box-container h2 {
	
	color:#fff; text-align:center; position:relative;
	
}

.box-container h3 {
	
	margin: 0;
    font-size: 24px;
    color: rgb(64,192,240);
	font-family: 'Lato';
	padding-bottom:10px;
	font-weight:normal;
	
}

.box-container label {
	
	padding-bottom:5px;
	
}

.box-container input[type=text], .box-container input[type=email], .box-container input[type=number], .box-container textarea, .box-container select {
	
    width: 100%;
    border: none !important;
    height: 40px;
    background: rgb(206,231,240) !important;
    border-radius: 0 !important;
    color: rgb(17,10,54);
    font-size: 1.1em !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	font-family: 'Lato';
	
}

.box-container select {
	
	background:rgb(206,231,240) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAyCAYAAADx/eOPAAABE0lEQVRogd3SWxHCUAxF0SABCzUJErBQcVjAAnztDwql95XcHPZMBJxZOZnZYmZ30+/KgtXMnsL3MLMzYxbxMZftX6nqvKmo63yoqOp8VVHV2VVR0/mpoqZzqKKiU6SiolOskl2nSiW7TrVKVp0mlaw6zSrZdLpUsul0q9BsnSEqNFtnmArN0hmqQrN0hqtQtI6LCkXruKlQlI6rCkXpuKuQt06ICnnrhKmQl06oCnnphKvQaJ0pKjRaZ5oKjdKZqkKjdKarUK9OChXq1UmjQq06qVSoVSedCtXqpFShWp20KlSqk1qFSnXSq9CRjoQKHenIqNCejpQK7enIqdBWR1KFtjqyKrT+gwot/6JCN3cVM3sBzdeyZvLDZAAAAAAASUVORK5CYII=') right 10px center no-repeat !important;
	background-size: 10px 10px !important;
	
}

.well {
    min-height: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    background-color: #fff;
    border-radius: 0px;
    padding: 20px 10px 10px 10px;
    border-radius: 5px;
    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
}

.big-button {

	background:var(--colour-2); margin-top:20px; padding:30px; font-size:28px; color:#000 !important; border-radius:10px; width:100%; max-width:400px; cursor:pointer; border-top:3px solid rgba(255,255,255,0.4); border-bottom:3px solid rgba(0,0,0,0.2); font-family:'Lato';

}

.sidebar {

    padding:30px;
    background:#1d213f;
    color:#fff;
    width:100%;
    max-width:400px;
    margin-left:30px;
    margin-top:20px;
    border-radius:10px;
    box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.1);

}

.headline {

    font-size: 3em;
    color: #110a36;
	
}

input.simple-button, button.simple-button {

	background-color:#f195be !important; color:#110a36 !important; padding:10px; font-size:18px !important;

}

.basket-preview {

	display:none; position:fixed; bottom:30px; right:30px; background:#fff; padding:15px 20px 20px 20px; border-radius:10px; border:1px solid #eee; z-index:1000; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); text-align:center;

}

.small-breadcrumb {

	position:absolute; top:20px; left:20px;

}