@charset "utf-8";
@font-face {
    font-family: 'caveat';
    src: url('./caveatbrush-regular-webfont.woff2') format('woff2'),
         url('./caveatbrush-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Cookies Warning */
.CookieWrapper { text-align: center; width:100%; background-color:#666666; border-bottom: 1px solid #575149; display: inline-block; }
.CookieContainer { width:100%; max-width:1210px; max-height:200px; text-align: left; color:#ffffff; font-size:14px; display: inline-block; margin:0px; overflow:Auto; transition: max-height 0.5s ease-in; }
.CookieContainerAccept { width:100%; max-width:1210px; max-height:0px; text-align: left; color:#ffffff; font-size:14px; display: inline-block; margin:0px; overflow:hidden;  -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -ms-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }
.CookieMessageWrapper { padding:15px 25px 15px 25px; display: inline-block; justify-content: center; }
.CookiesText { width:59%; text-align: left; display:inline-block; }
.CookiesButtons { width:41%; text-align: right; display:inline-block; vertical-align:top; }
.CookieButton { margin:auto 0px auto 10px; font-size:14px; text-align:center; width:140px; border-radius:20px; background: #3ec738; transition: background-color 0.5s ease; color:#FFFFFF; padding:10px 15px; text-decoration:none; display:inline-block; outline-width:0; }
.CookieButton:Hover { background: #209021; transition: background-color 0.5s ease; }
.CookieBottom { margin-top:0px; }
.formerror { font-weight:bold; color:#F00; }




/* Main Page */
body { padding:0px; margin:0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background-color:#FFFFFF; }
.PageContainer { text-align: center; width:100%; display: inline-block; position:relative; }
/* Logo / Menu */
.HeaderWrapper { text-align: center; width:100%; position:relative; z-index:501; border-bottom: 1px solid #d4e891; height:155px;  transition: background-color 1s ease; }
.HeaderContainer { width:100%; max-width:1185px; text-align: left; padding:10px 25px 10px 25px; display: inline-block;  }
.HeaderLogo { Width:30%; max-width: 250px; height: 208px; display: inline-block; background-image: url(../HeaderImages/BottomLogo.png); background-size: Contain; background-repeat: no-repeat; background-position: left top; float:left;  position:absolute; }
.HeaderSlogan { Width: 55%; height:145px; display: inline-block; text-align: right; float: Right; position: relative; visibility: visable; font-size:55px; font-weight: bold;  color:#666666; text-transform: uppercase; font-weight:normal; Font-family: "Times New Roman",  'caveat', 'Arial', Helvetica, sans-serif; }
/* Desktop / Full Menu */
.MenuWrapper { text-align: center; width:100%; height:60px; position:relative; z-index:500; border-bottom: 1px solid #d4e891; background-color:#3ec738; transition: background-color 1s ease; }
.MenuContainer { width:100%; max-width:1210px; text-align: right; padding:2px 25px 2px 25px; display: inline-block;  }
.HeaderMenu { Width:69%; display: inline-block; text-align:right; float:Right;  position:relative; visibility:visable; font-weight:bold; }
.HeaderMenu UL { list-style-type: none;  padding:2px 0px 0px 0px; font-size:16px;     margin: 0px; }
.HeaderMenu LI { display: inline; color:#FFFFFF; }
.HeaderMenu a { text-decoration:none; }
.HeaderMenu a:link, .HeaderMenu a:visited, .HeaderMenu a:active { color: #FFFFFF; text-decoration:none; }
.HeaderMenu a:hover { color: #FFFFFF; }
.HeaderMenuSmall { Width:100%; display: inline-block; text-align:right; float:Right;  position:relative; visibility:visable; font-weight:bold; }
.HeaderMenuSmall UL { list-style-type: none;  padding:2px 0px 0px 0px; font-size:16px; }
.HeaderMenuSmall LI { display: inline; color:#FFFFFF; }
.HeaderMenuSmall a { text-decoration:none; }
.HeaderMenuSmall a:link, .HeaderMenuSmall a:visited, .HeaderMenuSmall a:active { color: #FFFFFF; text-decoration:none; }
.HeaderMenuSmall a:hover { color: #CCCCCC; }
.HeaderMenuVertical { Width:100%; display: inline-block; text-align:right; float:Right;  position:relative; visibility:visable; font-weight:bold; max-height: 0px; overflow:hidden; }
.HeaderMenuVertical UL { list-style-type: none;  padding:2px 0px 0px 0px; font-size:16px; }
.HeaderMenuVertical LI { color:#747474; }
.HeaderMenuVertical a { text-decoration:none; }
.HeaderMenuVertical a:link, .HeaderMenuVertical a:visited, .HeaderMenuVertical a:active { color: #747474; text-decoration:none; }
.HeaderMenuVertical a:hover { color: #444444; }
.SmallMenuShow { display:Inline-Block; }
.SmallMenuHide { display:none; }
.HeaderMenuSignIn { color:#FFFFFF; display: inline-block; float: right; font-weight: bold; padding: 18px 5px; max-height: 0px; max-width:0px; overflow:hidden; visibility: hidden; }
.HeaderMenuSignIn a { text-decoration:none; }
.HeaderMenuSignIn a:link, .HeaderMenuSignIn a:visited, .HeaderMenuSignIn a:active { color: #FFFFFF; text-decoration:none; }
.HeaderMenuSignIn a:hover { color: #CCCCCC; }
.FirstItem { padding:15px 10px 15px 0px; }
.Items { padding:15px 10px 15px 10px; }
.LastItem { padding:15px 0px 15px 10px; }
.VerticalItem { padding:5px 15px 10px 0px; }
.responsiveSVG { width: 100%; height: auto; filter: invert(70%) sepia(14%) saturate(2325%) hue-rotate(68deg) brightness(89%) contrast(93%); }
.MiscColor { color:#8e4620; }
/* Tablet / Mobile Small Menu */
.HeaderMenuButton { Width:59%; display: inline-block; text-align:right; float:Right;  position:relative; visibility:hidden; }
.SmallMenu { background:rgba(255,255,255,0.75); width:100%; max-height: 0; border-bottom: 0px solid #575149;  overflow:hidden; position:absolute; top:217px; z-index:500; }
.SmallMenuOpen { background:rgba(255,255,255,0.85); top:217px; width:100%; max-height:520px; border-bottom: 1px solid #575149;  position:absolute; overflow:Auto; transition: max-height 0.5s ease-In; z-index:500; overflow-y: hidden; }
.SmallMenuClose { background:rgba(255,255,255,0.85); top:217px; width:100%; max-height:0px; border-bottom: 0px solid #575149;  position:absolute; overflow:hidden; transition: max-height 0.5s ease-out; z-index:500; }
.icon { margin-top:13px; border-radius: 3px; border: 1px solid #999; padding: 5px; width:40px; height:40px; background-color: rgba(255, 255, 255, 0.15); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
.icon:hover{ background-color:#9f4b1f; }
.SmallMenuProdShow { display:Inline-Block; }
.SmallMenuProdHide { display:none; }
.SmallMenuProdOpen { width:100%; max-height:300px;  overflow:Auto; transition: max-height 0.5s ease-In; overflow-y: hidden; }
.SmallMenuProdClose { width:100%; max-height:0px;  overflow:hidden; transition: max-height 0.5s ease-out;  }
#SmallMenuProd UL { padding:10px 0px 10px 10px; }
#SmallMenu { color: #666666; text-decoration:none; font-weight:bold; text-align:left;  }
#SmallMenu a { color: #666666; text-decoration:none; }
#SmallMenu a:link, SmallMenu a:visited, SmallMenu a:active { color: #666666; text-decoration:none; }
#SmallMenu a:hover { color: #444444; }
#SmallMenu UL { list-style:none; list-style-type:none; margin:0; padding:25px 0px 25px 45px;  }
#SmallMenu LI { padding:10px 0px; }
/* New Header */
#NewHeaderWrapper { width:100%; text-align:center; display:block; position:relative; height:220px; margin-bottom:15px; overflow:hidden; }
#NewHeaderContainer { Width:100%; max-width:1210px; position:relative; top:-110px; text-align:center; display:inline-block; }
#Lightgreen { background-color:#FFFFFF; width:100%; height:50px; display:block; position:relative; }
#DarkGreen { background-color:#fae7c6; width:100%; height:60px; display:block; position:relative; }
#NewLogoSpace { width:100%; height:210px; vertical-align:top; background-image: url(https://www.windmillbakery.co.uk/HeaderImages/BottomLogo.png); background-size: Contain; background-repeat: no-repeat; background-position: center top; }
.headergreenmenu { width:100%; margin-top:50px; height:16px; font-size:16px; font-weight:bold; padding:22px 0px; overflow:hidden; color:#8e4620; }
.headergreenmenu ul { list-style-type: none; margin:0; padding:0; overflow:hidden; background-color: #fae7c6; }
.headergreenmenu ul li { float: right; }
.headergreenmenu ul li a { display:block; color:#8e4620; text-align:center; text-decoration:none; margin-left:10px; }
.headergreenmenu ul li a:hover { color:#666666; }
.headergreenmenuleft { width:100%; margin-top:50px; height:16px; font-size:16px; font-weight:bold; padding:22px 0px; overflow:hidden; color:#8e4620; }
.headergreenmenuleft ul { list-style-type: none; margin:0; padding:0; overflow:hidden; background-color: #fae7c6; }
.headergreenmenuleft ul li { float: left; }
.headergreenmenuleft ul li a { display:block; color:#8e4620; text-align:center; text-decoration:none; margin-right:15px; }
.headergreenmenuleft ul li a:hover { background-color: #bbedb9; color:#666666; }
.HeaderMainMenu {  }
.HeaderLeft { text-align:left; }
.HeaderRight { text-align:right; }
.HeaderLeftPad  { text-align:left; padding-left:10px !IMPORTANT; }
.HeaderRightPad { text-align:right; padding-right:10px !IMPORTANT; }
headermain { display: flex; }
headersection { flex-grow: 1; flex-basis: 0; }
newheaderlogo { flex-basis: 250px; flex-shrink: 0; padding-top:10px; }
headerbigmenu { display: flex; width: 85%; margin-top: 55px; }
headerbigmenusection { flex-grow: 1; flex-basis: 0; text-align:center; }
headerbigmenusection a { display:inline-block; color:#666666; text-align:center; text-decoration:none; font-size:22px; font-weight:bold; padding:8px 0px; border-top:3px solid #f9e7c5; border-bottom:3px solid #f9e7c5; }
headerbigmenusection a:hover { border-top:3px solid #8e4620; border-bottom:3px solid #8e4620; text-align:center; text-decoration:none; }
.dropdown { position: relative; display:inline-block; }
.dropdown-content UL MenuArrow { display:inline-block; float:left; }
.dropdown-content { display: none; position: absolute; Left:-15px; background-color: rgba(255,255,255,0.75); min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.32); padding: 12px 16px; z-index: 505; }
.dropdown-content UL { padding:5px 0px 0px 0px; }




.HeaderProdMenu a:link, .HeaderProdMenu a:visited, .HeaderProdMenu a:active { color: #747474; text-decoration:none; font-size: 20px; border: none; padding: 4px 0px; }
.HeaderProdMenu a:hover { color: #444444; }
#DropMenu {  }
#DropMenu:hover { color: #CCCCCC; }
.dropdown:hover #DropMenu { color: #CCCCCC; }
.HeaderProdMenu { list-style:none; list-style-type:none; text-align:left; margin:0px; padding:0px; font-size:16px;  }
.HeaderProdMenu li { display:block; padding-bottom:10px; }
#taglinea { overflow:hidden; max-width:1280px; max-height:60px; text-align: left; }
#myaccounta { overflow:hidden; max-width:0px; max-height:0px; }
#menub { overflow:hidden; max-width:1280px; max-height:60px; }
#contactb { overflow:hidden; max-width:0px; max-height:0px; }
#mobilea { max-width:0px; max-height:0px; text-align:left; overflow:hidden; }
#mobileb { max-width:0px; max-height:0px; text-align:right; overflow:hidden; }
.mobileiconcontainer { width:40px; height:40px; display:inline-block; position: relative; }
.SVGWhiteFilter {  width: 100%; height: auto; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(64deg) brightness(107%) contrast(101%); }
.SVGWBrownFilter {  width: 100%; height: auto; filter: invert(30%) sepia(59%) saturate(676%) hue-rotate(336deg) brightness(92%) contrast(91%); }
.SVGGreenFilter {  width: 100%; height: auto; filter: invert(70%) sepia(14%) saturate(2325%) hue-rotate(68deg) brightness(89%) contrast(93%); }
#BasketTotal { position: relative; top: -25px; right: 20px; font-size: 10px; font-weight: bold; text-align: center; border-radius: 10px; background: #FFFFFF; padding: 5px 5px; text-decoration: none; display: inline-block; border: 1px solid #8e4620; outline-width: 0; color: #000000; width: 20px;  margin-right: -20px; }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: -20px; background-color: #FFFFFF; overflow-x: hidden; transition: 0.5s; padding-top: 60px; -webkit-box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.4); }
.sidenav a { padding: 6px 8px 6px 32px; text-decoration: none; font-size: 20px; color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover { color: #8e4620; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
.sidenav ul { margin: 0px; list-style: none; transition: 0.5s; }
.SideSubNavHide { overflow:hidden; padding: 0px 0px 0px 0px; max-height:0px; }
.SideSubNavShow { overflow:hidden; padding: 10px 0px 20px 15px; max-height:1000px; }







/* Cover Image / Title Text */
.area-wrap { width:100%; position: relative; text-align:center; }
.img-wrap { width:100%; height:100%; display:inline-block; overflow:hidden; position:absolute; top:0px; left:0px; z-index:-1; }
.img-wrap > img { width:100%; min-height:100%; object-fit:cover; }
.img-darken { width:100%; background-color:rgba(0, 0, 0, 0.25); }
.Faded { opacity:0; }
.FadeIn { opacity:1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; }
.FadeOut { opacity:0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; }
.titleContainer { width:100%; max-width:1210px; text-align: left; display: inline-block;  }
.TitleimageContainer { width:100%; max-width:1210px; text-align: left; display: inline-block; padding:260px 25px 130px 25px;  color:#FFFFFF;  text-shadow: 0px 0px 10px #000; }
.TitleimageContainerText { width:100%; color:#FFFFFF; }
.TitleimageContainerText h1 { font-size: 48px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin-block-end:0px; margin-block-start:0px; }
.TitleimageContainerTextAbout { width:50%; color:#FFFFFF; }
.TitleimageContainerTextAbout b { color: #e56422; }
.ListingimageContainer { width:100%; max-width:1210px; text-align: left; display: inline-block; padding:140px 25px 40px 25px;  color:#FFFFFF;  text-shadow: 0px 0px 10px #000; }
.ListingimageContainerText { width:100%; color:#FFFFFF; font-size: 28px; }
.ListingimageContainerText h1 { font-size: 48px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-block-end:0px; margin-block-start:0px; }
.ListingimageContainerTextAbout { width:90%; color:#FFFFFF; }
.ListingimageContainerTextAbout b { color: #e56422; }




/* Main Content */
.ContentWrapper { text-align: center; width:100%; border-top: 1px solid #575149; display: inline-block; }
.ContentContainer { width:100%; max-width:1210px; text-align: left; color:#787878; font-size:14px; display: inline-block; margin:0px; padding:50px 25px 50px 25px; }
.ContentContainer H1 { font-size: 24px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:normal; }
.ContentContainer H1 B { color:#8e4620; }
.ContentContainer H2 { font-size: 20px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:normal; }
.ContentContainer H2 B { color:#8e4620; }
.prominent { font-size:120% }
.flex-container { display:flex; flex-wrap:wrap; align-items:center; }
.flex-container > .flex-text { width: 70%; margin: 0px; margin-bottom: 20px; }
.flex-container > .flex-image { width: 30%; margin: 0px; margin-bottom: 20px; }
.flex-50-container { display:flex; flex-wrap:wrap; margin-bottom: 20px; }
.flex-50-container > .flex-text { width: 50%; margin: 0px; margin-bottom: 20px; }
.flex-50-container > .flex-image { width: 50%; margin: 0px; margin-bottom: 20px; }
.right-text { order: 1; }
.right-text-Padding { padding-right:10px; }
.right-image { order: 2; }
.right-image-Padding { padding-left:10px; }
.left-image { order: 1; }
.left-image-Padding { padding-right:10px; }
.left-text { order: 2; }
.left-text-Padding { padding-left:10px; }
.boxhalf { width:50%; }
.boxfull { width:100%; }
.boxthird { width:30%; }







/* Home page layout */
.HomeWrapper { width:100%; display: inline-block;  }
.HeroWrapper { width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.HeroMainImage { width:53.5%; padding:0px 0px 25px 0px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-image: url(../HeaderImages/home-4-710x375.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.HeroMainImage img { width:100%; height:auto; visibility:hidden; display:none; }
.HeroSpace { width:3.5%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2;  -webkit-order: 2;  order: 2;  -moz-box-flex: 2; }
.HeroMainText { font-size:16px; width:43%; display: inline-block; padding:0px 0px 25px 0px; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; -moz-box-flex: 3; }
.HeroMainText b { color: #3ec738; }
.HeroMainText h1 { font-size:32px; margin:0px; padding:0px; font-weight:normal; }
.HeroMainText h1 b { color: #3ec738; font-weight:bold; }
.HeroMainText h2 { font-size:28px; padding:3px 0px 10px 0px; margin:0px; font-weight:normal; }
.HeroImages { padding-top:40px; }
.HeroImage { width:31%; display: inline-block; padding:0px;  }
.HeroImage img { width:100%; height:auto; }
.HeroImageSpace { width:3.5%; display: inline-block; padding:0px;  }
.HeroImagesFade { visibility:hidden; display:none; }
.ResponsiveImg { width:100%; height:auto; }
#HeroFader div {  width:100%; display:inline-block; margin:auto; position:absolute; top:0px; left:0px; padding:0px; }


.GeneralButton { margin:auto; font-size:16px; border-radius:25px; background: #3ec738; transition: background-color 0.5s ease; color:#FFFFFF !IMPORTANT; padding:10px 15px; text-decoration:none; display:inline-block; outline-width:0; border: 0px none white; }
.GeneralButton:Hover { background: #209021; transition: background-color 0.5s ease; color:#FFFFFF !IMPORTANT; }
.GeneralButton:Link, .GeneralButton:Visited { color:#FFFFFF !IMPORTANT; }
.GeneralButtonFixed { margin:auto; width:150px; text-align:center; font-size:16px; border-radius:25px; background: #3ec738; transition: background-color 0.5s ease; color:#FFFFFF !IMPORTANT; padding:10px 15px; text-decoration:none; display:inline-block; border: 0px none white; outline-width:0; color:#FFFFFF; }
.GeneralButtonFixed:Hover { background: #209021; transition: background-color 0.5s ease; }
.GeneralButtonFixedOff { margin:auto; width:150px; text-align:center; font-size:16px; border-radius:25px; background: #e6d3c9; transition: background-color 0.5s ease; color:#FFFFFF !IMPORTANT; padding:10px 15px; text-decoration:none; display:inline-block; }
.GeneralBox { margin:auto; margin-right:15px; text-align:left; font-size:16px; border-radius:25px; background: #FFFFFF; padding:10px 15px; text-decoration:none; display:inline-block; border: 1px solid #8e4620; outline-width:0; }
.GeneralBoxFixed { margin:auto; margin-right:15px; width:70px; text-align:center; font-size:16px; border-radius:25px; background: #FFFFFF; padding:10px 15px; text-decoration:none; display:inline-block; border: 1px solid #8e4620; outline-width:0; }
.GeneralDropdown { margin:auto; text-align:left; font-size:16px; border-radius:25px; background: #FFFFFF; padding:10px 15px; text-decoration:none; display:inline-block; border: 1px solid #8e4620; outline-width:0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.CheckBoxContainer { display:block; position:relative; padding-left:35px; margin-bottom:12px; padding-top:6px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.CheckBoxContainer input { position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.checkmark { position:absolute; top:0; left:0; height:25px; width:25px; background-color:#eee; border-radius:25px; border:1px solid #209021; }
.CheckBoxContainer:hover input ~ .checkmark { background-color:#209021; }
.CheckBoxContainer input:checked ~ .checkmark { background-color:#3ec738; }
.CheckBoxContainer:after { content:""; position:absolute; display:none; }
.CheckBoxContainer input:checked ~ .checkmark:after { display:block; }
.CheckBoxContainer .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.HideCellMobile {Display:table-cell;}

/* Home page banners */
.BannerWrapper { text-align: center; width:100%; background-color:#FFFFFF; display: inline-block; background-size: cover; background-position: center; margin-top:40px; }
.BannerContainer { width:100%; max-width:1210px; text-align: left;font-size:14px; display: inline-block; margin:0px; padding:40px 25px 40px 25px;  }
.BannerText { width:400px; min-height:350px; padding:25px; text-align:center; background-color: rgba(255, 255, 255, 0.65); display: flex; color:#666666; font-size: 20px; align-items: center; }
.BannerText h1 { font-size: 35px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:normal; Font-family: "Times New Roman",  'caveat', 'Arial', Helvetica, sans-serif; display: contents; }


/* Fader Special */
.FaderHidden { opacity:0;  }
.FaderFadeIn { opacity:1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s;  }
.FaderFadeOut { opacity:0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s;  }


/* Pages list special */
.PagesListLink {  }
.PagesListLink a { text-decoration:none; padding:0px; font-weight:bold; font-size:18px; }
.PagesListLink a:link, .PagesListLink a:visited, .PagesListLink a:active { color: #787878; text-decoration:none; }
.PagesListLink a:hover { color: #3ec738; text-decoration:none; }



/* Product List Content */
.ProductWrapper { text-align: center; width:100%; border-bottom: 1px solid #CCCCCC; display: inline-block; }
.ProductContainer { width:100%; max-width:1210px; text-align: left; color:#787878; font-size:16px; display: inline-block; margin:0px; padding:40px 25px 40px 25px;  }
.ProductContainer H1 { font-size: 24px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:normal; }
.ProductContainer H2 { font-size: 20px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:normal; }
.ProductContainer a { text-decoration:none; }
.ProductContainer a:link, .ProductContainer a:visited, .ProductContainer a:active { color: #787878; text-decoration:none; }
.ProductContainer a:hover { color: #3ec738; text-decoration:none; }
.ProductContainer H1 B { color:#8e4620; }
.ProductContainer H1 B a { text-decoration:none; color:#8e4620; }
.ProductContainer H1 B a:link, .ProductContainer H1 B a:visited, .ProductContainer H1 B a:active { color: #8e4620; text-decoration:none; }
.ProductContainer H1 B a:hover { color: #777777; text-decoration:none; }
.ProductContainer H2 B { color:#8e4620; }
.ProductContainer H2 B a { text-decoration:none; color:#8e4620; }
.ProductContainer H2 B a:link, .ProductContainer H2 B a:visited, .ProductContainer H2 B a:active { color: #8e4620; text-decoration:none; }
.ProductContainer H2 B a:hover { color: #777777; text-decoration:none; }



.ProdListLink {  }
.ProdListLink a { text-decoration:none; padding:10px;  }
.ProdListLink a:link, .ProdListLink a:visited, .ProdListLink a:active { color: #787878; text-decoration:none; }
.ProdListLink a:hover { color: #3ec738; text-decoration:none; }
.ProdListItem { text-align:center; width:25%; padding:0px 0px 50px 0px; text-decoration:none; display:inline-block; }
.ProdListItem4th { text-align:center; width:25%; padding:0px 0px 10px 0px; text-decoration:none; display:inline-block; }
.ProdListImage { float:none; width:80%; height:190px; margin:auto; }
.ProdListText { float:none; }
.ProdListPriceButton { float:none;   }
.ProdListTitle { width:100%; color:#8e4620; font-size:16px; text-decoration:none; display:inline-block; height:40px; font-weight:bold; }
.ProdListFrom { width:100%; font-size:16px; padding:10px 0px; text-decoration:none; display:inline-block;  color:#787878; }
.ProdListFrom B { font-size:30px; color:#8e4620; text-decoration:none; }
.CatListSpace { width:100%; max-height:0px; overflow: hidden; }
.ProdListViewMore { width:100%; text-align:center; text-decoration:none;display:inline-block;   }
.ProdListButton { width:130px; margin:auto; font-size:16px; border-radius:25px; background: #3ec738; color:#FFFFFF; padding:10px; text-decoration:none; display:inline-block; }
.HomeListButton { width:280px; margin:auto; font-size:20px; border-radius:25px; background: #3ec738; color:#FFFFFF; padding:10px; text-decoration:none; display:inline-block; }
.PagingListingWrapper { width:100%; font-size:16px; display:inline-block; padding:40px 0px 15px 0px; }
.PagingListingWrapper B { color:#3ec738; font-size:16px; }
.PagingListingShowing { width:30%; font-size:18px; text-align:left; display:inline-block; }
.PagingListingPaging { width:70%; text-align:right; display:inline-block; }
.PagingListingPaging a { color:#FFFFFF; }
.PagingListingPaging a:link, .PagingListingPaging a:visited, .PagingListingPaging a:active { color:#FFFFFF; }
.PagingListingPagingSpace { width:20px; display:inline-block; }
.CatListLink {  }
.CatListLink a { text-decoration:none; padding:10px;  }
.CatListLink a:link, .CatListLink a:visited, .CatListLink a:active { color: #787878; text-decoration:none; }
.CatListLink a:hover { color: #3ec738; text-decoration:none; }
.CatListItem { text-align:center; width:100%; padding:0px 0px 50px 0px; text-decoration:none; display:inline-block; }
.CatListImage { float:left; height:200px; margin:auto; width:30%; display:inline-block; }
.CatListText { float:right; color:#787878 !IMPORTANT; width:70%; display:inline-block; padding-left:15px; }
.CatListDesc { float:none; color:#787878 !IMPORTANT; text-align:left; min-height:90px; }
.CatListPriceButton { float:none;   }
.CatListTitle { width:100%; color:#3ec738; font-size:16px; text-decoration:none; display:inline-block; height:40px; font-weight:bold; text-align:left; margin-top:15px; }
.CatListFrom { width:100%; font-size:16px; padding:10px 0px; text-decoration:none; display:inline-block;  color:#787878; }
.CatListFrom B { font-size:30px; color:#3ec738; text-decoration:none; }
.CatListViewMore { width:100%; text-decoration:none; display:inline-block; text-align:right; }
.CatListButton { width:130px; margin:auto; font-size:16px; border-radius:25px; background: #3ec738; color:#FFFFFF; padding:10px; text-decoration:none; display:inline-block; text-align:center; }





/* Product Page Content */
.ProdDescWrapper { width:100%; display:inline-block; margin-top:25px; font-size:18px; }
.ProdDescMainImage { width:40%; display:inline-block; padding-right:45px; vertical-align:top; }
.ProdDescMainText { width:60%; display:inline-block; vertical-align:top; }
.ProdDescMainText h1 { color: #3ec738; font-size: 24px; text-transform:uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:bold; }
.ProdDescMainText h2 { color: #3ec738; font-size: 20px; text-transform:uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; font-weight:bold; }
.ProdDescMainText ul { padding-inline-start: 20px; padding-top:25px; }
.ProdSpecWrapper { width:100%; display:inline-block; margin-top:25px; font-size:18px }
.ProdSpecMainNeu { width:40%; display:inline-block; padding-right:25px; vertical-align:top; text-align:center; }
.ProdSpecMainIng { width:60%; display:inline-block; vertical-align:top; }
.ProdSpecMainIng b { color: #3ec738; }
.ProdDescBuy { width:100%; display:inline-block; }

.ProdDescPriceWrapper { width:85px; text-align:center; display:inline-block; vertical-align:top; margin-top:-5px; margin-right:10px; }
.ProdDescPrice { font-size: 30px; color: #3ec738; text-decoration: none; font-weight:bold; }
.ProdDescFrom { font-size: 14px; color: #787878; text-decoration: none; margin-top:-5px; }

.ProdBuyNowWrapper { width:100%; display:inline-block; margin:25px 0px; }
.ProdBuyNowOptions { width:100%; display:inline-block; text-align:center; padding-right:10px; padding:2px 0px 25px 0px; }
.ProdBuyNowQtyBuy { width:100%; display:inline-block; text-align:center; padding-left:0px; }
.ProdNeuInfoWrap { width:275px; text-align:left; display:inline-block; }
.ProdNeuChartWrap { width:275px; margin:10px 0px; text-align:left; display:inline-block; }
.ProdNeuInfoChartRow { text-align:center; }
.ProdNeuInfoChartTop { border: 1px solid black; border-bottom:0px none black; border-radius: 25px 25px 0px 0px; padding: 10px 0px; text-align:center; display:inline-block; width:55px; height:30px; overflow: hidden; font-size:10px; font-weight:bold; color:#000000; }
.ProdNeuInfoChartMiddle { border-left:1px solid black; border-right:1px solid black; padding: 0px; text-align:center; display:inline-block; width:55px; height:35px; overflow: hidden; font-size:18px; }
.ProdNeuInfoChartBottom { border: 1px solid black; border-radius: 0px 0px 25px 25px; padding: 10px; text-align:center; display:inline-block; width:55px; height:40px; overflow: hidden; font-size:13px; font-weight:bold; color:#000000; }
.ProdNeuInfoChartSmaller { font-size:12px; }
.ProdNeuInfoChartWhite { background-color:#FFFFFF; }
.ProdNeuInfoChartAmber { background-color:#ffce83; }
.ProdNeuInfoChartRed { background-color:#FF6666; }
.ProdNeuInfoChartGreen { background-color:#acd480; }
.ProdNeuTyp { font-size:10px; }



/* CnC */
.responsiveSVG { width: 100%; height: auto; filter: invert(70%) sepia(14%) saturate(2325%) hue-rotate(68deg) brightness(89%) contrast(93%); }
.responsiveProdArrowRightSVG { width: 80%; height: auto; filter: invert(85%) sepia(0%) saturate(1114%) hue-rotate(159deg) brightness(86%) contrast(132%); }
.responsiveProdArrowDownSVG { width: 0%; height: auto; filter: invert(85%) sepia(0%) saturate(1114%) hue-rotate(159deg) brightness(86%) contrast(132%); }
.responsiveArrowRightSVG { width: 80%; height: auto; filter: invert(85%) sepia(0%) saturate(1114%) hue-rotate(159deg) brightness(86%) contrast(132%); }
.responsiveArrowDownSVG { width: 0%; height: auto; filter: invert(85%) sepia(0%) saturate(1114%) hue-rotate(159deg) brightness(86%) contrast(132%); }
.CnCProdWrap { width: 100%; display:inline-block; }
.CnCProdSec { width: 30%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCProdImage { width: 30%; display:inline-block; vertical-align:middle; text-align:center; }
.CnCProdText { width: 70%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCProdTextPad { padding:10px; vertical-align: middle; }
.CnCProdArrow { width: 5%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCWrap { width: 100%; display:inline-block; }
.CnCSec { width: 30%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCImage { width: 30%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCText { width: 70%; display:inline-block; vertical-align: middle; text-align:center; }
.CnCTextPad { padding:10px; vertical-align: middle; }
.CnCArrow { width: 5%; display:inline-block; vertical-align: middle; text-align:center; }
.mapviewSize { width: 100%; height: 500px; }




/* Shopping Cart */
.MiniCart { width:150px; position:relative; right:0px; display:inline-block; z-index:501; }
.MiniCartCartPic { width:50px; height:45px; position:relative; top:0px;background-image: url(../SiteIcons/minicart.png); background-size: Contain; background-repeat: no-repeat; background-position: Center; text-align:right; display:inline-block; float:left; }
.MiniCartItems { width: 30px; text-align: center; border-radius: 10px; background: #FFFFFF; padding: 2px 2px; text-decoration: none; border: 1px solid #209021; outline-width: 0; font-size: 14px; color: #209021; position: relative; left: 15px; top: 5px; }
.MiniCartPricing { width:100px; display:inline-block; position:relative; float:left; padding-top:5px; }
.MiniCartPrice { width:100px; font-size: 20px; font-weight: bold; text-align: center; color:#3ec738; }
.MiniCartView { width:100px; font-size: 12px; font-weight: bold; text-align: center; color:#3ec738; }
.CartTopSpacer { height:25px; width:100%; }
.CartLineWrapper { Width:100%;height:125px;position:relative; margin-bottom:0px; }
.CartLineImageWrapper { display:inline-block; width:130px; height:125px; float:left; position:relative; margin-top: -35px; margin-bottom: -25px; }
.CartLineImage { width:125px; height:125px; }
.CartLineTitle { display:inline-block; position:relative; float:left; color: #3ec738; font-size: 16px; font-weight:bold; padding:10px 0px; }
.CartLinePrice { display:inline-block; position:relative; float:Right; font-weight:bold; padding:10px 0px; min-width:75px; text-align:right; }
.CartLineActions { display:inline-block; position:relative; float:Right; }
.CartLineQtyBox { Width:60px; text-align:center; margin-right:0px !important; }




/* Testimonials Content */
.TestimonialWrapper { text-align: center; width:100%; border-bottom: 1px solid #CCCCCC; display: inline-block; }
.TestimonialContainer { width:100%; max-width:1210px; text-align:center; color:#787878; font-size:14px; display: inline-block; margin:0px; padding:20px 25px 20px 25px; position:relative; }
.FaderWrapper { width:100%; position:relative;  }
#Testimonials { width:100%; height:120px; position:relative; top:0px;  margin:auto; padding:0px 25px; font-size:18px; }
.test { font-style:italic; font-size: 18px; }
#Testimonials .name { font-size:14px; font-weight:bold; }
#Testimonials div {  width:100%; height:120px; display:inline-block; margin:auto; position:absolute; top:0px; left:0px; padding: 0px 50px; }
#Testimonials div p {  width:100%; position:relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0px; }
.PreviousButton { height:120px; display:inline-block; position:absolute; top:0px; left:0px;  }
.NextButton { height:120px; display:inline-block; position:absolute; top:0px; right:10px;  }
.FaderButton { width:25px; height:60px; position:relative; font-size:60px; line-height:60px; font-weight:bold; color:#787878; text-decoration:none; padding:10px;  top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0px; }
.FaderButton a:link, .FaderButton a:visited, .FaderButton a:active { opacity:0.4; color:#787878; text-decoration:none;  -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.FaderButton a:hover { opacity:1; color:#787878; text-decoration:none; }
.TestTitleWrap { text-transform:uppercase; color:#787878; width:100%; text-align:left; padding-top:15px; font-size:18px; }
.TestTitleWrap B { font-weight:bold; color:#8e4620; }



/* Footer Text */
.FooterWrapper { text-align: center; width:100%; border-bottom: 1px solid #CCCCCC; display: inline-block; }
.FooterContainer { width:100%; max-width:1210px; text-align: left; color:#787878; font-size:14px; display: inline-block; margin:0px; padding:50px 25px 25px 25px;  }
.FooterContainer H1 { color: #8e4620; font-size: 16px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 16px; margin-block-end:0px; margin-block-start:0px; }
.FooterContainer a:link, .FooterContainer a:visited, .FooterContainer a:active { color: #787878; text-decoration:none; }
.FooterContainer a:hover { color: #383838; }
.FooterUL { list-style:none; list-style-type:none; margin:0; padding:0px; }
.FooterUL li { margin-bottom:16px; }
.FooterUL .MenuArrow { display:none; max-width:0px }
.FooterULLarge { list-style:none; list-style-type:none; margin:0; padding:0px; font-size:26px; font-weight:bold; }
.FooterULLarge li { margin-bottom:12px; }
.FooterULLarge .MenuArrow { display:none; max-width:0px }
.FooterContentBoxLogo { display:inline-block; width:25%; margin-bottom:30px; vertical-align:top; text-align:center; }
.FooterContentBoxLogoWrap { max-width:250px; padding-right:25px; margin: auto; }
.FooterContentBoxLogoWrap img { width:100%; height:auto; }
.FooterContentBoxMenu { display:inline-block; width:20%; margin-bottom:32px; vertical-align:top; }
.FooterContentBoxProducts { display:inline-block; width:19%; margin-bottom:32px;vertical-align:top; }
.FooterContentBoxInfo { display:inline-block; width:20%; margin-bottom:32px;vertical-align:top; }
.FooterContentBoxAward { display:inline-block; width:13%; margin-bottom:32px;vertical-align:top; }
.FooterContentBadgesBadge { display:inline-block; width:20%; text-align:center; padding: 30px 0px; }
.FooterContentBadgesBadge img { height:115px; width:auto; }
.FooterContentBadgesSpace { display:inline-block; width:18%; }
.CopyWrapper { text-align: center; width: 100%; background-color: #FFFFFF; }
.CopyContainer { width:100%; max-width:1210px; text-align: center; color:#787878; display: inline-block; padding:25px 0px; font-size:14px; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


@media screen and (max-width: 1023px) {
	newheaderlogo { flex-basis: 220px; }
	.headergreenmenu { font-size:14px; padding:23px 0px; }
	.headergreenmenuleft { font-size:14px; padding:23px 0px; }
	headerbigmenusection a { font-size:20px; }
	headerbigmenu { margin-top: 44px; }
}

@media screen and (max-width: 920px) {
	newheaderlogo { flex-basis: 200px; }
	.headergreenmenu { font-size:14px; padding:23px 0px; }
	.headergreenmenuleft { font-size:14px; padding:23px 0px; }
	headerbigmenusection a { font-size:20px; }
	.HeaderProdMenu a:link, .HeaderProdMenu a:visited, .HeaderProdMenu a:active { font-size: 20px; padding: 4px 0px; }
}

@media screen and (min-width: 800px) {
	.SmallMenuOpen { visibility:hidden; max-height:0px; overflow:hidden; }
}

@media screen and (max-width: 900px) {
	.HeroMainText { font-size:16px; }
	.HeroMainText h1 { font-size:28px; }
	.HeroMainText h2 { font-size:24px; }
	.HeaderSlogan { font-size:6vw; }
	#taglinea { max-width:0px; max-height:0px; }
	#myaccounta { max-width:1280px; max-height:60px; }
	#menub { max-width:0px; max-height:0px; }
	#contactb { max-width:1280px; max-height:60px; }
	headerbigmenusection a { font-size: 16px; }
	#NewHeaderWrapper{ height:200px; }
	.HeaderProdMenu a:link, .HeaderProdMenu a:visited, .HeaderProdMenu a:active { font-size: 18px; padding: 3px 0px; }
}

@media screen and (max-width: 800px) {
	/* Tablet */
	.CookiesText { width:60%; }
	.CookiesButtons { width:40%; }
	.CookieButton { font-size:12px; width:130px; border-radius:15px; }
	.CookieBottom { margin-top:5px; }

	.HeaderContainer { padding:10px 15px 10px 15px; }
	.HeaderLogo { width:80%; }
	.HeaderMenu { visibility:hidden; max-height:0px; max-width:0px; overflow:hidden; }
	.HeaderMenuButton { visibility:visible; }
	.TitleimageContainer { padding:200px 25px 80px 25px; }
	.TitleimageContainerText { width:100%; }
	.TitleimageContainerTextAbout { width:100%; }
	.ListingimageContainer { padding:150px 25px 50px 25px; }
	.ListingimageContainerText { width:100%; font-size: 24px; }
	.ListingimageContainerText h1 { font-size: 40px; }
	.ListingimageContainerTextAbout { width:100%; }
	.PagingListingWrapper { padding:40px 0px 15px 0px; }
	.PagingListingShowing { width:100%; text-align:center; padding-bottom:15px; }
	.PagingListingPaging { width:100%; text-align:center; }
	.PagingListingPagingSpace { width:20px; }
	.HeroMainText { font-size:16px; }
	.HeroMainText h1 { font-size:24px; }
	.HeroMainText h2 { font-size:22px; }
	.icon { background-color: rgba(255, 255, 255, 0.25) }
	.ContentContainer { padding:35px 25px 35px 25px; }
	.BreadBoardContainer { padding:35px 25px 35px 25px; }
	.ProductContainer { padding:35px 25px 35px 25px; }
	.ProductContainer H1 { font-size: 22px; }
	.ProductContainer H2 { font-size: 18px; }
	.ProdListItem { width:33%; }
	.ProdListItem4th { display: none; }
	.ProdListImage { height:160px; }
	.CatListItem { width:100%; }
	.CatListItem4th { display: none; }
	.CatListImage { height:160px; }
	.CartLineWrapper { height:115px; margin-bottom:10px; }
	.CartLineImageWrapper { width:115px; height:115px; margin-top: -30px; margin-bottom: -20px; }
	.CartLineImage { width:115px; height:115px; }
	.CatListSpace { width:33%; }
	#Testimonials { height:150px; }
	#Testimonials div { height:150px; }
	.PreviousButton { height:150px; }
	.NextButton { height:150px; }	
	.FooterContainer { padding:45px 25px 25px 25px; }
	.FooterContentBoxLogo { width:100%; vertical-align:top; }
	.FooterContentBoxLogoWrap { padding-right:0px; }
	.FooterContentBoxMenu { width:33%; vertical-align:top; }
	.FooterContentBoxProducts { width:32%; vertical-align:top; }
	.FooterContentBoxInfo { width:33%; vertical-align:top; }
	.FooterContentBoxAward { width:20%; }
	.FooterContentBadgesSpace { width:0px; overflow:hidden; }
	.FooterContentBadgesBadge { width:25%; }
	.ProdNeuInfoWrap { width:250px;}
	.ProdNeuChartWrap { width:250px; margin:10px 0px; }
	.ProdNeuInfoChartTop { border-radius: 25px 25px 0px 0px; padding: 10px 0px; width:50px; height:30px; font-size:8px; }
	.ProdNeuInfoChartMiddle { border-left:1px solid black; border-right:1px solid black; padding: 0px; width:50px; height:35px; font-size:18px; }
	.ProdNeuInfoChartBottom { border: 1px solid black; border-radius: 0px 0px 25px 25px; padding: 10px; width:50px; height:40px; font-size:12px; }
	.ProdNeuInfoChartSmaller { font-size:10px; }
	.ProdNeuTyp { font-size:8px; }
	.ProdSpecMainNeu { width:40%; }
	.ProdSpecMainIng { width:60%; }
	.HeaderLeftPad { text-align: left; padding-left: 5px !IMPORTANT; }
	headerbigmenusection a { font-size: 14px; }
	#NewHeaderWrapper{ height:190px; }
	.HeaderProdMenu a:link, .HeaderProdMenu a:visited, .HeaderProdMenu a:active { font-size: 16px; padding: 3px 0px; }
}




@media screen and (max-width: 700px) {
	.CookiesText { width:60%; }
	.CookiesButtons { width:40%; }
	.CookieButton { font-size:12px; width:130px; border-radius:15px; }
	.CookieBottom { margin-top:5px; }
	.HeaderSlogan { width:60%; }
	.ProdNeuInfoWrap { width:225px;}
	.ProdNeuChartWrap { width:225px; margin:10px 0px; }
	.ProdNeuInfoChartTop { border-radius: 25px 25px 0px 0px; padding: 10px 0px; width:45px; height:30px; font-size:8px; }
	.ProdNeuInfoChartMiddle { border-left:1px solid black; border-right:1px solid black; padding: 0px; width:45px; height:35px; font-size:15px; }
	.ProdNeuInfoChartBottom { border: 1px solid black; border-radius: 0px 0px 25px 25px; padding: 10px; width:45px; height:40px; font-size:10px; }
	.ProdNeuInfoChartSmaller { font-size:8px; }
	.ProdBuyNowOptions { width:100%; text-align:center; padding:0px 0px 25px 0px; }
	.ProdBuyNowQtyBuy { width:100%; text-align:center; padding:0px 0px 0px 0px; }
	.FooterContentBoxLogo { width:50%; vertical-align:top; text-align:left; }
	.FooterContentBoxLogoWrap { padding-right:25px; }
	.FooterContentBoxMenu { width:49%; vertical-align:top; }
	.FooterContentBoxProducts { width:50%; vertical-align:top; }
	.FooterContentBoxInfo { width:49%; vertical-align:top; }
	.FooterContentBoxAward { width: 49%; }
	.FooterContentBadgesBadge { width: 49%; text-align: left; }
	.CartLineWrapper { height:100px; margin-bottom:10px; }
	.CartLineImageWrapper { width:100px; height:100px; margin-top: -15px; margin-bottom: -15px; }
	.CartLineImage { width:100px; height:100px; }
	.flex-container > .flex-text { width: 60%; }
	.flex-container > .flex-image { width: 40%; }
	.flex-50-container > .flex-text { width: 50%; }
	.flex-50-container > .flex-image { width: 50%; }
	.CnCArrow { width:100% }
	.responsiveArrowRightSVG { width:0%; }
	.responsiveArrowDownSVG { width:10%; }
	.CnCSec { width:100% }
	.CnCImage { width: 10%; }
	.mapviewSize { width: 100%; height: 450px; }
	#taglinea { max-width:0px; max-height:0px; }
	#myaccounta { max-width:0px; max-height:0px; }
	#menub { max-width:0px; max-height:0px; }
	#contactb { max-width:0px; max-height:0px; }
	headerbigmenu { max-width:0px; max-height:0px; overflow:hidden; }
	newheaderlogo { flex-basis: 250px; }
	#Lightgreen { height:75px; }
	#DarkGreen { height:75px; }
	#NewHeaderContainer { Top:-150px; }
	#NewHeaderWrapper{ height:220px; overflow:hidden; }
	.headergreenmenuleft { margin-top: 75px; padding: 10px 0px 0px 15px; height: 75px; }
	.headergreenmenu { margin-top: 75px; padding: 10px 0px 0px 0px; height: 75px; right: 15px; position: relative; }
	#mobilea { max-width:100%; max-height:50px; text-align:left; }
	#mobileb { max-width:100%; max-height:50px; text-align:right; }
	.mobileiconcontainer { width:50px; height:50px; }
	.HeaderProdMenu a:link, .HeaderProdMenu a:visited, .HeaderProdMenu a:active { font-size: 14px; padding: 2px 0px; }
}

@media screen and (max-width: 650px) {
	/* Small Tablet */
	.ProdListItem { width:50%; }
	.ProdListItem4th { width:50%; display:inline-block; }
	.ProdListImage { height:190px; }
	.CatListItem { width:100%; }
	.CatListImage { height:190px; }
	.ProductContainer H1 { font-size: 20px; }
	.ProductContainer H2 { font-size: 16px; }
	.HeroWrapper { display:block; width:100%; }	
	.HeroMainImage { background-image:none; width:100%; }
	.HeroMainImage img { width:100%; height:auto; visibility:visible; display:block; }
	.HeroImages { visibility:hidden; display:none; }
	.HeroImagesFade { visibility:visible; display:block; position:relative; }
	.HeroMainText { font-size:16px; width:100%; }
	.HeroMainText h1 { font-size:28px; }
	.HeroMainText h2 { font-size:24px; padding: 0px 0px 5px 0px; }
	.PagingListingWrapper { padding:30px 0px 10px 0px; }
	.PagingListingShowing { padding-bottom:10px; }
	.PagingListingPagingSpace { width:5px; }
	.GeneralButtonFixed { width:130px; font-size:15px; border-radius:20px; padding:10px 10px; }
	.GeneralButtonFixedOff { width:130px; font-size:15px; border-radius:20px; padding:10px 10px; }
	.ProdDescMainImage { width:100%; padding:0px 50px; }
	.ProdDescMainText { width:100%; margin-top:50px; }
	.ProdSpecMainNeu { width:100%; margin-bottom:50px; padding:0px; }
	.ProdSpecMainIng { width:100%; }	
	.ProdNeuInfoWrap { width:275px;}
	.ProdNeuChartWrap { width:275px; margin:10px 0px; }
	.ProdNeuInfoChartTop { border-radius: 25px 25px 0px 0px; padding: 10px 0px; width:55px; height:30px; font-size:10px; }
	.ProdNeuInfoChartMiddle { border-left:1px solid black; border-right:1px solid black; padding: 0px; width:55px; height:35px; font-size:16px;  }
	.ProdNeuInfoChartBottom { border: 1px solid black; border-radius: 0px 0px 25px 25px; padding: 10px; width:55px; height:40px; font-size:13px; }
	.ProdNeuInfoChartSmaller { font-size:12px; }
	.ProdNeuTyp { font-size:10px; }
	.ProdBuyNowOptions { font-size: 14px; }
	.GeneralDropdown { font-size: 14px; }
	.CartLineWrapper { height:85px; margin-bottom:10px; }
	.CartLineImageWrapper { width:85px; height:85px; margin-top: 0px; margin-bottom: -15px; }
	.CartLineImage { width:85px; height:85px; }
	.TestimonialContainer { padding:10px 25px 10px 25px; }
	.HomeListButton { width:180px; font-size:18px; }
}	

@media screen and (max-width: 600px) {
	.HeaderSlogan { visibility:hidden; max-height:0px; max-width:0px; overflow:hidden; }
	.HeaderMenuButton { visibility:hidden; max-height:0px; max-width:0px; overflow:hidden; }
	.HeaderMenuVertical { max-height:300px; visibility:visible; }
	.HeaderMenuSignIn { max-width:300px; max-height:300px; visibility:visible; }
	.CartLineImageWrapper { width:85px; height:85px; }
	.CartLineImage { width:85px; height:85px; }
	.CnCProdArrow { width:100% }
	.CnCArrow { width:100% }
	.responsiveProdArrowRightSVG { width:0%; }
	.responsiveProdArrowDownSVG { width:10%; }
	.responsiveArrowRightSVG { width:0%; }
	.responsiveArrowDownSVG { width:10%; }
	.CnCProdSec { width:100% }
	.CnCProdImage { width: 10%; }
	.CnCSec { width:100% }
	.CnCImage { width: 15%; }
	.HideCellMobile {Display:table-cell;}
}

@media screen and (max-width: 450px) {
	/* Mobile */
	.CookiesText { width:100%; font-size:12px; }
	.CookiesButtons { width:100%; text-align: center; margin-top:10px; }
	.CookieButton { font-size:12px; width:120px; border-radius:15px; }
	.CookieBottom { margin-top:5px; }
	.HeaderContainer { padding:10px 10px 10px 10px; }	
	.HeaderLogo { width:60%; }
	.HeaderMenu { visibility:hidden; max-height:0px; max-width:0px; overflow:hidden; }
	.HeaderMenuButton { visibility:visible; }
	.HeaderWrapper { background:#fff; height:155px; margin-bottom:0px; transition: background-color 1s ease;  }
	.TitleimageContainer { padding:70px 10px 50px 10px; }
	.TitleimageContainerText { width:100%; }
	.TitleimageContainerTextAbout { width:100%; }	
	.ListingimageContainer { padding:30px 10px 30px 10px; }
	.ListingimageContainerText { width:100%; font-size: 20px; }
	.ListingimageContainerText h1 { font-size: 36px; }
	.ListingimageContainerTextAbout { width:100%; }
	.HideTextMobile { display:none; max-width:0px }
	.PagingListingPagingSpace { width:5px; }
	.GeneralButtonFixed { width:110px; font-size:14px; border-radius:20px; padding:10px 10px; }
	.GeneralButtonFixedOff { width:110px; font-size:14px; border-radius:20px; padding:10px 10px; }
	.BannerText { width:100%; }
	.icon { background-color: rgba(255, 255, 255, 1) }
	.ContentContainer { padding:40px 10px 30px 10px; }
	.BreadBoardContainer { padding:25px 10px 15px 10px; }
	.ProductContainer { padding:25px 10px 15px 10px; }
	.ProductContainer H1 { font-size: 18px; }
	.ProductContainer H2 { font-size: 16px; }
	.ProdListPriceButton { text-align:left; position:relative;}
	.ProdListItem { width:100%; margin-bottom:25px; padding:0px; }
	.ProdListItem4th { width:100%; margin-bottom:25px; padding:0px; }
	.ProdListFrom { font-size:14px; position:relative; left:0px; text-align:center; padding:0px; }
	.ProdListFrom B { font-size:18px; }
	.CatListSpace { width:100%; min-height:40px; max-height:40px; overflow: hidden; }
	.ProdListImage { width:30%; height:100px; float:left; }
	.ProdListText { width:70%; float:right; }
	.ProdListTitle { font-size:14px; height:30px; }
	.ProdListFrom { width:40%; }
	.ProdListViewMore { width:55%; position:absolute; top:50%; right:0px; transform:translateY(-50%);}
	.ProdListButton { width:110px; font-size:14px; border-radius:15px; padding:10px; }
	.HomeListButton { width:140px; font-size:14px; border-radius:15px; padding:10px; }
	.CatListPriceButton { text-align:left; position:relative;}
	.CatListItem { width:100%; margin-bottom:40px; padding:0px; }
	.CatListFrom { font-size:14px; position:relative; left:0px; text-align:center; padding:0px; }
	.CatListFrom B { font-size:18px; }
	.CatListImage { width:100%; height:190px; float:none; }
	.CatListText { width:100%; float:none; }
	.CatListTitle { font-size:14px; height:30px; text-align:center; }
	.CatListDesc { font-size:14px; text-align:center; }
	.CatListFrom { width:40%; }
	.CatListViewMore { width:100%; text-align:center; }
	.CatListButton { width:100px; font-size:14px; border-radius:15px; padding:10px; }
	.ProdDescMainImage { width:100%; padding:0px 20px; }
	.CartLineWrapper { height:75px; margin-bottom:25px; }
	.CartLineImageWrapper { width:75px; height:75px; margin-top: 10px; }
	.CartLineImage { width:75px; height:75px; }
	.GeneralButton { font-size:14px; border-radius:15px; padding:10px; }
	#Testimonials { font-size:16px; height:180px; }
	#Testimonials div { height:180px; }
	.PreviousButton { height:180px; }
	.NextButton { height:180px; }
	#Testimonials .name { font-size:12px; }
	.FooterContainer { padding:25px 10px 15px 10px; }
	.FooterContentBoxLogo { width:100%; vertical-align:top; text-align:center; }
	.FooterContentBoxLogoWrap { padding-right:0px; }
	.FooterContentBoxMenu { width:100%; vertical-align:top; text-align:center; }
	.FooterContentBoxProducts { width:49%; vertical-align:top; }
	.FooterContentBoxInfo { width:49%; vertical-align:top; }
	.FooterContentBoxAward { width: 48%; }
	.FooterContentBadgesBadge { width: 48%; text-align: left; }
	.FooterContentBadgesBadge img { height:90px; width:auto; }
	.flex-container { flex-direction: column; }
	.flex-container > .flex-text { width: 100%; }
	.flex-container > .flex-image { width: 100%; }
	.flex-50-container { flex-direction: column; }
	.flex-50-container > .flex-text { width: 100%; }
	.flex-50-container > .flex-image { width: 100%; }
	.right-text { order: 2; }
	.right-text-Padding { padding:0px; }
	.right-image { order: 1; }
	.right-image-Padding { padding:0px; }
	.left-image { order: 1; }
	.left-image-Padding { padding:0px; }
	.left-text { order: 2; }
	.left-text-Padding { padding:0px; }
	.boxhalf { width:100%; }
	.boxfull { width:100%; }
	.boxthird { width:100%; }
	.TestimonialContainer { padding:0px 15px 0px 15px; }
	.CnCProdArrow { width:100% }
	.CnCArrow { width:100% }
	.responsiveProdArrowRightSVG { width:0%; }
	.responsiveProdArrowDownSVG { width:10%; }
	.responsiveArrowRightSVG { width:0%; }
	.responsiveArrowDownSVG { width:10%; }
	.CnCProdSec { width:100% }
	.CnCProdImage { width: 10%; }
	.CnCSec { width:100% }
	.CnCImage { width: 15%; }
	.mapviewSize { width: 100%; height: 400px; }
	newheaderlogo { flex-basis: 190px; }
	#Lightgreen { height:55px; }
	#DarkGreen { height:55px; }
	#NewHeaderContainer { Top:-115px; }
	#NewHeaderWrapper { height:160px; overflow:hidden; }
	.headergreenmenuleft { margin-top: 60px; padding: 0px 0px 0px 15px; height: 50px; }
	.headergreenmenu { margin-top: 60px; padding: 0px; height: 50px; right: 15px; position: relative; }
	#mobilea { max-width:100%; max-height:50px; text-align:left; margin-top: 7px; }
	#mobileb { max-width:100%; max-height:50px; text-align:right; margin-top: 7px; }
	.mobileiconcontainer { width:40px; height:40px; }
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
	.HideCellMobile {Display:none;}
}

/* Terms and conditions specials */
.Terms ol { counter-reset: item; padding-left: 0px; }
.Terms > ol > li { display: block; padding-bottom:16px; padding-left: 30px; }
.Terms > ol > li:before { content: counters(item, ".") " "; counter-increment: item; margin-left: -30px; width:20px; display:inline-block; }
.Terms > ol > li > ol { display: block; padding-top:16px; }
.Terms > ol > li > ol > li { display: block; padding-left:10px; padding-bottom:16px; }
.Terms > ol > li > ol > li:before { content: counters(item, ".") " "; counter-increment: item; margin-left: -40px; width:40px; display:inline-block; }
.Terms > ol > li > ol > li > ol { list-style-type:lower-alpha; padding-top:16px; }
.Terms > ol > li > ol > li > ol > li { padding-bottom:16px; }
.Terms > ol > li > ol > li > ul { padding-top:16px; }
.Terms > ol > li > ol > li > ul > li { padding-bottom:16px; }
.TermsRed { color:rgba(237,73,0,1.00); }
.TermsGreen { color:rgba(0,185,3,1.00); }
.TermsSpacer { width:100%; height:8px; overflow:hidden; }