/*# General*/
.w-90{width: 90%}
/*html *{border: 1px solid red;}*/
body { font-family: "Open Sans", sans-serif;color: #444444;}

a {color: #47b2e4;}
a:hover {color: #fff; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-family: "Jost", sans-serif;}

/*-------# Preloader-----------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999;
  overflow: hidden; background: #37517e;}

#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px);
  border: 6px solid #37517e; border-top-color: #fff;  border-bottom-color: #fff;
  border-radius: 50%; width: 60px;  height: 60px;  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;}

@-webkit-keyframes animate-preloader {
  0% { transform: rotate(0deg); }
  100% {transform: rotate(360deg);}
}

@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/*---------# Back to top button---------------*/
.back-to-top {position: fixed;display: none;left: calc(100vw - 65px);bottom: 15px;z-index: 99999;}
.back-to-top i { display: flex;align-items: center; justify-content: center; font-size: 24px; width: 40px;
  height: 40px; border-radius: 50px; background: #47b2e4; color: #fff; transition: all 0.4s;}
.back-to-top i:hover { background: #209dd8;}

.bg-menu{background-color:#e5e5e5; height: 74px}
/*.bg-menu{background-color:rgba(40, 58, 90, 0.9); height: 74px}*/
section {padding: 40px 0;}
.section-bg {background-color: #f3f5fa;}
.graient-bg{background-image: linear-gradient(#f0f5fa,#e5e5e5); height: 100%; width: 100%;}
.graient-bg-rv{background-image: linear-gradient(#e5e5e5,#f0fefe); height: 100%; width: 100%;}
.section-title { text-align: center; padding-bottom: 30px;}
.section-title h1 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;
  padding-bottom: 10px; position: relative; color: #37517e;}

@media(max-width: 576px)  {
  section {padding: 30px 0; overflow: hidden;}
  .section-title h1 {font-size: 24px}
}

.section-title h1::before { content: ''; position: absolute;  display: block; width: 120px;
 height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px);}

.section-title h1::after { content: ''; position: absolute; display: block; width: 40px;
  height: 3px; background: #47b2e4; bottom: 0; left: calc(50% - 20px);}


.section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;
  padding-bottom: 20px; position: relative; color: #37517e;}

.section-title h2::before { content: ''; position: absolute;  display: block; width: 120px;
 height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px);}

.section-title h2::after { content: ''; position: absolute; display: block; width: 40px;
  height: 3px; background: #47b2e4; bottom: 0; left: calc(50% - 20px);}

.section-title p {margin-bottom: 0;}


/*--------# Header-------*/

#header {transition: all 0.6s; z-index: 996;padding: 0;}
 
#header.header-scrolled, #header.header-inner-pages {background:#e5e5e5e0; box-shadow: 0 2px 4px grey}
/*#header.header-scrolled, #header.header-inner-pages {background:rgba(40, 58, 90, 0.9);}*/

#header .logo { font-size: 20px; margin: 0; padding: 0; line-height: 1;
                font-weight: 600; letter-spacing: 2px; text-transform: uppercase;}

#header .logo a {color: #202b58;}

#header .logo img {height: 70px;}



/*------ Nav Menu----*/

.navbar {position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;
    flex-wrap: wrap; -ms-flex-align: center;  align-items: center;  -ms-flex-pack: justify;
    justify-content: space-between;  padding: .125rem 1.5rem;}

.navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem;
    font-size: 1.12rem;  line-height: inherit; white-space: nowrap; color: #202b58; font-weight: bold;}

@media (max-width: 576px){ 
  .navbar {padding: .125rem 0.9rem;}
  .navbar-brand {font-size: 1rem;} 
}

.nav-menu ul { margin: 0; padding: 0; list-style: none;}
.nav-menu > ul {display: flex; text-align: center !important}

@media (max-width: 991px) {
  .nav-menu > ul { background:#dedede; margin-top: 4px;  }
}

.nav-menu > ul > li { position: relative; white-space: nowrap; padding: 10px 0 10px 28px;}
.nav-menu a { display: block; position: relative; color: #202a5b; transition: 0.3s;
  font-size: 1.2rem; letter-spacing: 0.5px;  font-weight: 600;  font-family: "Open Sans", sans-serif;}  
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a { color: #f05b22;}
.navbar-toggler { padding: .25rem .75rem; font-size: 3rem; line-height: 1; background-color: transparent;
    border: 1px solid transparent;  border-radius: .25rem; color: #f05b22}
.page-btn {background: #fff; margin-left: 25px; color: #444;border-radius: 40px; padding: 6px 25px 7px 25px;  white-space: nowrap; 
  transition: 0.3s; font-size: 14px; display: inline-block; border: 2px solid #f05b22b0; font-weight: 600;}
.page-btn:hover { background: #93351f; color: gold;}

@media (max-width: 768px) {
  .page-btn { margin: 0 20px 0 0; padding: 6px 20px 7px 20px; }
}
@media (max-width: 575px) {
  .navbar-toggler { padding: .12rem .25rem; font-size: 2.5rem;}
}

.lg-disp{display: inline-block;}

@media(max-width: 450px){
  .lg-disp{display: none;}
}

/*----------------# Hero Section---------------*/
/*#hero { width: 100%;background:rgba(40, 58, 90, 0.9); height: 99vh }*/
#hero { width: 100%;background-color:#e5e5e5e0; height: 99vh }


#hero .container { padding-top: 40px;}
#hero h1 { margin: 0 0 10px 0;  font-size: 48px;  font-weight: 700;
  line-height: 56px;}

#hero h2 {color: #808080; margin-bottom: 50px; font-size: 24px;}
#hero .page-btn {
  font-family: "Jost", sans-serif; font-weight: 500; font-size: 1rem;
  letter-spacing: 1px;  display: inline-block;  padding: 10px 28px 11px 28px;
  border-radius: 50px;  transition: 0.5s;  /*margin: 10px 0 0 0;*/
  color: #444;  background:silver;}

#hero .page-btn:hover {background:#fff; color: #222}
#hero .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}

/*----------------my changes----------*/
  #hero .hero-img {text-align: center; vertical-align: middle;}


/*----------------my changes----------------*/

@media (max-width: 991px) {
  #hero { /*height: 100vh;*/ text-align: center; }
  #hero .hero-img img {width: 50%; }
}

@media (max-width: 768px) {
  #hero h1 {font-size: 1.75rem;line-height: 2.25rem; }
  #hero h2 {font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 1.875rem;}
  #hero .hero-img img {width: 70%;}
}

@media (max-width: 575px) {
  #hero .hero-img img {width: 80%;}
  #hero .page-btn {font-size: 1rem;padding: 10px 24px 11px 24px; }
}

@-webkit-keyframes up-down {
  0% { transform: translateY(10px); }
  100% { transform: translateY(-10px); }
}

@keyframes up-down {
  0% {transform: translateY(10px); }
  100% {transform: translateY(-10px);  }
}


.index-about .content ul {list-style: none; padding: 0;}
.index-about .content ul li {padding-left: 28px;position: relative; }
.index-about .content ul li + li {margin-top: 10px;}
.index-about .content ul i { position: absolute; left: 0; top: 2px; font-size: 20px; color: #47b2e4; line-height: 1;}

.index-about .content p{margin-bottom: 10px; }          

.index-about.content .btn-learn-more { font-family: "Poppins", sans-serif; font-weight: 500;  font-size: 14px;
  letter-spacing: 1px;  display: inline-block;  padding: 12px 32px;  border-radius: 4px;  transition: 0.3s;  
  line-height: 1;  color: #47b2e4;  -webkit-animation-delay: 0.8s;  animation-delay: 0.8s;  margin-top: 6px;
  border: 2px solid #47b2e4;}

.index-about .content .btn-learn-more:hover { background: #47b2e4; color: #555; text-decoration: none;}


.Sec-why-us .content {padding: 60px 100px 0 100px;}
.Sec-why-us .content h3 {font-weight: 400; font-size: 34px; color: #37517e; text-align: center;}
.Sec-why-us .content h4 { font-size: 20px; font-weight: 700; margin-top: 5px;}
.Sec-why-us .content p {font-size: 1rem;color: #848484;font-weight: 600;}
.Sec-why-us .img {background-image: url('../img/induction-melting-furnaces.webp'); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Sec-why-us .accordion-list {padding: 0 100px 60px 100px;}
.Sec-why-us .accordion-list ul { padding: 0; list-style: none;}
.Sec-why-us .accordion-list li + li {margin-top: 15px;}
.Sec-why-us .accordion-list li {padding: 20px;  background: #fff; border-radius: 4px;}
.Sec-why-us .accordion-list a { display: block; position: relative; font-family: "Poppins", sans-serif;
  font-size: 1rem; line-height: 24px; font-weight: 500; padding-right: 30px; outline: none;}
.Sec-why-us .accordion-list span { color: #47b2e4; font-weight: 600; font-size: 18px; padding-right: 10px;}
.Sec-why-us .accordion-list i { font-size: 24px; position: absolute; right: 0; top: 0;}
.Sec-why-us .accordion-list p { margin-bottom: 0; padding: 10px 0 0 0;}
.Sec-why-us .accordion-list .icon-show {  display: none;}
.Sec-why-us .accordion-list a.collapsed {  color: #343a40;}
.Sec-why-us .accordion-list a.collapsed:hover {  color: #47b2e4;}
.Sec-why-us .accordion-list a.collapsed .icon-show {  display: inline-block;}
.Sec-why-us .accordion-list a.collapsed .icon-close {  display: none;}
@media (max-width: 1024px) {
  .Sec-why-us .content, .Sec-why-us .accordion-list { padding-left: 0; padding-right: 0; }
}

@media (max-width: 992px) {
  .Sec-why-us .img {min-height: 400px; }
  .Sec-why-us .content {padding-top: 30px;}
  .Sec-why-us .accordion-list {padding-bottom: 30px;}
}

@media (max-width: 575px) {
  .Sec-why-us .img {min-width: 90%}
}


/*------------Products------------------------*/


.product-brochure{position: fixed; top: 200px; right: 0; background-color: #cd4a2c; height: 182px; z-index: 999999;
  writing-mode: vertical-rl;text-orientation: mixed; padding: 15px 2px; border-radius: 10px 0 0 10px;
color: white; letter-spacing: 1px}

#product-hero { width: 100%;background:#eeeeee; height: 99vh }
#product-hero .container-fluid { padding-top: 40px; }
#product-hero .hero-h1 { margin-bottom: 10px;  font-size: 48px;  font-weight: 700; line-height: 56px; }
#product-hero .hero-h2 {color: #808080; margin-bottom: 50px; font-size: 24px; }
#product-hero .page-btn { font-family: "Jost", sans-serif; font-weight: 500; font-size: 1rem; letter-spacing: 1px; 
display: inline-block;  padding: 10px 28px 11px 28px; border-radius: 50px;  transition: 0.5s;  color: #fff;  
    background:#202a5bf0;}
#product-hero .page-btn:hover {background:#fff; color: #222}
#product-hero .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}
#product-hero .hero-img {text-align: center; vertical-align: middle; height: 99vh}

@media (max-width: 991px) {
  #product-hero { text-align: center; }
  #product-hero .hero-img img {width: 46%; }
}

@media (max-width: 768px) {
  #product-hero .hero-h1 {font-size: 1.75rem;line-height: 2.25rem; }
  #product-hero .hero-h2 {font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 1.875rem;}
  #product-hero .hero-img img {width: 65%; margin-top: 10px}
}

@media (max-width: 575px) {
  #product-hero .hero-img img {width: 70%; margin-top: 30px}
  #product-hero .page-btn {font-size: 1rem;padding: 10px 24px 11px 24px; }
}

/*rds-bg{background-image: url("../img/bg/gold-pouring.jpg"); background-size: cover;background-repeat: 
  no-repeat;  background-position: center;background-attachment: fixed; background-blend-mode: hard-light; min-height: 300px; }*/

/*.section-prds .card{background: rgba(255, 255, 255, 0.8);border-radius: 50px; color: #000;  margin-top: 15px; width: 95%; 
  box-shadow: 2px 3px 3px 2px silver inset}*/
.section-prds .card:hover{background:rgba(255, 255, 255, 1);color: #444;transform: translateY(-10px); box-shadow: 2px 3px 5px 0 #007bff}
.card-title{text-align: center;color: #37517e; font-weight: 700;}
.section-prds .card-title{font-size: 1.4em}
.section-prds .card img{ height: 225px; width: 225px; display:block; margin:0 auto; }
/*.section-prds .card .card-body{padding-top: 0}
.section-prds .card .card-subtitle{text-align: center }*/
.card-fooger { padding-bottom: 25px; text-align: center; }

.prd-features{display: flex;justify-content: center;flex-wrap: wrap;}
.feature{width: 250px;  text-align: center; padding: 20px;  margin: 0 auto 15px;}
@media (max-width: 991px){ .feature{width: 200px}}
.feature img{width: 80px; height:80px;}
.feature h3{padding-top: 10px; color: #37517e; font-size: 20px}

.other-technology p{ padding: 15px 25px 0 50px}
.other-technology p:before{ content: "\f280";display: inline; font-family: "bootstrap-icons"; margin-right: 7px; 
margin-left: -25px; color: #47b2e4;}

/*------------Single Product page css start-------------*/
.single-prd-img {width: 70%; margin: 0 auto; padding: 0 30px}
.prd-desc{padding: 15px 30px}
.prd-desc h2 {text-align: center; padding: 20px 0; color: #37517e;}
.table td, .table th { padding: .5rem; vertical-align: middle; border-top: 1px solid #dee2e6;}
.similar-prd-sec{ background: #dee2e6;}
.similar-prd-head{text-align: center;color: #37517e;font-size: 26px}
.similer-prd-items{display: flex;justify-content: center; }
.similar-prd-item{padding: 15px 20px}
@media(max-width: 991px){
  .similar-prd-item{padding: 15px 7px}
}
.similar-prd-item h3 a{font-size: 20px; color: #cd4a2c;}

/*-------------About Us ------------------------*/

.about .content ul {list-style: none; padding: 0;}
.about .content ul li {padding-left: 28px;position: relative;}
.about .content ul li + li {margin-top: 10px;}
.about .content ul i { position: absolute; left: 0; top: 2px; font-size: 20px;
          color: #47b2e4; line-height: 1;}
.about .content p:last-child {margin-bottom: 0;}
/*------------------# Contact-----------------*/

.contact .info {padding: 30px;background: whitesmoke; width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);}
.contact .info i { font-size: 20px; color: #47b2e4; float: left; width: 44px; height: 44px; background: #e7f5fb; display: flex;
  justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out;}
.contact .info h4 { padding: 0 0 0 60px; font-size: 22px; font-weight: 600; margin-bottom: 5px; color: #37517e;}
.contact .info p { padding: 0 0 10px 60px; margin-bottom: 20px; font-size: 1.1rem; color: #6182ba; font-weight: 500;}
.contact .info .email p { padding-top: 5px;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i { background: #47b2e4; color: #fff;}


/*------------# Footer------------------*/
#footer {font-size: 14px; background: #37517e;}
#footer .footer-p1 { padding: 60px 0 30px 0; background: #fff;}
#footer .footer-p1 .footer-contact {margin-bottom: 30px;}
#footer .footer-p1 .footer-contact h3 {font-size: 28px;margin: 0 0 10px 0; padding: 2px 0 2px 0; line-height: 1;
  text-transform: uppercase; font-weight: 600; color: #37517e;}

#footer .footer-p1 .footer-contact p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Jost", sans-serif;
  color: #5e5e5e;}
#footer .footer-p1 h4 { font-size: 1rem; font-weight: bold; color: #37517e; position: relative; padding-bottom: 12px;}
#footer .footer-p1 .footer-links { margin-bottom: 30px;}
#footer .footer-p1 .footer-links ul {list-style: none; padding: 0; margin: 0;}
#footer .footer-p1 .footer-links ul i {padding-right: 2px; color: #47b2e4; font-size: 18px;line-height: 1;}
#footer .footer-p1 .footer-links ul li { padding: 10px 0;display: flex;align-items: center;}
#footer .footer-p1 .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-p1 .footer-links ul a {color: #777777; transition: 0.3s; display: inline-block; line-height: 1;}
#footer .footer-p1 .footer-links ul a:hover {text-decoration: none; color: #47b2e4;}
#footer .footer-p1 .social-links a { font-size: 18px; display: inline-block; background: #47b2e4; color: #fff; line-height: 1;
  padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s;}
#footer .footer-p1 .social-links a:hover {background: #209dd8; color: #fff; text-decoration: none;}
#footer .footer-p2 { padding-top: 20px; padding-bottom: 20px; color: #fff; text-align:center}

@media (max-width: 768px) {
  #footer .footer-p2 {padding-top: 10px;padding-bottom: 10px; }
 
}


.embed-video{height:400px;display: block; margin: 0 auto;}