/* GLYCOSYNTH */

@-ms-viewport{width:device-width;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
*, *::after, *::before{box-sizing:border-box}
body{background-color:#ffffff;color:#343434;font-family: 'Open Sans', sans-serif;font-size:15px;font-weight:400;height:100%;line-height:1.6em;margin:0;overflow-x:hidden}
div{box-sizing:border-box}
h1,h2,h3,h4,h5{line-height:1em}
h1{font-size:2em;font-weight:400}
h2{font-size:1.6em;font-weight:400}
h3{font-size:1.5em;font-weight:400}
h4{font-size:1.2em;font-weight:400}
h5{font-size:1.2em;font-weight:400}
a{transition-delay:0s;transition-duration:0.35s;transition-property:all;transition-timing-function:ease-out;text-decoration:underline;color:#343434}
a:hover{color:#0154b0}
.clear{clear:both}
.clearfix{clear:both}
.clearfix:after{clear:both;content:"";display:table}
.col20{width:20%}
.col25{width:25%}
.col30{width:30%}
.col33{width:33.3%}
.col40{width:40%}
.col50{width:50%}
.col66{width:66.6%}
.col75{width:75%}
.third{width:33.3%}
.col86{max-width:86%;margin:0 auto}
.half{width:50%}
.container{width:100%;max-width:1200px;margin:0 auto}
.containerfull{max-width:100%;width:100%}
.block{display:block}
.flex{display:flex}
.flex100{flex:100%}
.flexrow{display:flex;flex-flow:row wrap}
.flexcolumn{display:flex;flex-direction:column}
.flexcell{-ms-flex:0 0 auto;flex:0 0 auto;flex-basis:auto;min-height:0;min-width:0;}
.flexvcenter{align-self:center}
.flexvtop{align-self:flex-start}
.flexvbottom{align-self:flex-end}
.flexright{justify-content:right}
.flexcenter{justify-content:center}
.flexcenterself{align-self:center}
.relative{position:relative}
.white{color:#fff}
.black{color:#000000}
.blue{color:#00539f}
.red{color:#cc0001}
.yellow{color:#fbcd08}
.dgrey{color:#343434}
.redbg{background:#cc0001}
.dpurplebg{background:#484864}
.yellowbg{background:#fbcd08}
.bluebg{background:#00539f}
.blackbg{background:#000}
.greybg{background:#e9e9e9}
.lgreybg{background:#cccccc}
.mgreybg{background:#999999}
.dgreybg{background:#343434}
.ddgreybg{background:#202020}
.purpleborder{border:1px solid #c7c7e0}
.txtcenter{text-align:center}
.txtleft{text-align:left}
.txtright{text-align:right}
.txtsmall{font-size:0.85em}
.txtmid{font-size:1.4em}
.txtbig{font-size:1.6em}
.italic{font-style:italic}
.bold{font-weight:bold}
.left{float:left}
.right{float:right}
.padding0{padding:0}
.padding05{padding:0.5em}
.padding15{padding:1.5em}
.padding115{padding:0.4em 1.5em}
.padding150{padding:1.5em 0}
.padding015{padding:0 1.5em}
.margin0{margin:0}
.marginb0{margin-bottom:0}
.marginb15{margin-bottom:1.5em}
.margint0{margin-top:0}
.margint05{margin-top:0.5em}
.margint3{margin-top:3px}
.fade{transition-delay:0s, 0s;transition-duration:0.35s, 0.35s;transition-property:all;transition-timing-function:ease-out, ease-out}
.p100{width:100%}
img.p100{height:auto}
.overflow{overflow:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.mobileshow{display:none !important}

.colul2{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.colul2 li{padding-right:1.5em}
.colul3{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.colul3 li{padding-right:1.5em}

.slick-slide img{margin:0 auto}

#homebanner{background-color:#e9e9e9;background-image:url(https://www.glycosynth.co.uk/images/banners/banner4.jpg);background-repeat:no-repeat;background-position:right;height:280px;background-size:cover;border-top:2px solid #fbcd08;}
#homebanner .col86{height:100%}
#bannerbox{z-index:20;font-weight:bold;line-height:1em;background-color:rgba(233,233,233,0.8);padding-right:10px;}
#bannerbox:before{border-left:10px solid #fff}
#bannertitle{font-size:2.5em;margin:0;line-height:1.25em;color:#343434;}
#bannertxt{line-height:1.5em;font-weight:normal;font-size:1.6em}
#homebanner a{padding:10px;background-color:#484763;margin-right:10px;border-radius:5px;display:inline-block;color:#fff;text-decoration:none;}
#homebanner a:hover{background-color:#000}

/* VIDEO BANNER */
.example-marquee{position: relative;}
.content{display:table;width:100%;min-height:100vh;z-index:1;position:relative;}
.content .inner{display:table-cell;vertical-align:middle;text-align:center;padding-left:16px;padding-right:16px;}
.content .inner h1{font-size:62px;color:white;text-shadow:0px 1px 3px rgba(0,0,0,0.5);}
.video-background-controls button{font-size:32px;display:inline-block;padding:0px;margin:0px;height:32px;width:32px;border-radius:16px;line-height:32px;border:none;background:none;-webkit-appearance:none;color:white;filter:drop-shadow(0px 0px 1px black);cursor:pointer;opacity:1;transition:all 250ms ease-in-out;margin-left:10px;}
.video-background-controls button:hover{opacity:0.5;}
iframe {transition:opacity 500ms ease-in-out;transition-delay:250ms;}

/* TOPBAR */
#topbar{background-color:#e9e9e9}

/* HEADER */
#noShrink{flex-shrink:0}
#header{display:flex;flex-flow:row wrap;width:100%;align-items:center}
#logoCont,#searchCont,#basketCont{display:flex;flex-direction:column;flex-basis:100%;flex:1}
#mainLogo{width:162px}
#simpleLogo{width:250px}
#headersearch{border:1px solid #484864;padding:10px 20px;position:relative;}
#ProductSearch{border:0;width:calc(100% - 40px);line-height:1.8em;vertical-align:middle;padding:0;}
#headersearch .submit{position:absolute;right:10px;}
#basketCont{display:flex;flex-direction:column;text-align:right;}
#basketCont div{flex-grow:1;width:100%;}
#basketCurrency{align-items:center;display:flex;justify-content:end;}
#basketCurrency span{display:inline-block;margin-right:10px}
#basketCurrency a{display:inline-block;}
#basketCurrency img{display:block;}
#basket{position:relative}
#basket span{position:absolute;top:5px;right:-5px;background-color:#c00;width:30px;height:30px;border-radius:50%;color:#ffffff;text-align:center;line-height:1.3em;border:2px solid #fff}
#basketBtn{background-color:#3333cc;color:#fff;text-decoration:none;line-height:3em;padding:5px 60px;font-size:1.3em}
#basketBtn:hover{background-color:#c00;}
#sw_basket_count{color:#ffffff;font-size:1em;font-weight:bold;text-decoration:none;line-height:1.6em}


#logo{position:absolute;top:10px;left:20px;z-index:100;width:450px}

/* SLIDE */
#panel3 img{width:100%;height:600px;object-fit:cover;vertical-align:bottom}
#panel3 a{display:block}
#slide1 .contents{position:absolute;top:0;left:0;bottom:0;right:0;max-width:500px;margin:auto;height:30%;font-size:1.5em;padding:20px}
#slide1 h2{font-size:2em}
#slide2 .contents{max-width:320px;margin:auto}

/* BANNER SLIDES */
#banner1 img,#banner2 img{vertical-align:bottom}

/* NAVILINE */
#navicont{background-color:#e9e9e9}
.naviline{font-size:0.9em;padding:0.5em 1.5em}
.naviline a{color:#343434;text-decoration:none}

/* GOOGLE MAP */
#googlemap{position:relative;padding-bottom:20%;height:0;overflow:hidden;clear:both;margin-bottom:2px;}
#googlemap iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0}

/* COUNTER PANEL */
#counterPanel{background-color:#343434}
.iconcounter{font-size:2em;}
.purecounter{font-size:2em;margin-left:5px}

#main{padding-bottom:4em}

/* Contact Us */
#contact{gap:25px}
#contactAdd{flex:1;background-color:#e9e9e9;padding:1.5em}
#contactAdd a{text-decoration:none}
#contactForm{gap:25px;margin-top:1em}
#contactform{gap:25px}
#contactform p{flex:48%;margin:0}
#contactform .flex100{flex:100%}


/* Company Profile */
.leaderpanel h3{color:#fff;font-size:16px;margin:0;background-color:#484864;padding:10px;font-weight:normal;}
.leaderpanel span{float:right;font-style:italic;font-size:14px;}

/* Price Download */
#pricedownload{display:flex;gap:25px;width:100%;}
#pricedownload div{flex:1}
#pricedownload a{width:100%;line-height:62px;display:block;text-align:center;font-size:1.8em;color:#fff;border-radius:4px;text-decoration:none}
#downexcel{background:url(/images/download-2025.png), url(/images/download-excel.png),linear-gradient(0deg, rgb(0, 88, 45) 0%, rgb(1, 114, 58) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:bottom right, 15px center;width: ;display: ;}
#downpdf{background: url(/images/download-2025.png), url(/images/download-pdf.png),linear-gradient(0deg, rgb(174, 0, 0) 0%, rgb(235, 1, 1) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:bottom right, 15px center;}
#pricedownload a:hover{text-decoration:none;}
#downpdf:hover{background:url(/images/download-2025.png), url(/images/download-pdf.png),linear-gradient(0deg, rgb(235, 1, 1) 0%, rgb(174, 0, 0) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:bottom right, 15px center;}
#downexcel:hover{background:url(/images/download-2025.png), url(/images/download-excel.png),linear-gradient(0deg, rgb(1, 114, 58) 0%, rgb(0, 88, 45) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:bottom right, 15px center;}


/* NEWS */
#news h3{color:#fff;font-size:16px;margin:0;background-color:#484864;padding:10px;font-weight:normal;margin-top:40px;}

/* HOME SECTIONS */
/* HOME SECTIONS */
#homeSections{margin-top:3em}
#homeSections, .sectiongroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:26px;}
.sectcontainer{flex-basis:calc(100% / 3 - 18px);display:flex;flex-direction:column}
.secttitle{width:100%;line-height:62px;display:flex;text-align:center;font-size:1.2em;border-radius:4px;flex-grow:1}
.secttitle a{background-color:#484763;width:100%;display:block;color:#fff;text-decoration:none;padding:15px;line-height:1.5em}
.secttitle a:hover{background-color:#000000}
.sectimgcontainer:hover + .secttitle a{background-color:#000000}

.sectiongroupTitle{font-size:1.2em;font-weight:400;display:flex;flex-direction:row;}
.sectiongroupTitle span{margin:0 15px}
.sectiongroupTitle:before, .sectiongroupTitle:after{content: "";flex:1 1;border-bottom:2px solid #ccc;margin:auto}
.sectiongroup{padding-bottom:30px;border-bottom:2px solid #ccc;margin-bottom:30px}


#homeSections .productgroup{margin-top:0;padding-top:0;border-top:0;}

/* PRODUCT LIST TABLE */
.prodlist{line-height:3em}
.prodlist a{display:block;text-decoration:none}
.prodlist a:hover{text-decoration:none !important}
.prodlist thead{background-color:#484864;color:#ffffff;text-align:left}
.prodlist tbody{background-color:#ffffff}
.prodlist tbody tr:nth-child(even){background-color:#e9e9e9}
.prodlist tbody tr:hover{background-color:#c0beff}
.prodlist th, .prodlist td{padding:0 10px}

/* PRODUCT IMAGE */
.square a{display:block;background-color:#ffffff;position:relative;width:100%;border:1px solid #c7c7e0}
.square a:after{content:"";display:block;padding-bottom:100%;}
.square img{position:absolute;top:50%;transform: translateY(-50%);border:0}

/* PRODUCT */
#picture{position:relative;border:1px solid #ccc}
#picture img{width:100%;height:auto;display:block}
#picture span{top:15px;right:15px;position:absolute;}
#prodpicarea img{width:100%;height:auto}
#prodpicarea .slick-list{margin:5px -5px}
#prodpicarea .prodpic.slick-slide{border:1px solid #ccc;margin:5px}
.group1.cboxElement{display:block;}
.price{width:32%;float:left;margin-right:2%;margin-top:0}
.price.payment{margin-right:0}
.price.telephone{margin-right:0}
.price label{display:block;line-height:25px;margin-top:0}
.price select {padding:10px;width:100%;border:1px solid #ccc;}
.price .field > input{border:1px solid #cccccc;box-sizing:border-box;padding:10px;width:100%}
.price .field > input:focus{background-color:#ececec;border:1px solid #a0a4c9}
#pricecolumn{display:flex;flex-wrap:wrap}
#pricecolumn button{background-color:#0154b0;border:0;border-radius:3px;color:#ffffff;font-family:'Open Sans', sans-serif;font-size:1.5em;transition-delay:0s;transition-duration: 0.4s, 0.4s, 0.8s;transition-property:background-color;transition-timing-function:ease-in-out;width:100%;padding:.5em;margin:1em 0 0.6em 0}
#pricecolumn button:hover{background-color:#cc0001}
#pricedisplay{font-size:1.5em;line-height:1.5em}
#product h2{font-size:2em}
.prod{margin-bottom:30px}
#prodtitle{padding:1.5em 1.5em 0 1.5em}
#proddesc{padding:0 1.5em 1.5em 1.5em}
#proddesc ul{border:1px solid #ccc;background-color:#f3f3f3;padding: 1em 2em 1em 2.5em}
#proddesc li{line-height:2em;list-style-image:url(/images/li-bullet.png)}
.prodprice{font-size:1.6em}
.proddate{padding-bottom:1em;border-bottom:1px solid #343434}
#prodbuy{clear:both;font-weight:bold;text-align:right;margin:30px 0 0 0}
#produnavailable{background-color:#C50601;color:#ffffff;padding:5px 5px 10px 5px;text-align:center;width:100%;margin-bottom:20px}
#produnavailable p{margin:0;padding:0}
#produnavailable p:nth-child(2){font-size:0.8em;line-height:1.5em}
.flexTable{border-top:1px solid #fff;margin-bottom:30px}
.flexTable .col2 div{width:50%}
.flexTabletr{display:flex;padding:1em 0;border-bottom:1px solid #fff}
.alternative .slick-slide{margin:1.5em;}
.alternative .slick-list{margin:1.5em -1.5em;}
.alternativeproduct{border:1px solid #ccc}
.alternativeproductimg{padding:1em 1em 0 1em}
.alternativeproducttitle{margin-top:auto}
.alternativeproducttitle a{background-color:#00539f;color:#fff;text-decoration:none;padding:1em;display:block;width:100%;}
.alternativeproducttitle a:hover{background-color:#cc0001}
.alternativeproductprice{padding:1em 1em 0 1em}
#moreInfoPanel{background-image:url(/images/moreInfo-bg.png);background-size:cover;background-position:center}
#moreInfoPanel ul{-webkit-column-count:2;-moz-column-count:2;column-count:2}
#moreInfoPanel li{margin-bottom:1em;line-height:2em;list-style-image:url(/images/li-bullet-black.png);padding:0 1em;}
#accomoPanel{position:relative}
#accomoPanel:before{background-image:url(/userdata/files/accommodation/hotel-jerez/accomodation-bg.jpg);background-size:cover;background-position:center;position:absolute;top:0;left:0;content:'';display:block;height:100%;width:100%;opacity:0.3;}
#accomoPanel a{color:#ffffff;text-decoration:none}
#accomoPanel a:hover{color:#ffffff;text-decoration:underline}
#availability img{max-width:240px}
.gallerycontainer{padding:1.5em;box-sizing:border-box;}
.gallerycontainer img{max-width:100%;box-shadow:-1px 8px 16px -4px #000000;display:block}

/* PDF DOWNLOAD BUTTON */
#downloadbtns{display:flex;gap:25px;width:100%;}
#downloadbtns div{flex:1}
#downloadbtns a{width:49%;display:block;text-align:center;font-size:1.2em;color:#fff;border-radius:4px;text-decoration:none;padding: 5px 20px 5px 60px;}
#downloadbtns a:hover{text-decoration:none;}
.pdfdown{background: url(/images/download-pdf.png),linear-gradient(0deg, rgb(174, 0, 0) 0%, rgb(235, 1, 1) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:15px, center;}
.pdfdown:hover{background:url(/images/download-pdf.png),linear-gradient(0deg, rgb(235, 1, 1) 0%, rgb(174, 0, 0) 100%);background-repeat:no-repeat, no-repeat, no-repeat;background-position:15px, center}

/* PRODUCT TABS */
.prod-tabs{margin:25px 0}
.state{position:absolute;left:-10000px;}
.flex-tabs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.tab{flex-grow:1;max-height:40px;text-align:center;position:relative}
.panel{background-color:#e7e7e7;padding:20px;min-height:30px;display:none;width:100%;flex-basis:auto;border:1px solid #c7c7e0}
.tab{display:block;padding:1.25rem 1.5rem;line-height:0.25em;background-color:#c0beff;color:#343434;margin-right:2px;cursor:pointer;font-weight:bold}
.tab:last-of-type{margin-right:0;}
.tab:hover{background-color:#c00;color:#fff}

#tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label, #tab-five:checked ~ .tabs #tab-five-label{background-color:#484864;border-left-color:#69be28;color:#fff;font-weight:bold}

#tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel, #tab-four:checked ~ .tabs #tab-four-panel, #tab-five:checked ~ .tabs #tab-five-panel{display:block;}
#tab-four-panel img{max-width:400px}

/* PRODUCT CALLBACK FORM */
#callback{background:#202020;color:#ffffff;padding:15px;height:100%}
#callback h1{margin:0}
#callback button{background-color:#fbcd08;border:0;border-radius:3px;color:#000000;font-size:24px;line-height:60px;width:100%}
#callback  button:hover{background-color:#c00001;color:#ffffff}
#callback form label{display:block;font-size:1.2em;line-height:30px;}
.callbackhalf{margin-top:0;width:49%}
#callback .field > input{margin-top:5px;box-sizing:border-box;border:0;border-radius:3px;padding:10px;width:100%;}
#callbackform_errors{color:#fbcd08}
.submit-row{clear:both}

/* SECTION */
.pdfdownload{background-color:#fff;padding:5px 5px 5px 60px;text-align:center;background-image:url(/images/pdf-icon-red.jpg);background-repeat:no-repeat;background-position:6px 6px;max-width:430px;display:block;line-height:1.5em;border:1px solid #d6d6ec;background-size:43px;margin:30px 0 0 0;font-weight: bold;text-decoration: none;width: 100%;}
.pdfdownload:hover{text-decoration:none !important;background-color:#d6d6ec;border:1px solid #c0beff;}

/* GALLERY */
.gallerygroup{-webkit-column-count:4;-webkit-column-gap:0px;-moz-column-count:4;-moz-column-gap:0px;column-count:4;column-gap:0;line-height:0;}
.gallerycontainer{padding:1.5em;}
.gallerycontainer img{width:100%;height:auto;box-shadow:-1px 8px 16px -4px #000000;display: block;}

/* PICTORIAL SUBSECTION */
.productgroup{display:flex;clear:both;flex-direction:row;flex-wrap:wrap;gap:30px;margin-top:40px;padding-top:40px;border-top:1px solid #ccc;}
.prodcontainer{flex-basis:calc(100% / 2 - 15px);display:flex;flex-direction:column;max-width:576px;}
.secDetails{clear:both;border:1px solid #c7c7e0;position:relative;display:table;background-color:#e7e7e7;}
.prodsecttitle{width:100%;display:flex;flex-grow:1;text-align:center;font-size:1.2em;}
.prodsecttitle a{background-color:#484763;width:100%;display:block;color:#fff;text-decoration:none;font-size:0.8em;line-height:1.5em;padding:10px}
.prodsecttitle a:hover{background-color:#000000}
.prodimgcontainer{padding:10px;width:100px;display:table-cell;}
.prodimgcontainer img{border:1px solid #c7c7e0;}
.prodimgcontainer:hover + .prodsecttitle a{background-color:#000000}
#prodprice{position:absolute;top:0;right:0;padding:5px 10px;background-color:#fbcd08;border-radius:0 0 0 10px;}
.deets{height:100%;display:table-cell;vertical-align:middle;}
.deets ul{font-size:0.8em;}
 
/* RANDOM PRODUCT */
#alternativegroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:26px;}
.randomcontainer{flex-basis:calc(100% / 4 - 20px);display:flex;flex-direction:column;flex-grow:1;max-width:275px}
.randomsecttitle{width:100%;display:flex;flex-grow:1;text-align:center;font-size:1.2em;}
.randomsecttitle a{background-color:#484763;width:100%;display:block;color:#fff;text-decoration:none;font-size:0.8em;line-height:1.5em;padding:10px}
.randomsecttitle a:hover{color:#fbcd08 !important;background-color:#000000}
.randomimgcontainer{border:1px solid #c7c7e0;padding:10px;position:relative}
.randomimgcontainer:hover + .randomsecttitle a{color:#fbcd08 !important;background-color:#000000}
#randomprice{position:absolute;top:0;right:0;padding:5px 10px;background-color:#fbcd08;border-radius:0 0 0 10px;}

/* ISO 9001 */
#isoCert{text-align:right;}
#isoCert img{max-width:310px;padding-left:20px}
 
/* FAQ */
#faqsearch{padding:10px;background:#fbcd08;border-radius:3px}
#faqsearch form{background-color:#ffffff;border-radius:5px;margin:0 auto;width:60%}
#faqsearch form .text{border:0;border-radius:5px 0 0 5px;box-sizing:border-box;display:inline-block;line-height:50px;padding:0 15px;width:75%;font-family:'Open Sans', sans-serif;}
#faqsearch form .submit{border:0;border-radius:0 5px 5px 0;box-sizing:border-box;background-color:#484864;color:#ffffff;line-height:50px;width:25%;font-size:1.2em;font-weight:bold;transition-delay:0s, 0s, 0s;transition-duration:0.35s, 0.35s, 0.35s;transition-property:background-color,color;transition-timing-function:ease-out, ease-out;font-family:'Open Sans', sans-serif;}
#faqsearch form .submit:hover{background-color:#C50601;color:#ffffff}
.faqcont{width:31%}
#faq-q{padding:10px 15px 10px 90px;min-height:60px;vertical-align:top;background-image:url(/images/icon-faq-Q.png);background-position:left center;background-repeat:no-repeat;}
#faq-q h1{text-align:left;margin-bottom:0.67em}
#faq-q h2{margin:0}
#faq-a{padding:10px 15px 10px 90px;min-height:60px;background-image:url(/images/icon-faq-A.png);background-position:left center;background-repeat:no-repeat;margin:0 0 15px 0}
#faq-a p{margin-top:0}
#faq-a p:first-child{margin-top:1em}
#faqbut{background-color:#484763;color:#ffffff;font-weight:bold;padding:1em 1.5em;transition-delay:0s, 0s, 0s;transition-duration:0.35s, 0.35s, 0.35s;transition-property:background-color,color;transition-timing-function:ease-out, ease-out;text-align:center;box-sizing:border-box;text-decoration:none}
#faqbut:hover{background-color:#c00}

/* MAILER SIGNUP */
#mailing{overflow:hidden;padding:1.5em;background-image:url(/images/mailer-bg.png);background-repeat:no-repeat;background-position:center right;}
#mailing form{border-radius:5px;margin:0 auto 30px auto;width:60%}
#mailing form .text{border:0;box-sizing:border-box;color:#999999;display:inline-block;line-height:4em;padding:0 1.5em;width:73%;margin-right:2%;font-family:Century Gothic}
#mailing form .submit{border:0;box-sizing:border-box;background-color:#fbcd08;line-height:4em;width:25%;font-family:Century Gothic}
#mailing form .submit:hover{background-color:#c00;color:#ffffff}

/* REGISTRATION */
#user .error{padding:10px;color:#fff;background-color:#c00;font-weight:bold;}
#user .error font{color:#fff;}

/* FOOTER */
#footer{}
#footerdetails{overflow:hidden}
#footerdetails div{padding:1.5em}
#footerdetails a{text-decoration:none}
#footerdetails a:hover{color:#343434}
#footerdetails ul{line-height:45px;list-style:none;padding:0;width:100%;}
#footerdetails li{border-bottom:1px solid #ccc;transition-delay:0s, 0s, 0s;transition-duration:0.35s, 0.35s, 0.35s;transition-property:border;transition-timing-function:ease-out, ease-out;}
.fmid{margin:0 3.5%}
#fevents a,#about a,#fproducts a,#ffeatured a{display:block}
#fevents a:hover,#fabout a:hover,#fproducts a:hover,#ffeatured a:hover{padding-left:10px}
#fsocial div{padding:1.5em 0;text-align:center}
#fpayment{padding:0 !important}

/* POPUP BASKET */
.popupWrap{display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.4);animation-fill-mode:both;animation-duration:0.3s;z-index:100}
.popupWrap .popup{padding:1em;width:450px;border:4px solid #343434;background-color:#0154b0;border-radius:15px}
.popupWrap .popup .header{display:-webkit-flex;display:flex;align-items:center;font-size:1.1em;color:#fff}
.popupWrap .popup .header img{width:72px;padding:0 0.4em 0 0.2em;}
.popupWrap .popup .header h2{flex:1;text-align:center;font-family:'Oswald',sans-serif;color:#ffffff;font-size:1.5em}
.popupWrap .popup .info{color:#fff;font-size:1.1em;text-align:center;}
.popupWrap .popup .links{display:block}
.popupWrap .popup .links a{padding:0.4em;background:#343434;color:#ffffff;text-align:center;cursor:pointer;border-radius:3px;text-decoration:none;border:2px solid #cccccc;display:block;width:100%;margin-bottom:5px}
.popupWrap .popup .links a:hover{background-color:#c00001}
.popupWrap.open{display:-webkit-flex !important;display:flex !important;}
.popupWrap.close{animation-name:closePopup;pointer-events:none;}

@-webkit-keyframes closePopup{
  from {-webkit-opacity:1;opacity:1;}
  to {-webkit-opacity:0;opacity:0;}
}

@keyframes closePopup {
  from {opacity:1;}
  to {opacity:0;}
}

/* COPYRIGHT */
#copyrightbar{overflow:hidden}
#copyrightbar div{padding:1em 1.5em}
#company a{color:#fff;text-decoration:none}
#company a:hover{border-bottom: 1px solid #ffffff;}

/* BASKET */
#basketBack{color:#fff;text-decoration:none;background-color:#000;padding:0.5em 1.5em;border-radius:3px;}
#basketUpdate{display:block;float:right;margin:1.5em 0;padding:0.5em}
#basketPay{padding:0.5em}
#countryList{padding:0.5em}
#basketSubmit{padding:0.5em 1.5em;margin-top:1.5em;border:0;border-radius:5px;box-sizing:border-box;background-color:#000;color:#fbcd08;line-height:50px;font-size:1.2em;transition-delay:0s, 0s, 0s;transition-duration:0.35s, 0.35s, 0.35s;transition-property:background-color,color;transition-timing-function:ease-out, ease-out;}
#basketSubmit:hover{background-color:#C50601;color:#ffffff;cursor:pointer}

/* ACCOUNT */
.editform input[type="submit"]{border:0;color:#fbcd08;background-color:#000000;font-size:1.2em;margin-top:5px;padding:14px 23px;transition-delay:0s;transition-duration:0.4s, 0.4s, 0.8s;transition-property:all;transition-timing-function:ease-in-out;width:100%}
.editform input[type="submit"]:hover{background-color:#C50601;color:#ffffff}

/* INLINE CHECKOUT */
.sec_head{background-color:#ffffff;width:100%;margin:0 auto}
.sec_title{font-size:2em;font-weight:400 !important}
.ordertable{width:100%}
.ordertable td{padding:10px}
.ordertable td font{font-size:1em}
.ordertable td:nth-child(1){width:60%}
.ordertable td:nth-child(2){width:10%}
.ordertable td:nth-child(3){width:15%}
.ordertable td:nth-child(4){width:15%}
.ordertable .header{background-color:#333;color:#fff !important}
.ordertable .header font{font-weight:bold;color:#ffffff}
#checkoutform .ordertable td:nth-child(1){width:85%}
#checkoutform .ordertable td:nth-child(2){width:15%}
#checkoutform p{margin:20px auto;width:100%}
.req .fieldlabel{color:#C50601}
.checkout_form{width:100%}
.checkout_form input{margin-bottom:10px;padding:10px;width:100%;border:1px solid #cccccc}
.checkout_form textarea{padding:10px;width:100%}
#checkoutform input[type="submit"], .checkout_form input[type="submit"], .checkout_form input[type="button"], .newCustomer input[type="submit"]{border:0;color:#fbcd08;background-color:#000000;font-size:1.2em;margin-top:5px;padding:14px 23px;transition-delay:0s;transition-duration:0.4s, 0.4s, 0.8s;transition-property:all;transition-timing-function:ease-in-out;width:100%}
#checkoutform input[type="submit"]:hover, .checkout_form input[type="submit"]:hover, .newCustomer input[type="submit"]:hover, .checkout_form input[type="button"]:hover{background-color:#C50601;color:#ffffff}

/* FORM VALIDATION */
  input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);background-position:right top;background-repeat:no-repeat;-moz-box-shadow:none}
input:required:valid{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);background-position:right top;background-repeat:no-repeat}

/* MENU */
nav {
  text-align: center;
  background-color: #484864;
}
.navigation {
  display: block;
  margin: 0;
}

.navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.navigation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  color: #dddddd;
  transition-delay:0s;
  transition-duration:0.35s;
  transition-property:all;
  transition-timing-function:ease-out
}

.navigation li a {
  padding: 20px 25px;
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
  outline: 0;
  font-weight: 400;
  text-decoration:none
}

.navigation li:hover ul.dropdown { display: block; }

.navigation li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: rgba(32, 34, 35, 1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.navigation li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.navigation li ul.dropdown li:hover {
	background: rgba(32, 34, 35, 1);
}

.navigation li ul.dropdown li a {
  padding: 10px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.navigation li:hover {
  background: #c0beff;
  color: #fff !important;
}

.navigation li ul.dropdown li:hover a { background: rgba(32, 34, 35, 1);color:#3396FC }

.navigation li ul.dropdown li:first-child:hover a { border-radius: 0; }

.navigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}

/* BASKET */
#shoppingbasket th{background-color:#484768;color:#ffffff;padding:10px;text-align:left}
#shoppingbasket td{padding:10px}
#shoppingbasket span{color:#939393}
#shoppingbasket tr:nth-child(2n+1){background-color:#e9e9e9;}
#continueshopping{padding:5px;border:1px solid #c7c7e0;color:#585776;}
#updatebasket{padding:5px;border:1px solid #c7c7e0;color:#585776;}
#ordertotal{font-size:1.2em}
#placeorder{background-color:#c00;border:10px solid #ffffff;color:#ffffff;cursor:pointer;float:right;font-size:20px;line-height:40px;margin-bottom:25px;outline:1px solid #c7c7e0;padding:0;width:100%;font-weight:bold;font-family:'Open Sans', sans-serif;margin-top:20px;}
#placeorder:hover{background-color:#3333cc;}

/*404 */
#l404{padding:10px;width:100%;}
#l404 div{box-sizing:border-box}
#search404{width:100%;background-color:#fff;border:20px solid #fdba13;position:relative;box-sizing:border-box;}
#l404 ul{columns:2;-webkit-columns:2;-moz-columns:2;line-height:2em}
#search404 .text{line-height:3em;width:90%;margin-left:20px;padding:0;border:0;}
#search404 .text:focus{outline:none}
#search404 .submit{position:absolute;right:20px;top:calc(50% - 15px);}

/* BACK TO TOP */
#backtop{position: fixed;left:auto;right: 20px;top:auto;bottom:50px;outline:none;overflow:hidden;color:#414994;text-align:center;background-color:#cccccc;height:40px;width:40px;line-height:50px;font-size:40px;border-radius:3px;cursor:pointer;transition:all 0.3s linear;z-index:999999;opacity:1;display:none;border:1px solid #ffffff;font-stretch:ultra-expanded;font-family:helvetica neue;font-weight:normal}
#backtop:hover{color:#ffffff;background-color:#c00;}
#backtop.mcOut{opacity:0;}

@media screen and (max-width:959px){
body{font-size:0.8em}
.col86{max-width:100%}
.mobileshow{display:block !important}
.mobilehide{display:none !important}

#logo{width:280px}

#menumain{font-size:16px}
#msearch{background-color:#c0beff;}
#headersearch{border-bottom:1px solid #ccc;border-left:0;border-top:0;border-right:0;padding:1.5em}
#ProductSearch{border:0;width:calc(100% - 70px);line-height:1.8em;vertical-align:middle;padding:10px;}
#headersearch .submit{position:absolute;right:0;padding:2.2em 1.3em;background-color:#fff;top:0;}

/* HEADER */
#header{height:auto}
#logoCont{order:1;width:50%;flex:1}
#basketCont{order:2;width:50%;flex:1}
#basketBtn{padding:10px 64px}
#searchCont{order:3;width:100%;flex-basis:100%;margin-top:15px}

/* HOME BANNER
.image1{content:url("/userdata/files/banners/banner1-mobile.jpg");}
.image2{content:url("/userdata/files/banners/banner2-mobile.jpg");}
.image3{content:url("/userdata/files/banners/banner3-mobile.jpg");}
 */

/* Download Price list */
#pricedownload{flex-direction:column}

/* PDF DOWNLOAD BUTTON */
#downloadbtns a{width:100%;}

/* HOME PANEL MAIN */
#hmain::after{opacity:0.2}
#hmain .col66{width:100%}

/* CUSTOM PANELS */
#custPanel1 .col66{width:100%}
#custPanel1 .col33{width:100%}

/* PRODUCT */
#accomoDesc{width:100%}
#accomoImg{width:100%}
#bikeTransDesc{width:100%}
#bikeTransImg{width:100%}
#bikeTransImg .gallerycontainer{width:50%}

/* EVENT SECTION */
#trackGallery .gallerygroup{-webkit-column-count:3;-moz-column-count:3;column-count:3}

/* GOOGLE MAP */
#googlemap{padding-bottom:60%}

#mailing form{width:100%}

/* PICTORIAL SUBSECTION */
.sectiongroup{max-width:100%}

#secDescription{width:50%;}
#secImage{width:50%;}

/* GALLERY */
.gallerygroup{-webkit-column-count:3;-moz-column-count:3;column-count:3}

/* BASKET */
#discode_p {width:80% !important}
#discode{width:65% !important}
#discode_box button{width:35% !important}

/* MENU */
.navigation {
  background: #2F3133;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  left: -100%;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.navigation.visible {
  left: 0px;
  transition: left 0.3s linear;
}

.nav_bg {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #2f3133;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.nav_bar {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
}

.nav_bar span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.nav_bar span:nth-child(2) { width: 20px; }

.nav_bar span:nth-child(3) { width: 20px; }

.navigation ul { padding-top: 50px; }

.navigation li { display: block; }

.navigation li a {
  display: block;
  color: #dddddd;
  font-weight: 500;
}

.navigation li:first-child:hover a { border-radius: 0; }

.navigation li ul.dropdown { position: relative;width:100% }

.navigation li ul.dropdown li a {
  background: #2F3133 !important;
  border-bottom: none;
  color: #dddddd !important;
}

.navigation li:hover a {
  background: #202223;
  color: #dddddd !important;
}

.navigation li ul.dropdown li:hover a {
  background: #3396FC !important;
  color: #dddddd !important;
}

.navigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.navigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 20px;
  right: 10px;
}

.opacity {
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


/*404 */
#l404 ul{columns:1;-webkit-columns:1;-moz-columns:1;line-height:2em}

}

@media screen and (max-width:800px){
#homebanner{background-size:cover}
#bannerbox{width:100%;background-color:rgba(255,255,255,0.5);padding:0 1.5em}

/* SECTION PRODUCTS */
.deets ul{padding-left:20px;}
}

@media screen and (max-width:600px){
.col25{width:50%}
#panel4 .col50{width:100%}
#footer .flexcell:nth-of-type(2) {order: 3;}
#footer .flexcell:nth-of-type(4) {order: 4;}

#simpleLogo{width:100%}

/* HOME SECTIONS */
#homeSections .sectcontainer{flex-basis: calc(100% / 2 - 13px);}

.sectcontainer{flex-basis:calc(100% / 2 - 13px);flex-grow:0;width:100%;}

#secDescription{width:100%;}
#secImage{width:100%;}

/* Home Banner */
.image1{content:url("https://www.glycosynth.co.uk/images/banners/plant-enzyme-substrate_sml.jpg");}
.image2{content:url("https://www.glycosynth.co.uk/images/banners/chromogenic-substrate_sml.jpg");}
.image3{content:url("https://www.glycosynth.co.uk/images/banners/enzyme-substrate_sml.jpg");}

/* PRODUCT */
#proddesc.col66{width:100%}
#prodimages.col33{width:100%}
#ticketfor{width:100%}
#pricecolumn{width:100%}
#moreInfoPanel ul{-webkit-column-count:1;-moz-column-count:1;column-count:1}
.callbackhalf{margin-top:0;width:100%}

/* PRODUCT TABS */
.flex-tabs{flex-direction:column;}
.tab{background:#c0beff;border-bottom:1px solid #ccc;border-radius:0;font-weight:bold;margin-bottom:1px;margin-right:0}
.tabs .tab::after{content:"\f078";position:absolute;right:20px;font-weight:bold;font-family:ICOMOON;}
    
#tab-one-label{order:1;}
#tab-two-label{order: 3;}
#tab-three-label{order: 5;}
#tab-four-label{order: 7;}
#tab-five-label{order: 9;}
#tab-one-panel{order: 2;}
#tab-two-panel{order: 4;}
#tab-three-panel{order: 6;}
#tab-four-panel{order: 8;}
#tab-five-panel{order: 10;}
  
#tab-one:checked ~ .tabs #tab-one-label, tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label{border-bottom:none;}
  
#tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel{margin-bottom:10px;}

/* PICTORIAL SUBSECTION */
.prodcontainer{flex-basis:calc(100% / 1);flex-grow:0;width:100%}

/* RANDOM PRODUCTS */
.randomcontainer{flex-basis:calc(100% / 2 - 13px);flex-grow:0;width:100%}

/* QUALITY */
#quality .col66,#quality .col33{width:100%;}

/* PAGE */
#pagehalf .col50{width:100%}

/* GALLERY */
.gallerygroup{-webkit-column-count:2;-moz-column-count:2;column-count:2}

/* FAQ */
#faqsearch form{width:90%}

/* ISO 9001 */ 
#isoCert img{max-width:100%;padding:0;margin:0}

}

@media screen and (max-width:480px){

#basketCurrency span{display:none}
}