@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap');

html, body{font-family: 'Barlow', sans-serif;}
a,a:hover,a:focus,a:active, input:focus, input:active, button:active, button:focus, select:active, select:focus, textarea:focus{ text-decoration: none; outline: none; box-shadow: none;}




/*header*/
.login-links ul {list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; align-items: center;}
.login-links ul li { margin: 0 5px;}
.login-links ul li a {display: block; color: #000;}
.login-links ul li:last-child { display: none;}
.logo a {display: block;}
.logo {max-width: 224px; transition: 0.3s ease;}
.menu-area {background: #221939;}
.main-menu ul { list-style: none; padding: 0; margin: 0; display: flex; }
.main-menu ul li a {display: block; transition: 0.3s ease; padding: 10px 14px; color: #fff; text-transform: uppercase;  letter-spacing: 0.5px;  font-weight: 500;}
.main-menu ul li a:hover {background: #92cb2e;}
.upper-header {padding: 10px 0;}
.upper-header .row {align-items: center;}
.login-links ul li a {background:#9ac74a; color:#fff; padding: 10px 15px;border-radius: 100px;border: 1px solid #9ac74a;transition: 0.3s ease;}
.login-links ul li a:hover {background: #9ac74a;color: #fff;}
.social-links ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: flex-end;}
.social-links ul li a {display: block;padding: 10px;color: #fff;transition: 0.3s ease;}
.social-links ul li a:hover {color: #8dc42e;}
.logo img {max-width: 100%; height: auto;}
/*fixed*/
.custom-header {position: sticky; width: 100%; z-index: 99; background: #fff; top:0}
.header-support{ display:none;}
.custom-header.fixed .upper-header {padding: 5px 0;}
.custom-header.fixed .upper-header .logo {max-width: 150px;}
.custom-header.fixed .upper-header .login-links li a {font-size: 14px;}

.menu-item-has-children {position: relative;}
.sub-menu {position: absolute;z-index: 1;display: flex;flex-direction: column;width: 280px;padding-top: 5px !important;border-radius: 5px;overflow: hidden;display:none !important;animation: fadeInUp 0.3s ease;}
.menu-item-has-children:hover .sub-menu{ display:flex !important}
.sub-menu li {border-bottom: 1px solid #ffffff2e;background: #221939;}
.sub-menu li a {font-size: 14px;}
.menu-item-has-children > a:after {content: '';border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: relative;top: 13px;left: 4px;}
.menu-area .row {align-items: center;}
/*header end*/

/*social media*/
.social-links ul li a {font-size: 0; display: block; background: transparent; position: absolute; left: 0; top: 0; right: 0;border: 0; bottom: 0; z-index: 1;}
.social-links ul li {color: #fff; height: 30px; width: 30px; display: inline-block; position: relative; text-align: center; line-height: 30px;margin: 0 3px;}
.social-links ul li:hover {color: #8fc635;}
/*end*/

/*banner img*/
.banner-img img {filter: hue-rotate(75deg);}
.banner-area h1 {text-align: center;font-weight: 700;font-size: 36px;}
.banner-text ul {list-style: none;padding: 0;margin: 0;}
.banner-text ul li {color: #61499f;border: 2px solid #61499f;padding: 10px 15px;line-height: normal;margin: 15px 0;font-weight: 500;border-radius: 100px;text-align: center;transition: 0.3s ease;cursor: pointer;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);font-size: 14px;}
.banner-text ul li:hover {color: #8ec235;border-color: #8ec235;}
.banner-area .row { align-items: center;}
.banner-area {padding-bottom: 110px;position: relative; padding-top: 10px;}
.banner-area:after {content: '';height: 17%;width: 100%;background: url(../images/cover_bottom_gray_noshadow_01.png);position: absolute;left: 0;bottom: 0;background-size: 100% 100%;background-repeat: no-repeat; display:none;}
/*banner img end*/

/*server area*/
.solutions-area {padding: 50px 0;background: #eaeef3;}
.solution-card {width: calc(50% - 30px);background: #fff;padding: 20px;border-radius: 20px;box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);margin: 15px 15px;text-align: center;}
.solution-card-area {display: flex;flex-wrap: wrap; align-items: end;}
.solution-card-icon {max-width: 150px;margin: 0 auto 30px;}
.find-out {color: #61499f; font-weight: 500;}
.solution-card p { margin: 0 0 5px;}
.solution-card:nth-child(2), .solution-card:last-child {margin-top: -10px;}
.solutions-area .row {align-items: center;}
.solution-content-area h6 {text-transform: uppercase;display: inline-block;border-bottom: 2px solid #61499f;padding: 5px 0;}
.solution-content-area h2 { margin: 10px 0; font-size: 36px; text-transform:uppercase;}
.solution-content-area p { font-size: 20px; margin-bottom: 25px;}
.solution-content-area .all-btn {border: 2px solid #61499f;color: #61499f;font-weight: 500;text-transform: uppercase;padding: 10px 20px;display: inline-block;font-size: 18px;border-radius: 100px;letter-spacing: 1px;transition: 0.3s ease;}
.solution-content-area .all-btn:hover {transform: translate(0, 10px); background: #61499f; color: #fff;}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.solution-card {animation: floating; animation-duration: 3.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.solution-card:nth-child(1), .solution-card:nth-child(3){ animation-delay: 1.5s;}
/*server area end*/


/*buyers and seller*/
.seller {position: relative;display: flex;align-items: center;}
.seller-content {width: 50%;}
.seller-img {width: 50%;}
.seller-content {text-align: center;}
.seller-content h4 {line-height: normal;text-transform: uppercase;color: #221939;}
.seller-content a {display: inline-block;border: 2px solid #8ac32c;color: #8ac32c;padding: 10px 15px;border-radius: 100px;font-weight: 500;font-size: 14px;letter-spacing: 1px;margin-top: 10px;transition: 0.3s ease;}
.seller-content a:hover {background: #61499f;color: #fff;border-color: #61499f;}
.buyer-seller-area .row {align-items: flex-end;}
.buyer-seller-area {padding: 100px 0;position: relative;}
.buyer-seller-area:after {content: '';height: 99px;width: 100%;position: absolute;background: url(../images/cover_bottom_gray_noshadow_01.png);top: 0;left: 0;background-size: 100% 100%;background-repeat: no-repeat;transform: rotateX(180deg); display:none;}
.buyer-seller-area .col-lg-4:nth-child(2) {padding: 0;}
/*buyers and seller end*/

/*services area*/
.services-area {background: #eaeef3;padding: 30px 0;position: relative;}
.services-area:before {content: '';height: 99px;width: 100%;position: absolute;background: url(../images/cover_bottom_gray_noshadow_01.png);top: -99px;left: 0;background-size: 100% 100%;background-repeat: no-repeat;z-index: -1;}
.service-card {background: #fff; display: block !important; border-radius: 10px; overflow: hidden; margin: 15px; box-shadow: 5px 5px #e1e6ec; width: calc(100% - 30px) !important;}
.service-img img {display: block;width: 100%;clip-path: circle(78% at 34% 0%);}
.services-detail {padding: 20px;}
.services-detail a {display: inline-block;background: #221939;color: #fff;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;padding: 10px 20px;border-radius: 100px;transition: 0.3s ease;border: 1px solid #221939; font-size: 14px;}
.services-detail a:hover {color: #221939;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.services-slider {position: relative;}
.services-slider .slick-arrow { display: none; position: absolute; height: 40px;width: 40px;top: -30px;right: 0;font-size: 0;background: transparent;border: 0;padding: 0;}
.services-slider .slick-arrow:after {content: '';display: block;height: 20px;width: 20px;border-style: solid;border-color: #000;border-width: 1px 1px 0 0;transform: rotate(45deg);position: absolute;top: 0;bottom: 0;left: 0;right: 10px;margin: auto;}
.services-slider .slick-arrow.slick-prev {right: 44px;transform: rotate(180deg);}
.services-area .row {align-items: center;}
.services-detail h4 {font-size: 20px;}
.services-content h2 {margin-bottom: 20px; font-size: 36px; text-transform: uppercase; line-height: normal; position: relative;}
.services-content h4 {line-height: normal; font-size: 20px; font-weight: 400;}
.services-content h4 a {color: #61499f; font-weight: 500;}
.services-content h2:after {content: '';height: 2px;width: 100px;background: #8ac32c;position: absolute;bottom: -10px;left: 0;}
.floating-card{animation: floating;animation-duration: 3.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
/*services area end*/

/*chemo dynamic*/
.chemoinfo-area {display: flex;}
.chemo-dynamic {padding: 5%; background: url(../images/chemicals-icon.gif) #584194;background-size: auto;background-position: center;width: 50%;color: #fff;background-blend-mode: soft-light;background-attachment: fixed;}
.chemo-dynamic h4 {font-size: 20px;font-weight: 400;}
.chemo-dynamic a {border: 1px solid #8ec430;color: #fff;background: #8ec430;display: inline-block;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;border-radius: 100px;transition: 0.3s ease;}
.chemo-dynamic a:hover { background: transparent; border-color: #fff; color: #fff;}
.chemo-dynamic h2, .chemo-info h2 {font-size: 36px;text-transform: uppercase;}
.chemo-info {padding: 5%;background: url(../images/chemicals-icon.gif) #8ec430;width: 50%;background-position: center;background-size: auto;color: #fff;background-blend-mode: multiply;background-attachment: fixed;}
.chemo-info ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.chemo-info ul li {margin: 5px;}
.chemo-info ul li a {display: block;border: 2px solid#ffffff;font-weight: 500;color: #ffffff;padding: 10px 20px;border-radius: 100px; transition: 0.3s ease;}
.chemo-info ul li a:hover { background: #fff; color: #221939;}
/*chemo dynamic end*/


/*blog-area*/
.blog-content ul {list-style: none;padding: 10px 0;margin: 0;}
.blog-content ul li {display: inline-block;font-size: 14px;color: #333;padding: 0 10px 0 0;}
.blog-content ul li a {color: #333;}
.blog-content h5 {font-size: 20px;}
.blog-content p {line-height: 26px;font-size: 14px;color: #333;}
.blog-content {padding: 10px 20px;}
.latest-blog-area {padding: 50px 0;}
.blog-card .blog-content {padding: 10px 15px;}
.blog-card{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border: 0; border-radius: .25rem; margin: 20px 0; transition: 0.3s ease;}
.blog-card:hover {transform: translate(0, 10px);}
.blog-img img {width: 100%; -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    -webkit-border-radius: .25rem;
    border-radius: .25rem; margin-top: -20px;}
.blog-img {padding: 0 15px;}
.blog-content ul li:first-child img {border-radius: 100px; height: 45px; width: 45px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.blog-content ul li:nth-child(2) a {color:#92cb2e; text-transform: uppercase;}
.blog-area {padding: 50px 0;}
.blog-area h2 {margin-bottom: 40px; text-transform: uppercase; font-size: 36px; text-align: center;}
.load-more { text-align: center;}
.load-more a {display: inline-block; color: #61499f; font-size: 18px; text-transform: uppercase; font-weight: 500; border: 2px solid #61499f;  padding: 10px 25px; border-radius: 100px; transition: 0.3s ease;}
.load-more {padding: 30px 0 0;}
.load-more a:hover {background: #61499f;color: #fff;transform: translate(0, -10px);box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.blog-content h5 a{ color:#000}
/*blog-area end*/


/*contact form 7*/
.contact-form input {width: 100%;height: 40px;padding-left: 10px;border: 0;}
.contact-form textarea {width: 100%;height: 100px;padding: 10px;border: 0;}
.contact-form input[type="submit"] {background: #000;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.contact-form .wpcf7-form-control-wrap {display: block;padding: 5px 0;}
/*contact form 7 end*/

/*newsletter area*/
.news-letter-area {background: #f0f9fa;}
.news-letter-area .row {align-items: center;}
.news-form {position: relative;}
.news-form input {width: 100%; height: 50px; padding-left: 10px; border: 1px solid #666;}
.news-form input[type="submit"] {background: #000; color: #fff; padding: 0; border: 0; text-transform: uppercase;letter-spacing: 0.5px;max-width: 140px;}
.news-form form {display: flex;}
.s2_message {padding: 5px 10px; background: #9ac74a; color: #fff;line-height: normal;margin-top: 10px; display: inline-block;width: inherit;}
p.s2_error {line-height: normal;margin-top: 10px;color: red;}
p.s2_message a {color: #fff;}
p.s2_message {line-height: normal !important; display: inline-block !important;width: inherit !important;}
/*newsletter area end*/


/*footer area*/
.upper-footer {background: #61499f;padding: 20px 0;color: #fff;}
.lower-footer {background: #221939;color: #fff;}
.lower-footer p {margin: 0;}
.lower-footer .row {align-items: center;}
.lower-footer img {margin: 0 0 0 auto;display: block;max-width: 150px;}
.lower-footer {padding: 10px 0;background: #221939;}
.footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer-links ul li a {display: block;color: #f0f9fa;transition: 0.3s ease;}
.footer-contact ul {list-style: none;padding: 0;margin: 0;}
.footer-contact ul li a {color: #f0f9fa;transition: 0.3s ease;}
.footer-contact ul li {margin: 10px 0;}
.footer-links ul li {margin: 5px 0;}
.footer-links ul li a:hover {color: #8ec430;}
.footer-contact ul li a:hover {color: #8ec430;}
.footer-form {background: #fff;padding: 20px;border-radius: 5px;margin: 20px 0;}
.form-field input {width: 100%;height: 40px;padding-left: 10px;border: 1px solid #e5e5e5;}
.form-field {padding: 5px 0;}
.form-field textarea {width: 100%;padding: 10px;border: 1px solid #e5e5e5; height: 100px;}
.form-field input[type="submit"] {background: #8ec430;color: #fff;text-transform: uppercase;letter-spacing: 1px;border: 0;}
.footer-contact h4, .footer-links h4 {text-transform: uppercase;font-size: 22px;letter-spacing: 1px;margin-bottom: 10px;padding-bottom: 10px;position: relative;}
.footer-contact h4:after, .footer-links h4:after {content: '';height: 2px;width: 50px;background: #8ec430;position: absolute;bottom: 0;left: 0;}
.footer-links {padding: 20px 0;}
.footer-contact {padding: 20px 0;}
.footer-form h4 {color: #000; font-size: 18px;}
.arrow-navigation {width: 40px; position: fixed;bottom: 80px;right: 10px; background: #8ec430;height: 40px;text-align: center;line-height: 40px;color: #fff !important; border-radius: 100px;}
/*footer area end*/


/*elementore css*/
.subscribe-form label {display: none;}
.subscribe-form input[type="email"] {width: 100%; height: 50px; padding-left: 10px; border-radius: 0; border: 1px solid #000;padding-right: 110px;}
.subscribe-form p {margin:0; line-height: 0; width: 100%;}
.subscribe-form input[name="unsubscribe"] {display: none;}
.subscribe-form input[name="subscribe"] {background: #000; color: #fff; border: 0; height: 50px; width: 105px; position: absolute;bottom: 0; right: 0; text-transform:uppercase}
.subscribe-form form {position: relative; margin-top: 10px;}
.subscribe-form p br {display: none;}
.s2_message{ margin-top:10px;}
/*end*/

/*new area*/
.show-more {transition: 0.3s ease;background: #fff;color: #61499f;border: 1px solid #61499f;height: 50px;display: block;line-height: 50px;max-width: 130px;margin: 0 auto;border-radius: 4px;text-align: center;}
.show-more:hover {background: #61499f;color: #fff;}
.news-img {position: relative;overflow: hidden;background: #61499f;max-height: 250px;min-height:250px;width: 50%;border: 1px solid #61499f;}
.news-img a { display: block;}
.news-img img { display: block; width: 100%; transition: 0.3s ease; height: 250px;}
.news-img:hover img { transform: scale(1.1) rotate(-2deg);  opacity: 0.6;}
.news-content {padding: 15px;background-color: #ffffff;-webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.08);-moz-box-shadow: 0 15px 40px rgba(0,0,0,0.08);-ms-box-shadow: 0 15px 40px rgba(0,0,0,0.08);-o-box-shadow: 0 15px 40px rgba(0,0,0,0.08);box-shadow: 0 15px 40px rgba(0,0,0,0.08);border: 1px solid #61499f;max-width: 100% !important;width: 100% !important;}
.date {position: relative;display: block;font-size: 14px;line-height: 30px;color: #444444;text-transform: uppercase;margin-bottom: 5px;}
.news {margin: 30px 0;display: flex;flex-wrap: wrap;}
.news-content h4 a {position: relative;display: block;font-size: 20px;line-height: 28px;color: #000;font-weight: 500;margin-bottom: 10px;}
.news-content p {position: relative;display: block;font-size: 16px;line-height: 26px;color: #555555;font-weight: 400;margin-bottom: 10px; min-height: 104px;}
.news-content > a:hover {color: #61499f;}
.news-content > a { font-size: 14px; line-height: 30px; color: #222222; font-weight: 500; text-transform: uppercase; transition: 0.3s ease;}
.request-demo-area {background: #61499f;text-align: center;padding: 25px 0;}
.request-demo-area a {transition: 0.3s ease;background: #61499f;color: #fff;border: 1px solid #61499f;height: 50px;display: block;line-height: 50px;max-width: 200px;margin: 0 auto;border-radius: 4px;}
.request-demo-area a:hover {background: transparent;color: #fff;border-color: #fff;}
.news-area {padding: 20px 0; position: relative;}
.news-area:after {height: 100%;position: absolute;content: '';width: 100%;background: #f9f9f9;top: 0;z-index: -1;right: 0;}
.news-area .heading { text-align: left;}
/*end*/


/*single blog area*/
.single-page-area {padding: 50px 0;}
.blog-img {margin: 10px 0;}
.blog-img img {max-width: 100%; height: auto;}
.blog-content {padding: 10px 0;}
.blog-content h1 {margin: 0 0 20px; font-size: 36px;}
.blog-content p, .blog-content ul {font-size: 16px; line-height: 28px; color: #555;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {color: #fff; text-decoration:none;}
.navigation li {display: inline;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {background-color: #61499f; border-radius: 3px;cursor: pointer; padding: 12px; padding: 0.75rem;display: none;}
.navigation li a:hover,.navigation li.active a {background-color: #61499f;}
.post-detail-list {display: flex;list-style: none;padding: 10px 0;margin: 0 0 40px; flex-wrap: wrap;}
.post-detail-list li {padding: 0 8px;font-weight: 500;border-right: 1px solid #333;line-height: 14px;}
.post-detail-list li a {color: #61499f;}
.post-detail-list li:last-child {border: 0;}
.blog-sidebar .widget {background: #f1f1f1;margin-bottom: 15px; padding:10px;}
.blog-sidebar ul {list-style: none;padding: 0 10px;margin: 0;}
.blog-sidebar ul li a {color: #000;font-size: 14px;}
.blog-sidebar ul li span.post-date {font-size: 12px; color: #61499f;}
.blog-sidebar ul li {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.blog-sidebar h4 {color: #fff;background: #000;padding: 10px;font-size: 18px;margin: 0;}
.blog-sidebar select {width: 100%; height: 40px; margin-top: 10px; padding-left: 10px; border: 1px solid #e5e5e5; font-size: 14px;}
.blog-sidebar form {padding: 10px; position: relative;}
.blog-sidebar #searchform div { display: flex; flex-wrap: wrap;}
.blog-sidebar #searchform div input {width: 100%; height: 35px; border: 1px solid #e5e5e5; margin-bottom: 5px;}
.blog-sidebar #searchform div input[type="submit"] {background: #000; color: #fff; text-transform: uppercase; border: 0; margin-bottom: 0;}
.single-page-area .blog-img {padding: 0;}
h1.page-title {font-size: 36px; font-weight: 700;}
/*single blog area end*/

/*comment form*/
.comment-form-area p { width: 100%;}
.comment-form-area p input {width: 100%; height: 35px; border-radius: 0; border: 1px solid #e5e5e5;}
.comment-form-area p input[type="checkbox"] { width: auto;  height: inherit;  margin-right: 7px;}
.comment-form-cookies-consent { display: flex; align-items: center;}
.comment-form-cookies-consent label { margin: 0;}
.comment-form-area textarea { width: 100%; border-radius: 0; border: 1px solid #e5e5e5; height: 120px;}
.comment-form-area input[type="submit"] { max-width: 150px; padding: 0; background: #000; color: #fff; height: 40px;}
.comment-form-area {background: #f1f1f1; padding: 30px;}
/*comment form end*/

/*search page*/
.search-page {padding: 50px 0;}
.search-form form > div {display: flex; background: #f1f1f1; padding: 15px;}
.search-form form > div input[type="submit"] { background: #000; border: 0; color: #fff; width: 100px; padding: 0; border-radius: 0;}
.search-form form > div input {width: 100%; height: 40px; padding-left: 10px; border-radius: 0; border: 1px solid #000;}
.post {padding: 20px 0;}
header.page-header {text-align: center;}
.post h3 a {color: #000; font-size: 24px;}
/*search page end*/

/*404*/
.error-page {padding: 50px 0;}
.error-page h1 {font-size: 160px; display: block; text-align: center; font-weight: 800; text-shadow: 0 6px 0px #000;}
.error-page h4, .error-page p {text-align: center;}
/*404 end*/


/*buy chemical*/
.filters-area .row {align-items: center;}
.buynow-btn a,#buy_popup {display: inline-block; background-color: #61499f; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 500; border: 1px solid #61499f; padding: 5px 20px; border-radius: 100px;transition: 0.3s ease;}
.buynow-btn a:hover, #buy_popup: hover; {color: #61499f; background-color: #fff;}
.heading-area {text-align: center;}
.heading-area h2 {color: #221939;font-family: "Barlow", Sans-serif;font-size: 36px;border-bottom: 2px solid rgb(253,80,48);margin-bottom: 50px;display: inline-block;padding-bottom: 5px;}
.buy-chemical-area {padding: 30px 0 0 0;}
.links-area p {display: block;text-align: right;font-weight: 400;margin: 0 0 5px;}
.links-area ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: flex-end;}
.links-area ul li a {display: block;background: #fff;color: #8fc62f;padding: 10px 15px;transition: 0.3s ease;border: 1px solid #8fc62f;}
.links-area ul li a:hover {background: #8fc62f;color: #fff;}
.sorting p {margin: 0 0 5px 0;}
.sorting select {border: 1px solid #000; padding: 10px; border-radius: 100px; width:100%;}
.chemical-img {height: 120px; width: 120px;}
.chemical-card {display: flex; background: #f4f4f4; margin: 15px 0; padding: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.chemical-content {width: calc(100% - 120px);}
.chemical-content h3 {font-size: 20px;}
.chemical-content ul {list-style: none; padding: 0; margin: 0 0 10px;}
.chemical-content {padding: 10px;}
.chemical-content ul li span {font-weight: 500; display: inline-block;}
.chemical-grid-area {padding: 10px 0;}
.form-field select {width: 100%; height: 40px; border-radius: 0; border: 1px solid #e5e5e5; padding-left: 10px;}
.single-checmical-image {max-width: 300px; margin: 0 auto 10px;}
.chemical-single-area {padding-bottom: 30px;}
.post-date {background: #f1f1f1; padding: 5px; margin-bottom: 10px;}
.post-date p { margin: 0;}
.post-date p span {color: #61499f; font-weight: 500;}
/*buy chemical end*/

/*challenges*/
.search-challenge-area{ padding:8px 0;display: inline-block;}
.search-challenge {display: flex;position: relative;}
.search-challenge i{position: absolute;right: 10px;top: 12px;font-size: 22px;color: rgb(253,80,48);}
.search-challenge input {height: 45px; padding-left: 15px;}
.search-challenge input[type="submit"] {max-width: 110px; border: 0;background: #221939;color: #fff;text-transform: uppercase;padding: 0;}
/*end*/

/*post opportunities*/
.form-field ul li {display: inline-block; margin: 0 10px 0 0;}
.form-field ul {padding: 0; margin: 0;}
.form-field ul li input {height: auto;width: auto;}
/*end*/

/*my account page*/
.tabs-links-area ul {flex-direction: column;}
.tabs-links-area ul li a {display: block; padding: 10px; border: 1px solid #624aa0; color: #221939; border-bottom: 0;}
.tabs-links-area ul li:last-child a {border-bottom: 1px solid #61499f;}
.tabs-links-area ul li a.active {background: #61499f; color: #fff;}
.woocommerce-MyAccount-content label {display: block;width: 100%;}
.woocommerce-MyAccount-content input {height: 40px;border-radius: 0 !important;border: 1px solid #e5e5e5;padding-left: 10px;}
.woocommerce-MyAccount-content .woocommerce-input-wrapper {display: block;width: 100%;}
.woocommerce-MyAccount-content .select2, .woocommerce-MyAccount-content .select2 span {width: 100%;height: 40px;line-height: 38px;border-radius: 0;}

/*end*/

.woocommerce-MyAccount-navigation{margin-top:30px;}
.woocommerce-MyAccount-navigation ul{list-style: none; padding: 0}
.woocommerce-MyAccount-navigation ul li a{display: block;padding: 10px;color: #212529;font-weight: 700;text-transform: uppercase;font-size: 15px;}
.woocommerce-MyAccount-navigation{width: 100% !important; background-image: url(/wp-content/themes/echemhub/images/bg_banner.jpg); margin-top: 0;position: relative;}
.woocommerce-account .woocommerce-MyAccount-content{width: 100%;padding: 40px 0 40px 0;}
.woocommerce-account .woocommerce-MyAccount-content p{text-align: justify;font-size: 18px;line-height: 28px;}
.woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li a:hover{color: rgb(253,80,48);}
.woocommerce-MyAccount-content .btn.btn-info {border: 1px solid rgb(253,80,48);display: inline-block; margin-bottom: 10px;background: linear-gradient(90deg, rgba(253,80,48,1) 35%, rgba(223,36,115,1) 100%);border-radius: 0;}
.woocommerce-MyAccount-content .btn.btn-info:focus,.woocommerce-MyAccount-content .btn.btn-info:active{box-shadow: unset !important;}
.woocommerce-MyAccount-content .btn.btn-info:hover{background: unset;border: 1px solid rgb(253,80,48);color: #000;font-weight: 500;}
.messages_boxes ul{display: unset; flex-wrap: wrap; justify-content: space-between}
.messages_boxes ul li a{padding: 10px; color: #000; display: block; font-weight: 600;width: auto; margin-bottom: 10px; border: 1px solid #b7b3b3;}
.messages_boxes ul li a.active{border: 1px solid rgb(253,80,48); color: rgb(253,80,48);}
.messages_boxes .tab-content .tab-pane{border: 1px solid #b7b3b3; padding: 10px 15px; min-height: 215px;}
/*login register page*/
#customer_login .col-1, #customer_login .col-2 {width: 100% !important; max-width: 50%;}
.button {background: #000 !important; color: #fff !important; font-weight: normal !important;}
.woocommerce-form__label {display: block; width: 100%;}
.woocommerce-form-row input {height: 40px;padding-left: 10px; border: 1px solid #e5e5e5;}
.wooscp-btn {background: #000;border: 0;height: 35px;line-height: 30px;vertical-align: middle;color: #fff;}
.products .wcpc_compare_btn_wrap { display: none;}
.ajax_add_to_cart.added{ display: none !important;}
.woocommerce-LostPassword.lost_password a {color: #f00;}
.woocommerce-LostPassword.lost_password {margin: 0;}
p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label {display: block; width: 100%;}
span.password-input {width: 100%;}
#customer_login .col-sm-6 {max-width: 100%; width: 100%; flex: 0 0 100%;}
.login-page #customer_login .u-column2.col-12.col-sm-6, .register-page #customer_login .u-column1.col-12.col-sm-6 {display: none;}
#customer_login {display: unset;}
#customer_login h2 {display: none;}
/*login register page end*/
#molecule_entry{display: none !important}

/*info center*/
.info-center-area {
    padding: 50px 0;
}

.info-center-pages ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.info-center-pages {
    margin-bottom: 20px;
}

.info-center-pages ul li a {
    display: block;
    background: #61499f;
    color: #fff;
    padding: 10px 15px;
    border-radius: 100px;
    transition: 0.3s ease;
}

.info-center-pages ul li {
    margin: 5px;
}

.info-center-pages ul li a:hover {
    background: #8fc436;
}
.wp-pagenavi {
    text-align: center;
}
.wp-pagenavi span, .wp-pagenavi a {
    padding: 5px 13px;
    display: inline-block;
    border: 1px solid #9ac74a;
    color: #fff;
    background: #9ac74a;

}

.wp-pagenavi span.current {
    background: #221939;
    color: #ffff;
}
/*end*/


/*site map*/
ul.simple-sitemap-page.main {list-style: none; padding: 0; margin: 0; column-count: 3;}
ul.simple-sitemap-page.main li a {color: #221939;}
.simple-sitemap-wrap.uncategorized h3 {color: #61499f;font-size: 24px;}
ul.simple-sitemap-post.main {list-style: none;padding: 0;margin: 0;}
ul.simple-sitemap-post.main li a {color: #221939;}
.post-type {color: #000;}
/*end*/

.u-column2.col-2.woocommerce-Address, .u-column1.col-1.woocommerce-Address {flex: 0 0 50%; max-width: 50%;}

/*testimonial area*/
.strong-view .strong-content.strong-grid .wpmtst-testimonial {margin: 10px !important;}
.strong-grid {justify-content: end !important;}
/*end*/

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
    display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul{
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
    padding: 12px 12px;
    text-align: center;
    margin-bottom: 0;
}
/*responsive*/

@media(max-width:1199px){
    .main-menu ul li a {padding: 10px 6px;font-size: 14px;}
}



@media(max-width:991px){
    .main-menu ul {flex-direction: column;}
    .main-menu ul li {border-bottom: 1px solid #271f3b;}
    .login-links ul li:last-child {display: block;}
    #toggle {font-size: 24px; padding: 5px 13px;}
    .main-menu ul li a{ padding: 10px;}
    .menu-area {display: none;}
    .upper-header {border-bottom: 1px solid #e5e5e5;}
}

@media(max-width:767px){
    .links-area p{ text-align: left;}
    .links-area ul {justify-content: flex-start;}
    .sorting {margin-bottom: 10px;}
	.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{width: 100%}
}
@media(max-width:574px){
	.logo {margin: 0 auto 15px;}
	.login-links ul {justify-content: space-around;}
	.u-column2.col-2.woocommerce-Address, .u-column1.col-1.woocommerce-Address {flex: 0 0 100%; max-width: 100%;}
	.buy-table-area table {width: 550px;}
	.buy-table-area {overflow-x: scroll;}
	.draw-area {overflow-x: scroll;}
}

@media(max-width:480px){
	
}

@media(max-width:359px){
    .chemical-card {flex-direction: column;}
    .chemical-img{ margin: 0 auto;}
    .chemical-content {padding: 10px 0;width: 100%;}
    .chemical-content ul li {text-align: right;}
    .chemical-content ul li span {text-align: left; float: left;}
    .chemical-content h3, .buynow-btn{ text-align: center;}
}
#customer_login .tabing_area .current{
    color: #fff;
    background: linear-gradient(90deg, rgba(253,80,48,1) 35%, rgba(223,36,115,1) 100%);
    padding: 10px 15px;
    font-size: 18px;
}
#customer_login .tabing_area{
    padding: 20px 15px 5px 15px;
}
#customer_login .tabing_area span{
    text-transform: uppercase;
    margin-right: 15px;
    width: 30%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgb(253,80,48);
    padding: 10px 15px;
    font-weight: 500;
}
body.logged-in .elementor-element-48f2643{
    display: none;
}
body.logged-in .elementor-element-60e0cfe{
    width: 100%;
}
body.hide_primary_head .custom-header .menu-area{
    display: none;
}