*, *:before, *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }

body { margin: 0; padding: 0; font-family: verdana, arial, tahoma; font-size: 12px; line-height: 170%; background: url(images/bg.gif) repeat; }

h1 { font: normal 40px 'Lobster Two', Trebuchet MS, Arial, Sans-serif; color: #596d83; text-align: center; }

h2 { font: normal 40px 'Lobster Two', Trebuchet MS, Arial, Sans-serif; color: #596d83; text-align: center; font-size: 30px; }

p { text-align: justify; }

a { color: #04648c; text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }

a:hover { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }

a:visited { color: #999; }

a img { border: none; }

#wrapper { width: 100%; max-width: 1110px; height: auto; min-height: 800px; margin: 0 auto; position: relative; background: #fff; margin-bottom: 20px; margin-top: 20px; padding: 230px 20px 20px 20px; -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.46); -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.46); box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.46); }

#header { position: absolute; top: 0px; left: 0px; height: 230px; width: 100%; }

#topMenu { width: 100%; max-width: 1150px; height: 53px; background: #596d83; margin: 0; position: relative; }

#tMenu { margin: 0; padding-top: 15px; padding-left: 18px; }

#tMenu li { display: inline; font: normal 15px 'Bebas', Arial, Sans-serif; text-transform: uppercase; margin-right: 20px; }

#tMenu li a { color: #fff; }

#contactBlock { position: absolute; right: 10px; top: 15px; font: normal 15px 'Bebas', Arial, Sans-serif; color: #fff; margin: 0; }

#contactBlock a { color: #fff; }

.blue { color: #8da3bc; margin-left: 10px; }

#logoImg { left: 0px; position: relative; top: 15px; }

#srchBox { width: 100%; max-width: 620px; height: 79px; background: #ece8e0; border: 1px solid #d8d3c9; position: absolute; right: 150px; top: 90px; }

#srchText { font: normal 22px 'Lobster Two', Trebuchet MS, Arial, sans-serif; color: #aaa396; text-align: center; margin-top: 5px; }

#srchBox #q { color: #444; padding: 4px; font: 13px Verdana; border-style: none; position: absolute; top: 35px; left: 16px; width: 100%; max-width: 502px; outline: none; height: 23px; border: 1px solid #ccc; }

#srchBox #q::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); }

#srchBox #q:-moz-placeholder { color: rgba(0, 0, 0, 0); }

#srchBox #q::-moz-placeholder { color: rgba(0, 0, 0, 0); }

#srchBox #q:-ms-input-placeholder { color: rgba(0, 0, 0, 0); }

#srchBox #q::-ms-input-placeholder { color: rgba(0, 0, 0, 0); }

#srchBox #q::placeholder { color: rgba(0, 0, 0, 0); }

#srchBtn { display: block; background: #596d83; width: 67px; height: 23px; font: normal 13px 'Bebas', Arial, Sans-serif; position: absolute; right: 20px; top: 35px; text-align: center; color: #fff; padding-top: 3px; }

#srchBtn:hover { background: #7c8ea2; }

#ticksImg { position: absolute; right: 0px; top: 66px; }

#banner { height: auto; width: 100%; max-width: 1110px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#banner div { float: left; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }

#bannerText { float: left; margin: 30px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }

#bannerText { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; max-width: 100%; height: 100%; }

.boxesContainer { width: 100%; height: auto; max-width: 424px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.imgBox { width: 48%; height: auto; margin: 1%; padding: 3px; position: relative; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); }

.imgBox img { position: relative; right: -3px; top: 9px; max-width: 100%; height: auto; }

.imgBox:hover { -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }

#content { width: 100%; max-width: 1110px; height: auto; }

#content h2 { text-align: center; }

#blog { width: 100%; max-width: 1110px; height: auto; min-height: 250px; }

#footer { width: auto; height: 80px; }

#footer a { color: #04648c; }

#fLinks { margin: 0 auto; width: auto; height: 80px; }

#fLinks p { text-align: center; color: #000; }

#textContent { height: auto; }

@font-face { font-family: 'Bebas'; src: url("Bebas/BEBAS___-webfont.eot"); src: url("Bebas/BEBAS___-webfont.eot?#iefix") format("embedded-opentype"), url("Bebas/BEBAS___-webfont.woff") format("woff"), url("Bebas/BEBAS___-webfont.ttf") format("truetype"), url("Bebas/BEBAS___-webfont.svg#Bebas") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Lobster Two'; src: url("Lobster Two/LobsterTwo-Regular-webfont.eot"); src: url("Lobster Two/LobsterTwo-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("Lobster Two/LobsterTwo-Regular-webfont.woff") format("woff"), url("Lobster Two/LobsterTwo-Regular-webfont.ttf") format("truetype"), url("Lobster Two/LobsterTwo-Regular-webfont.svg#LobsterTwoRegular") format("svg"); font-weight: normal; font-style: normal; }

#mobileLogo, #bannerText2 { display: none; }

@media only screen and (max-width: 1100px) { #srchBox { width: 100%; max-width: 320px; height: 79px; background: #ece8e0; border: 1px solid #d8d3c9; position: relative; display: inline-block; top: -35px; right: 0px; }
		#srchBox #q { width: 100%; max-width: 80%; } }

@media only screen and (max-width: 900px) { div#wrapper { padding: 180px 20px 20px 20px; } }

@media only screen and (max-width: 800px) { .imgBox { width: 98%; padding: 0px; }
		.imgBox > a { display: block; width: 100%; max-height: 200px; height: 100%; min-height: 140px; background-repeat: no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: right bottom; }
		.imgBox > a img { display: none; }
		#bannerText { display: none; }
		#bannerText2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
		img.banner--svg__text { width: 200px; min-height: 120px; }
		.backpacks { background-image: url(images/backpacks.jpg); }
		.backsacks { background-image: url(images/backsacks.jpg); }
		.paper { background-image: url(images/paper.jpg); }
		.jute { background-image: url(images/jute.jpg); }
		.nonwoven { background-image: url(images/non-woven.jpg); }
		.calico { background-image: url(images/calico.jpg); }
		.cooler { background-image: url(images/cooler.jpg); }
		.sports { background-image: url(images/sports.jpg); }
		.imgBox img { right: 0px; position: absolute; } }

@media only screen and (max-width: 786px) { img#ticksImg, p#contactBlock { display: none; }
		div#srchBox { top: 90px; right: 0px; position: absolute; max-width: 280px; } }

@media only screen and (max-width: 642px) { html, body { overflow-x: hidden; }
		p#srchText { display: none; }
		div#srchBox { height: auto; width: 100% !important; max-width: 95% !important; background: none; border: 0px; margin: auto; left: 0px; }
		#srchBox input#q { position: relative; width: 100%; max-width: 80%; float: left; top: 0px; left: 0px; }
		#srchBox input#q::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox input#q:-moz-placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox input#q::-moz-placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox input#q:-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox input#q::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox input#q::placeholder { color: rgba(0, 0, 0, 0.25); }
		#srchBox > #sform > a { max-width: 20%; width: 100%; position: relative; float: right; top: 0px; right: 0px; }
		ul#tMenu { padding-top: none; }
		div#topMenu { padding-top: 90px; height: auto; }
		img#logoImg { display: none; }
		svg#mobileLogo { display: block; width: 200px; position: absolute; top: 0px; left: 10px; }
		div#wrapper { margin-top: 0px; }
		a#srchBtn { background: #7c8ea2; }
		ul#tMenu { padding: 30px 0px 15px 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0px; }
		ul#tMenu > li { margin: 0px; } }

@media only screen and (max-width: 550px) { div#banner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
		div#banner > div.boxesContainer > div { width: 48%; }
		div#banner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
		div#banner > div.boxesContainer > div { width: 48%; }
		img.banner--svg__text:first-of-type { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: -90px; width: 140px; }
		img.banner--svg__text:last-of-type { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; right: -80px; width: 140px; top: 0px; }
		div#bannerText2 { position: relative; } }

@media only screen and (max-width: 380px) { #tMenu li a { font-size: 12px; } }

/*# sourceMappingURL=style.css.map */