html { scroll-behavior: smooth; }
.img-responsive { margin-left: auto; margin-right: auto;}
body { font-family: 'Poppins', sans-serif; font-weight: 400;font-size: 16px;line-height: 28px; color: #0c120c;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {color: #5bba47; font-family: 'Bitter', serif; }
.h1, h1 {font-size: 35px;margin-bottom: 20px;font-weight: 600;color: #5bba47;}
.h2, h2 { font-size: 30px; font-weight: 600;}
.h3, h3 {font-size: 25px; font-weight: 600; line-height: 32px;}
.container-wide, #breadcrumbDiv, #products .body-wrapper{ max-width: 1170px;margin: 0 auto;padding: 20px 20px;}
#breadcrumbDiv {padding-bottom: 0; padding-top: 0;}
.breadcrumb a:hover { color: #ccc; }
.main-content {padding: 0 0 30px;}
/* .main-content h1 {font-size: 40px;color: #000; font-weight: 800; margin-top: 0; margin-bottom: 15px; } */
#home-content h1 { font-size: 45px; font-family: 'Bitter', serif; color: #fff; letter-spacing: 2px; text-align: center; text-transform: uppercase; background: #5bba47; padding: 30px 15px; border-radius: 20px;}
#home-content h1 span {color: #5bba47;display: block;font-size: 30px; margin-bottom: 10px;}
#header {background-color: #fff; /* background-image: url(/media/1284/egg-shell.png); */padding: 10px 0; /* min-height: 170px; */display: inline-block: width: 100%; }
#header .container-wide {padding: 0 20px 10px; }
.contact_details {float: right;margin-right: 9px;margin-bottom: 20px; margin-top: 10px;font-weight: 600; font-size: 25px; color: #0c120c;}
.contact_details a { color: #414042; }
.contact_details a:hover, .contact_details a:focus { color: #5bba47; text-decoration: none; }
.contact_details a .fa { color: #5bba47; }
.contact_details .fa { font-size: 21px; margin-right: 10px; }
.contact_details .fa.fa-phone { font-size: 25px; }
.contact_details .contact_number { font-size: 23px; margin-right: 20px; }
.contact_details .contact_emails { font-size: 20px; }
/****Nav bar***/
#main-nav li a {color: #fff; font-weight: 600; font-size: 16px; padding: 10px 8px; text-align: center; margin: 1rem; background: #019dea; border-radius: 5px; text-transform: uppercase;}
#main-nav li a:hover {background: #414042;transition: 0.3s; color: #fff;}
.navbar-brand { height: 0; padding: 0;}
.navbar-collapse {box-shadow: none;clear: both;}
#main-nav li a.btn {font-weight: 500; font-size: 15px; border-radius: 5px; background: #414042; color: #fff; margin-bottom: 20px; min-width: 130px;}
#main-nav li a.btn:hover, #main-nav li a.btn:focus { background: #8D8D8E !important; color: #fff !important; }
#main-nav .fa {margin-right: 10px;}
.navbar-toggler {background: url('/media/2055/menu-icon.png'); border: none; height: 40px; width: 38px; background-size: 38px; float: right; margin: 20px 0 10px; background-repeat: no-repeat; background-size: 35px;background-position: 0px 15px;}
.navbar-toggler:focus { outline: 0; }
.navbar-brand>img {max-width: 300px; margin-top: 15px; }
.navbar-brand { float: none; }
.navbar-nav > li { float: none; }
.navbar-right {/* margin-top: 15px; */ }
@media(max-width:1300px) {
.navbar-brand > img { /* max-width: 520px; */ }
}
@media(max-width:1199px) {
/* .contact_details .contact_emails, .top-separator { display: none; } */
.navbar-brand > img {/* max-width: 400px; margin-top: 10px; */}
}
@media (max-width: 1024px) {
.nav>li>a {padding: 10px 15px;!important;}
/* .navbar-brand > img {margin-top: 10px; max-width: 300px;} */
#home-content h1 { font-size: 33px; line-height: 42px; }
}
@media (max-width: 991px) {
.contact_details { display: none; }
#home-content h1 { text-align: center; }
#banner img { max-width: 200px !important; }
}
@media (max-width: 992px) {
#header { min-height: 110px; padding-top: 5px;}
#header .container-wide {padding-bottom: 0;}
.navbar-brand>img { max-width: 250px; margin-top: 0;}
#banner {padding-top: 50px!important;height: auto!important;}
#banner h2 {font-size: 40px!important;}
#banner h3 {font-size: 35px!important; margin-top: 20px !important;}
.navbar-brand { float: left; }
}
@media(max-width:767px) {
.h1, h1 { font-size: 34px; text-align: center;line-height: 40px;}
.h2, h2 {font-size: 28px; line-height: 38px;}
/* .h3, h3 {font-size: 18px;} */
.navbar-nav {margin-top: 40px;}
#banner {padding-top: 50px!important;}
.wrapper { overflow-x: hidden; }
}
@media(max-width:480px) {
.navbar-brand > img { max-width: 220px; margin-top: 5px; }
#header .container-wide {padding: 0 10px 10px;}
#banner h2 { font-size: 40px !important; }
#banner h3 {font-size: 30px!important; margin-top: 10px !important;}
#header { /* min-height: 70px; */ }
.navbar-toggler { /* margin-top: 10px; */ }
#home-content h1 { font-size: 25px; line-height: 33px; }
}
@media (min-width: 768px) {
.navbar-collapse.collapse {}
}
@media(min-width: 992px) {
.navbar-toggler {display: none;}
.navbar-collapse {width: auto;border-top: 0;}
.navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;}
.col-pad {padding: 4rem 2rem;}
.col-img-pad {padding: 4rem;}
.col-pad-side {padding: 0 2rem;}
.navbar-expand-lg .navbar-collapse {display: contents!important; }
}
/*social header*/
.social_wrapper {text-align: right;margin-top: 5px;float: right;margin-left: 35px; font-weight: 600;}
.navbar-brand { /* height: 10px; padding-top: 5px; */ }
.social_wrapper .fa { font-size: 25px; margin-right: 2px; }
.social_wrapper .fa.fa-facebook-official { margin-left: 5px; color: #3b5998; }
.fa.fa-twitter-square { color: #1da1f2; }
.fa.fa-pinterest-square { color: #e60023; }
.fa.fa-youtube-square { color: #ff0000; }
.fa.fa-linkedin-square { color: #0077b5; }
.social_wrapper .fa.fa-instagram { color: #c13584; }
.social_wrapper .fa.fa-facebook-official:hover, .social_wrapper .fa.fa-facebook-official:focus, .social_wrapper .fa.fa-instagram:hover, .social_wrapper .fa.fa-instagram:focus { color: #414042; }
.social_wrapper .fa:hover, .social_wrapper .fa:focus { color: #414042 !important; }
@media(max-width:991px) {
.social_wrapper { display: none; }
.main-content h1 { text-align: center; }
}
/**Breadcrumb**/
.breadcrumb > li { color: #fff; }
.glyphicon.glyphicon-home { color: #bbb; }
.breadcrumb-wrapper {background: #414042; margin-bottom: 0;}
#ozi-hygiene-packaging .breadcrumb-wrapper {display: none;}
/*Change to customers colours*/
a {color: #5bba47; }
a:hover, a:active, a:focus {color: #a5e3e8; }
.btn {color: #fff; background-color: #5bba47; border-radius: 0!important;text-transform: inherit;margin-bottom: 20px;}
.btn:hover, .btn:active, .btn:focus {background: #5bba47 !important;color: #fff !important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: #515151; color: #fff;}
.nav-pills>li>a:hover {color: #515151;background-color: #f1f1f1;}
.favourite.card-header {color: #fff;background-color: #000!important; }
/*****Banner*****/
.image-shadow {box-shadow: 1px 2px 5px #00000087;padding: 15px;border-radius: 5px;}
#banner { background: url('/media/1905/home-banner.jpg'); background-position: center; background-size: cover; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; text-align: center; color: #FFF; padding-top: 120px;height: 680px;margin-top: 0;background-attachment: fixed;}
#banner img { max-width: 250px; }
.w-100 { width: 100%; }
#banner h2 {font-size: 80px;font-weight: 800 !important;color: #fff;text-shadow: 1px 2px 3px rgba(0,0,0,0.8);font-family: 'Bitter', serif;letter-spacing: 2px; line-height: 55px; }
#banner h3 {font-size: 55px;color: #5bba47; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-weight: 800;margin-top: 35px; letter-spacing: 5px; line-height: 70px;}
ul#feature {text-transform: uppercase; list-style-type: none; margin: 20px auto 50px;display: block;max-width: 780px; padding-left: 0;}
ul#feature li a {color: #fff;display: inline-block;border: 2px dashed #fff; height: 109px; width: 220px; padding: 30px 15px 0; font-size: 20px;line-height: 24px; float: left; margin: 20px; font-weight: 600; background: #0000004d;}
ul#feature li strong {color: #019dea;}
ul#feature li a:hover {background: #000000c9;transition: 0.5s; text-decoration: none;}
@media(max-width: 1024px) {
.bannerimage { max-width: 300px; }
}
@media(max-width: 992px) {
ul#feature li a {height: 200px;width: 200px;padding: 76px 15px 0;font-size: 20px;}
}
@media(max-width: 767px) {
ul#feature {max-width: 420px;}
ul#feature li a {height: 158px;width: 158px;padding: 42px 15px 0;display: block;font-size: 20px;margin: 20px auto;float: none;}
#our-products-btn a {padding-top: 55px!important;}
.footmenu .menu_list li { width: 100%; margin-right: 0; }
}
@media(max-width: 480px) {
#banner { background-attachment: local; }
#home-content #logo { /* max-width: 250px !important; */ }
}
/***Home***/
#home-content.main-content { padding: 0; background: #5bba47 url("/media/2051/home-banner.jpg"); display: inline-block; width: 100%; min-height: 400px; display: flex; align-items: center; }
#home-content #logo { max-width: 180px; margin-bottom: 15px; }
#ozi-hygiene-packaging .body-wrapper {background: #fff;/* background-image: url("/media/1455/back-pattern.png"); */}
#box-wrapper {text-align: center; padding: 30px 0 10px;}
#box-wrapper li {list-style-type: none; border: 2px solid #fff;}
.box-wrap { height: 350px; text-align: center; color: #fff; padding: 54px 34px 54px;background-size: cover!important;}
.box-wrap p, .box-wrap a {font-weight: 600; }
.box-wrap p { /* min-height: 60px; */ }
.box-wrap a .fa {font-size: 23px;margin-left: 5px;}
.box-wrap a {background: #5bba4787;color: #fff;padding: 5px 15px;display: inline-block;border-radius: 5px;font-size: 18px;text-transform: uppercase;margin-top: 15px;}
.box-wrap a:hover, .box-wrap a:focus {text-decoration: none;background: #414042cc;}
#box1 { background: url('/media/1906/box-1.jpg');}
#box2 { background: url('/media/1907/box-2.jpg');}
#box3 { background: url('/media/1908/box-3.jpg');}
.box-wrap h3 { color: #ffffff; border: 2px dashed #fff; font-size: 20px; padding: 20px;text-transform: uppercase; max-width: 253px; margin: 0 auto 22px;}
.box-wrap h3 span { font-weight: 600; color: #019dea; }
.home-content-text-cover {padding: 30px 25px;box-shadow: 1px 2px 5px #0003;border-radius: 5px;margin-bottom: 25px;border: 1px solid #cccccc5c; background: #fff; text-align: justify; /* font-family: 'Montserrat',sans-serif; */ font-weight: 400;}
#vendor-demo-2 footer, #contact-us footer { margin-top: 0; }
#featured-content { padding: 50px 0; }
.featured-title { font-size: 18px; font-weight: 500; padding: 10px 0; display: block; background: #5bba47; color: #fff; border-radius: 30px; }
.block-image:hover .featured-title, .block-image:focus .featured-title { background: rgba(91, 186, 71, 0.4); color: #414042; }
/***Our Products***/
.product-info { background: #f6f6f6; padding: 26px; min-height: 418px; margin-bottom: 20px;}
.product-info .card-text {min-height: 104px;}
.product-info h5 {font-size: 18px;font-weight: 600;}
.product-info p { font-size: 14px; line-height: 24px; margin-top: 16px;}
.product-info img { width: 100%; max-height: 168px;}
.product_search { margin-left: 2%; width: 90%; }
.block-image { /* background: #5bba47; */ display: block; /* color: #fff; */ }
.block-image:hover, .block-image:focus { text-decoration: none; }
.clickable-panel__image-helper {z-index: 2;padding: 10px; width: 280px;height: 280px; display: inline-block;border: 5px solid #5bba47;-webkit-box-sizing: border-box; box-sizing: border-box;border-radius: 50%;margin-bottom: 2em;}
.u-bg {background: center center / cover no-repeat;}
.clickable-panel__image {position: relative;overflow: hidden;height: 100%;width: 100%;display: inline-block;margin: 0 auto;border-radius: 50%;background: center center / cover no-repeat;}
.clickable-panel__image img { position: absolute;top: 0;left: 0; width: 100%;opacity: 0;}
.block-image:hover .clickable-panel__image-helper {border: 5px solid rgba(91, 186, 71, 0.4);}
/***************Global**************/
.account {max-width: 1590px; margin: 15px auto; padding-left: 15px; padding-right: 15px;}
#myNavbar .navbar-nav { margin: 0 auto; width: 100%;}
table td {font-size: 16px;}
.glyphicon-star, .glyphicon-remove {margin-right: 0;}
.btn {font-size: 18px;padding: 8px 10px;border: none;margin-top: 0;font-weight: 700;text-transform: uppercase;border-radius: 5px !important;}
.btn-lg {font-size: 16px; padding: 15px 30px;margin-top: 20px;}
#breadcrumbDiv .breadcrumb { background: transparent;}
#breadcrumbDiv .breadcrumb li a { color: #fff; }
.main_products:hover {background-color: #414042 !important;}
.card .card-header { border-radius: 3px; padding: 10px;background-color: #5bba47; }
.main_products.card-header .title { display: inline-block; }
.card .card-header .title { font-weight: 500; }
.text-label { font-weight: 600; }
.card-header.product_list {background-color: #414042; }
b, strong {font-weight: 600;}
@media (max-width: 767px) {
.card-header.product_list { width: 100%; }
}
/**Customer login**/
.CustomLogin .card .card-header {background-color: #414042;padding: 15px; text-align: center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #000000;background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;}
.CustomLogin .form-control { height: 42px;}
/***Contact Us***/
#contact-us .body-wrapper { /* background: url("/media/1629/contact-bg.jpg") no-repeat; background-size: cover; background-attachment:fixed; */ }
#contact-content h2 {font-size: 58px;}
#contact-content a { font-weight: 600; color: #000; }
#contact-content a:hover, #contact-content a:focus { text-decoration: none; color: #5bba47; }
/****Forms****/
#contact-content .form-wrapper h3 small {color: #000;font-weight: 600;font-size: 80%;}
.form-wrapper {background: #2626252e;padding: 15px 30px;border-radius: 15px;box-shadow: 1px 2px 5px #00000026; border: 1px solid #ccccccbf;}
.form-wrapper #divContactUsForm {margin-top: 22px;}
.form-wrapper label {font-weight: 600; }
.form-wrapper .form-control {font-size: 16px; padding: 5px 12px;border: none;border-radius: 0; color: #000;}
.form-wrapper .form-control, .form-wrapper .form-control { padding: 10px 15px; height: auto; }
/****Registration form ****/
#RegistrationForm {max-width: 690px; margin: 22px auto; display: block;clear: left;}
#RegistrationForm .form-control {height: 40px;}
footer {background: #414042;color: #fff;margin-top: 40px;clear: both;}
.account {max-width: 1580px; margin: 15px auto;}
#contact-us h1 { margin-top: 0; }
#contact-us h3 { color: #5bba47; }
/*footer*/
footer {margin-top: 0;clear: both; padding: 0 0 10px;}
.footmenu .menu_list {list-style-type: none;display: inline-block;padding: 0;}
.footmenu .menu_list li { display: inline-block; margin-right: 35px; }
.footmenu .menu_list li:last-child { margin-right: 0; }
.footmenu {background: #019dea;padding-top: 10px;}
.footmenu .menu_list li a { color: #fff; }
#copyrightDiv { margin-top: 10px; padding: 10px 0 0; }
#copyrightDiv a { color: #5bba47; }
/*privacy terms*/
#privacy-policy h1, #terms-of-use h1 {font-size: 30px; margin-bottom: 10px; font-weight: 600; text-align: center;}
#privacy-policy h2 {font-size: 25px; font-weight: 600; }
#privacy-policy .container, #terms-of-use .container { max-width: 1590px; /* padding: 15px 15px 30px; */ }
/*Order app*/
.order_app_wrapper {margin-bottom: 10px; margin-right: 9px; margin-top: 10px;}
.order_app_wrapper.desktop a { display: block; margin-bottom: 20px;}
@media (max-width: 991px) {
.order_app_wrapper { display: none; }
.block-image { margin-bottom: 35px; }
}
.order_app_wrapper img { max-width: 130px; border: 1px solid #414042; border-radius: 5px; }
.order_app_wrapper a:hover img, .order_app_wrapper a:focus img { border: 1px solid #5bba47; }
.order_app_wrapper.mobile {display: inline-block;float: none;text-align: center;background-color: #5bba47; margin-bottom: 0;padding: 10px 0; margin-top: 0; width: 100%;}
@media (min-width: 992px) {
.order_app_wrapper.mobile { display: none; }
}
/*gallery*/
.menu_navigator {background: #000;padding: 5px 10px;display: flex;border-radius: 20px;text-align: center;font-weight: 600; margin-bottom: 10px; align-items: center; justify-content: center;}
.menu_navigator .fa { margin-left: 9px; }
.menu_navigator:hover, .menu_navigator:focus { background: #000; color: #000; text-decoration: none; }
.gallery_product_title {font-size: 30px;text-align: center;font-weight: 600;color: #000;margin: 60px 0 30px;}
.product_label {text-align: center;font-size: 18px;font-weight: 500;font-family: 'Poppins', sans-serif;padding: 0; color: #000;}
.mb-3 { margin-bottom: 15px; }
.gallery_product_title_individual { margin-bottom: 20px; font-size: 25px; }
/* #gallery .body-wrapper img { border-radius: 8px; box-shadow: 1px 2px 5px #00000069; } */
.back-to-top-btn {padding: 5px 10px;display: block;border: 2px solid;border-radius: 5px;font-weight: 600;text-transform: uppercase;width: 200px;text-align: center;margin: 20px auto;}
.back-to-top-btn:hover, .back-to-top-btn:focus { background: #000; color: #000; text-decoration: none; }
.back-to-top-btn .fa {font-size: 20px;margin-left: 10px;}
@media (min-width: 992px) and (max-width: 1490px) {
.menu_navigator { min-height: 65px; border-radius: 10px; }
}
/*about us*/
.heading-broder-bar { width: 24%; position: relative; margin-bottom: 45px; margin-left: auto !important; margin-right: auto !important; margin-top: 25px; }
.heading-broder-bar:before {content: "";width: 100%;height: 1px;border-top: 1px solid rgba(0,0,0,.1);position: absolute;left: 0;top: 0;z-index: 10; border-top-color: #ffc700; border-top-width: 3px;}
.heading-broder-bar.sub-head { margin-top: 10px; margin-bottom: 25px; }
.block-wrapper {display: flex;align-items: center;background: #5bba47;color: #fff; text-align: center; margin-bottom: 15px; }
.block-wrapper h2 { color: #fff; }
.left-image-block { padding-left: 0 !important; padding-right: 0 !important; }
.g-block-cover {display: inline-block;width: 100%;margin-bottom: 35px;}
.g-block-cover img { border-radius: 5%; border: 2px solid #cccccc4f; }
@media (max-width: 1024px) {
.block-wrapper { display: block; padding-bottom: 15px; }
}
/*slider*/
.carousel .carousel-control { width: 40px; height: 40px; border-radius: 50%; background: #414042; text-shadow: none; top: 45%;}
.carousel-control .fa { font-size: 35px; margin-right: 4px; margin-top: 1px;}
.carousel-control.left { left: 15px;}
.carousel-control.right { right: 15px; }
.carousel-control.right .fa { margin-right: -2px}
#myCarousel .carousel-inner > .item > img { border-radius: 5px; }
#myCarousel { box-shadow: 1px 2px 5px #0003; border-radius: 5px; }
/*registration*/
.imp-notices {border-radius: 5px;border: 2px solid #5bba47;padding: 15px;margin-bottom: 20px;text-align: center;}
.imp-notices h2 { margin: 0; color: #e71d1d; }
.imp-notices h3 {margin-top: 10px;font-size: 22px; font-weight: 500;}
.imp-notices ol { text-align: left; margin: 0 auto; width: 350px; }
@media (max-width: 480px) {
.imp-notices ol { width: auto; }
}