@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: "Poppins", sans-serif;*/
::selection { color: #fff; background: #f06723; }
html { font-size: 100%; scroll-behavior: smooth; }
input:focus { outline: none !important; }
* { outline: none; margin: 0px; padding: 0px; box-sizing: border-box; }
img { outline: none; }
body { font-family: "Poppins", sans-serif; font-size: 1em; color: #222222; overflow: auto; }
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { font-family: "Poppins", sans-serif; margin: 0px; padding: 0px; }
p { line-height: 32px; }
.container { width: 1300px; margin: 0 auto; }
.flex-container { display: flex; }
.clear { clear: both; }
.vrajimports-but,
.cfs-hyperlink { background: rgb(36,119,187); background: -moz-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: -webkit-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2477bb", endColorstr="#429de8", GradientType=1);
text-decoration: none; color: #fff; padding: 15px 30px 17px 30px; display: inline-block; border-radius: 6px; line-height: 1; }
.vrajimports-but:hover,
.cfs-hyperlink:hover { background: #f06723; }
.vrajimports-title { font-size: 2em; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; margin-bottom: 40px; font-weight: 600; gap: 15px; color: #2477bb; }
.vrajimports-title:after { content: ""; background: #eb5c12; display: inline-block; width: 60px; height: 2px; border-radius: 10px; }
.hamburger-menu,
.close-menu,
.mobile-info { display: none; }
/**/
.top-strip { background: rgb(36,119,187); background: -moz-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: -webkit-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2477bb", endColorstr="#429de8", GradientType=1);
padding: 10px 0; color: #fff; }
.top-strip ul li { display: inline-block; flex: 1 1 calc((100% / 3) - 2em); }
.top-strip ul li:nth-child(2) { text-align: center; }
.top-strip ul li:last-child { text-align: right; }
.top-strip .flex-container,
.logo-strip .flex-container { justify-content: space-between; align-items: center; }
.top-strip a { text-decoration: none; color: #fff; }
.top-strip a:hover { color: #ffb18b; text-decoration: underline; }
.logo-strip { padding: 20px 0; }
.logo-strip.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #ffffff; box-shadow: 0 0 10px #0000003b; border-top: solid 3px #2477bb; }
.logo-strip img { width: 150px; }
.logo-strip ul li { display: inline-block; padding: 0 20px; }
.logo-strip ul li a { text-decoration: none; color: #000; }
.logo-strip ul li a:hover,
.logo-strip ul li.current_page_item a { color: #f06723; text-decoration: underline; }
a.header-content { text-decoration: none; color: #2477bb; border: solid 1px; padding: 13px 26px; border-radius: 4px; background: no-repeat; }
a.header-content:hover { background: #f06723; border: solid 1px #f06723; color: #fff; }
/**/
.hero-banner .item { position: relative; }
.banner-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; }
.hero-banner .item img { /* border-radius: 10px; */ object-fit: cover; }
.mobile-banner { display: none; }
.banner-content h2 { font-size: 3em; line-height: 1.2; font-weight: 600; }
.banner-content p { font-size: 1.5em; padding: 25px 0 40px 0; }
/**/
.our-products { padding: 6em 0; text-align: center; }
.our-products .flex-container { margin-top: 2em; gap: 4em; }
.products-grid { border: solid 1px #ddd; padding: 1em; border-radius: 8px; }
/*.products-grid img { height: 350px; object-fit: cover; }*/
.products-grid a.cfs-hyperlink { padding: 15px 0; width: 100%; font-size: 1.3em; margin-top: 20px; }
/**/
.about-us { text-align: center; background: url(../images/about-bg.jpg); padding: 5em 3em; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.about-us p { padding-bottom: 40px; line-height: 30px; }
/**/
.questions { padding: 5em 0; text-align: center; }
.contect-info { margin: 40px 0; display: flex; justify-content: center; gap: 3em; }
.contect-info li { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.contact-form { display: flex; flex-wrap: wrap; padding: 0; gap: 1em; width: 1000px; margin: 0 auto; }
.contact-form li { flex: 1 1 calc((100% / 2) - 2em); display: inline-block; text-align: left; }
.contact-form li label { font-size: 1em; margin-bottom: 5px; display: inline-block; font-weight: normal; }
.contact-form li input,
.contact-form li textarea { border: solid 1px #ddd; width: 100%; border-radius: 4px; margin: 0; padding: 8px 10px; }
.contact-form li textarea { height: 100px; }
.contact-form li:nth-child(5) { flex: 1 1 calc((100% / 1) - 2em); }
.contact-form li:last-child { flex: 0 1 calc((200px / 1) - 2em); margin: 0 auto; }
input.wpcf7-submit { background: rgb(36,119,187) !important; background: -moz-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%) !important; background: -webkit-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%) !important; background: linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2477bb", endColorstr="#429de8", GradientType=1);
border: none !important; font-size: 1em; padding: 12px 0 13px 0 !important; }
input.wpcf7-submit:hover { background: #000000 !important; color: #fff !important; }
.questions img { width: 44px; }
/**/
.usp { padding: 3em 0; background: url(../images/committed-bg.jpg); }
.usp .flex-container { display: flex; gap: 4em; }
.usp-grid { display: flex; align-items: center; gap: 15px; padding: 0 20px;/* border-right: solid 1px #343434;*/ }
.usp-grid:last-child { border: none; }
.usp-grid span { font-weight: 600; line-height: 24px; text-transform: uppercase; }
.usp-grid figure img { width: 70px; object-fit: cover; }
/**/
.footer { text-align: center; background: #2477bb; padding: 20px 0; color: #fff; }
#return-to-top { width: 50px; text-align: center; height: 50px; background: #2477bb; position: fixed; right: 20px; bottom: 10px; border-radius: 4px; z-index: 99; padding: 10px 0; display: none; }
#return-to-top img { width: 20px }
/**/
.inner-banner { position: relative; }
.inner-banner img {/* height: 300px !important;*/ max-width: 100% !important; object-fit: cover; }
.inner-banner h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1e66a1; font-weight: 600; font-size: 5em; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; }
.page-id-261 .inner-banner h2 { left: 28%; }
/*.inner-page { padding: 5em 0; }*/
.tab-content ul { display: flex; flex-wrap: wrap; gap: 0.5em; }
.tab-content ul li { display: inline-block; padding-bottom: 5px; flex: 0 1 calc((100% / 2) - 1em); }
.tab-content ul li b { font-weight: 600; }
.bubble .vrajimports-title { align-items: baseline; font-size: 2em; }
.bubble .container:nth-child(even) { margin: 2em auto; }
.bubble .container:nth-child(even) .bubble-left { order: 2; }
.bubble .container:nth-child(even) .bubble-right { order: 1; }
.page-id-39 .inner-page { padding-bottom: 0; }
.cta { margin-top: 2em; background: #262626; padding: 4em 0; }
.cta p { color: #fff; }
.inner-title .widget-title { font-size: 2em; display: flex; flex-flow: column; margin-bottom: 30px; gap: 10px; }
.inner-title .widget-title:after { content: ""; background: #f06723; display: inline-block; width: 70px; height: 3px; }
/*.inner-page p { padding-bottom: 10px; }*/
.poly-bags #tab_container_52 { margin-top: 10px; }
.poly-bags p,
.product-cta p { padding-bottom: 15px; line-height: 30px; }
.sustainable .inner-title .widget-title { align-items: center; }
.range { text-align: center; position: relative; width: 1000px; margin: 0em auto; padding: 3em 0 0em 0; }
.price-section .widget-title { align-items: center; text-align: center; }
.price-section .price .widget-title { text-align: left; background: #2477bb; padding: 12px 30px; color: #fff; font-size: 1.4em; font-weight: 500; display: inline-block; border-radius: 10px 10px 0 0; }
.price table td,
.price table th,
.price .wp-block-table td,
.price .wp-block-table th { border: 1px solid #dfdfdf; line-height: 23px; padding: 12px 25px; background: #fff; }
.price table th { background: #eee; font-size: 1.1em; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.product-cta { text-align: center; }
.product-cta .inner-title .widget-title { align-items: center; }
.product-cta a { background: #000; padding: 10px 20px; color: #fff !important; display: inline-block; text-decoration: none; margin-top: 20px; border-radius: 6px; }
.product-cta a:hover { background: #f06723; color: #fff !important; }
.page-id-88 .inner-page,
.page-id-235 .inner-page,
.page-id-302 .inner-page { padding-bottom: 0; }
.product-cta b { font-size: 1.3em; color: #f06723; }
.contact-page .contact-form { width: 100%; }
.contact-page iframe { width: 100%; height: 540px; border: solid 1px #ddd; }
.contact-page .widget h2 { font-size: 3em; line-height: 1.3; margin-bottom: 30px; }
.wpcf7-spinner { display: none !important; }
.values h3 { font-size: 1.2em; font-weight: normal; color: #2477bb; text-transform: uppercase; letter-spacing: 1px; }
.values h2 { font-size: 3em; font-weight: 500; margin-top: 15px; line-height: 1.3; }
.values h2 strong { color: #f06723; width: 100%; display: inline-block; }
.mission h3 { font-size: 1.8em; margin: 10px 0; font-weight: 600; }
.count-cta h3 { margin: 0px !important; }
.count-cta .sow-icon-container { margin-right: 20px !important; }
td.color,
th.color { color: #f06723; }
.sp-tab__tab-content { margin-top: 20px; }
.sp-tab__tab-pane { border: solid 1px #ddd !important; border-radius: 25px; }
.sp-tab__nav { border: none !important; }
span.sp-tab__nav-link.sp-tab__active { border: none !important; }
.sp-tab__nav-link,
.sp-tab__nav-item { border-radius: 100px !important; position: relative; flex: 0 1 calc((100% / 2) - 1em); margin: 0px !important; }
.sp-tab-content ul { display: flex; flex-wrap: wrap; }
.sp-tab-content ul li { display: inline-block; flex: 1 1 calc((100% / 2) - 1em); padding: 4px 0; position: relative; }
.sp-tab-content ul.barcode { display: flex; flex-wrap: wrap; gap: 1em; }
.sp-tab-content ul.barcode li { width: auto; border: solid 1px #d1d1d1; padding: 10px 8px; flex: 0 1 calc((100% / 3) - 1em); justify-content: center; align-items: center; }
.sp-tab-content ul.barcode li img { margin: 0 auto; display: block; width: 100px; }
.sp-tab-content ul.barcode li h4 { font-size: 1em; font-weight: 600; width: 100%; text-align: center; }
.sp-tab-content ul.barcode li h4 small { display: inline-block; }
span.sp-tab__nav-link.sp-tab__active:after { content: ""; height: 10px; width: 10px; background: #2477bb; position: absolute; top: 69px; left: 50%; transform: translateX(-50%); border-radius: 100px; }
span.sp-tab__nav-link.sp-tab__active:before { content: ""; height: 21px; width: 4px; background: #2477bb; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }
.sp-tab__nav { display: flex; flex-wrap: nowrap !important; gap: 20px !important; }
.contact-page h5 { font-size: 1.1em; font-weight: 600; text-transform: uppercase; margin: 0px !important; }
.price-section h2 { width: 80%; margin: 0 auto; text-shadow: 0px 2px 0px BLACK; font-size: 4em; }
#sp-wp-tabs-wrapper_516 > .sp-tab__nav-tabs > .sp-tab__nav-item.show .sp-tab__nav-link,
#sp-wp-tabs-wrapper_516 > .sp-tab__nav-tabs > .sp-tab__nav-item .sp-tab__nav-link.sp-tab__active,
#sp-wp-tabs-wrapper_516.sp-tab__lay-default .sp-tab__nav-link > .sp-tab__card-header { background: rgb(36,119,187); background: -moz-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: -webkit-linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); background: linear-gradient(0deg, rgba(36,119,187,1) 0%, rgba(66,157,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2477bb", endColorstr="#429de8", GradientType=1);
}
.committed-img { position: relative; z-index: 1; }
.committed-img:before { content: ""; background: #ffe7db; position: absolute; right: -40px; top: 40px; width: 100%; height: 100%; z-index: 1; }
.committed img { width: 100%; position: relative; z-index: 2; border: solid 1px #ddd; }
.committed h3 { font-size: 1.1em; text-transform: uppercase; color: #f06723; }
.committed h2 { font-size: 3em; margin-bottom: 30px; }
.page-id-302 .inner-banner h2 { color: #ffffff; }
.our-products .owl-dots { display: flex; gap: 8px; margin-top: 20px; justify-content: center; }
.our-products .owl-dot span { background: #e3e3e3; width: 16px; height: 16px; display: block; border-radius: 100%; }
.our-products .owl-dot.active span { background: #2477bb; }
/*Responsive*/
@media (min-width: 1200px) and (max-width: 1400px) {
html { font-size: 90%; }
p { line-height: 25px !important }
.container { width: 1150px; }
.logo-strip img { width: 130px; }
.logo-strip.sticky { padding: 10px 0; }
.vrajimports-title { font-size: 2em; }
.logo-strip ul li { padding: 0 18px; }
.inner-banner img { height: 300px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
html { font-size: 80%; }
p { line-height: 25px !important }
.container,
.range { width: 90%; }
.banner-content h2 { font-size: 2em; line-height: 1.4; }
.banner-content p { font-size: 1.3em; padding: 10px 0 15px 0; }
.contact-form { width: 100%; gap: 1em; }
.usp .flex-container { gap: 1em; }
.usp-grid { gap: 6px; padding: 18px 9px; }
.usp-grid span { line-height: 20px; }
.our-products .flex-container { gap: 2em; }
.logo-strip img { width: 130px; }
.logo-strip.sticky { padding: 10px 0; }
.vrajimports-title { font-size: 2em; }
.logo-strip ul li { padding: 0 18px; }
.price-section h2 { font-size: 3em; width: 90%; }
.inner-banner h2 { font-size: 4em; }
.inner-banner img { height: 230px !important; }
.top-strip ul li:nth-child(2) { flex: 1 1 calc((100% / 1) - 2em); }
}
@media (min-width: 768px) and (max-width: 1023px) {
.inner-banner img { height: 180px !important; }
.hero-banner .item img { height: 270px; }
.inner-banner h2 { font-size: 3em; }
.top-strip ul li:nth-child(2) { flex: 1 1 calc((100% / 1) - 2em); }
}
@media only screen and (max-width: 767px) {
html { font-size: 80%; }
p { line-height: 28px !important }
.hamburger-menu { width: 26px; height: 20px; display: block; border: solid; border-width: 2px 0; position: relative; }
.hamburger-menu:before { height: 2px; content: ""; background: #000; width: 100%; position: absolute; left: 0; top: 7px; }
.close-menu { background: #fff; width: 40px; height: 40px; position: absolute; top: 0; right: 0; display: block; padding: 10px; }
.close-menu img { width: 100% !important; }
.container { width: 90% !important; }
.flex-container { flex-wrap: wrap; }
.logo-strip img { width: 120px; }
.logo-strip nav { width: 100%; position: fixed; height: 100%; background: #2477bb; z-index: 9; left: -100%; top: 0; transition: 0.5s; padding-top: 4em; }
.logo-strip nav.open-menu { left: 0; transition: 0.5s; }
.logo-strip ul li { padding: 20px 10px; width: 100%; border-bottom: solid 1px #ffffff38; }
.logo-strip ul li a { text-decoration: none; color: #ffffff; font-size: 1.2em; }
.mobile-info { display: block; }
.mobile-info ul { display: flex; gap: 12px; padding: 10px 10px; }
.mobile-info ul li { background: #f06723; border-radius: 4px; border: none; text-align: center; padding: 10px 10px; }
a.header-content { padding: 8px 10px; font-size: 14px; }
.top-strip ul li:first-child,
.top-strip ul li:last-child { display: none; }
.top-strip .flex-container { justify-content: center; }
.top-strip { text-align: center; padding: 5px 0; }
.mobile-banner { display: block; }
.desktop-banner { display: none; }
.banner-content { width: 90%; }
.banner-content h2 { font-size: 2em; line-height: 1.2; }
.hero-banner .item img { object-fit: cover; }
.banner-content p { font-size: 1em; padding: 10px 0 15px 0; }
.vrajimports-but,
.cfs-hyperlink { padding: 13px 20px 15px 20px; }
.our-products { padding: 4em 0; }
.products-grid h3 { font-size: 1.2em; font-weight: 400; padding: 11px 5px; }
.vrajimports-title { font-size: 2em; margin-bottom: 20px; }
.vrajimports-title:after { width: 80px; height: 2px; }
.our-products .flex-container { gap: 1em; }
.about-us { padding: 3em 1em; }
.contect-info { gap: 0.5em; flex-wrap: wrap; }
.contect-info li { display: block; border: solid 1px #ddd; padding: 15px; flex: 1 1 calc((100% / 3) - 2em); }
.contect-info li:last-child { order: 2; }
.contect-info li:nth-child(2) { order: 3; }
.usp { padding: 2em 0; }
.usp-grid img { width: 40px; }
.usp .flex-container { gap: 1em; }
.usp-grid { display: block; flex: 1 1 calc((100% / 2) - 2em); padding: 20px 10px; text-align: center; }
.usp-grid span { line-height: 20px; margin-top: 10px; display: inline-block; }
.contact-form { width: 100%; gap: 1em; }
.contact-form li { flex: 1 1 calc((100% / 1) - 2em); }
.inner-banner h2 { width: 100%; text-align: center; font-size: 2em; }
.inner-banner img { height: 200px !important; }
.contact-page .widget h2 { font-size: 2em; margin-bottom: 20px; }
.range { width: 100%; }
.sp-tab-content ul li { flex: 1 1 calc((100% / 1) - 1em); font-size: 14px; }
.sp-tab-content ul.barcode li { flex: 1 1 calc((100% / 2) - 1em); }
.price-section h2 { width: 100%; font-size: 2em; }
.sp-tab__tab_title { font-size: 15px !important; }
.committed-img:before { right: -20px; top: 20px; }
.committed h2 { font-size: 2em; margin-bottom: 0px; }
.contact-page iframe { height: 300px; }
.top-strip a { font-size: 12px; }
}