@font-face {
    font-family: 'AGENCYB';
    src: url('fonts/AGENCYB.eot');
    src: url('fonts/AGENCYB.eot') format('embedded-opentype'),
         url('fonts/AGENCYB.woff2') format('woff2'),
         url('fonts/AGENCYB.woff') format('woff'),
         url('fonts/AGENCYB.ttf') format('truetype'),
         url('fonts/AGENCYB.svg#AGENCYB') format('svg');
}

html {
	min-height: 100%;
}
body {
	color: #5e5e5e;
	line-height: normal;
	font-family: 'AGENCYB', sans-serif;/* font-family: 'Agency_FB_Bold', Arial; */
}
.btn.btn-md.btn-default.hcr:hover, .btn.btn-md.btn-default.hcr {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-mos-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.mtb60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
h1, h2, h3 {
	font-family:'Agency FB'
}
h1, h2 {
	font-size: 40px !important;
	color: #e83d27;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 40px;
	color: #3e3d3d;
	margin-top: 0px;
}
.br1 {
	border-right: 1px solid #e83d27;
}
.bdlh1 {
	border-left: 1px solid #e83d27;
}
.bg-clt {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	margin-top: 29px;
	padding: 85px 20px 0px;
}
.clients-carousel .carousel-control {
	position: relative;
}
.p5{padding:5px;}
.pr20 {
	padding-right: 20px;
}
.bdlhb1 {
	border-left: 1px solid #3e3d3d;
}
.mtm30 {
	margin-top: -30px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb50 {
	padding-bottom: 50px;
}
.pt20 {
	padding-top: 20px;
}
.fs24 {
	font-size: 24px;
}
.fs20 {
	font-size: 15px;
}
.fs17 {
	font-size: 17px;
}
.c1 {
	color: #1face7;
}
.lh1{line-height:24px;}
.mt30 {
	margin-top: 30px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb60 {
	margin-bottom: 60px;
}
.fw300 {
	font-weight: 300;
}
.lh30 {
	line-height: 30px;
}
.pl50 {
	padding-left: 50px;
}
.pl20 {
	padding-left: 20px;
}
.mr20 {
	margin-right: 20px
}
.hm-prd-img {
	background: rgba(0, 0, 0, 0) url("../prd/hom-food.jpg") no-repeat scroll center center / cover;
	height: 187px;
	border: 3px solid #fff;
	position: relative
}
.hm-prd-img-1 {
	background: rgba(0, 0, 0, 0) url("../prd/hom-corrugated.jpg") no-repeat scroll center center / cover;
}
.hm-prd-img-2 {
	background: rgba(0, 0, 0, 0) url("../prd/hom-packaging.jpg") no-repeat scroll center center / cover;
}
.hm-prd-img-3 {
	background: rgba(0, 0, 0, 0) url("../prd/hom-paper.jpg") no-repeat scroll center center / cover;
}
.hm-prd-img a {
	background: rgba(35,36,36,.6);
	border-radius: 0;
	bottom: 0;
	display: ruby;
	left: 0;
	position: absolute;
	right: 0;
	color: #1face7;
}
.hm-prd-img a:hover {
	color: #1face7;
}
.btn.btn-md.btn-default.hcr {
	font-size: 24px;
	padding: 8px 20px;
	background: #1face7;
	border: 2px solid #1face7;
}

.btn.btn-md.btn-default.centre {
	font-size: 15px;
	padding: 8px 20px;
	background: #1face7;
	border: 2px solid #1face7;
}

.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.bs1 {
	box-shadow: 0 0 9px 4px #ccc;
}
.btn.btn-md.btn-default.hcr:hover {
	border: 2px solid #fff;
	background: #e83d27;
}
.hblh {
	position: relative
}
.hblh:after {
	position: absolute;
	content: "";
	top: 110%;
	width: 10%;
	height: 2px;
	background: #00c1e4;
	left: 46%;
}
.btn.btn-lg.btn-danger.btn-prd {
	background: #e83d27 none repeat scroll 0 0;
	border-radius: 0;
	font-family: AGENCYB;
	font-size: 40px;
	padding: 5px 60px;
}
p {
	margin-bottom: 0px;
	font-family: 'arial';
}
a {
	color: #545757;
}
a:hover {
	text-decoration: none;
}
.p20 {
	padding: 20px;
}
.pr0 {
	padding-right: 0px;
}
.mt4 {
	margin-top: 4px;
}
.bg1 {
	background: #545757;
}
.bg2 {
	background: #ececec;
}
.bg3 {
	background: #dfdfdf;
}
.head-1 {
	max-height: 50px;
}
.box-prd {
	margin: 0 auto;
}
.star {
	margin-top: 10px;
	position: relative;
	z-index: 2;
}
.star p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
}
.star p span {
	color: #1b94ba
}
.top-hd-rgt {
	font-family: 'arial';
	color: #f0f0f0;
	font-size: 20px;
	height:75px;
}
.top-hd-rgt{font-size:14px;}
.cal-us-icon {
	background: #29a1d3;
	padding: 4px;
	width:30px;
	border-radius:5px;
}
.envlop {
	padding: 4px 4px;
}
.top-hd-rgt p a {
	color: #f0f0f0;
}
.navbar.navbar-default {
	border-radius: 0;
	position: relative;
	top: -40px;
	background: #fff;
	
	font-family: 'Agency_FB_Bold', Arial;
}
.navbar-default {
	border-color: transparent;
}
.navbar {
	border: none;
	margin-bottom: 0px;
}
.nav > li > a {
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	margin-left: 10px;
	padding: 14px 12px;
}
.navbar-default .navbar-nav > li > a {
	color: #545757;
	border-top: 4px solid transparent;
}
.collapse.navbar-collapse.pull-right {
	margin-top: 30px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background-color: #545757;
	color: #fff;
	border-top: 4px solid #38c5f2;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: #545757;
	color: #fff;
	border-top: 4px solid #38c5f2;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav >.open > a:hover {
	background-color: #545757;
	color: #fff;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu {
	top: 110%;
	min-width: 241px;
	padding: 2px 0px;
}
.dropdown {
	position: relative;
}
.dropdown:hover:after {
	background: transparent;
	content: "";
	height: 31px;
	left: 10px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 9990;
}
.dropdown-menu > li {
	border-bottom: 1px solid #ccc;
	padding: 3px;
}
.dropdown-menu > li > a {
	font-size: 14px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #38c5f2;
	color: #fff;
}
.navbar-brand {
	min-height: 90px;
	padding: 0;
}
.carousel {
	top: -40px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-inner.main-slider img {
	height: 430px;
}
.glyphicon.glyphicon-circle-arrow-right, .glyphicon.glyphicon-circle-arrow-left {
	top: 50%;
	font-size: 40px;
	position: absolute;
}
.carousel-inner.main-slider .carousel-caption {
	background: rgba(80, 78, 75, 0.9) none repeat scroll 0 0;
	bottom: 7%;
	font-family: "AGENCYB", Arial;
	left: 40%;
	padding: 10px;
	right: 12%;
	top: 46%;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 1);
}
.carousel-inner.main-slider .carousel-caption p {
	font-size: 20px;
}
.carousel-inner.main-slider .carousel-caption .lead {
	font-size: 25px;
}
.carousel-inner.main-slider .carousel-caption h2 {
	font-size: 60px;
	color: #e6422c;
	border-right: 1px solid #e6422c;
	padding-right: 20px;
}
.btn.btn-md.btn-default {
	border-radius: 0px;
	padding: 6px 20px;
	margin-top: 20px;
	background: #e6422c;
	color: #fff;
	border: none;
	font-size: 18px;
}
.clnt-bg {
	background: rgba(0, 0, 0, 0) url("../gifs/clnt-bg.jpg") no-repeat scroll center center / cover;
	padding: 60px 0;
	border-bottom: 4px solid #e83d27
}
.bg-futr {
	background: #1c2122;
}
.mob-site a {
	color: #fff;
	font-size: 20px;
	background: #e83d27;
	font-family: "AGENCYB", Arial;
	padding: 10px 15px;
}
.futr1{background:#252d2e;font-family: "AGENCYB", Arial;}
.futr1 h3{color:#fff;font-size:30px;position:relative;}
.futr1 h3:after{position:absolute;content:"";top:120%;left:0;right:20%;height:1px;background:#e5e5e5;}
.futr1 ul{margin:0px;padding:0px;border-right:1px solid #484e4f;}
.futr1 ul li{list-style:none;}
.futr1 ul li a{color:#e5e5e5;font-size:16px;display:block;padding: 3px 0 3px 20px;position:relative;}
.futr1 ul li a:after{position:absolute;content:"+";color:#23ebfd;top:12%;left:0;}
.futr1 ul li a:first-letter{color:#23ebfd}
.futr1 ul li:hover a:first-letter, .futr1 ul li:hover a:after{color:#e83d27}
.no-bdr{border:none !important;}
.breadcrumb {
    border-radius: 0;
    list-style: outside none none;
    margin: 0;
    padding: 3px 20px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    color: #dcdbdb;
    font-size: 13px;
    font-weight: 500;
}
.breadcrumb>.active {
    color: #1face7;
}
.mbot15 {
    margin-bottom: 15px;
}
.bg10 {
    background-color: #252d2e;
	border:solid 1px #bfbdbd;
}
.bg11{background-color:#d9edf7;}.bg12{background-color:#93d7f9;}

.tcenter{text-align:center;}
.f200{font-weight:bold;font-size:12px;}

#inline { display: none; width: 600px; }

label { margin-right: 12px; margin-bottom: 9px; font-family: arial; color: #646464; font-size: 12px; }

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}




@media (min-width:768px) and (max-width:1199px) {
.fa.fa-envelope, .fa.fa-phone {
	font-size: 12px;
}
.top-hd-rgt p {
	font-size: 14px;
}
.nav > li > a {
	font-size: 18px;
	padding: 6px 5px 9px;
}
.navbar-header {
	width: 25%;
}
.navbar-brand img {
	width: 100%;
}
.carousel-inner.main-slider .carousel-caption h2, .carousel-inner.main-slider .carousel-caption p, .carousel-inner {
	text-align: center;
}
.main-slider .carousel-caption a {
	display: block;
}
.carousel-inner.main-slider .carousel-caption p {
	font-size: 21px;
}
.carousel-inner.main-slider .carousel-caption {
	left: 23%;
	top: 30%;
	padding: 20px;
}
.btn.btn-md.btn-default {
	padding: 6px 150px;
}
.carousel-inner.main-slider .carousel-caption h2 {
	border-right: none;
	padding-right: 0px;
}
.mob-site a {
    padding: 4px 2px;
}
}

@media (min-width:320px) and (max-width:1023px) {
.navbar.navbar-default {
	top: 0px;
	z-index: 9999;
}
.carousel {
	top: 0px;
}
.carousel-inner.main-slider .carousel-caption h2 {
	border-right: none;
	padding-right: 0px;
}
.text-right, .text-left {
	text-align: center;
}
.box-prd {
	width: 100%;
}
.mtb60 {
	margin-bottom: 0;
	margin-top: 20px;
}
.futr1 ul,.br1, .bdlhb1{
    border-right: medium none;border-left: medium none;
}

}

@media (min-width:320px) and (max-width:767px) {
.pull-left, .pull-right {
	float: none !important;
}
.top-hd-rgt {
	clear: both;
	padding: 0 30px;
}
.star {
	margin: 10px auto;
	padding-bottom: 5px;
}
.head-1 {
	max-height: 180px;
}
.top-hd-rgt div {
	margin-bottom: 5px;
	text-align: center;
}
.cal-us, .star {
	border-bottom: 1px solid #646464
}
.navbar-brand {
	padding: 15px;
}
.carousel-inner.main-slider .carousel-caption {
	bottom: 7%;
	left: 15%;
	right: 15%;
	top: 39%;
	padding: 0 20px;
}
.carousel-inner.main-slider .carousel-caption h2 {
	font-size: 30px;
}
.glyphicon.glyphicon-circle-arrow-right {
	right: 20%;
}
.glyphicon.glyphicon-circle-arrow-right, .glyphicon.glyphicon-circle-arrow-left {
	font-size: 25px;
}
.carousel-inner.main-slider .carousel-caption p, .carousel-inner.main-slider .carousel-caption p.lead {
	font-size: 14px;
}
.mtm30 {
	margin-top: 0px;
}
.btn.btn-lg.btn-danger.btn-prd {
	padding: 5px 10px;
}
.bg-clt {
	margin-top: 0;
	padding: 15px 20px 0;
}
.cpy-ryt {
    border-bottom: 1px solid #252d2e;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.iml{clear:both}

.futr-cmpny, .futr-prd{margin-bottom:20px;border-bottom:1px solid #1c2122;}
}
/*-------------Start Popup & Enquiry-form Stylesheet-------------*/
.popup_enquiry .cn3_p .intl-tel-input {
	width: 20% !important;
}
.intl-tel-input .cn1_p {
	height: 40px !important;
}
#ip_mobile, #open_form_email {
	position: relative !important;
}
#ip_mobile .cn3_p #S_mobile2 {
	height: 40px !important;
	position: absolute;
	right: 0;
	width: 87% !important;
	z-index: 1;
}
#S_mobile3 {
	position: absolute !important;
	right: 0;
	width: 64% !important;
	z-index: 1;
}
#mobile-number {
	width: 38% !important;
}
#ip_mobile .m41_p .cn3_p #S_mobile {
	width: 404px !important;
	height: 41px !important;
}
#ip_mobile .m41_p .cn3_p .intl-tel-input {
	width: 7% !important;
}
#open_form_email .m2_p.mob_sms #S_mobile3, .popup_enquiry .cn3_p INPUT.cn2_p {
	width: 80% !important;
}
#country_drop_list #email_display_second #S_email, .s_icon8_p, .cnt_eq INPUT.txtf_n, .cnt_eq INPUT.txtf, #formhide #fullname, #Description_field, .intl-tel-input input, .popup_enquiry DIV TEXTAREA, #open_form_email .mob_sms11 #fullname_smspopup {
	width: 100% !important;
}
/*-------------End Popup & Enquiry-form Stylesheet-------------*/
/* Height and width */
.hght1{height:80px;}
.fnt1{font-size:14px;}