.myaccordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.myaccordion.active, .myaccordion:hover {
background-color: #ccc;
}
.myaccordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.myaccordion.active:after {
content: "\2212";
}
.mypanel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.clr-yellow {
color: #f8c645;
}
.clr-blue,.clr-blue a {
color: #18b9f7;
}
.architectsSection li.elementor-icon-list-item span.elementor-icon-list-text {
position: relative;
top: 5px;
}
.postSlider .bdt-ep-carousel-item {
box-shadow: none !important;
}
.postSlider .bdt-position-z-index.bdt-position-top-right {
top: -120px;
}
.productOverlay {
overflow: hidden;
}
.productSlider .bdt-ep-carousel-item {
background-color: transparent !important;
}
.productSlider .bdt-position-z-index.bdt-position-top-right {
top: -120px;
right: 16%;
}
.solutionOffersTab .bdt-interactive-tabs {
flex-direction: column;
}
.solutionOffersTab .bdt-interactive-tabs .bdt-interactive-tabs-wrap {
width: 100% !important;
margin: 0 !important;
display: flex !important;
gap: 15px !important;
}
.solutionOffersTab .bdt-interactive-tabs .bdt-interactive-tabs-item {
width: 100% !important;
display: block !important;
text-align: center !important;
}
.solutionOffersTab .bdt-interactive-tabs-content {
width: 100% !important;
margin: 50px 0px 0px !important;
}
.solutionOffersTab .bdt-position-z-index.bdt-position-bottom-right {
bottom: 60px;
}
.languageDrop .gt_float_switcher.notranslate {
font-size: 18px !important;
box-shadow: none !important;
background-color: #eaecf9 !important;
}
.languageDrop .gt_float_switcher.notranslate *{
text-transform:capitalize !important;
}
.languageDrop .gt_float_switcher .gt-selected .gt-current-lang {
padding: 0 !important;
}
.languageDrop .gt_float_switcher .gt-selected .gt-current-lang img {
width: 20px;
}
.languageDrop div#gt_float_wrapper {
text-align: right !important;
}
.languageDrop div#gt_float_wrapper .gt-selected {
background-color: transparent;
}
.languageDrop div#gt_float_wrapper .gt_options {
position: absolute;
top: 50px;
opacity: 1;
background-color: #ffffff;
min-width: 250px;
right: 0;
box-shadow: 0px 0px 20px black !important;
z-index: 11;
max-height: max-content;
overflow: visible;
padding: 10px;
}
.languageDrop div#gt_float_wrapper .gt_options a.nturl {
padding: 5px 10px;
text-align: left !important;
display: block;
font-family: "Calibre Medium", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #000 !important;
}
.languageDrop div#gt_float_wrapper .gt_options a.nturl:hover {
background-color: transparent !important;
color: #18b9f7 !important;
}
.languageDrop div#gt_float_wrapper .gt_options a.nturl img {
max-width: 25px;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
font-family: "Calibre Regular", Sans-serif;
}
.allEvents .eventCardSection .evtLeft {
text-align: center;
background-color: #FED405;
color: #000;
width: 125px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: "Calibre Medium", Sans-serif !important;
text-transform: uppercase;
}
.allEvents .eventCardSection .evtLeft span {
display: block;
}
.allEvents .eventCardSection {
display: flex;
width: calc(50% - 15px);
gap: 25px;
background-color: #EAECF8;
}
.allEvents .eventCardSection .evtLeft span.evtPostMnth {
font-size: 28px;
line-height: 30px;
letter-spacing: 0.2em;
}
.allEvents .eventCardSection .evtLeft span.evtPostDate {
font-size: 72px;
line-height: 70px;
letter-spacing: 0.1em;
max-height: 50px;
}
.allEvents .elementor-widget-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
.allEvents .eventCardSection h2.evtTitle {
margin: 0px;
font-family: "Calibre Medium", Sans-serif !important;
font-size: 28px;
line-height: 30px;
}
.allEvents .eventCardSection .evtRight {
font-family: "Calibre Regular", Sans-serif !important;
color: #000;
padding: 25px 20px 25px 0px;
}
.allEvents .eventCardSection .evtLocate {
font-size: 20px;
line-height: 30px;
display: flex;
gap: 20px;
}
.allEvents .eventCardSection .evtLocate span {
padding-left: 25px;
background-position: left center;
background-size: 14px;
background-repeat: no-repeat;
display: inline-block;
padding-top: 10px;
}
.allEvents .eventCardSection .evtLocate span.evtDate {
background-image: url(//elastochem.com/wp-content/uploads/2023/06/Group-97.svg);
background-size: 20px;
}
.allEvents .eventCardSection span.evtLct {
background-image: url(//elastochem.com/wp-content/uploads/2023/06/Vector-1.svg);
}
.allEvents .eventCardSection p.evtType {
color: #777;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin: 0;
}
.counterLoop .number-wrapper {
color: var(--e-global-color-27f5447 );
font-family: "Calibre Bold", Sans-serif;
font-size: 102px;
font-weight: 700;
line-height: 40px;
}
.counterLoop p.title {
display: none;
}
.productHeroBox .proColImg img {
position: absolute;
left: 0;
width: auto !important;
bottom: -30px;
}
.productHeroBox {
position: relative;
}
.productHeroBox * {
position: static;
}
.productHeroBox.elementor-section .elementor-container {
position: static !important;
}
.docImageList figure.elementor-image-box-img {
background-color: #E9EAF1;
padding: 10px;
border-radius: 50px;
box-shadow: 0px 10px 12px #00000036;
width: 50px !important;
height: 50px !important;
}
.fetureBoxes .elementor-container .docImageList figure.elementor-image-box-img {
width: 55px !important;
height: 50px !important;
margin: 0 !important;
}
.docImageList .elementor-widget-container .elementor-image-box-wrapper {
gap: 20px;
}
.fetureBoxes .elementor-container {
gap: 30px;
}
.productHighlightsBox div.productHighlights .productsHigh {
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px !important;
margin: 0px 10px;
}
.productHighlights >.slick-list>.slick-track {
display: flex;
}
.slick-list>.slick-track>.productsHigh {
height: auto;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay {
background-color: rgb(255 255 255 / 80%);
padding: 40px 25px 40px 25px;
border-left: 5px solid #1A246F;
display: flex;
flex-direction: column;
gap: 50px;
height: 100%;
justify-content: space-between;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay h5,.singleProduct .productDetails h6 {
margin: 0px 0px 15px 0px;
font-size: 16px;
line-height: 18px;
font-family: "Calibre Regular", Sans-serif;
text-transform: uppercase;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay h3,.singleProduct .productDetails h3 {
margin: 0px 0px 10px 0px;
font-size: 32px;
letter-spacing: -1px;
line-height: 36px;
font-weight: 500;
font-family: "Calibre Medium", Sans-serif;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay p {
font-size: 16px;
line-height: 22px;
color: #333333CC;
font-family: "Calibre Regular", Sans-serif;
}
a.learnMoreBtn {
font-size: 16px;
line-height: 18px;
letter-spacing: -0.3px;
font-family: "Calibre Bold", Sans-serif;
color: #333333;
text-transform: uppercase;
}
button.slide-arrow.slick-arrow,.galleryBoxSlider .bdt-slidenav {
background-size: contain;
height: 60px;
width: 60px;
background-color: transparent !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: unset !important;
position: absolute;
top: -90px;
}
button.slide-arrow.prev-arrow{
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-left.png);
right:130px !important;
}
button.slide-arrow.next-arrow {
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-right.png);
right:10px;
}
.galleryBoxSlider .bdt-slidenav.bdt-navigation-prev {
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-left-2.png);
right:130px !important;
}
.galleryBoxSlider .bdt-slidenav.bdt-navigation-next {
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-right-2.png);
}
button.slide-arrow.prev-arrow:hover,.galleryBoxSlider .bdt-slidenav.bdt-navigation-prev:hover {
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-left-active.png);
}
button.slide-arrow.next-arrow:hover,.galleryBoxSlider .bdt-slidenav.bdt-navigation-next:hover {
background-image: url(//elastochem.com/wp-content/uploads/2023/08/arrow-right-active.png);
}
.galleryBoxSlider .bdt-slidenav {
left:unset !important;
top: -50px;
}
.galleryBoxSlider .bdt-slidenav.bdt-navigation-next {
right:55px !important;
}
.galleryBoxSlider .bdt-position-z-index.bdt-position-center {
top: 0 !important;
left: unset !important;
right: 0 !important;
transform: unset !important;
}
.productHighlightsBox div.productHighlights .productsHigh:hover .productsOverlay {
background-color: #1A246FCC;
border-color: #F8C645;
}
.productHighlightsBox div.productHighlights .productsHigh:hover .productsOverlay .labelsTop * {
color: #fff;
}
.productHighlightsBox div.productHighlights .productsHigh:hover .productsOverlay a.learnMoreBtn {
color: #F8C645;
}
.setBgImg .elementor-container.elementor-column-gap-default ,.setBgImg .elementor-container.elementor-column-gap-default * {
position: static;
}
.benifitsBox ul.elementor-icon-list-items li.elementor-icon-list-item {
display: flex;
flex-direction: column;
}
.benifitsBox ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon {
display: block;
}
.benifitsBox ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon svg {
width: 30px;
height: 30px;
}
.setBgImg .elementor-container.elementor-column-gap-default .elementor-widget.elementor-widget-image {
position: absolute;
left: 0px;
top: -90px;
width: auto !important;
}
.galleryBoxSlider .bdt-slidenav i{
display: none ;
}
.singleProduct {
display: flex !important;
flex-direction: column;
gap: 50px;
margin: 15px;
box-shadow: 0px 2px 10px #0000002b;
padding: 35px 25px;
background-color: #fff;
}
.singleProduct .productImg img {
height: 75px;
object-fit: contain;
}
.singleProduct a.learnMoreBtn {
color: #F8C645;
}
.singleProduct:hover *{
color:#fff !important;
}
.singleProduct:hover{
background-color: #18B9F7;
}
@media(min-width:1200px){
.sliderFullWidth button.slide-arrow.prev-arrow{
right: 25% !important;
}
.sliderFullWidth button.slide-arrow.next-arrow{
right: 18% !important;
}
.productHighlightsBox .productHighlights,.productHighlightsBox .recentProducts   {
width: 120%;
}
.KeyFeatureBG,.proHighBox.ovetHidden {
overflow: hidden !important;
}
} .filterCatBox {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.filterCatBox .leftfilter {
width: 23%;
}
.filterCatBox .rightdiv {
width: calc(77% - 40px);
position: relative;
}
.filterCatBox .leftfilter .accordianBox {
border-bottom: 1px solid #0000001A;
padding: 10px 0px;
}
.filterCatBox .leftfilter .accordianBox .myaccordion {
font-family: Calibre Regular;
font-size: 24px;
line-height: 25px !important;
color: #333333;
letter-spacing: -0.2px;
font-weight: 600;
padding: 8px 5px 0px 0px;
background-color: transparent !important;
border: 0px !important;
border-radius: 0px !important;
outline: 0px !important;
box-shadow: none !important;
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
}
.filterCatBox .leftfilter .accordianBox .mypanel {
padding: 0px;
background-color: transparent !important;
}
.filterCatBox .leftfilter .accordianBox .myaccordion:after {
float: none;
line-height: 1;
display: inline-block;
margin: 0px;
background-image: url(//elastochem.com/wp-content/uploads/2023/09/Icon.svg);
content: '';
width: 20px;
height: 20px;
background-position: right center;
background-repeat: no-repeat;
transition: 0.5s;
transform: rotate(0deg);
transition: 0.2s;
}
.filterCatBox .leftfilter .accordianBox .mypanel p {
margin: 0;
}
.filterCatBox .leftfilter .accordianBox .mypanel ul {
padding: 0px 0px 0px 20px;
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 15px;
border-left: 1px solid #0000001A;
margin: 20px 0px;
}
.filterCatBox .leftfilter .accordianBox .mypanel ul li {
display: block;
}
.filterCatBox .leftfilter .accordianBox .mypanel ul li a {
display: block;
font-family: Calibre Regular;
font-size: 18px;
line-height: 21px !important;
color: #333333;
letter-spacing: -0.2px;
cursor: pointer;
}
.filterCatBox .leftfilter .accordianBox .mypanel ul li a:hover,.filterCatBox .leftfilter .accordianBox .mypanel ul li a.activeTitle {
color: #1A246F;
}
.filterCatBox .leftfilter .accordianBox .myaccordion.active::after {
background-image: url(//elastochem.com/wp-content/uploads/2023/09/Icon-1.svg);
}
.filterCatBox .leftfilter>h3 {
font-family: 'Calibre Bold';
font-size: 30px;
line-height: 36px;
color: #333333;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0px 0px 30px;
}
.filterCatBox .rightdiv form#searchform {
background-color: #fff;
border-radius: 100px;
overflow: hidden;
display: flex;
padding: 10px;
font-family: 'Calibre Regular';
}
.filterCatBox .rightdiv form#searchform input[type="text"] {
border: 0 !important;
outline: 0px !important;
box-shadow: none !important;
font-size: 24px;
letter-spacing: -0.5px;
line-height: 28px;
height: 40px;
padding: 14px 20px 10px;
}
.filterCatBox .rightdiv form#searchform input[type="submit"] {
line-height: 14px;
font-size: 14px;
background-color: #1A246F;
padding: 16px 24px 10px;
border-radius: 100px;
color: #fff;
min-width: 150px;
text-transform: uppercase;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.filterCatBox .rightdiv .prodresult .prodname h3 {
font-family: 'Calibre Bold';
font-size: 36px;
line-height: 40px;
color: #333333;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0px 0px 10px;
}
.filterCatBox .rightdiv .prodresult .prodcontent {
display: block;
font-family: Calibre Regular;
font-size: 18px;
line-height: 25px !important;
color: #333333CC;
letter-spacing: -0.3px;
max-width: 450px;
margin-bottom: 20px;
}
.filterCatBox .rightdiv .prodresult a.prodlink {
color: #1A246F !important;
font-family: 'Calibre Bold';
font-size: 16px;
line-height: 18px;
letter-spacing: -0.3px;
text-transform: uppercase;
display: inline-block;
}
.productDetails{
margin:50px 0px 60px 0px;
}
.document_section .section_title h4 {
font-family: 'Calibre Bold';
font-size: 24px;
line-height: 28px;
color: #333333;
letter-spacing: -0.5px;
margin: 0px 0px 20px;
}
.document_section .inner_section a {
padding: 15px;
display: flex;
gap: 25px;
background-color: rgba(255, 255, 255, 1);
align-items: center;
border-radius: 4px;
border-left: 4px solid rgba(26, 36, 111, 1);
transition: 0.5s;
}
.document_section .inner_section a .docImg {
padding: 12px;
border-radius: 50px;
box-shadow: 0px 10px 12px #00000036;
width: 50px !important;
height: 50px !important;
}
.document_section .inner_section a .docsTexts {
width: calc(100% - 75px);
}
.document_section .inner_section a .docsTexts .doc_sec_title {
display: block;
font-family: Calibre Regular;
font-size: 24px;
line-height: 28px !important;
color: #333333;
letter-spacing: -0.3px;
font-weight: 600;
}
.document_section .inner_section a .docsTexts .doc_short_desc {
display: block;
font-family: Calibre Regular;
font-size: 16px;
line-height: 22px !important;
color: #333333CC;
letter-spacing: -0.3px;
}
.docProducts .allDocBoxes {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.docProducts .allDocBoxes .inner_section {
width: calc(50% - 17px);
}
.document_section .inner_section a:hover {
border-color: #F8C645;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}
.docProducts {
margin: 0px 0px 50px;
}
.rightdiv div#loading {
text-align: center;
padding: 100px 0px;
background-color: #d1d3e2;
background-image: linear-gradient(140deg, #F3F4F8 0%, #d1d3e2 100%);
position: absolute;
right: 0;
left: 0;
top: 0;
display: flex;
bottom: 0;
align-items: center;
justify-content: center;
}
.rightdiv div#loading img {
max-width: 100px;
}
.with-img-gal .elementor-image-box-content {
padding: 10px 20px 15px !important;
}
table tbody > tr td:nth-child(2), table tbody > tr:nth-child(2n+1) > th {
min-width:200px;
text-align:center !important;
}
table thead > tr th:nth-child(2), table tbody > tr td:nth-child(2) {
min-width:200px;
text-align:center !important;
}
.docProducts .document_section {
display: flex;
flex-direction: column;
gap: 20px;
}
.docProducts {
display: block;
width: 100%;
}
.trp_ald_ls_container .trp-ald-popup-select {
margin-right: 0px !important;
padding: 0px 10px !important;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language {
padding-bottom: 10px;
padding-top: 9px;
}
.trp-language-switcher{
width: 105px !important;
}
div#wpforms-4126-field_7-container * {
z-index: 1 !important;
}
.search-no-results .elementor-widget-container>.elementor-posts-container {
display: flex !important;
align-items: center;
justify-content: center;
} @media(max-width:1200px){
.productHeroBox .proColImg img{
position: static;
}
.elastochemHeader .elementor-container,.topHeader .elementor-container {
justify-content: space-between !important;
}
}
@media(max-width:991px){
button.slide-arrow.slick-arrow, .galleryBoxSlider .bdt-slidenav {
height: 30px;
width: 30px;
top: -45px;
}
button.slide-arrow.prev-arrow {
right: 50px !important;
}
.galleryBoxSlider .bdt-slidenav.bdt-navigation-prev{
right: 45px !important;
}
.galleryBoxSlider .bdt-slidenav{
top:-30px;
}
.setBgImg .elementor-container.elementor-column-gap-default .elementor-widget.elementor-widget-image {
position: relative;
top: 0px;
width: 100%;
}
.setBgImg .elementor-container.elementor-column-gap-default, .setBgImg .elementor-container.elementor-column-gap-default * {
position: relative;
overflow: hidden;
}
.benifitsBox {
position: absolute !important;
top: 70px;
left: 60px;
}
.ovetHidden{
overflow: hidden !important;
}
.fetureBoxes .elementor-container .docImageList figure.elementor-image-box-img img {
width: 80%;
display: block;
margin: 0 auto;
}
}
@media(max-width:991px){
.docProducts .allDocBoxes .inner_section {
width: 100%;
}
.filterCatBox .leftfilter {
width: 30%;
}
.filterCatBox .rightdiv {
width: calc(70% - 40px);
}
}
@media(max-width:767px){
.solutionOffersTab .bdt-interactive-tabs .bdt-interactive-tabs-wrap {
flex-wrap: wrap !important;
}
.solutionOffersTab .bdt-interactive-tabs .bdt-interactive-tabs-item {
width: calc(50% - 10px) !important;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay h3, .singleProduct .productDetails h3 {
font-size: 22px;
line-height: 25px;
}
.productHighlightsBox div.productHighlights .productsHigh .productsOverlay h5, .singleProduct .productDetails h6 {
margin: 0px 0px 5px 0px;
font-size: 14px;
line-height: 15px;
}
.filterCatBox .leftfilter , .filterCatBox .rightdiv{
width: 100% !important;
}
.filterCatBox .leftfilter>h3 {
font-size: 20px;
line-height: 30px;
margin: 0px 0px 10px;
}
.filterCatBox .leftfilter .accordianBox .myaccordion {
font-size: 18px;
line-height: 20px !important;
}
.filterCatBox .leftfilter .accordianBox .mypanel ul {
padding: 0px 0px 0px 10px;
gap: 10px;
margin: 15px 0px 10px;
}
.filterCatBox .rightdiv form#searchform input[type="submit"] {
padding: 16px 20px 10px;
min-width: auto;
}
.filterCatBox .rightdiv form#searchform input[type="text"] {
font-size: 16px;
line-height: 16px;
padding: 14px 10px 10px;
}
.filterCatBox .rightdiv .prodresult .prodname h3 {
font-size: 25px;
line-height: 30px;
}
.document_section .section_title h4,.document_section .inner_section a .docsTexts .doc_sec_title {
font-size: 20px;
line-height: 22px;
}
.document_section .section_title h4 {
margin: 0px 0px 10px;
}
.document_section .inner_section a {
padding: 10px;
gap: 10px;
}
.document_section .inner_section a .docImg {
padding: 8px;
width: 40px !important;
height: 40px !important;
}
.allEvents .eventCardSection {
display: block;
width: calc(100% - 0px);
}
.allEvents .eventCardSection .evtLeft {
width:100%;
padding: 10px 0;
}
.allEvents .eventCardSection .evtRight {
padding: 15px;
}
.allEvents .eventCardSection .evtLocate {
display: block;
}
.blue .elementor-background-overlay {
background-image: linear-gradient(90deg, #2A3182E5 100%, #FFF0 100%) !important;
opacity: 0.7;
}
.gray .elementor-background-overlay {
background-image: linear-gradient(90deg, #F1F2F7 100%, #F2295B00 100%) !important;
opacity: 0.7;
}
.white .elementor-background-overlay {
background-image: linear-gradient(90deg, #F1F2F7 100%, #F2295B00 100%) !important;
opacity: 0.7;
}
}