body { font-size: 16px !important; margin: 0px; color: #313140 !important; font-family: proxima-nova, sans-serif; }
::selection { background: #48C4D7; /* WebKit/Blink Browsers */ }
::-moz-selection {
background: #48C4D7; /* Gecko Browsers */
}
.wedidthis { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.closeOC { padding: 20px 15px 15px 15px; cursor: pointer; }
.navbar-toggle-overidde { border-radius: 0px !important; width: 40px; }
img { max-width: 100%; height: auto; }
.sc-content-block-menu { display: none !important; }
.jspPane > li {display:block !important; height: 30px !important}
/*-- SITE SPECIFIC --*/
.srv { visibility: hidden; }
/*WRAPPERS*/
.headerWrapper { background-color: #FFFFFF; border-bottom: 1px solid #E8E8E8; }
.headerWrapper::after { content: ""; background: url(images/swoosh-1.svg); opacity: 1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background-repeat: no-repeat; background-position: right top; }
.navWrapper { background-color: #2B2A80; max-height: 65px; margin-top: 20px; transition: all .2s ease-in; }
.navWrapperSmall { background-color: #2B2A80; max-height: 65px; margin-top: 9px; }
.mainContentWrapper { margin-top: 84px; min-height: 90px; }
.headerWrapperMobi { background-color: rgba(43,42,128,1.00); position: absolute; }
.footerWrapper { background-color: #2B2A80; padding: 20px 0px; color: #FFFFFF }
.preFooter { width: 100%; height: auto; padding: 0px; margin: 0px; overflow: hidden; text-align: center; }
.heroWrapper { min-height: 288px; padding-top: 35px; background-image: url("images/Medical-Product2.jpg"); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; }
.footerSwoosh { width: 100% !important; height: auto; padding: 0px; margin: 0px; }
.grayWrapper { background-color: #F3F3F3; padding-top: 40px; padding-bottom: 40px; }
.twoColourWrapper { padding-top: 20px; padding-bottom: 20px; background-image: -webkit-linear-gradient(0deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: -moz-linear-gradient(0deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: -o-linear-gradient(0deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: linear-gradient(90deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); }
.bottomWrapper { padding-top: 40px; padding-bottom: 40px; }
.lowerContentWrapper {padding-top: 40px; padding-bottom: 40px;}
.headingPaneWrapper {padding-top: 20px; padding-bottom: 20px;}

/*END WRAPPERS*/

.brochureDownload {display:block;  padding: 0px; margin-bottom: 20px; }
.downloadText {display:block; font-size: 22px; font-weight: 500; color: #2B2A80;}
a.downloadButton {display:block; padding: 10px 20px; background-color: #2B2A80; color: #FFFFFF; text-transform: uppercase; font-weight: 500; transition: all .2s ease-in;}
a:hover.downloadButton {display:block; padding: 10px 20px; background-color: #2B2A80; color: #FFFFFF; text-decoration: none; color: #A5A4DE !important; transition: all .2s ease-in;}
a.downloadButton .fa-download {float: right;}
.SlickSlidergs img {
    
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


.contactCallAction { padding: 0px; text-transform: uppercase;}
.callActionText {font-size: 22px; color: #2B2A80; margin-bottom: 0px; display:block; }
.callActionTextSecondary {font-size: 16px;  margin-bottom: 0px; display:block; font-weight: 500; text-transform: none;}
.callActionButton {padding: 10px 40px; background-color: #2B2A80; color: #FFFFFF !important;}
.callActionButton:hover {text-decoration: none; background-color: #24236B;}

.page-image {margin-bottom: 20px;}
.grayWrapper h1 { color: #2B2A80; font-size: 32px }
.grayWrapper p { font-size: 20px }
.twoColourWrapper p {color: #FFFFFF;}
.introTextOne { color: #656565; font-size: 32px }
.introTextTwo { color: #2B2A80; font-size: 40px; text-transform: uppercase; max-width: 600px; margin-bottom: 20px; line-height: 120%; }
.introImageOne { max-width: 650px; }
.main-menu-btn { position: absolute !important; top: 10px; right: 10px; }
.mainHeader { }
#dnn_dnnLOGO_imgLogo { height: 70px; transition: all .2s ease-in; padding-top: 20px; }
.logo-sm { height: 60px !important; padding-top: 10px !important; }
.improvingLives { margin-top: 30px; max-width: 180px; transition: all .2s ease-in; }
.improvingLivesSmall { margin-top: 20px; max-width: 140px; }
.improvingLivesFooter { margin-top: 0px; max-width: 180px; float: right; }

H1.pageHeading {color: #2B2A80; font-size: 36px !important;}
#header_nav { height: 106px; transition: all .3s ease-in; }
.header_nav_small { height: 70px !important; transition: all .3s ease-in; }
.logo_small { height: 40px !important; padding-top: 0px !important; transition: all .2s ease-in; }
.sm-clean_margin { margin-top: 5px !important; transition: all .2s ease-in; }
.sm-clean { margin-top: 0px !important; left: 0px; }
#main-menu { right: 0px; position: absolute }
#main-menu-mobi { right: 0px; position: absolute }
#main-menu-mobi li.topItems:nth-child(3) { background-color: #00A887 !important; }
#main-menu-mobi li.topItems:nth-child(3) a.current { background-color: #008C70 !important; }
#main-menu-mobi li.topItems:nth-child(4) { background-color: #005DA6 !important; }
#main-menu-mobi li.topItems:nth-child(4) a.current { background-color: #004881 !important; }
.branchInfoBox { padding: 20px; }
.whiteButton { float: right; padding: 10px 30px; background-color: #FFF; }
.wb-10759 { color: #00A887 !important; }
.wb-10761 { color: #005DA6 !important; }
.branchLogo { max-width: 240px; }
.branchDescription { color: #FFFFFF; }
.branchHeading { color: #FFFFFF; font-size: 22px; }
.branchImage { margin-top: 20px; margin-bottom: 20px; }
.whiteButton:hover { color: #FFF !important; text-decoration: none; }
.call-dec-platics, .call-dec-pharma { color: #FFFFFF !important; display: block; border-top: 1px solid rgba(0, 0, 0, 0.09); }
#call-dec-platics, #call-dec-pharma { padding: 0px !important; margin: 0px !important; line-height: 0px !important; }
.call-dec-platics .fa-phone { background-color: #00A887; display: inline-block; padding: 20px; margin-right: 20px; }
.call-dec-pharma .fa-phone { background-color: #005DA6; display: inline-block; padding: 20px; margin-right: 20px; }
.call-dec-pharma { border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.menuWrapper { display: block; clear: both; }
.menuContactWrapper { display: block; clear: both; }
.logo-white { max-width: 160px; margin-top: 15px; }
.main-menu-btn-icon { height: 0; background: transparent; }
.main-menu-btn-icon-before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.main-menu-btn-icon-after { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.headerWrapperMobi { display: none; }
.footerHeading { font-size: 18px; display: block; }
.footerLogoPlastics {max-width: 100px; margin-bottom: 10px;}
.footerLogoPharma {max-width: 190px; margin-bottom: 10px;}
.footerAddress { font-size: 14px; }
.copyright { font-size: 12px; color: #6D6BE3; }
.footerHR { border-top: 1px solid #060619; border-bottom: 1px solid #3F3DD8; background-color: rgba(248,19,23,1.00); }
.introImageMobi {display:none;}
.branchBox {}
.branchBox a, .branchBox a:hover {display:block; padding: 20px; color: #FFFFFF; text-decoration: none; font-size: 40px; transition: all .2s ease-in; line-height: 40%;}
.branchBox a .fa-chevron-right {margin-right: 40px; transition: all .2s ease-in; float:right;}
.branchBox a:hover .fa-chevron-right {margin-right: 20px;}
.greenBox {background-color: #00A887;}
.blueBox {background-color: #005DA6;}
.branchBoxLogo {max-width: 200px;}
.brandDescription p {font-size: 20px !important; font-weight: 400;}
.brandItem img {margin-bottom: 10px;}
.brandItem a, .brandItem a:hover {text-decoration: none; display:block;}

.branchContact {border: 1px solid #FFFFFF; padding: 20px;}
.contactLogo {max-width: 250px; margin-bottom: 20px;}
.contactImage {margin-bottom: 20px;}
.contactMap {margin-bottom: 0px; border-bottom: 8px solid #2B2A80; }
.contactPhone {margin-bottom: 20px;}
a.phoneLinkBtn, a.phoneLinkBtn:hover {color: #313140; text-decoration: none; display:block; margin-bottom: 10px; }

li {margin-left: 20px; list-style-type: circle; }

/*Timeline*/
h2.date {font-family: proxima-nova, sans-serif !important; display:none !important; visibility: hidden !important;}
.text .container p {font-family: proxima-nova, sans-serif !important;  }
.text H3, h2.start {color: #2B2A80 !important; }



.marketPageLink {padding-top: 10px; margin-bottom: 10px !important;}
.marketDescription { font-size: 18px;}
.marketImage {margin-bottom: 10px;}
@media screen and (max-width: 1730px) {
.headerWrapper::after { content: ""; background: url(images/swoosh-1.svg); opacity: 0.9; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background-repeat: no-repeat; background-position: right top; }
.tagWrapper { padding: 8px; background-color: rgba(255,255,255,0.69); display: block; border-bottom-right-radius: 16px; }
}

@media screen and (max-width: 1199px) {
.branchLogo { max-width: 220px; display: block; }
.whiteButton { float: none; padding: 10px 30px; background-color: #FFF; margin-top: 20px; }
}

@media screen and (max-width: 992px) {
    a.phoneLinkBtn {color: #FFFFFF; text-decoration: none; display:block; margin-bottom: 10px; padding: 10px 30px; background-color: #2B2A80;transition: all .2s ease-in; }
    a.phoneLinkBtn:hover {color: #ACABE3; }
	.heroWrapper { min-height: 220px; padding-top: 40px; background-image: none; background-repeat: no-repeat; background-position: right top; background-attachment: fixed; background-color: #00A5DD; }
	.introTextOne { color: #2B2A80; font-size: 28px }
.introTextTwo { color: #FFF; font-size: 36px; text-transform: uppercase; max-width: 600px; margin-bottom: 20px; line-height: 120%; }
.introImageOne { display:none; }
	.introImageMobi {display:block; padding: 10px;}
.improvingLivesFooterTop { margin-bottom: 20px; max-width: 230px; }
.preFooter img { min-height: 100px; image-rendering: pixelated; }
.swoosh-Mobi { position: absolute; top: 0px; right: 0px; z-index: -1; max-width: 205px; }
.headerWrapper::after { content: ""; background-image: none; opacity: 0.9; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background-repeat: no-repeat; background-position: right top; }
.headerWrapperDesktop { display: none; visibility: hidden; }
.headerWrapperMobi { display: block; height: 77px !important; }
#main-menu { right: auto; left: 0px; position: absolute; width: 100%; }
.mainContentWrapper { margin-top: 20px; }
.sm-clean { margin-top: 0px !important; overflow-y: auto; }
#dnn_dnnLOGO_imgLogo { height: 40px; transition: all .2s ease-in; padding-top: 0px; }
#header_nav { height: 100px; transition: all .3s ease-in; }
.sm-clean_margin { margin-top: 0px !important; }
.logo { height: 60px; /*line-height: 100px;*/ padding-top: 0px; }
    .marketImage {margin-bottom: 10px;}
}
@media screen and (max-width: 820px) { 
	.branchBoxLogo {max-width: 160px;}
}
@media screen and (max-width: 767px) {
	.introTextTwo { color: #FFF; font-size: 30px; text-transform: uppercase; max-width: 600px; margin-bottom: 20px; line-height: 120%; }
.twoColourWrapper { padding-top: 20px; padding-bottom: 20px; background-image: -webkit-linear-gradient(270deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: -moz-linear-gradient(270deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: -o-linear-gradient(270deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); background-image: linear-gradient(180deg, rgba(0,168,135,1.00) 49.99%, rgba(0,93,166,1.00) 50%); }
.improvingLivesFooter { max-width: 180px; float: left; margin-top: 20px; }
.footerAddress { font-size: 14px; display: block; margin-bottom: 20px; }
}

@media screen and (max-width: 580px) {
.twoColourWrapper { padding-top: 20px; padding-bottom: 20px; background-image: -webkit-linear-gradient(270deg, rgba(0,168,135,1.00) 46.99%, rgba(0,93,166,1.00) 47%); background-image: -moz-linear-gradient(270deg, rgba(0,168,135,1.00) 46.99%, rgba(0,93,166,1.00) 47%); background-image: -o-linear-gradient(270deg, rgba(0,168,135,1.00) 46.99%, rgba(0,93,166,1.00) 47%); background-image: linear-gradient(180deg, rgba(0,168,135,1.00) 46.99%, rgba(0,93,166,1.00) 47%); }
}

@media screen and (max-width: 468px) {
}
