/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Grenze&display=swap');

body {

    padding-top: 0px;
    overflow-x: hidden;

}

.top-head p {

    color: #fff;
    margin: 0px;
    font-size: 14px;
    text-align: center;

}
.top-head p a {

    color: #fff;
    padding-left: 25px;
	text-decoration:none;

}
.bg-color {

    background: #8e8888;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px;

}


.navbar-brand img {

    max-width: 450px;

}
.fixed-top {

    position: inherit;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding-bottom: 15px;
    padding-top: 15px;

}
.navbar-nav .nav-link {

    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 14px;

}



@media only screen and (max-width: 600px) {
.top-head {

    background-color: #ccc;

}
.top-head p {

    color: #fff;
    margin: 0px;
    font-size: 14px;
    padding: 0em;
    text-align: center;

}
.top-head p a {

    color: #fff;
    padding-left: 0px;
    display: block;

}
.navbar-brand img {

    max-width: 208px;

}
}



.welcome-sec {

	padding-top:1.5em;
	padding-bottom:1.5em;

}
.welcome-sec h1 {

    font-family: 'Grenze', serif;
    text-align: center;
	padding-bottom:6px;
	text-transform:capitalize;

}
.welcome-sec p {

    text-align: center;

}



.vis-mis-sec {

	background-image: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)),url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 3em;
    padding-top: 2em;

}
.vis-mis-sec h3 {

    font-family: 'Grenze', serif;
    text-align: center;
	padding-bottom:6px;
	text-transform:capitalize;
	color:#fff;

}
.vis-mis-sec p {

	color:#fff;

}


.vis-mis-content {

    text-align: center;

}
.vis-mis-content .fas {

    font-size: 40px;
    color: #fdb437;
    border: 1px solid #fdb437;
    padding: 20px;
    border-radius: 50px;
	margin-bottom: 10px;

}
.vis-mis-content .fab {

    font-size: 40px;
    color: #fdb437;
    border: 1px solid #fdb437;
    padding: 20px;
    border-radius: 50px;
	margin-bottom: 10px;

}


.products {

	padding-top:1.5em;
	padding-bottom:2.5em;

}
.products h1 {

    font-family: 'Grenze', serif;
    text-align: center;
	padding-bottom:10px;
	text-transform:capitalize;
	

}














.box8 .box-content {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all .5s ease 0s;
	text-align:center;
}

.box8{overflow:hidden}
/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#03016f;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title {

    padding: 5px 7px;
    border-radius: 5px;
    font-weight: 600;
    bottom: 20px;
    left: 20px;
    transition: all .9s ease 0s;
    text-transform: capitalize;
    font-size: 15px;

}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}


.icon li {

    color: #fff;
    font-size: 18px;
    text-transform: capitalize;

}





.banner {

    width: 100%;
    height: auto;

}
.banner img {

    width: 100%;
    height: auto;

}




.products-sec {

    padding-bottom: 2em;
    padding-top: 2em;

}
.products-sec h1 {

    font-family: 'Grenze', serif;
	padding-bottom:10px;
	text-transform:capitalize;
	font-size:33px;
	

}
#hi-frequency-induction-heating-equipments img {

    border: 1px solid #ccc;
	width:440px;
	height:320px;

}
#induction-heating-process img {

    border: 1px solid #ccc;
	width:440px;
	height:260px;

}
.products-sec h4 {

    font-family: 'Grenze', serif;
    padding-bottom: 6px;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    font-size: 23px;
    padding-top: 6px;

}



#contact-page {
    padding-bottom: 2em;
    padding-top: 2em;

}

#contact-page h4 {

    color: #000;
    font-size: 25px;
    text-transform: capitalize;
	padding-bottom:6px;
	padding-top: 20px;

}
#contact-page p {

    font-size: 15px;

}
#contact-page p a {

    color: #000;
    text-decoration: none;
	font-size: 15px;
	line-height: 31px;

}

.high {
	text-transform:uppercase;
	font-weight:600;
	padding-bottom:6px;
}


.active a {
	color:#fd690a!important;
}



.footer-sec {

    background-color: #403f3f;
    padding-bottom: 2em;
    padding-top: 0.5em;

}

.footer-sec h4 {

    color: #fff;
    font-size: 25px;
    text-transform: capitalize;
	padding-bottom:6px;
	padding-top: 20px;

}
.footer-sec p {

    font-size: 15px;

}
.footer-sec p a {

    color: #fff;
    text-decoration: none;
	font-size: 15px;
	line-height: 31px;

}
.bottom-footer {

    background-color: #000;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 6px;
	font-size: 15px;

}