/*  COOKSON OVERRIDES  ============================================================================= */

.slick-slide {
    margin: 0px 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
}

/*
.storepage {
    background-image: url(../images/giftfinder-background-inner.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 100%;
   background-position: center 0;
	background-attachment: fixed;
}
*/

.storepage a { color:#252e35; text-decoration: underline;}
.storepage { margin: 0 1%;}
.txtstl h1,.txtstl h2,.txtstl h3,.txtstl h4,.txtstl p  {text-align:left !important; padding: 5px 0}
.txtbox { background-color:#fafafa; padding: 12.8% 5% !important;max-height: 850px;}
.txtboxalt { max-height: 850px;}
.toplnk a, .smallboxesr a, .bigboxesr a, .bigboxesg a, .freedel a {
    width: 100%;
    height: 100%;
display: inline-block; }
.spgtitle h2 {
		padding: 2% 0 0 0;}
.prodslide img {
    margin: 0 auto !important;
	max-width: 100%;
    display: block;
}
.prodslide h4 {
    font-size: 17px !important;
}
.prodslide .price {
    text-align: center;
    margin: auto;
    /* padding-bottom: 50px; */
    color: #808487;
    line-height: 1.1em;
}
.prodslide .price span {
    font-size: 17px !important;
    line-height: 1.1em;
}
.prodslide .pricenow {
    text-align: center;
    margin: auto;
    padding-bottom: 20px;
    color: #004980;
    font-size: 1.1em;
    line-height: 1.1em;
}
.prodslide a {color: #252e35;}

.section {
	clear: both;
	padding: 0px;
	margin: 0;
}
.storepage h2 {
font-style: normal;
font-weight: normal;
	text-align: center;
font-size: 2em;
}
.storepage h1 {
font-style: normal;
font-weight: normal;
	text-align: center;
font-size: 1em;
}
.storepage h4 {
	color:#929191;
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 1.5em;
	padding: 20px 0;
	line-height: 1.5em;
}


.storepage p {
font-style: normal;
	text-align: center;
	color: #414141;
}
.seoft h2 {
	text-align: center;
font-size: 1.5em;
	text-transform: none;
}
.storepage img{
    margin: 0 auto;
    max-width: 100%;
}
.storepage h1 {}

.blgblx {
    margin: 0 auto;
}
.blgblx .span_1_of_3 {
	background-color: #fafafa;
}
.blgblx .span_1_of_3 h3 {
    font-size: 1.3em;
    color: #004980;
    padding: 10% 0 3% 0;
    text-align: center;
}
.blgblx .span_1_of_3 p {
    font-size: 1em;
    color: #252e35;
    padding: 0 10% 5% 10%;
    text-align: center;
}
.blgblx .span_1_of_3 p a {
    color: #004980;
}
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

.freedel {
    background-image: url(https://www.cooksongold.com/assets/css/images/slider-right.png);
    background-position: right;
    background-repeat: no-repeat;
}

.toplnk {
    position: relative;
    background: #88b7d5;
    background-color: #fff;
    text-align: left;
    margin: 0;
    width: 100%;
    border-left: 2px solid #fafafa;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa;
    border-right-color: #fafafa;
    height: 80px;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.toplnk:hover { 
	background-color: #808487;
}
.toplnk:after { 
		right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 250, 250, 0);
	border-right-color: #fafafa;
	border-width: 38px;
	margin-top: -38px;
	transition: all 0.8s ease;
}


.toplnk:hover::after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #808487;
	border-width: 38px;
	margin-top: -38px;
}

.toplnk a {padding: 30px 0 30px 20px;}
.toplnk a:hover { color:#ffffff}



.freedel h1 {
	
font-style: normal;
font-weight: 900;
	text-align: center;
	
font-size: 2em;
	color: #fff;
}
.col h3, .colalt h3, .colnav h3{
	font-size: 1.5em;
	margin: 0 auto;
    padding: 2% 0;
	font-weight: normal;
	text-align: left;
}
.btmbx h2 {
    font-size: 40px;
    
    text-decoration: none;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
    padding: 15% 10%;
    font-weight: bold;
}

.section_a_one h2 {
	color: #b61e30
}
.section_a_one h2:hover {
	color: #b61e30
}
.col h2:hover, .colalt h2:hover, .colnav h2:hover{
	text-decoration: none;
}
.section_a_one h2:hover {
	color: #b61e30
}
.header {
	padding: 1em 0;
}
.col, .colalt, .colnav {
	padding: 0;
	text-align: center;
	position: relative;
}
.seoft {
	    margin-bottom: 5% !important;
}
.seoft p {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    padding: 1% 10%;
}
.ctagf {
	position: absolute;
	right: 0;
	bottom: 0;
}
.ctagfalt {
    position: absolute;
    right: 20%;
    bottom: 38%;
}
.ctagfaltlst {
    position: absolute;
    right: 17%;
    bottom: 34%;
}
.storepage a {
	cursor: hand;
}
.blacklink a, .blacklink h2  {color: #000 !important;}

.section_a_one {
background-image: url(https://www.cooksongold.com/assets/css/images/big-box-1-bg.jpg);
background-position: center center;
padding: 0 0 34% 0;
}
.section_a_two {
background-image: url(https://www.cooksongold.com/assets/css/images/big-box-2-bg.jpg);
background-position: center center;
padding: 0 0 34% 0;
}
.section_a_three {
background-image: url(https://www.cooksongold.com/assets/css/images/big-box-3-bg.jpg);
background-position: center center;
padding: 0 0 34% 0;
}
.section_d_one {
	background-image: url(https://www.cooksongold.com/assets/css/images/bottom-box-2-bg.jpg);
	background-position: center center;
	background-size: cover;
}
.section_d_two {
	background-image: url(https://www.cooksongold.com/assets/css/images/Christmas-Delivery.jpg);
}
.span_1_of_1_freedel {
	background-color: #808487;
	margin: 1% 0 !important;
}

.span_1_of_1_giftguide {
	background-image: url(https://www.cooksongold.com/assets/css/images/christmas-guides.jpg);
	background-position: right center;
}
.span_1_of_1_giftguide h2 {
    font-size: 25px;
    
    text-decoration: none;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
    padding: 3% 10%;
    font-weight: bold;
}

.span_1_of_1_making {
	background-image: url(https://www.cooksongold.com/assets/css/images/jewellery-making-collection.jpg);
	background-position: right center;
}
.span_1_of_1_making h2 {
    font-size: 25px;
    
    text-decoration: none;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
    padding: 6% 10%;
    font-weight: bold;
}
.span_1_of_1_freedel .fdimg {
	display: inline-block;
}

.giftfinder h1 {
	color: #000;
	font-size: 30px;
	text-align: center;
	margin: 0.5% 0;
	text-transform: none !important;
}
.span_1_of_3 {
	background-repeat: no-repeat;
	background-position: center;
}
/*  GROUPING  ============================================================================= */


.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float: left;
	margin: 1.6% 0 0 1.6%;
}
.colalt {
	display: block;
	float: left;
	margin: 0 0 0 1.6%;
}
.colnav {
	display: block;
	float: left;
	margin: 1.6% 0 0 0;
}
.span_1_of_1_header {
	background-image: url(https://www.cooksongold.com/assets/css/images/gift-finder-header.jpg) !important;
	width: 100%;
	padding: 45px 0 !important;
	text-align: center;
	background-size: cover !important;
}
.span_1_of_1_freedel {
	width: 100%;
	padding: 0 !important;
	text-align: center;
}
.freedel h1 {
    padding: 1% 18%;
}
.span_1_of_1_slider {
	width: 100%;
	padding: 45px 0 !important;
	text-align: center;
	margin: 1% 0;
}
.span_1_of_1_giftguide {
	width: 100%;
	padding: 0 ;
	text-align: center;
	margin: 1% 0;
}
.span_1_of_1_making {
	width: 100%;
	padding: 0;
	text-align: center;
	margin: 1% 0;
}
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.tpnav .span_1_of_2 {
	width: 50%;
}
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 32.26%;
}
.tpnav .span_3_of_3 {
	width: 100%;
}
.tpnav .span_2_of_3 {
	width: 67%;
}
.tpnav .span_1_of_3 {
	width: 33%;
}
.span_1_of_1 {
  width: 100%;
  display: block;
  float: left;
  margin:0;
}
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}
.smallboxesr:first-child {
    margin-left: 0;
}
/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

.span_1_of_7 {
	text-align: center;
}
.col:first-child  {
	margin: 1.6% 0 0 0;
} /* all browsers except IE6 and lower */

.colnav:first-child  {
	margin: 0;
}

.colalt:first-child {
	margin:  0 0 0 0;
}

.alignright { text-align:right;}
.alignleft { text-align:left;}
.alignleft ul, .alignright ul {
	list-style:none;
	text-align: left;
	padding: 0;
	margin: 0;
}
.alignleft li, .alignright li {
	text-align: left;
	padding: 5px 0;
	margin: 0;
	color: #929191;
}
.alignleft a, .alignright a { 
    font-size: 18px;
    color: #414141;
    text-decoration: underline;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    display: block;
}

.reasbox { background-color:#efefef; text-align: center; height: 250px}
.reasbox h3 {
    margin: 40px auto 10px auto;
    width: auto;
    text-align: center;
    font-size: 28px;
      width: 80%;
	display: inline-block;
}
.reasbox p {
    margin: 10px auto 10px auto;
    width: 70%;
    text-align: center;
    display: inline-block;
}
.infoicon:before {
	content: "\f05a";

}
.thumbicon:before {
	content: "\f164";

}
.staricon:before {
	content: "\f005";

}
.infoicon:before, .thumbicon:before, .staricon:before {
    font-size: 35px;
    padding:0 10px 0 0;
	display: inline-block;
	vertical-align: top;
    margin-top: 10px;
	
}

.reasbox span {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; display: inline-block; text-align: left !important;} 

.storefac { }
.storefac ul{
	background-color: #ffffff;
    width: 70%;
    list-style: none;
    text-align: left;
    padding: 20px;
    margin: 0 auto;
}
.storefac li {	
	text-align: left;
	padding: 5px 0;
	margin: 0;
	font-size:14px;
	color: #929191;
}
.storedet li {	
	text-align: left;
	padding: 5px 0;
	margin: 0;
	font-size:14px;
	color: #929191;
}
.storedet ul {	
	margin: 10px;
}
.storedet strong, .storefac strong { color:#252e35; font-weight: bold;}
.tube span, .tube1 span, .tube2 span, .tube3 span {   margin-left: 5px;}
.storedet .tube {background-color: #0067fd; color: #ffffff; border-bottom: 1px solid #f7f5f5;}
.storedet .tube1 {background-color: #f2a9ba; color: #ffffff; border-bottom: 1px solid #f7f5f5;}
.storedet .tube2 {background-color: #ffcc01; color: #ffffff;border-bottom: 1px solid #f7f5f5;}
.storedet .tube3 {background-color: #660066; color: #ffffff;}

.store-video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.store-video-responsive iframe{
   margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:100%;
    width:100%;
	max-width:891px;
    position:absolute;
}

@media only screen and (max-width: 1400px) {
.txtbox {padding: 9.7% 5% !important}
}
@media only screen and (max-width: 1300px) {
.txtbox {padding: 8% 5% !important}
}
@media only screen and (max-width: 1200px) {
.col h3, .colalt h3, .colnav h3 {
	font-size: 25px;

}
.txtbox {padding: 3.1% 5% !important}
.socialicons img {
    width: 80%;
    margin: 0 auto;
}
	.reducedown  { width:60%;}
	
}

@media only screen and (max-width: 1100px) {
	.txtbox {padding: 5.6% 5% !important;
}
}
@media only screen and (max-width: 1000px) {
	.txtbox {padding: 6.2% 5% !important;
}
}
@media only screen and (max-width: 980px) {
	
	
	.storelocation .span_1_of_4, .storelocation .span_1_of_6, .storelocation .span_2_of_6 {width: 49.2% !important; }
	.storelocation .col:nth-child(3) {
    margin-left: 0 !important;
}
	
	
	.txtbox, .txtboxalt { width: 100% !important; margin: 2% 0 0 0 !important}
	.txtboxalt img {     width: 48%;
    display: inline-block;
    float: left;
    margin: 1% !important;}
	
	
.col h3, .colalt h3, .colnav h3 {
	font-size: 25px;
}
	.reducedown  { width:60%;}

	
	.bigboxesg h2, .bigboxesr h2 {
    font-size: 1.3em;
}
@media screen and (max-width:850px){

	.col{
		position:initial;
	}
}
	

}
@media only screen and (max-width: 830px) {
	.hideontablet {display: none;}
	
	.section_a_one, .section_a_two, .section_a_three {
    padding: 0 0 40% 0;
}
	
}

@media (max-width: 768px) {
  .menu-toggle,
  .bssmain-menu .menu-close {
    display: none;
  }
	.alignright img, .alignleft img{
    max-width: 80%;
}
	.reasbox p { font-size:0.8em}
	

  
}
@media only screen and (max-width: 680px) {
	.hideonmobile {display: none;}
	.bigboxesg h2, .bigboxesr h2 {
    font-size: 1em;
}
			.alignright img, .alignleft img{
    max-width: 80%;
}
	.freedel h1 {
    font-size: 0.8em;
    padding: 2% 8%;
}
	.spgtitle h2 {
    font-size: 1.5em;
    padding: 2% 0;
}
	.toplnk:after {
		display:none;}
.slick-prev
{
	left: -30px;}
	.slick-next {
		right: -30px;}
}

@media only screen and (max-width: 580px) {
	.reasbox { height: 220px}
	.storepage h4 { font-size: 1.2em;}
	.storepage h2 { 
    font-size: 1.5em;}
	.storelocation iframe { margin:30px 0;}
		.alignright img, .alignleft img{
    max-width: 100%;
}
	
	.alignleft ul, .alignright ul, .alignleft li, .alignright li, .alignleft h3, .alignright h3, .alignleft a, .alignright a {
		text-align: center;
	}
	.col h3 {
	width: 100%;}
	
	
	.hideonmobile {display: none;}
	.reducedown  { width:80%;}
	
	.span_1_of_1_freedel .fdimg {
    display: inline-block;
    width: 80%;
}
	.slick-prev
{
	left: -20px !important;}
	.slick-next {
		right: -20px !important;}
	
.bssmain-menu {
    left: -300px;
    width: 300px;
    padding: 40px 0;
}	
.bigboxesg h2, .bigboxesr h2 {
    font-size: 2em;

}
	
.col h3, .colalt h3, .colnav h3  {
	font-size: 22px;
}
.col {
	margin: 1.6% 0 0 0;
}
.colnav {
	margin: 0;
}
.colalt {
	margin: 0;
}
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 100%;
}
.span_1_of_3 {
	width: 100%;
}
	.span_1_of_4 {
	width: 100%;
}
		.span_2_of_4 {
	width: 100%;
}
		.span_3_of_4 {
	width: 100%;
}
		.span_4_of_4 {
	width: 100%;
}
	
.tpnav .span_3_of_3 {
	width: 100%;
}
.tpnav .span_2_of_3 {
	width: 100%;
}
.tpnav .span_1_of_3 {
	width: 100%;
}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.tpnav img {padding: 7% 0;}
	
	
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
.span_1_of_1_giftguide h2, .span_1_of_1_making h2 {
        text-align: center;
    font-size: 22px !important;
    margin: 0;	}
	
.ctagfalt, .ctagfaltlst {
	position: absolute;
	right: 0;
	bottom: 0;
}
	.span_1_of_1_giftguide {
	background-position: right center;
    background-size: cover;
}
	.bbimg img {
    margin: 0 auto;
    max-width: 50%;
}
	.txtboxalt img {     width: 100%;margin: 1% 0% !important;}
	
	
	.storelocation .span_1_of_4, .storelocation .span_1_of_6, .storelocation .span_2_of_6 {width: 100% !important; }
	.storelocation .col:nth-child(3) {
    margin-left: 0 !important;
}
	.storelocation img { max-width: 85%;}
	
	

}

@media only screen and (max-width: 480px) {
	.span_1_of_1_freedel .fdimg {
    display: inline-block;
    width: 70%;
}
	.section_a_two, .section_a_three {
    padding: 0;
	background-size: cover;
}
	.section_a_one {
    padding: 0;
	background-size: auto;
}
	.reducedown  { width:70%;}
	.nowrap { width: 49%}
	.freedel h1 {
    padding:5%;
	}
	.span_1_of_7 {
	width: 14.2%;
}
	.span_1_of_1_making, .span_1_of_1_giftguide { padding: 0 }
}