.hm_about_title .common_title {
width: 430px;
}
.hm_about_img02 {
height: 290px;
border-radius: 10px;
overflow: hidden;
}
.hm_about_img02 img{
width: 100%;
height: 100%;
object-fit: cover;
}
.hm_about_left {
height: 100%;
display: flex;
align-items: end;
width: 100%;
}
.hm_about_img01 {
height: 175px;
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.hm_about_img01 img{
width: 100%;
height: 100%;
object-fit: cover;
}
.hm_about_title {
margin-bottom: 50px;
}
.hm_about_center {
padding: 0 40px;
}
#hm_products .flex_title .common_title {
width: 400px;
margin: 0;
}
.hm_product_wrap {
background: #FFFFFF5E;
border-radius: 10px;
overflow: hidden;
border: 1px solid #F0F0F0;
padding: 15px;
transition: all .5s linear;
height: 340px;
} .hm_product_wrap:hover .hm_product_img > img{
opacity: .5;
transition: all .5s linear;
}
.hm_product_wrap:hover .cas_number {
background: #3028ff;
color: #fff;
transition: all .5s linear;
}
.hm_product_wrap h3 {
font-size: 16px;
font-weight: 600;
color: #000000;
}
.hm_product_img {
background: #FFFFFF;
border-radius: 10px;
height: 150px;
margin: 20px 0px;
position: relative;
}
.hm_product_img img{
width: 100%;
height: 100%;
object-fit: contain;
transition: all .5s linear;
}
.cas_number {
background: #E5E5E5;
border-radius: 5px;
text-align: center;
padding: 5px;
color: #1A1A1A;
font-size: 14px;
font-weight: 500;
transition: all .5s linear;
}
.hm_product_img span {
width: 35px;
height: 35px;
background: #3028FF;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
opacity: 0;
}
.hm_product_img span img {
width: 18px;
height: 18px;
object-fit: contain;
margin-left: 4px;
}
.orsachem_counter {
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px;
}
.orsachem_counter_right ul {
background: #00000024;
border: 1px solid #FFFFFF1C;
border-radius: 10px;
padding: 30px 0px 40px 40px;
list-style: none;
margin-top: 150px;
margin-bottom: 0;
display: inline-block;
width: 100%;
}
.orsachem_counter_right ul li{
width: 33.3%;
float: left;
position: relative;
}
.orsachem_counter_right ul li::after {
position: absolute;
content: '';
width: 1px;
height: 50px;
background: #FFFFFF1A;
right: 30px;
top: 50%;
transform: translate(-50%, -50%);
}
.orsachem_counter_right ul li:last-child::after{
display: none;
}
.orsachem_counter_right ul li span {
color: #FFFFFF;
font-size: 42px;
font-weight: 400;
margin-bottom: 15px;
display: block;
}
.orsachem_counter_right ul li p {
color: #e1e1e1;
font-size: 14px;
font-weight: 400;
margin: 0;
}
#counter span.plus:after {
content: "+";
display: inline-block;
}
.specialized_solutions_wrap {
text-decoration: none;
border-radius: 10px;
display: grid;
align-content: space-between;
height: 340px;
background: #F6F6F6;
padding: 30px;
transition: all .5s linear;
position: relative;
}
.specialized_solutions_wrap:hover {
background: #3028ff;
transition: all .5s linear;
transform: translateY(-5px);
}
#specialized_solutions .common_title {
margin-bottom: 50px;
}
.specialized_solutions_wrap p {
margin: 0;
line-height: 20px;
transition: all .5s linear;
}
.specialized_solutions_wrap span {
width: 35px;
height: 35px;
border-radius: 50%;
background: #3028ff;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s linear;
overflow: hidden;
position: absolute;
right: 30px;
top: 20px;
transition: all .5s linear;
}
.specialized_solutions_wrap:hover span{
opacity: 1;
transition: all .5s linear;
background: #fff;
}
.specialized_solutions_wrap span img {
width: 16px;
transition: all .5s linear;
}
.specialized_solutions_wrap:hover span img{
filter: grayscale(0) invert(1);
transition: all .5s linear;
}
.specialized_solutions_wrap:hover h3{
color: #fff;
transition: all .5s linear;
}
.specialized_solutions_wrap:hover p{
color: #fff;
transition: all .5s linear;
}
#bottom_text {
padding: 50px 0px;
}
#bottom_text .common_title02 {
margin-bottom: 20px;
}
footer {
background: #121212;
padding: 70px 0 20px;
position: relative;
overflow: hidden;
}
.ftr_logo img {
filter: brightness(0) invert(1);
width: 150px;
}
.ftr_contact a {
color: #FFFFFF99;
font-size: 14px;
font-weight: 300;
text-decoration: none;
display: block;
margin-bottom: 5px;
transition: all .5s linear;
}
.ftr_contact a:hover {
color: #ffffff;
transition: all .5s linear;
text-decoration: underline;
}
.ftr_right a{
color: #FFFFFF99;
font-size: 14px;
font-weight: 300;
text-decoration: none;
display: block;
margin-bottom: 5px;
transition: all .5s linear;
}
.ftr_right a:hover {
color: #ffffff;
transition: all .5s linear;
text-decoration: underline;
}
.ftr_title {
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
}
.ftr_logo {
text-decoration: none;
display: flex;
margin-bottom: 30px;
}
footer hr {
color: #ffffff24;
margin-top: 50px;
}
footer .container{
position: relative;
z-index: 9;
}
.copyright {
display: flex;
align-items: center;
justify-content: space-between;
}
.copyright p {
margin: 0;
color: #c5c5c5cc;
font-size: 11px;
font-weight: 300;
text-transform: capitalize;
}
.copyright p a{
text-decoration: none;
color: #fff;
font-weight: 500;
}
.ftr_pattern {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: hard-light;
opacity: 4%;
animation: rotateDNA 2s infinite ease-in-out;
transform-style: preserve-3d;
perspective: 80000px;
}
@keyframes rotateDNA{
0%{
transform: translate(-50%, -50%) rotateY(0deg) rotateX(0deg);
}
25%{
transform: translate(-50%, -50%) rotateY(10deg) rotateX(5deg);
}
50%{
transform: translate(-50%, -50%) rotateY(0deg) rotateX(10deg);
}
75%{
transform: translate(-50%, -50%) rotateY(-10deg) rotateX(5deg);
}
100%{
transform: translate(-50%, -50%) rotateY(0deg) rotateX(0deg);
}
}
.morin_derivative {
background: #F6F6F6;
padding: 20px 50px;
border-radius: 10px;
}
.morin_derivative_left .common_title {
width: 400px;
}
.morin_derivative_left p {
width: 330px;
margin: 20px 0px;
}
.morin_derivative_right img {
width: 100%;
height: 100%;
object-fit: contain;
}
.morin_derivative_right {
height: 350px;
}
#product_description_application .common_title {
width: 500px;
margin-bottom: 40px;
}
.product_description_application_right {
border-radius: 10px;
overflow: hidden;
margin-left: 80px;
height: 250px;
margin-bottom: 20px;
}
.product_description_application_right img{
width: 100%;
height: 100%;
object-fit: cover;
}
#bottom_text {
overflow: hidden;
}
#bottom_text ol li {
color: #313131;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;
line-height: 20px;
word-break: break-word;
}
#bottom_text ol {
margin-bottom: 0;
padding-left: 20px;
}
#benefits {
margin-top: 50px;
}
.benefits_img {
border-radius: 10px;
overflow: hidden;
height: 100%;
}
.benefits_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.benefits_right {
background: #3028FF;
padding: 30px 40px;
border-radius: 10px;
}
.benefits_right ul {
padding: 0;
margin: 0;
list-style: none;
}
.benefits_right ul li {
color: #ffffff;
font-size: 15px;
font-weight: 200;
line-height: 23px;
position: relative;
margin-bottom: 20px;
padding-left: 25px;
}
.benefits_right ul li::after {
position: absolute;
content: '';
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url(//www.orsachem.com/wp-content/themes/orsachem/images/tick.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
filter: brightness(0) invert(1);
}
.benefits_right .common_title {
margin-bottom: 30px;
}
.packaging_pricing table {
border-collapse: collapse;
width: 100%;
border-radius: 10px;
overflow: hidden;
margin: 50px 0px;
}
.packaging_pricing th {
background: #525252;
color: #fff;
font-weight: 600;
font-size: 15px;
}
.packaging_pricing td, th {
border: 1px solid #0000000F;
text-align: center;
padding: 8px;
color: #000000;
font-size: 15px;
}
.packaging_pricing .common_title {
margin-bottom: 20px;
}
.packaging_pricing a {
background: #FFFFFF;
border-radius: 10px;
padding: 15px 20px;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
width: 450px;
margin-bottom: 20px;
}
.packaging_pricing a span{
min-width: 65px;
height: 65px;
background: #F5F5FE;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.packaging_pricing a span img {
width: 22px;
mix-blend-mode: multiply;
}
.data_sheet_left {
display: flex;
align-items: center;
gap: 20px;
}
.data_sheet_title h4 {
color: #000000;
font-size: 20px;
font-weight: 700;
margin-bottom: 3px;
}
.data_sheet_title p{
margin: 0;
font-size: 15px;
color: #000000;
font-weight: 400;
}
.download_icon {
width: 20px;
}
.safety_data_sheet {
margin-left: 50px;
}
.safety_data_sheet .common_title {
margin-bottom: 70px;
}
.safety_data_sheet ul {
margin: 0;
padding: 0;
}
.morin_derivative_right{
perspective: 1200px;
display: flex;
justify-content: center;
align-items: center;
}
.morin_derivative_right img{
width: 100%;
max-width: 500px;
animation: float3d 6s ease-in-out infinite;
transform-style: preserve-3d;
filter:
drop-shadow(0 30px 40px rgba(48,40,255,0.15));
transition: transform .3s ease;
} @keyframes float3d{
0%{
transform:
rotateX(0deg)
rotateY(-8deg)
translateY(0px);
}
25%{
transform:
rotateX(5deg)
rotateY(6deg)
translateY(-15px);
}
50%{
transform:
rotateX(0deg)
rotateY(10deg)
translateY(0px);
}
75%{
transform:
rotateX(-5deg)
rotateY(-6deg)
translateY(15px);
}
100%{
transform:
rotateX(0deg)
rotateY(-8deg)
translateY(0px);
}
}
#electroplating .accordion-button {
background: #FFFFFF;
border-radius: 10px !important;
border: 1px solid #0000000D;
color: #000000;
font-size: 18px;
font-weight: 600;
padding: 25px 50px 25px 25px;
text-align: left;
}
#electroplating .accordion-item {
border: 0;
background: transparent;
border-radius: 0;
margin-bottom: 15px;
}
#electroplating .accordion-body {
background: #fff;
border-radius: 10px;
padding: 20px 30px;
margin-top: 20px;
}
#electroplating .accordion-button::after {
width: 18px;
height: 18px;
background-size: 18px; position: absolute;
right: 20px;
}
#electroplating .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(1); } 
#electroplating .accordion-button:not(.collapsed) {
color: #fff;
background-color: #3028FF;
box-shadow: none;
}
#electroplating .accordion-button:focus {
box-shadow: none;
}
.electroplating_description ol {
padding: 0;
margin-top: 10px;
margin-bottom: 0;
list-style: none;
display: inline-block;
width: 100%;
}
.electroplating_description ol li {
background: #f6f6f6;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
width: fit-content;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.electroplating_description ul {
padding: 0;
margin: 0;
list-style: none;
}
.electroplating_description ul li {
color: #313131;
font-size: 15px;
font-weight: 400;
line-height: 23px;
position: relative;
margin-bottom: 5px;
padding-left: 25px;
}
.electroplating_description ul li::after {
position: absolute;
content: '';
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url(//www.orsachem.com/wp-content/themes/orsachem/images/tick.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.electroplating_description h6 {
font-weight: 700;
color: #000;
font-size: 18px;
margin: 30px 0px;
}
.service_wrap span {
width: 65px;
height: 65px;
background: #F5F5FE;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: auto;
}
.service_wrap span img {
width: 35px;
}
.service_wrap {
background: #FFFFFF;
border-radius: 10px;
padding: 30px 20px;
text-align: center;
height: 250px;
transition: all .5s linear;
}
.service_wrap:hover{
background: #3028FF;
transition: all .5s linear;
transform: translateY(-5px);
}
.service_wrap:hover h3{
color: #fff;
transition: all .5s linear;
}
.service_wrap:hover p{
color: #fff;
transition: all .5s linear;
}
.service_wrap h3 {
font-size: 20px;
color: #000000;
font-weight: 700;
margin: 20px 0px 10px;
transition: all .5s linear;
}
.service_wrap p {
margin: 0;
transition: all .5s linear;
}
.flex_title p {
margin: 0;
width: 424px;
}
#bottom_text ul li {
background: #ffffff;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
border-radius: 50px;
width: fit-content;
float: left;
margin-right: 8px;
color: #000000;
margin-bottom: 8px;
border: 1px solid #0000000f;
}
#bottom_text ul{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
width: 100%;
}
.application_benefit_img {
height: 250px;
border-radius: 10px;
overflow: hidden;
}
.application_benefit_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.application_benefits ul {
padding: 0;
margin: 0;
list-style: none;
}
.application_benefits ul li {
color: #313131;
font-size: 15px;
font-weight: 400;
line-height: 23px;
position: relative;
margin-bottom: 5px;
padding-left: 25px;
}
.application_benefits ul li::after {
position: absolute;
content: '';
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url(//www.orsachem.com/wp-content/themes/orsachem/images/tick.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.application_benefits .common_title {
font-size: 32px;
margin-bottom: 20px;
}
.benefits{
margin-left: 50px;
}
#hm_products .row {
--bs-gutter-x: 10px;
}
#contact {
padding: 170px 0px 90px;
}
.contact_left .common_title {
margin-bottom: 20px;
}
.contact_input_wrap{
position: relative;
margin-bottom: 30px;
}
.contact_input {
width: 100%;
border: none;
border-bottom: 1px solid #ededed;
padding: 14px 0 8px;
background: transparent;
outline: none;
font-size: 14px;
font-weight: 500;
color: #161616;
}
.contact_input_wrap label{
position: absolute;
left: 0;
top: -3px;
font-size: 14px;
color: #999;
pointer-events: none;
transition: 0.3s ease;
}
.contact_input_wrap label span {
color: #FF0000;
}
.contact_input:focus + label,
.contact_input:valid + label{
top: -10px;
font-size: 12px;
color: #000000;
}
textarea.contact_input{
height: 100px;
resize: none;
}
.contact_right {
margin-left: 80px;
}
.contact_form p {
color: #505050;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.contact_form p a{
color: #3028FF;
text-decoration: none;
}
input.btn_text {
background: transparent;
border: 0;
color: #fff;
font-weight: 500;
}
.contact_form .common_btn {
margin-top: 20px;
}
.products_wrap {
background: #FFFFFF;
border-radius: 10px;
padding: 25px;
display: inline-block;
width: 100%;
text-decoration: none;
margin-bottom: 24px;
}
.products_name {
font-size: 20px;
color: #000000;
font-weight: 700;
word-wrap: break-word;
min-height: 48px;
}
.cas_no {
background: #EDF0FC;
border-radius: 5px;
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
padding: 8px 15px 8px 8px;
color: #3028FF;
font-size: 14px;
font-weight: 500;
margin: 20px 0px;
}
.cas_no img{
width: 20px;
}
.product_img {
border: 1px solid #EFEFEF;
border-radius: 10px;
height: 220px;
display: flex;
align-items: center;
justify-content: center;
}
.product_img img{
width: 80%;
height: 80%;
object-fit: contain;
}
.product_bottom {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
}
.product_details {
border: 1px solid #EFEFEF;
border-radius: 10px;
display: flex;
align-items: center;
padding: 10px;
gap: 15px;
width: 50%;
}
.product_details span{
width: 55px;
height: 55px;
background: #F5F5FE;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.product_details span img {
width: 22px;
}
.product_detail_right h5 {
color: #3C3C3C;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.product_detail_right h6{
color: #000000;
font-size: 15px;
font-weight: 600;
margin: 0;
}
.products {
width: 95%;
margin: auto;
}
#products {
padding-bottom: 66px;
}
#common_page h3 {
font-size: 20px;
font-weight: 700;
color: #000000c7;
margin: 20px 0px;
}
#common_page .common_title {
margin-bottom: 50px;
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
}
#common_page a {
color: #3028ff;
font-weight: 600;
word-break: break-word;
}
#common_page h2 {
font-size: 24px;
font-weight: 700;
color: #000000;
margin: 20px 0px;
}
#common_page ul {
padding: 0;
list-style: none;
}
#common_page ul li {
color: #313131;
font-size: 15px;
font-weight: 400;
line-height: 23px;
position: relative;
margin-bottom: 5px;
padding-left: 25px;
}
#common_page ul li::after {
position: absolute;
content: '';
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url(//www.orsachem.com/wp-content/themes/orsachem/images/tick.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#common_page ol {
padding: 0;
margin-top: 10px;
margin-bottom: 0;
list-style: none;
display: inline-block;
width: 100%;
}
#common_page ol li {
background: #f6f6f6;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
width: fit-content;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#common_page ol li a{
text-decoration: none;
color: #000;
}
#electroplating .accordion-button p {
color: #000000;
font-size: 18px;
font-weight: 600;
margin: 0;
}
#electroplating .accordion-button:not(.collapsed) p{
color: #fff;
}
.common_btn span.wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
font-size: 14px!important;
margin-top: 4px;
}
.product_detail_right h6 p {
color: #000000;
font-size: 15px;
font-weight: 600;
margin: 0;
}
.benefits_right ul li a {
color: #fff;
text-decoration: none;
}
#electroplating .accordion-button p a ,.electroplating_description a{
text-decoration: none;
color: #3028ff;
}
#bottom_text ol li a {
color: #313131;
text-decoration: none;
}
#hm_products .hm_product_wrap h3 {
min-height: 80px;
}
.fullwidth{
width:100%;
}
.fullwidth .product_detail_right {
width: 85%;
}
.productbg {
background: #fff;
border-radius: 15px;
margin-bottom: 25px;
padding: 25px;
}
.products_wrap_cat {
display: flex;
gap: 15px;
}
#products button#load-more-products {
border: 0;
margin: 0 auto;
}
#faq .accordion-button {
background: #fff;
border-radius: 10px !important;
border: 1px solid #0000000D;
color: #000000;
font-size: 18px;
font-weight: 600;
padding: 25px 50px 25px 25px;
text-align: left;
}
#faq .accordion-item {
border: 0;
background: transparent;
border-radius: 0;
margin-bottom: 15px;
}
#faq .accordion-body {
background: #fff;
border-radius: 10px;
padding: 20px 30px;
margin-top: 20px;
}
#faq .accordion-button::after {
width: 18px;
height: 18px;
background-size: 18px;
position: absolute;
right: 20px;
}
#faq .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(1);
} 
#faq .accordion-button:not(.collapsed) {
color: #fff;
background-color: #3028FF;
box-shadow: none;
}
#faq .accordion-button:focus {
box-shadow: none;
}
.faq_left .common_title {
width: 370px;
margin-bottom: 20px;
}
.faq_left {
position: sticky;
top: 50px;
}