/*
Theme Name: Surrey Group
Template: twentytwentyone
Author: Nick Wilson
Description: Welcome to Surrey Group , a farming business with integrated processes from paddock to plate. We follow stringent protocol in terms of animal welfare and equally on food safety and traceability.
Version: 1.3.1655476143
Updated: 2022-06-17 14:29:03

*/

/* Webfonts   */






@font-face {
    font-family: 'calibribold';
    src: url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.eot');
    src: url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.woff2') format('woff2'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.woff') format('woff'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.ttf') format('truetype'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_bold-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'calibriregular';
    src: url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.eot');
    src: url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.woff2') format('woff2'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.woff') format('woff'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.ttf') format('truetype'),
         url('https://www.surreygroup.org//wp-content/themes/surrey-group/fonts/calibri_regular-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* End Webfonts   */


h2, h3, h4, h5, h6 {
	
	font-family: 'calibribold';
	color:#000;
	
}

h3 {
	
	font-size:26px!important;
}

h1 {
	font-family: 'calibriregular';
	font-size:40px!important;
}

.h2light {
	font-family: 'calibriregular';
	font-weight:100;
	
}


.sliderhead {
	
	font-family: 'calibribold'!important;
	
}

.sliderbodysml {
	
	font-family: 'calibribold'!important;
	
}

.sliderbody {
	
	font-family: 'calibriregular'!important;
	
}



.title-head {
text-shadow: 2px 2px #000;
font-family: 'calibribold'!important;
font-size:65px;

}

p {
	font-family: 'calibriregular'!important;
	font-size:20px;
	
}

.m1 {
	
	font-family: 'calibriregular'!important;
	font-size:18px;
	color:#000;
}

.m3 {
	
	font-family: 'calibriregular'!important;
	font-size:18px;
	color:#fff;
}

.m2 {
	
	font-family: 'calibriregular'!important;
	font-size:35px;
	color:#000;
}

.light {
	font-family: 'calibribold'!important;
	color:#fff;
}

.boldit {
	 font-family: 'montserratlight';
	
}

body {
	
	overflow-x:hidden;
}

.h-fixx {
    position: relative;
}

.80wid {
	
	width:80%!important;
}


.head-iconz {
    float: right;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.head-iconz ul{
/*overflow:hidden;*/
}

.head-iconz li{
display:inline-block;
padding-right: 10px;
}

#menu-primary-menu a {
	
	
	color:#000;
	font-size:20px;
	text-transform:capitalize;
	text-decoration:none;
	letter-spacing:2px;
	text-align:center;
	
}

.menu-item a:hover {
	
	color:#FFC400!important;
	
	}


li#menu-item-239 {
    width: 120px;
	
	
}

li#menu-item-240 {
    width: 120px;
	
	
}

li#menu-item-243 {
    width: 120px;
	
	
}

li#menu-item-241 {
    width: 120px;
	
	
}

li#menu-item-242 {
    width: 120px;
	
	
}

ul#menu-primary-menu {
    text-align: center;
}

/* Shiftnav   */


#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    float: right;
    padding-left: 20px;
    background: transparent;
}

i.fa.fa-bars {
    color: #1D1D20;
}

button:focus {
    
    outline: none!important;
}

/* End Shiftnav   */


/* Footer   */

.footer-dark {
	
	background-color:#000;
	padding:20px;
	color:#fff;
	font-family: 'Calibri';
}

.footer-dark a {
	
	color:#fff;
	text-decoration:none;
	font-family: 'Calibri';
}

.footer-yell {
	background-color:#FFD401;
	padding:20px;
	color:#fff;
	font-family: 'Calibri';
	
}

.foot-red {
	
	color:#FF0000;
}

.footh {
	
	text-align:center;
}

.footp {
	text-align:center;
	line-height:14px;
	
	
}


/* End Footer   */


/*  Revslider */


span.tp-bullet-title {
    display: none;
}


/* End  Revslider */


/*  Show/hide Search */

.mobileShowsearch {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 1458px) {
.mobileShowsearch {
display: inline;
}
}



.mobileHidesearch {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 1458px) {
.mobileHidesearch {
display: none;
}
}


/*  End Show/hide Search */


/*  Mobile Hide/Show  */

.mobileShowslide {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 768px) {
.mobileShowslide {
display: inline;
}
}



.mobileHideslide {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 768px) {
.mobileHideslide {
display: none;
}
}

/*  hide/show circles */


.mobileShowcircle {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 1199px) {
.mobileShowcircle {
display: inline;
}
}



.mobileHidecircle {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 1199px) {
.mobileHidecircle {
display: none;
}
}

/* Headers show/hide  */

.mobileShowhead {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 991px) {
.mobileShowhead {
display: inline;
}
}



.mobileHidehead {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 991px) {
.mobileHidehead {
display: none;
}
}

/* Normal  */

.mobileShow {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 991px) {
.mobileShow {
display: inline;
}
}



.mobileHide {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 991px) {
.mobileHide {
display: none;
}
}

/* products  */

.mobileShowprod {
display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 767px) {
.mobileShowprod {
display: inline;
}
}



.mobileHideprod {
display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (max-device-width : 767px) {
.mobileHideprod {
display: none;
}
}


/* Headers show/hide  */

.mobileShowspec {
	display: none;
	}
	
	/* Smartphone Portrait and Landscape */
	@media only screen and (max-device-width : 767px) {
	.mobileShowspec {
	display: inline;
	}
	}
	
	
	
	.mobileHidespec {
	display: inline;
	}
	
	/* Smartphone Portrait and Landscape */
	@media only screen and (max-device-width : 767px) {
	.mobileHidespec {
	display: none;
	}
	}

/*  End Mobile Hide/Show  */

/*  Circles home */

.circlep {
	
	position: relative;
  top: 0;
  left: 0;
}

.sm {
 position: relative;
  top: 0;
  left: 0;
  z-index:9999;
  
  
}

.sh {
 position: absolute;
  top: 0;
  left: 220px;
  z-index:8888;
  
  
}

.sam {
 position: absolute;
  top: 0;
  left: 440px;
  z-index:7777;
  
  
}

.sd {
 position: absolute;
  top: 0;
  left: 660px;
  z-index:6666;
  
}

.sp {
 position: absolute;
  top: 0;
  left: 880px;
  z-index:5555;
  
}


/*  End Circles home */

/* Headers  */

.constrainer {
	
	position: relative;
  text-align: center;
  color: #fff;
  text-transform:uppercase;
  font-family: 'montserratsemibold';
}

.centered {
  position: absolute;
  top: 50%;
  left: 32%;
  transform: translate(-50%, -50%);
}

.centered-real {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* End Headers  */


/* Buttons */

.top-fixx {
	
	top:50%;
}

.momparent {
	position: relative;
	
}

.momchild {
	position: absolute;
	top:50%;
	left:50%;
	
}

.mombie-but {
	background: rgb(138,138,40,0.3);
	border:4px solid #808A28;
	color:#fff;
	padding:5px;
	width:180px;
	cursor:pointer;
	margin-top: 16%;
	
	
}

.mombie-but:hover {
	background: rgb(138,138,40,0.3);
	border:4px solid #fff;
	color:#808A28;
	padding:5px;
	width:180px;
	cursor:pointer;
	
	
}


@media only screen and (max-device-width : 991px) {
	
	.mombie-but {
	
	margin-top: 124%;
	
	
}


	
	
}


.division-but {
	background: #fff;
	border:4px solid #FFD401;
	color:#000;
	padding:5px;
	width:150px;
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}


.division-but:hover {
	background: #FFD401;
	border:4px solid #FFD401;
	color:#fff;
	padding:5px;
	width:150px;
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}

.division-but a {
	
	text-decoration:none!important;
}

.division-but a:hover {
	
	text-decoration:none!important;
}

.division-but2 {
	background: #fff;
	border:4px solid #FFD401;
	color:#000;
	padding:5px;
	width:270px;
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}


.division-but2:hover {
	background: #FFD401;
	border:4px solid #FFD401;
	color:#fff;
	padding:5px;
	
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}

.division-but2 a {
	
	text-decoration:none!important;
}

.division-but2 a:hover {
	
	text-decoration:none!important;
}


.pecan-but {
	background: #00A651;
	
	color:#fff;
	padding:10px;
	width:180px;
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}


.pecan-but:hover {
	background: #fff;
	border:4px solid #00A651;
	color:#00A651;
	padding:10px;
	width:180px;
	cursor:pointer;
	font-family: 'calibribold'!important;
	text-align:center;
	
	
	
}




/* End Buttons */



.bluebottz {
	
	background:#9AC4E1;
	padding:15px;
}


.drk-cont7 {
	
	background:#333333;
	padding:15px;
}


/*  Ninja Forms  */

.nf-form-fields-required {
    display: none;
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: #e80000;
    display: none;
}


.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #EDEDED!important;
    border-bottom: 2px solid #707070!important;
    border-top: 1px solid #EDEDED!important; 
     border-left: 1px solid #EDEDED!important; 
     border-right: 1px solid #EDEDED!important; 
    box-shadow: none;
    color: #707070;
    transition: all .5s;
}


.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #fff !important;
    border: 1px solid #FFD401 !important;
    color: #000 !important;
    transition: all .5s;
    width: 50% !important;
    border-radius: 25px !important;
    cursor: pointer;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: #FFD401!important;
	 border: 1px solid #000 !important;
    color: #fff!important;
    transition: all .5s;
	width: 50%!important;
    border-radius: 25px!important;
}


/*  End Ninja Forms  */





/*   Dropdown menu */

.menu-primary-menu-container ul ul {
    display: none;
}


.menu-primary-menu-container ul li:hover > ul {
    display: block;
}




.menu-primary-menu-container ul ul {
    display: none;
    position: absolute;
    top: 1.6em;
    left: 0;
    z-index: 99999;
	text-transform:uppercase;
    width: 270px;
	color:#fff;
    background: rgba(0,0,0,0.7);
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	text-align: left;
	padding:15px;
}

.menu-primary-menu-container li {
    position: relative;
}





.sub-menu-toggle {
	
	display:none;
}




.current-menu-item a {
	
	font-family: 'calibriregular'!important;

}

.current-menu-item a:visited {
	
	color:#E50019!important;

}


/*
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent!important;
}*/

form.is-search-form.is-form-style.is-form-style-3.is-form-id-104 {
    margin-top: 48px;
}


#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    float: right;
    padding-left: 20px;
    background: transparent!important;
}


.greybox {
	
	background:#F7F7F7;
	padding-top:25px;
	padding-bottom:25px;
	width:210px;
}

.greybutt {
	
	background: #DEDEDE;
	color:#000;
	font-family: 'Calibri';
	padding:5px;
	width:80%;
}

.greybutt:hover  {
	
	background: #FFD401;
	color:#fff;
	font-family: 'Calibri';
}

.greybuttp {
	
	background: #DEDEDE;
	color:#000;
	font-family: 'Calibri';
	padding:5px;
	width:50%;
}

.greybuttp:hover  {
	
	background: #FFD401;
	color:#fff;
	font-family: 'Calibri';
}

.greybutt2 {
	
	background: #DEDEDE;
	color:#000;
	font-family: 'Calibri';
	padding:5px;
	width:100%;
}

.greybutt2:hover  {
	
	background: #FFD401;
	color:#fff;
	font-family: 'Calibri';
}


.home-col-a {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/home/surrey-meats-lrg-bg.png");
background-repeat:no-repeat;
position:relative;
padding-bottom: 650px;
background-size:contain;
}

.home-col-b {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/home/surrey-group-lrg-bg.png");
background-repeat:no-repeat;
position:relative;
padding-bottom: 650px;
background-size:contain;

}


.home-col-a1 {
	position:absolute;
	top: 365px;
    padding-left: 25px;
}
	



.home-col-b1 {
	position:absolute;
	top: 365px;
    padding-left: 25px;
}
	


.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:2.5rem;
	width: 53%;
    
}

@media only screen and (max-device-width : 1199px)

{
	.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:1.5rem;
	width: 61%;
    
}

.home-col-a1 {
	position:absolute;
	top: 305px;
    padding-left: 25px;
}

.home-col-b1 {
	position:absolute;
	top: 305px;
    padding-left: 25px;
}

.crazyfixx {
	
	height:105px!important;
}
	
}


@media only screen and (max-device-width : 991px) {
	
	.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:1.5rem;
	width: 55%;
	
	}
	
	.home-col-a1 {
	position:absolute;
	top: 224px;
    padding-left: 16px;
}

.home-col-b1 {
	position:absolute;
	top: 224px;
    padding-left: 16px;
}

.whtp {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:0.9rem!important;
	line-height: 13px!important;
}

.crazyfixx {
	
	height:55px!important;
}
	
	
}

@media only screen and (max-device-width : 767px) {
	
	.home-col-a1 {
	position:absolute;
	top: 340px;
    padding-left: 25px;
}

.home-col-b1 {
	position:absolute;
	top: 340px;
    padding-left: 25px;
}

.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:2.5rem;
	width: 55%;
	
	}
	
	.whtp {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:1.125!important;
	line-height: 23px!important;
}
	
}


@media only screen and (max-device-width : 505px) {
.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:1.5rem;
	width: 55%;
	
	}
	}
	
	
@media only screen and (max-device-width : 462px) {
	
		.home-col-a1 {
	position:absolute;
	top: 295px;
    padding-left: 25px;
}

.home-col-b1 {
	position:absolute;
	top: 295px;
    padding-left: 25px;
}

.wht {
	
	font-family: 'calibribold';
	color:#fff;
	font-size:1.0rem;
	width: 55%;
	
	}
	
	
}

.whtp {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:1.125rem;
	line-height: 30px;
}

.crazyfixx {
	
	height:76px;
}


.grey-cont7 {
	
	background: #EDEDED;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100%;
}

/*  About us Page  */

.timlnecol-12 {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/about/timeline-head.jpg");
background-repeat:no-repeat;
position:relative;
padding:23px;
background-size:cover;
width:100%;
}

.abt-4col-1 {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/about/our-mission-header.jpg");
background-repeat:no-repeat;
position:relative;
padding:6px;
background-size:contain;
}

.abt-4col-2 {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/about/our-vision-header.jpg");
background-repeat:no-repeat;
position:relative;
padding:6px;
background-size:contain;
}

.abt-4col-3 {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/about/our-promise-header.jpg");
background-repeat:no-repeat;
position:relative;
padding:6px;
background-size:contain;
}

.abt-4col-4 {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/about/our-leadership-header.jpg");
background-repeat:no-repeat;
position:relative;
padding:6px;
background-size:contain;
}

.h2whit {
	
	font-family: 'calibriregular';
	color:#fff!important;
	font-size: 50px!important;
	margin-left: 5px;
	line-height: 28px;
}

.h3whit {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size: 1.5vw!important;
	margin-left: 5px;
	line-height: 28px;
}

@media only screen and (max-device-width : 1356px) { 

.h3whit {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size: 1.7vw!important;
	margin-left: 5px;
	line-height: 22px;
}


}

@media only screen and (max-device-width : 991px) { 

.h3whit {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size: 1.7vw!important;
	margin-left: 5px;
	line-height: 11px;
}


}

@media only screen and (max-device-width : 767px) { 

.h3whit {

    font-family: 'calibriregular';
    color: #fff;
    font-size: 3.5vw!important;
    margin-left: 5px;
    line-height: 64px;
}
}

@media only screen and (max-device-width : 551px) { 

.h3whit {

    font-family: 'calibriregular';
    color: #fff;
    font-size: 4.5vw!important;
    margin-left: 5px;
    line-height: 64px;
}
}

.h2whit {
	
	font-family: 'calibriregular';
	color:#fff!important;
	font-size: 50px!important;
	margin-left: 5px;
	line-height: 28px;
}


.greybox2 {
	
	background: #F7F7F7;
    
    width: 100%;
   
    top: 7px;
    padding: 5px;
	min-height: 50vh;
}

@media only screen and (max-device-width : 1199px) { 

.greybox2 {
	
	background: #F7F7F7;
    
    width: 100%;
   
    top: 37px;
    padding: 5px;
	min-height: 40vh;
}

}

.black-head {
	background:#000;
	z-index:10;
	width:100%;
	padding:15px;
	
	
}

.yellwh1 {
	color:#FFC900;
	font-family: 'calibribold';
	font-size:50px;
	
	
}

.whtwh1 {
	color:#fff;
	font-family: 'calibribold';
	font-size:50px;
	
	
}

.grey-head {
	background:#EFEFEF;
	z-index:10;
	width:100%;
	padding:10px;
	
	
}

.divthin {
	font-family: 'calibriregular';
	font-weight:100;
	font-size:30px;
	
}

.divfrnt {
	
	z-index:999;
}

.toprel {
	
	position:relative;
}

.topabs {
	
	position:absolute;
	margin-top:-123px;
	
}

/* Timeline */

.tl-row {
	display:flex;
	padding-bottom: 60px
	
}

.t-drk {
	
	background:#BABABA;
	border-radius:35px 0px 0px 35px;
	padding-left: 20px;
    padding-right: 35px;
    width: 70%;
}

@media only screen and (max-device-width : 767px) {
	
	.t-drk {
	
	background:#BABABA;
	border-radius:35px 0px 0px 35px;
	padding-left: 20px;
    padding-right: 35px;
    width: 60%;
}
	
	
}


.tl-copy {
	
	color:#000;
	font-size:20px;
	font-weight:100;
	font-family: 'calibriregular'!important;
	line-height: 81px;
}

@media only screen and (max-device-width : 1199px) {
	
	.tl-copy {
	
	color:#000;
	font-size:20px;
	font-weight:100;
	font-family: 'calibriregular'!important;
	line-height: 43px;
	
}
}

.greytime {
	
	background:#EFEFEF;
	padding:25px;
	width:100%;
}

@media only screen and (max-device-width : 470px) {
	
	.greytime {
	
	background:#EFEFEF;
	padding:20px;
	width:100%;
}
	
}

.t-date {
	
	color:#707070;
	font-size:40px;
	font-family: 'calibribold';
	padding-right: 4%;
	line-height: 81px;
}

@media only screen and (max-device-width : 767px) {
	
	.t-date {
	
	color:#707070;
	font-size:40px;
	font-family: 'calibribold';
	padding-right: 2%;
	line-height: 81px;
}
	
}

@media only screen and (max-device-width : 470px) {
	
	.t-date {
	
	color:#707070;
	font-size:40px;
	font-family: 'calibribold';
	padding-right: 3%;
	line-height: 81px;
}
	
}

.t-joinline {
	border-left:10px solid #B4B4B4;
	height:90%;
	z-index:10;
	position:absolute;
	left: 207px;
    top: 205px;
	
}

@media only screen and (max-device-width : 1199px) {
	
	.t-joinline {
	border-left:10px solid #B4B4B4;
	height:90%;
	z-index:10;
	position:absolute;
	left: 200px;
    top: 205px;
	
}
}

@media only screen and (max-device-width : 991px) {
	
	.t-joinline {
	border-left:10px solid #B4B4B4;
	height:90%;
	z-index:10;
	position:absolute;
	left: 188px;
    top: 205px;
	
}
}

@media only screen and (max-device-width : 767px) {
	
	.t-joinline {
	border-left:10px solid #B4B4B4;
	height:92%;
	z-index:10;
	position:absolute;
	left: 164px;
    top: 179px;
	
}
}

@media only screen and (max-device-width : 470px) {
	
	.t-joinline {
	border-left:10px solid #B4B4B4;
	height:92%;
	z-index:10;
	position:absolute;
	left: 157px;
    top: 179px;
	
}
}

.t-circlew {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #fff;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	position:relative;
	
}

.t-circley {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FFC900;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleb {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #84C4E2;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleo {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FD970B;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleg {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #00973D;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circler {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #ED1D24;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleginv {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #00973D;
    background: #000;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleoinv {
	    width: 98px;
    border-radius: 50%;
    border: 11px solid #FD970B;
    background: #000;
    height: 98px;
	padding-right: 4%;
	z-index:999;
	
}


@media only screen and (max-device-width : 767px) {
	
	.t-circlew {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #fff;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	position:relative;
	
}

.t-circley {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FFC900;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleb {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #84C4E2;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleo {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FD970B;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleg {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #00973D;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circler {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #ED1D24;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleginv {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #00973D;
    background: #000;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleoinv {
	    width: 80px;
    border-radius: 50%;
    border: 11px solid #FD970B;
    background: #000;
    height: 80px;
	padding-right: 4%;
	z-index:999;
	
}
	
	
}

@media only screen and (max-device-width : 470px) {
	
	.t-circlew {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #fff;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	position:relative;
	
}

.t-circley {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FFC900;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleb {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #84C4E2;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleo {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #FD970B;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleg {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #00973D;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circler {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #000;
    background: #ED1D24;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleginv {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #00973D;
    background: #000;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}

.t-circleoinv {
	    width: 70px;
    border-radius: 50%;
    border: 11px solid #FD970B;
    background: #000;
    height: 70px;
	padding-right: 4%;
	z-index:999;
	
}
	
	
}


.t-space {
	
	width:4%;
}

@media only screen and (max-device-width : 767px) {
	
	.t-space {
	
	width:4%;
}
	
}


/*  End About us Page  */


/*  Products Page  */

			/* Accordion  */
			
			
			.accordion {
  width: 100%;
  margin: 90px auto;
  color: black;
  background-color: white;
  padding: 45px 0;
}

.accordion .constainer {
  position: relative;
  margin: 10px 10px;
}

.accordion .label {
	background:#000;
  position: relative;
  padding: 10px 0;
  font-size: 30px;
  border-radius:0px 35px 35px 0px;
  cursor: pointer;
  
  
}

.accordion .label::before {
  content: '';
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%);
}

.accordion .content {
  position: relative;
  background: #F7F7F7;
  height: 0;
  font-size: 20px;
  
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  padding:8px;
}

.accordion hr {
  width: 100;
  margin-left: 0;
  border: 1px solid grey;
}

.accordion .constainer.active .content {
  height: auto;
}

.accordion .constainer.active .label::before {
  content: '';
  font-size: 30px;
}


.accwht {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:2vw!important;
	line-height: 13px!important;
	
}

@media only screen and (max-device-width : 1299px) {
	
	.accwht {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:2.5vw!important;
	line-height: 13px!important;
	
}
	
	
}

@media only screen and (max-device-width : 767px) {
	
	.accwht {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:4.5vw!important;
	line-height: 13px!important;
	
}
	
	
}

@media only screen and (max-device-width : 500px) {
	
	.accwht {
	
	font-family: 'calibriregular';
	color:#fff;
	font-size:5vw!important;
	line-height: 13px!important;
	
}
	
	
}



/*  End Products Page  */



.chk-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/chicken-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}

.bff-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/beef-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}

.prc-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/processed-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}

.bak-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/bakery-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}

.fsh-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/fish-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}

.oth-h {
	
	background: url("https://www.surreygroup.org/wp-content/themes/surrey-group/images/products/other-head.png");
background-repeat:no-repeat;
width:100px;
padding:45px;
background-size:contain;
z-index: 9999;
    position: inherit;
    left: -17px;
    top: 18px;
}





.chk-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}

.bff-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}

.prc-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}

.bak-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}

.fsh-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}

.oth-icon {
	
	
	padding: 0px;
    z-index: 9999;
    right: 40px;
    top: 7px;
    position: absolute;

}


/* Outlets  */

.out-tfixx {
	
	position:relative;
}

.out-abs {
	
	position:absolute;
	top:-90px;
}


/* Search bar  */


.is-form-style input.is-search-submit, .is-search-icon {
    display: inline-block!important;
    color: #666;
    background: #ededed;
    box-shadow: none!important;
    outline: 0;
    margin: 0;
    font-size: 14px!important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #fff;
    border-radius:0px 35px 35px 0px;
    line-height: 1;
    height: 36px;
    text-transform: capitalize;
    vertical-align: middle;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.is-form-style input.is-search-input {
    background: #fff;
    background-image: none!important;
    color: #333;
    padding: 0 12px;
    margin: 0;
    outline: 0!important;
    font-size: 14px!important;
    height: 36px;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: solid 1px #ccc!important;
    font-family: arial;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius:35px 0px 0px 35px;
}


/*  Outlets   */

.ol-row {
	
	display:flex;
	padding:15px;
}

.out-lnk a {
	
	color:#000;
	text-decoration:none;
}

.mp-copy {
	
	font-size:14px;
	color:#707070;
	font-family: 'calibriregular'!important;
	margin-top: -35px;
}

.mp-stretch {
	
	width:100%;
}

.out-lnk a:hover {
	
	color:#E50019;
	text-decoration:none;
}

.map-icon {
	
	
width:30px;
height:30px;
padding-right:5px;
    
}


/* Gen fixes  */


.head-top {
	
	margin-top:23px!important;
}

.head-topb {
	
	
    top: -154px;
    position: relative;
}

.cont-top {
	
	
    top: -70px!important;
    position: relative;
}


.prod-top {
	
	
    top: -70px!important;
    position: relative;
}

.prod-top2 {
	
	
    top: -90px!important;
    position: relative;
}

.abt-top {
	
	
    top: -70px!important;
    position: relative;
}

.abt-top2 {
	
	
    top: -70px!important;
    position: relative;
}

.frnt-top {
	
	
    top: -70px!important;
    position: relative;
}

.frnt-top2 {
	
	
    top: -130px!important;
    position: relative;
}

.frnt-top3 {
	
	
    top: -130px!important;
    position: relative;
}

.wnt-top {
	
	
    top: -70px!important;
    position: relative;
}


.prdcop-wid {
	
	width:100%;
}

.acc-wid {
	
	width:100%;
	position:relative;
	display:flex;
}

.acchfixx {
	
	min-height:50px;
}


/*  Custom Build shop   */

nav.woocommerce-breadcrumb {
    display: none;
}

.bottpadd {

	padding-bottom:20px;
}

/*  Accordions shop */




div#header-1687957621990 {
    background: #E50019 none repeat scroll 0 0!important;
}

div#header-1687957691488 {
    background: #8C9B20 none repeat scroll 0 0!important;
}

div#header-1687957701674 {
    background: #FD970B none repeat scroll 0 0!important;
}

div#header-1687957729243 {
    background: #85C5E1 none repeat scroll 0 0!important;
}

div#header-1687957752218 {
    background: #1f993f none repeat scroll 0 0!important;
}


/*  End accordinos   */


/*  Products  */


span.woocommerce-Price-amount.amount {
    /*background: #E8E8E8;*/
    padding: 6px;
    width: 100%;
    display: block;
}




/*Call the class ID of the category and the "add to cart" button assigned to that category*/    

.product_cat-chicken.product .button {

    color:#fff!important;
    background-color: #E50019!important;
	border: 2px solid #E50019;
	padding: 6px;
    display: block;
    width: 100%;
}

.product_cat-chicken.product .button:hover {

    color:#E50019!important;
    background-color: transparent!important;
	border:2px solid #E50019;
	padding: 6px;
    display: block;
    width: 100%;
}


.product_cat-beef.product .button {

    color:#fff!important;
    background-color: #8C9B20!important;
	padding: 6px;
	border:2px solid #8C9B20;
    display: block;
    width: 100%;
}

.product_cat-beef.product .button:hover {

    color:#8C9B20!important;
    background-color: transparent!important;
	border:2px solid #8C9B20;
	padding: 6px;
    display: block;
    width: 100%;
}


.product_cat-processed.product .button {

    color:#fff!important;
    background-color: #FD970B!important;
	border:2px solid #FD970B;
	padding: 6px;
    display: block;
    width: 100%;
}

.product_cat-processed.product .button:hover {

    color:#FD970B!important;
    background-color: transparent!important;
	border:2px solid #FD970B;
	padding: 6px;
    display: block;
    width: 100%;
}


.product_cat-bakery.product .button {

    color:#fff!important;
    background-color: #85C5E1!important;
	border:2px solid #85C5E1;
	padding: 6px;
    display: block;
    width: 100%;
}

.product_cat-bakery.product .button:hover {

    color:#85C5E1!important;
    background-color: transparent!important;
	border:2px solid #85C5E1;
	padding: 6px;
    display: block;
    width: 100%;
}


.product_cat-pecans.product .button {

    color:#fff!important;
    background-color: #1f993f!important;
	padding: 6px;
	border:2px solid #1f993f;
    display: block;
	width: 100%;
}

.product_cat-pecans.product .button:hover {

    color:#1f993f!important;
    background-color: transparent!important;
	border:2px solid #1f993f;
	padding: 6px;
    display: block;
	width: 100%;
}

.buttfix {

	margin-top:23px;
}


.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: -2px 8px 16px 8px;
    box-sizing: border-box;

}

.single-product .summary p.price {
    margin-bottom: 2rem;
    font-size: 20px;
}

/*
a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart.text_replaceable {
    margin-top: -119px;
} 

ul.products li.product .price {
    margin-bottom: -3rem;
}

.prod-w {
    top: 0px;
    position: relative;
    text-align: left;
}*/


.prod-w {
    top: 0px;
    position: relative;
}

bdi {
    color: #000;
}

.prodbutt {

	width:50%!important;
}

/*  single products  */


.woocommerce-product-gallery__trigger {
 
    display: none;
}

.shrt-fixx {
    top: -25px;
    position: relative;
}

.price-fixt {

	top:-35px;
	position:relative;
}

.quan-fix {

	top:-70px;
	position:relative;
}

.qfixx {
    top: 20px;
    right: -15px;
    position: relative;
    padding-right: 28px;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: #000;
    border-top: 3px solid #f9b90a;
   
}


woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button  {
background: #f9b90a;
color:#fff;
text-decoration: none;
padding:10px

}

woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button:hover {
	background: transparent;
	color:#f9b90a;
	border: 2px solid #f9b90a;
	text-decoration: none!important;
	padding:8px;
	
	}

.single-product form.cart .quantity {
		float: none;
		margin-right: 0.5rem;
		margin-bottom: 15px;
	}
	
article#post-234 {
		display: none;
	}

	thead {
		background: #E50019;
		border: 2px solid #E50019!important;
	}

	th.product-name {
		color: #fff;
	}

	th.product-price {
		color: #fff;
	}

	th.product-quantity {
		color: #fff;
	}

	th.product-subtotal {
		color: #fff;
	}


	.single-product .single_add_to_cart_button {
	
		font-size: 1.2rem;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}

	@media only screen and (max-device-width : 1299px) {

		.single-product .single_add_to_cart_button {
	
			font-size: 1.0rem;
			padding-top:0px!important;
		padding-bottom:0px!important;
		}


	}


	@media only screen and (max-device-width : 991px) {

		.single-product .single_add_to_cart_button {
	
			font-size: 1.0rem;
			padding-top:0px!important;
		padding-bottom:0px!important;
		width: 60%!important;
		}


	}


	@media only screen and (max-device-width : 768px) {

		.single-product .single_add_to_cart_button {
	
			font-size: 1.0rem;
			padding-top:0px!important;
		padding-bottom:0px!important;
		width: 50%!important;
		}


	}


	.product_meta {
		display: none;
	}


	.single_add_to_cart_button.button.alt.wp-element-button.cent {
		text-align: center;
	}

	/*
	.woocommerce-tabs ul {
		
		width: 50%;
		float: right;
	}*/


	.woocommerce-tabs ul li.active a {
		color: #000!important;
		background-color: #fff;
		border-top: 1px solid #BCBABA;
		border-left: 1px solid #BCBABA;
		border-right: 1px solid #BCBABA;
		border-bottom:0px!important;
		padding: 8px!important;
		font-weight:100!important;
}



.woocommerce-tabs ul li a {
	color: #000!important;
	background-color: #E8E8E8;
	border: 1px solid #BCBABA;
	padding: 8px!important;
	font-weight:100!important;
}
	

.woocommerce-tabs ul {

    border-bottom: 0px!important;
}


li#tab-title-reviews {
    display: none!important;
}

li#tab-title-accordions_faq {
    display: none!important;
}



.woocommerce ul.products.columns-4 li.product {
  /*  width: calc(25% - 37px)!important;*/
    
  padding: 10px;
  box-shadow: 3px 3px 6px rgb(188,186,186,0.9)!important;

}

input#quantity_64c02dcc45201 {
    border: 1px solid #ccc!important;
}

input#quantity_64c031ee6e084 {
	border: 1px solid #ccc!important;
}

header.entry-header.alignwide {
    display: none;
}

.woocommerce-checkout form .col2-set {
    width: 50%;
    float: left;
    padding-right: 1.5vw;
}

@media only screen and (max-device-width : 991px) {
.bottpadd {
    padding-bottom: 20px;
    width: 50%;
}
}


.form-row {
    
    display: inherit!important;

}

.greyheads {
    background: #F0F0F0;
    border: 1px solid #707070;
    padding: 10px;
    width: 100%;
    display: block;
	font-weight: 200!important;
}



.greenheads {
    background: #1f993f;
    border: 1px solid #707070;
    padding: 10px;
	color:#fff;
    width: 100%;
    display: block;
	font-weight: 200!important;
}


.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #707070;
}

.woocommerce-checkout .select2-container .select2-selection {
    border: 1px solid #707070;
    border-radius: var(--form--border-radius);
}

.woocommerce-checkout form .col2-set label {
    font-family: var(--heading--font-family);
    letter-spacing: normal;
	color:#707070;
	font-weight:300;
}

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .cart-subtotal, .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .order-total, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table .cart-subtotal, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table .order-total {
    border-top: 1px solid #707070!important;
}

.woocommerce-checkout-review-order-table tfoot {
    text-align: left;
    border: 1px solid #707070;
}

table th, .wp-block-table th {
    
    font-size: 20px;
}

@media only screen and (min-width: 768px){
.woocommerce table.shop_table tbody tr, .woocommerce-page table.shop_table tbody tr {
 
    font-size: 18px;
	color:#707070;

}
}
/*
td.product-total {
    float: right;
}*/

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .woocommerce-Price-amount, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
    font-weight: 700;
    float: right;
}

.single-product form.cart input[type=number] {
    border: 1px solid #707070;
}



.site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active {
    background-color: #E50019!important;
    border-color: #E50019;
    color: #fff!important;
	cursor:pointer;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    float: right;
    width: 50%;
	box-shadow: 3px 3px 6px rgb(188,186,186,0.9)!important;
	top: -120px;
    position: relative;
}

@media only screen and (max-width: 991px){
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
   
    width: 100%;
	
}
}

section.related.products {
    top: -144px;
    position: relative;
}



input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
    border: 1px solid #A2A2A2!important;
}


td.product-remove {
    border-left: 1px solid #A2A2A2!important;
}

td.product-price {
    border-left: 1px solid #A2A2A2!important;
}


td.product-quantity {
    border-left: 1px solid #A2A2A2!important;
}

td.product-subtotal {
	border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}

td.actions {
    border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}


.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 50%;
}

.site .button:disabled, button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.wp-block-file__button:disabled {
	background-color: #F0F0F0;
	color:#000;
	text-transform:uppercase;
	width:50%;
	font-weight: 300;
	border:1px solid #707070!important;
}

.site .button:disabled, button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.wp-block-file__button:disabled:hover {
	background-color: #E50019;
	color:#fff;
	text-transform:uppercase;
	width:50%;
	font-weight: 300;
	border:1px solid #E50019;
}

button.button.wp-element-button {
    border: 1px solid #F0F0F0;
	width:47%;
	font-weight: 300;
    
}

button.button.wp-element-button:hover {
    border: 1px solid #E50019;
	width:47%;
	font-weight: 300;
    
}


a.checkout-button.button.alt.wc-forward.wp-element-button {

	background-color: #F0F0F0;
	color:#000;
	text-transform:uppercase;
	text-decoration:none!important;
	width: 100%;
	font-weight: 300;
	border:1px solid #707070;
}

a.checkout-button.button.alt.wc-forward.wp-element-button:hover {

	background-color: #E50019;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none!important;
	width: 100%;
	font-weight: 300;
	border:1px solid #E50019;
}

.checkshop {

	background-color: #F0F0F0;
	color:#000;
	text-transform:uppercase;
	text-decoration:none!important;
	width: 100%;
	font-weight: 300;
	text-align:center;
	padding: 1rem 2rem;
	border:1px solid #707070;

}


.checkshop:hover {

	background-color: #E50019;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none!important;
	width: 100%;
	font-weight: 300;
	text-align:center;
	padding: 1rem 2rem;
	border:1px solid #E50019;

}


.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    float: none;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    border: 1px solid #707070;
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 48%;
	box-shadow: 3px 3px 6px rgb(188,186,186,0.9)!important;
}


@media only screen and (max-device-width : 768px) {
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
    display: inline-block;

}
}

@media only screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tr:nth-child(2n+1) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n+1) td {
    background: #fff!important;
	filter: brightness(100%);
}
}


a.remove {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 100%;
    text-decoration: none!important;
    background: #E50019;
    color: #000;
}

@media only screen and (max-device-width : 768px) {
td.product-remove {
    border-left: 0px solid #A2A2A2!important;
	
}

td.product-name {
	border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}

td.product-price {
    border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}


td.product-quantity {
    border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}

td.product-subtotal {
	border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}

td.actions {
    border-left: 1px solid #A2A2A2!important;
	border-right: 1px solid #A2A2A2!important;
}

.woocommerce table.shop_table_responsive tr:first-child, .woocommerce-page table.shop_table_responsive tr:first-child {
    border: 1px solid  #A2A2A2!important;

}

}

.coup-butt {

	text-transform: uppercase;
	border: 1px solid  #A2A2A2!important;
}

.crt-tot {

	color: #000;
	font-family:'Calibri';
	font-weight:bold;
	font-size:50px;
	padding-top:15px;
	padding-bottom:35px;
}


.prod-lrg {
    width: 150%;
    
    height: 43vh;
}

@media only screen and (max-width: 1500px){
.prod-lrg {
    width: 150%;
    
    height: 57vh;
}

}

.product-name a {
    color: #707070!important;
    text-decoration: none!important;
   
}


.product-name a:hover {
    color: #E50019!important;
    text-decoration: none!important;
   
}

.woocommerce-product-gallery__image {
    width: 100%;
    max-width: 508px;
	padding: 85px!important;
   
    top: -75px;
    position: relative;
}

@media only screen and (max-width: 1199px){
.woocommerce-product-gallery__image {
    width: 100%;
    max-width: 418px;
	padding:40px!important;
	top:0px;
}

.prod-lrg {
    width: 150%;
    
    height: 45vh;
}

}


@media only screen and (max-width: 991px){
	.woocommerce-product-gallery__image {
		width: 100%;
		max-width: 313px;
		padding:40px!important;
	}
	
	.prod-lrg {
		width: 150%;
		
		height: 43vh;
	}
	
	}


	@media only screen and (max-width: 767px){
		.woocommerce-product-gallery__image {
			width: 100%;
			max-width: 230px;
			padding: 20px!important;
		}
		
		.prod-lrg {
			width: 150%;
			
			height: 36vh;
		}
		
		}


		@media only screen and (max-width: 570px){
			.woocommerce-product-gallery__image {
				width: 100%;
				max-width: 216px;
				padding: 20px!important;
			}
			
			.prod-lrg {
				width: 150%;
				
				height: 36vh;
			}
			
			}

			@media only screen and (max-width: 526px){
			.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
			
				width: 70%;
				
			}

			.prod-lrg {
				width: 150%;
				
				height: 36vh;
			}
		}

		h2.woocommerce-loop-product__title {
			color: #707070!important;
		}


      button.coup-butt.button {
         width: 49%;
     }


     .checkout-button {
      display: block;
      background:#F0F0F0;
      padding: 1rem 2rem;
      border: 2px solid #707070;
      text-align: center;
      text-decoration:none!important;
      font-weight: 300;
      text-transform: uppercase;
      color:#707070;
      width:100%;
  }


  .checkout-button:hover {
   background:#E50019;
   display: block;
   padding: 1rem 2rem;
   border: 2px solid #000;
   text-align: center;
   font-weight: 300;
   text-decoration:none!important;
   text-transform: uppercase;
   color:#fff;
}

.wc-forward {

   display:none;
}


/*  Local Pickup Plus  */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 21px;
    background-color: #F0F0F0;
}

.select2-container {
    box-sizing: border-box;
    display: inline;
    margin: 0;
    position: relative;
    vertical-align: middle;
}


div#pickup-location-field-for-0 {
    background-color: #F0F0F0;
}

.woocommerce-shipping-fields {
    display: none;
}


/* Side Tab  */

.side-tab {
  font-family: 'poppins' !important;

  position: fixed;
  width: 390px;
  height: 120px;
  right: -350px;
  top: 30%;
  z-index: 99999;
  
  transition: right 0.5s ease-out 0.3s;
}

.side-tab:hover {
  right: 0px;
}

.side-tab .code-box {
  width: 350px;
  height: auto;
  float: right;
  padding: 10px;
  z-index: 999999999999;
  background: #FFD401;
  color: black;
  position: relative;
  text-align: center;
}

.side-tab .question {
  background-color: #FFD401;
  float: left;
  color: #000;
  font-weight: bold;
  padding: -1px 14px 3px 10px;
  position: relative;
  width: 40px;
  height: 56%;
  border-radius: 0px 0px 0px 0px;
  z-index: 1;
  cursor: pointer;
  border: 0px solid #fff;
}

.side-tab .question p {
  font-size: 1.25em;
  font-smooth: always;
  -ms-transform: rotate(90deg);
  /* -webkit-transform: rotate(90deg); */
  transform: rotate(270deg);
  /* white-space: nowrap; */
  margin-top: 9px;
}


ul.menu {

list-style:none;
}

ul.menu-depth-1 sub-menu sub-nav-group {

list-style:none!important;
}

h2.wpb_heading.wpb_widgetised_column_heading {
  text-align: right;
}

/* End Side Tab  */



