@charset "utf-8"; 
/* CSS Document */ 
html{-webkit-text-size-adjust:none;/* Prevent font scaling in landscape */}
body{background-color:#fff;margin:0;padding:0;outline:none;    font-family:Helvetica, Arial, Verdana, sans-serif;line-height:normal;font-weight:400;color:#333; }
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
p{margin:0;padding:0;}
img{border:0;vertical-align:text-top;}
.clear{clear:both;}
select{text-indent:11px!important} 
@-moz-document url-prefix(){select{text-indent:2px !important}} 
select, input, textarea{margin:0;padding:0;outline:none;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:16px;color:#242424;outline:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;line-height:normal;font-family:Helvetica, Arial, Verdana, sans-serif;color:#242424}
hr{color:#dddddd;border:none;border-top:1px solid #dddddd;height:1px;margin:0;padding:0;margin-bottom:15px;}
.gradient{filter:none;} 
input[type=text],input[type=url],input[type=email],input[type=password],input[type=tel],input[type=button],input[type=submit], select{-webkit-appearance:none;-webkit-border-radius:0; border-radius:0;}
input[type=checkbox]{-webkit-appearance:checkbox;-webkit-border-radius:0;border-radius:0;}
input[type=radio]{-webkit-appearance:radio;-webkit-border-radius:0;border-radius:0;}
::-webkit-input-placeholder{color:#333;}
:-moz-placeholder{color:#000;opacity:1;} 
::-moz-placeholder {color:#000;opacity:1;}
:-ms-input-placeholder{color:#000;}
/* new clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
a{ color:#414042;text-decoration:underline}
a:hover{ text-decoration:none}
* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */
.uppercase{text-transform:uppercase}
.opensans-light{font-weight:300;}
.opensans-regular{font-weight:400;}
.opensans-medium{font-weight:500;}
.opensans-semibold{font-weight:600;}
.opensans-bld{font-weight:700;}

.tcenter{text-align:center}
.tjustiry{text-align:justify}
.text13{font-size:13px}
.text15{font-size:15px;}
.text16{font-size:16px}
.text17{font-size:17px;}
.text18{font-size:18px;}
.text20{font-size:20px;}
.text22{font-size:22px;}
.text25{font-size:25px;}
.text30{font-size:30px;}
.text35{font-size:35px;}
.text40{font-size:40px;}
.text50{font-size:50px}
.text55 { font-size:55px;}
.text60{font-size:60px;}
.line32{line-height:32px}
.line30{line-height:30px}
.line24{line-height:24px;}
.line20{line-height:20px}
.line22{line-height:22px;}
.semibold{font-weight:600}
.bold{font-weight:800}
.line35{line-height:35px}
.line26{line-height:26px}
.col-yellow{color:#ffc632}
.open-light{font-weight:300}
.col-megenta{color:#734184}
.lspacing50{letter-spacing:.5px;}
.lspacing100{letter-spacing:1px;}

.line20{line-height:20px}
.ptop5{padding-top:5px;}
.ptop10{padding-top:10px}
.ptop15{padding-top:15px}
.ptop20{padding-top:20px}
.ptop25{padding-top:25px}
.ptop30{padding-top:30px}
.pbottom5{padding-bottom:5px;}
.pbottom10{padding-bottom:10px}
.pbottom15{padding-bottom:15px}
.pbottom20{padding-bottom:20px}
.pbottom25{padding-bottom:25px}
.pbottom30{padding-bottom:30px}
.col-white{color:#fff}
.text14{font-size:14px;}
.text13{font-size:13px;}
.line28{line-height:28px;}
.italic{font-style:italic}
.ptop5{padding-top:5px;}
.line35{line-height:35px}
.back-white{background:#fff}
.back-gray{background:#eaeaea}
.ptop5{padding-top:5px;}
.letter1{letter-spacing:1px}
.letter2{letter-spacing:2px}
.letter3{letter-spacing:3px}
.letter4{letter-spacing:4px}
.letter5{letter-spacing:5px}
.letter6{letter-spacing:6px}
.col-lightblue{color:#ffc632}
.col-charcoal{color:#333}
.col-blue{color:#43348c}
.col-yellow{color:#edb038}
.col-aqwamarine{color:#00b0a5}
.col-salmonred{color:#fb5c54}
.col-purple{color:#b474ae}
.col-rama{color:#00b0a5}
.col-torquise { color:#edb038}

/*********************************Header Starts here************************************/
.container{max-width:1200px;margin:auto}
.header { padding-top:6px; padding-bottom:10px}
.header-flex.clearfix {  display: flex;  flex-wrap: wrap;  flex-direction: row;}
.logo { }
.search { position:relative; width:417px; margin-top:66px; margin-left:65px;}
.input1 { height:34px; border:2px solid #000; width:100%; font-size:12px; font-weight:300; text-transform:uppercase; padding:5px}
.searchicon {  width: 22px;  height: 30px;  background: none;  background: url(https://www.globepackaging.co.uk/e_y_img/search.jpg);    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;  background-repeat: no-repeat;  border: 0;  position: absolute;  top: 2px;  right: 2px;  background-position: 1px 3px;}

.topright{  margin-left:auto}
.topphone{ position:relative; padding-left:26px; margin-top:8px;}
.topphone label { float:left; position:absolute; top:0; left:0}
.topphone input { display:none}
.topbox-open{ float:left; font-size:15px; color:#2c2c2c; }
.topphone.topebaypremium label { top:9px;}

.navigation { background:#3a8ae1;border-bottom: 3px solid #1868ce; position:relative; z-index:9}
.navigation ul { margin:0; padding:0; list-style:none; display:table; margin:auto}
.navigation ul li { float:left; text-transform:uppercase; border-right: 1px solid #1868ce; position:relative; color:#fff;}
.navigation ul li:last-child  { border-right:0}
.navigation ul li a { padding:4px 10px; color:inherit; font-size:13px; text-decoration:none; display:block; line-height:28px}
.navigation ul li ul { display:none;  position: absolute;  top: 100%;  left: 0;  width: 250px;  background:#1868ce; padding:5px 0}
.navigation ul li:hover { color:#000}
.navigation ul li:hover ul { display:block;}
.navigation ul li ul li { width:100%}
.navigation ul li ul li a { padding:5px 10px 5px 14px; line-height:normal; font-size:12px; line-height:21px}
.navigation ul li:last-child ul  { left:inherit; right:0 }
.navigation1 .menu-toggle.show-mobile { display:none}
.navigation1 .menu-toggle.show-mobile .bar {}
.navigation1 .menu-toggle.show-mobile .bar .menu-icon { float:left}
.navigation1 .menu-toggle.show-mobile .bar .menutxt { float:left; color:#fff; padding-top:7px; padding-left:2px; font-size:14px;}
.navigation1 input { display:none }

.uspsection{}
.uspsection ul { margin:0; padding:0; list-style:none}
.uspsection li { float:left; width:32.5%; margin-right:1.22%; margin-top:16px }
.uspsection li img { max-width:100%; height:auto}
.uspsection li:last-child { margin-right:0}

.banner{ border:2px solid #3a8ae1; margin-top:16px;}
.banner img { max-width:100%; height:auto}

.productdetails {  margin-top:40px;}
.productdetails h1 { font-size:25px; color:#2c2c2c; font-weight:700; text-transform:uppercase;}
.prodetails1 { margin-top:40px;}
.content  { position:relative}
.clickenlarge{ text-align:center; padding:15px 0; text-decoration:underline; font-size:15px;}
.prodetails1{}
.prodetails1 img { max-width:100%; height:auto}
.prodetails-image{ float:left; width:400px;}
.prodetails-image input { display:none}
.img-popup { border:1px solid #3a8ae1 }
.img-holder {  opacity: 1;  height:auto; visibility:visible;  -webkit-transition: all 0.5s cubic-bezier(0.45, 0.6, 0.75, 1);  -o-transition: all 0.5s cubic-bezier(0.45, 0.6, 0.75, 1);  transition: all 0.5s cubic-bezier(0.45, 0.6, 0.75, 1);  overflow: hidden;}
.img-holder input:checked ~ .lightbox .img-popup {  border: 10px solid #333;  margin: 0 auto;  z-index: 9999;  max-width: 100%;  max-height: 800px;  -webkit-animation: zoom 0.5s ease-out;  animation: zoom 0.5s ease-out;}

.img-holder input:checked ~ .lightbox .img-popup:before { display:block; cursor:pointer} 
.img-holder .imgBox {  cursor: -webkit-zoom-in;  cursor: zoom-in;  text-align: center;  padding-bottom: 62.5%;  overflow: hidden;  background: #fff;  display: block;  position: relative;}
.img-holder .imgBox {  padding-bottom: 100%;}
.img-holder .img-popup:before { content:''; position:absolute; top:10px; right:10px; width:30px; height:30px; background:url(https://www.globepackaging.co.uk/e_y_img/cross.svg); background-repeat:no-repeat; background-size:30px; display:none}
.img-popup {  background-color: #fff;  bottom: 0;  left: 0;  margin: auto;  position: absolute;  right: 0;  top: 0;  width: 100%;  width: 100%;}

.img-holder input:checked ~ .lightbox::before {  position: fixed;  opacity: 1;  visibility: visible;  top: 0;}
.img-holder .lightbox::before {  content: '';  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.7);  opacity: 0;  visibility: hidden;  overflow: hidden;  z-index: 999;}
.img-holder input:checked ~ .lightbox::before {  position: fixed;  opacity: 1;  visibility: visible;  top: 0;}
.img-holder input:checked ~ .lightbox {  position: static;  cursor: -webkit-zoom-out;  cursor: zoom-out;}

.imgBox img {  bottom: 0;  height: auto;  left: 0;  margin: auto;  max-height: 90%;  max-width: 90%;  position: absolute;  right: 0;  top: 0;  width: auto;  text-align: center;}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
	
.protabs{ width:757px; float:right}
  .protabs .panel {   border:1px solid #3a8ae1; position:relative; top:-1px; min-height:357px;  }
    .protabs .panel p { padding-bottom:7px}
._im_dec{font-size:14px; line-height:22px;}
.active_btn{ background:#00bf00;border:1px solid #00bf00; color:white;}
@media (min-width: 600px) {

}


.protabs .tabs {
  display: flex;
  flex-wrap: wrap;
  width:100%
  

}
.protabs .input {
  position: absolute;
  opacity: 0;
}
.protabs .label {
  width: 100%;
  padding: 11px 17px;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  color: #292929;
  transition: background 0.1s, color 0.1s; border:1px solid #3a8ae1; margin-left:-1px; 
}
.protabs .label:hover {
  background: #3a8ae1;
    color: #fff;
}
.protabs .label:active {
  background: #3a8ae1;
    color: #fff;
}
.protabs .input:focus + .label {
  z-index: 1;
}
.protabs .input:checked + .label {
  background: #3a8ae1;
  color: #fff;border-top: 1px solid #1868ce;
}
@media (min-width: 600px) {
  .protabs .label {
    width: auto; 
  }
}
.protabs .panel {
  display: none;
  padding: 25px;
  background: #fff;
}
@media (min-width: 600px) {
 .protabs .panel {
    order: 99;
  }
}
.protabs .input:checked + .label + .panel {
  display: block;
}
.protabs .label:before {  display:none}
.protabs .input:checked + .label:before{ display:none}

.protabs .panel h3{ font-size:17px; font-weight:500; margin-bottom:5px }
.protabs .panel p { font-size:14px; line-height:23px;}

.shoprelateditems{ padding-top:30px;}
.shoprelateditems h2 { text-align:center; font-size:30px; color:#2c2c2c; font-weight:700; }
.shopsection {}
.shopbox { float:left; width:23.5%; margin-right:2%; text-align:center; margin-top:3%}
.shopbox a { text-decoration:none; display:inline-block}
.shopbox:hover h3{ color:#2c2c2c}
.shopsection .shopbox:last-child { margin-right:0}
.shopimage{ border:1px solid #3a8ae1}
.shopimage img { max-width:100%; height:auto}
	.shopbox h3 { font-size:17px; color:#3a8ae1; font-weight:600; text-align:center; padding-top:7px;}
	
.footer { text-align:center; font-size:15px; padding:30px 0; border-top:1px solid #bfbfbf; margin-top:55px; font-size:15px}
@media only screen and (max-width:1200px)  {


.logo {  display: flex;    flex-direction: column-reverse;}
.search { margin-top:59px;}

.container { padding:0 15px}
.navigation ul li a {    font-size: 11px;    padding-left: 11px;    padding-right: 11px;  }
.logo { width:25%}
.logo img { max-width:100%;}
.search { width:42%; margin-left:2.3%}
.topright { width:28%}
.topbox-open { font-size:13px;}

.prodetails-image {  float: left;  width: 32%;}
.protabs {  width: 66%;  float: right;}
}


@media only screen and (max-width:1100px)  {
.search { margin-top:70px;}
.navigation ul li a {    font-size: 11px;    padding-left: 5px;    padding-right: 5px;  }
.prodetails-image {  float: left;  width: 35%;}
.protabs {  width: 63%;  float: right;}
.protabs .panel { margin-left:-1px}
.protabs .label { font-size:14px; padding:11px 15px}

.productdetails h1 { font-size:23px;}
.shoprelateditems h2 { font-size:28px;}

.protabs .panel h3{ font-size:16px;}
.protabs .panel p { font-size:14px; line-height:22px;}
}

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

.topright { order:1; width:100%; padding-bottom:9px;}
.logo {    order: 2;    display: flex;    flex-direction: row;    justify-content: center;  }
.search { order:3}
.topbox-open { display:none}
.topphone label { position:relative; padding-left:0; cursor:pointer}
.topbox-open {    display: none;    position: absolute;    top: 100%;    left: -54px;    width: auto;    background: #3a8ae1;    padding: 10px 15px;    color: #fff;    white-space: nowrap;  }
.topphone.topcontact .topbox-open{ left:-103px}
.topphone.topebaypremium .topbox-open{ left:-171px}
 .topphone { padding-left:10px; padding-right:10px}
 .topphone.topebaypremium label { top:0; }
 
 .topright { border-bottom:1px solid #000; display: flex;    justify-content: center;} 
  .topphone:hover .topbox-open { display:block }
  .logo { width:100%; text-align:center; margin-top:15px}
  .search { margin:0; width:100%; margin-top:15px}
  
.navigation1 .menu-toggle.show-mobile { display:block; width:100%; padding:4px 5px 1px; cursor:pointer}
.menu.sf-js-enabled { display:none}
.navigation .navigation1 [id^="sub"]:checked ~ ul { display:block}
.navigation ul li { width:100%}
.navigation ul li a { border-bottom:1px solid #1868ce}
.navigation ul li ul { display:none !important}

.prodetails-image {  float: left;  width: 100%; text-align:center}
.protabs {  width: 63%;  float: right;}
.img-holder .imgBox { padding-bottom:50%}
.protabs { width:100%; margin-top:20px}
.protabs .panel { min-height:inherit}
.protabs .label { position:relative; padding-right:15px}

.productdetails h1 { font-size:21px;}
.shoprelateditems h2 { font-size:26px;}
}

@media only screen and (max-width:760px)  {
.shopsection { margin-left:-1%; margin-right:-1%}
.shopbox { width:48%; margin-left:1% !important; margin-right:1% !important}
.shopbox h3 { height:51px; font-size:15px;}
.uspsection { display:none}
.productdetails h1 { font-size:19px;}
.shoprelateditems h2 { font-size:23px;}
.prodetails1 { margin-top:17px;}
.productdetails {  margin-top: 20px;}

.clickenlarge { font-size:14px;}
.protabs .panel { padding:15px}
.footer {   padding: 21px 0;  margin-top: 29px; font-size:14px;}

.protabs .panel h3{ font-size:15px;}
.protabs .panel p { font-size:13px; line-height:20px;}

}
@media only screen and (max-width:600px)  {
.protabs .label { position:relative; padding-right:15px}
.protabs .label:before { content:''; position:absolute; top:10px; right:5px; color:#fff; font-size:15px; font-weight:600; background:url(https://www.globepackaging.co.uk/e_y_img/plus.svg); background-repeat:no-repeat; background-size:20px; width:20px; height:20px; display:block}
.protabs .input:checked + .label:before{content:''; background:url(https://www.globepackaging.co.uk/e_y_img/minus.svg); background-repeat:no-repeat; background-size:20px; width:20px; height:20px; display:block}
.protabs .label { margin-bottom:2px;}
}
@media only screen and (max-width:480px)  {
.nav-mobile.nav-mobile-fixed .nav-mobile-content { width:310px;}

 .university-box .img-responsive { width:250px;}
 
 .fillbox-section { margin-left:-1%; margin-right:-1%; overflow:hidden; width:auto}
 .fillbox-section .filbox { width:48%; margin-left:1%; margin-right:1%; float:left}

.select-main { width:135px;}

.faq-box { padding:4px 14px}

.productdetails h1 { font-size:17px;}
.shoprelateditems h2 { font-size:19px;}
}