body, html{height:100%;}
body{margin:0;padding:0;font-size:14px;font-family:'Source Sans Pro', sans-serif;font-weight:400;line-height:26px;background:#ffffff;color:#333333;}
.container{max-width:1170px !important;}
.font-1{font-family:'Montserrat', sans-serif;}
.color-black{color:#3c3950;}
.black-bg{background:#212331;}
.color-light-grey{color:#99a9b5;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}
/*common*/
.wrapper{margin:0;padding:80px 0 80px 0;float:left;width:100%;color:#5f727f;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat';font-weight:700;letter-spacing:0.05em;}
/*Button*/
.btn-primary{color:#ffffff;background-color:#2e64a0;border-color:#2e64a0;}
.btn-outline-warning{color:rgb(251, 186, 0);border-width:2px;line-height:36px;letter-spacing:0.05em;font-family:'Montserrat';font-weight:700;padding:0 17px;}
.btn-outline-light{color:#ffffff;border-width:2px;line-height:36px;letter-spacing:0.05em;font-family:'Montserrat';font-weight:700;padding:0 17px;}
.carousel-control-next, .carousel-control-prev {background: #2b2b2b;color: #ffffff;width: 50px;height: 50px;opacity: 1;top: 0;bottom: 0;margin: auto;}
/*Header*/
.top-header{margin:0;padding:0;float:left;width:100%;background:#2e64a0;color:#99a9b5;padding:12px 0;font-size:14px;}
.width-1{width:60%;padding:0 15px;}
.width-2{width:20%;padding:0 15px;}
.width-3{width:40%;padding:0 15px;}
.top-header ul{margin:0;padding:0;list-style-type:none;}
.top-header ul li{display:inline-block;margin-right:14px;}
.top-header ul li a{color:#99a9b5;text-decoration:none;}
.top-header ul li a:hover{color:#ffffff;}
.top-header ul li:last-child{margin-right:0;}
.navbar .positon-up{display:none;}
.navbar{background: #2e64a0;}
.positon-up{position:absolute;top:-6px;right:33px;}
.pos-rel {position: relative;}
.fixed-header{position:fixed;top:0;background:#2e64a0;z-index:99;width:100%;box-shadow:0 0 6px 2px rgba(0,0,0,0.2);}
.fixed-header img{width:150px;}
.fixed-header .contact-information {display: block;}
.contact-information i{color:white;margin-right:10px;}
.short-navigation a:before{content:'\f105';font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin-right:10px;}
.short-navigation a.btn:before{display:none;}
.short-navigation a.btn{color:#ffffff;padding:2px .75rem;font-size:14px;border-radius:3px;}
.contact-information{margin:0;padding:0;list-style-type:none;}
.contact-information li{display:inline-block;margin-right:14px;}
.contact-information li a{color:#99a9b5;text-decoration:none;}
.contact-information.positon-up li a{color:#6B7B87;text-decoration:none;}
.contact-information.positon-up li a:hover{color:#000;}
.contact-information li:last-child{margin-right:0;}
/*Header Navigation*/
.navbar-light .navbar-nav .nav-link{margin-right:2px;color:white;padding:0px 15px;font-size:14px;font-weight:700;font-family:'Times New Roman';text-transform:uppercase;border:2px solid transparent;}
.navbar-brand img {width: 200px; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {border:2px solid #2e64a0; color: white;}
.navbar-light .navbar-nav .nav-link.active{background: #2e64a0; color: #ffffff;}
.icon-list .nav-link{padding:0px 10px !important;}
/**/
.hovicon.effect-4.sub-b:hover {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.hovicon.effect-4.sub-b:hover:after {
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
}
/**/
/*Banner*/
.banner{padding:0;}
.bg-1{background:url('../images/1st Banner.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.bg-2{background:url('../images/2nd banner.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.bg-3{background:url('../images/Mold.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.bg-4{background:url('../images/CAM.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.bg-5{background:url('../images/CAD CAM MOULD.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.bg-6{background:url('../images/All in all.PNG') no-repeat; background-size: 100% 100%; background-position: center;}
.banner-caption{min-height:550px;display:flex;align-items:center}
.banner-caption{margin:0;}
.banner-caption p{font-size:20px;line-height:18px;font-weight:700;color:rgb(60, 57, 80);letter-spacing:0px;font-family:Montserrat;margin:0;}
.banner-caption h2{margin: 0;animation-delay:0.5s;}
.banner-caption h2 span{background:rgb(251, 186, 0);color:#ffffff;padding:15px 30px;display:inline-block;font-size:6vw;margin:20px 0;}
.banner-caption a{font-size:20px;display:inline-block;padding:10px;color:#ffffff;background:#4277bb;margin-top:30px;width:250px;border-radius:5px;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-weight:700;text-decoration:none;}
.banner-caption p{animation-delay:0.1s;}
.image-gallery img{width: 100%; float: left}
.image-gallery h3 {margin: 10px 0; text-align: center;}
/*Footer*/
.footer{margin:0;padding:50px;float:left;width:100%;background:#2e64a0;color:#99a9b5;font-size:16px;}
.footer img{margin-bottom:0;width: 100%;max-width: 300px;}
.footer-heading{color:#feffff;margin-bottom:40px;font-weight:700;font-family:'Montserrat';line-height:30px;font-size:19px}
.footer-ul{margin:0;padding:0;width:100%;float:left;margin-top:0;list-style-type:none;}
.footer-ul li{padding:5px 0;}
.footer-ul li i{margin-right:10px;}
.footer-ul li a{color:white;}
.archive-list{margin:0;}
.archive-list li a{color:#99a9b5;}
.archive-list li{border:1px solid #394050;border-bottom:none;padding-top:12px;padding-left:16px;padding-bottom:12px;}
.archive-list li:last-child{border:1px solid #394050;}
.tags{margin:0 0 30px 0;padding:0;list-style-type:none;}
.tags li{display:inline-block;border:1px solid #99a9b5;margin-bottom:10px;}
.tags a{color:#99a9b5;margin-right:4px;text-decoration:none;margin-bottom:6px;padding:2px 9px;display:inline-block;margin:0;}
.tags a:hover{background:#fab900;color:#ffffff;border-color:#fab900;}
.twitter-feed{margin:0;padding:0;}
.twitter-feed li{border-bottom:1px solid #393d50;list-style-type:none;padding-bottom:32px;margin-bottom:32px;}
.twitter-feed li:last-child{margin-bottom:0;border-bottom:0;}
.twitter-feed li .twitter-heading{color:#5f727f;margin-bottom:0;padding-bottom:12px;font-weight:300;}
.twitter-feed li .twitter-heading i{font-size:16px;}
.twitter-feed li p{margin:0;}
.subscribe .form-control{background-color: #181828; border: 1px solid #394050;}
.subscribe .btn {background-color: #394050;color: #99a9b5;border: none;}
.social-media {margin: 0; padding: 0; list-style-type: none;}
.social-media li{display: inline-block; margin-right: 14px;}
.social-media li a { color: #99a9b5;text-decoration: none;}
.copywrite { padding: 40px 0;border-top: 1px solid #313646;background-color: #181828;}
.copywrite p {margin: 0;}
.dash-after li {margin: 0;}
.dash-after li:after {content: "|";display: inline-block;margin: 0 10px;}
/*About us*/
.about-section{font-size:16px; display: table; vertical-align: middle; padding: 80px 0 50px 0;}
.about-section h2{color:#3c3950;}
.img-service-section h2 {padding-bottom: 40px;}
.about-section h1{line-height:69px;font-size:40px;color:#3c3950;}
.about-us-box {display: table-cell; vertical-align: middle; width: 100%;}
.big-font {font-size: 18px; line-height:1; font-weight: 300; }
.big-font li {margin-bottom: 12px;}
.about-section p, .about-section .sqaure-list{margin-bottom:30px;}
.sqaure-list{margin:0;padding:0;list-style-type:none;float:left;width:100%;}
.sqaure-list li{margin:0 0 10px 0;padding:0;float:left;width:100%;position:relative;}
.sqaure-list li:before{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f45c';font-size:8px;vertical-align:top;display:inline-block;width:21px;text-indent:0;color:#fbba00;}
/*service-1-bg*/
.blue-bg{background-color:#2e64a0;}
.gray-bg{background-color: #5f727f; color: #fff;}
.yellow-bg{background-color:#2e64a0;}
.dark-black-bg{background-color:#2e64a0;}
.service-1-bg{padding:55px 20px;background:#2e64a0;}
.service-1-bg p.desc{line-height:25px;font-size:16px;color:#ffffff;background:#2e64a0;}
.service-1-bg .count{color:#ffffff;line-height:90px;font-size:80px;font-weight:700;font-family:'Montserrat';background:#2e64a0;}
.service-name{color:#ffffff;font-size:24px !important;font-weight:700;font-family:'Montserrat';letter-spacing:0.05em;}
.service-name a{color:#ffffff;font-size:24px !important;font-weight:700;font-family:'Montserrat';letter-spacing:0.05em;}
.service-name a:hover{text-decoration: none}
.blue-bg a{font-size:14px;}
.service-img{background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important;}
.img-service-section {padding: 0;}
.img-1{background:url('../images/pre.png');}
.img-2{background:url('../images/standard.png');}
.img-3{background:url('../images/professional.png');}
/*vishal 21-7-2018 re.reconstruction page text area margin*/
.reconstruction-text {width: 100%; float: left; margin: 20px 0;}
/*Service 2*/
.service-2-icon{margin:50px 0;padding:0 0 0 60px;float:left;width:100%;position:relative;}
.service-2-icon i{position:absolute;top:0;left:0;color:#fbba00;font-size:40px;width:100px;}
.service-2-icon h5{color:#fbba00;font-size:19px;text-transform:uppercase;margin-top:10px;}
.service-2-icon p{color:rgb(95, 114, 127);font-size:16px;margin-top:20px;margin-bottom:0;}
/*who-we-are*/
.who-we-are{background:url('../images/about-us.jpg') 0 0 / cover fixed no-repeat;padding:80px 0;}
.who-we-are h2{color:#ffffff;margin-bottom:30px;}
.who-we-are p{color:#fff;font-size: 26px; line-height: 1.2em;}
.our-service-box{display: table-cell; vertical-align: middle;}
.our-service-box p {font-size: 24px; line-height: 1.2; font-weight: bold;}
.number-listing{margin:40px 0 0 0;padding:0;list-style-type:none;font-size:24px;font-weight:300;}
.number-listing li{padding-left:26px;padding-left:10px;padding-top:15px;padding-bottom:15px;border:1px solid #ffffff;border-bottom:0;}
.number-listing li:last-child{border-bottom:1px solid #ffffff;}
.number-listing li span{float:left; width:50px;height:50px;line-height:48px;border-radius:50%;display:inline-block;text-align:center;margin-right:15px;}
.progress-bar-listing{margin:85px 0 0 0;padding:0;list-style-type:none;}
.progress-bar-listing li{width:100%;float:left;margin-bottom:30px;}
.progress-bar-listing li:last-child{margin-bottom:0;}
.progress-bar-listing li h4{font-family:'Source Sans Pro';font-size:14px;font-weight:700;color:#ffffff;margin-bottom:10px;}
.progress-bar-listing li h4 span{font-family:'Montserrat';font-weight:700;float:right;color:#fbba00;font-size:20px;}
.progress-bar{background:rgb(251, 186, 0);}
.progress{border-radius:0;height:10px;}
/*our-service*/
.our-service p{margin:50px 0;}
.our-service a{margin-top:60px;margin-bottom:0;}
/*who-we-are-bg*/
.who-we-are-bg{background:url('../images/who-we-are.jpg') 0 0 / cover no-repeat;padding:50px 0;}
.who-we-are-bg h2{margin-bottom:50px;}
.who-we-are-bg .service-2-icon{margin-top:10px; margin-bottom:10px;}
.who-we-are-bg .service-2-icon h5{margin-bottom:10px;}
.who-we-are-bg .service-2-icon p{margin-top:0;}
/*request-quote*/
.request-quote{padding: 0;}
.request-quote p {padding: 40px;color: #ffffff;font-family: 'Montserrat';font-weight: 300;text-transform: uppercase;font-size: 28px;line-height: 42px;margin: 0;text-align: right;}
.request-quote p span {font-weight: 700;display: block;}
.request-quote .col-md-7{background:#b2b4b6 url('http://thegem2.codexthemes.netdna-cdn.com/thegem/wp-content/uploads/2018/01/rectangle-1-copy-2.png') right 0 / cover;}
.request-quote .col-md-5 {background: #b2b4b6;}
/*our-team*/
.team-member{text-align:center;margin-top:40px;}
.team-member h3{color:#fbba00;text-transform:uppercase;font-size:24px;margin-top:30px;}
.team-member a.phone-no{color:#000;}
.team-member a.phone-no h4{font-size:19px;}
.team-member img{border-radius:50%;max-width:240px; height: 240px; box-shadow: 1px 0px 15px #4c82c3; }
/*pricing-table*/
.pricing-table{background:url('../images/pricing.jpg') center top / 120% no-repeat;color:#ffffff;}
.pricing-table h2{color:#ffffff;margin-bottom:30px;}
.pricing-header{text-align:center;padding:38px 10px;}
.pricing-header h3{color:#fff;padding-bottom:5px;padding-top:0;font-size:36px;text-transform:uppercase;font-family:'Source Sans Pro';font-weight:300;}
.price-bg{margin-top:30px;}
.pricing-header p{font-family:'Source Sans Pro';font-weight:300;font-size:28px;}
.pricing-body{background:#ffffff;text-align:center;border:2px solid #ecf3f9;border-top:0;}
.pricing-body ul{margin:0;padding:0;list-style-type:none;}
.pricing-body ul li{padding:16px 10px;color:#99a9b5;}
.pricing-body ul li:nth-child(even){background:#ecf3f9;}
.pricing-body a.btn{margin:45px 0 25px 0;}
.testimonial{background:url('../images/testimonial.jpg') 0 bottom / cover no-repeat;padding:100px 0;}
/*Testimonial*/
.testimonial-slide{text-align:center;position:relative;}
.testimonial-slide:after{content:"\f10e";font-family:'Font Awesome 5 Free';font-weight:900;color:#fbba00;font-size:50px;display:inline-block;margin-top:20px;}
.testimonial-slide img{border-radius:50%;margin-bottom:30px;}
.user-name{margin:0;padding:0;color:#4c82c3;font-family:'Montserrat';font-weight:700;font-size:14px;text-transform:uppercase;}
.user-post{color:#99a9b5;font-size:14px;}
.review{line-height:36px;font-size:24px;font-weight:300;}
/*News Section*/
.news-section{margin-top:50px;}
.news-section img{width:183px;}
.news-section h5{color:#3c3950;font-size:19px;}
.news-section h5 span{font-weight:300;}
.author{font-size:13px;line-height:20px;}
/*map*/
.map{padding:0;filter:grayscale(1);padding: 0 !important;}
iframe{float:left;width:100%;}
/*About*/
.inner-hero-banner {background-size: cover !important;min-height: 300px;filter:grayscale(1);padding: 30px 0;display: flex;align-items:center;position: relative;text-align: center;justify-content: center;}
.inner-hero-banner:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.inner-hero-banner h1 {color: #ffffff;margin: 0;text-transform: uppercase;text-shadow: 0 0 5px rgba(0,0,0,0.5);width: 100%;}
.inner-hero-banner .container {z-index: 999;}
.small-number-list {padding: 0;margin: 0;}
.small-number-list li{margin-bottom: 15px;}
.small-number-list li:before {display: inline-block;width: 40px;height: 40px;background: #2b2b2b;color: #ffffff;border-radius: 50%;text-align: center;margin-right: 10px;}
.gallery .col-md-3 {padding: 0;}
.filter-group{margin:0 0 40px 0;padding:0;list-style-type:none;text-align: center;}
.filter-group li{margin:0;padding:0;display:inline-block;}
.filter-group li button{background:#d9e2e9;color:#32373b;padding:5px 15px;border-radius:50px;margin-right:10px;text-decoration:none;border:none;cursor:pointer;}
.filter-group li button:hover, .filter-group li button.active{background:#2b2b2b;color:#ffffff;}
.filter-group li:last-child a{margin-right:0;}
.copy-right {text-align: center; margin-top: 30px; text-transform: uppercase;}
/*gallery*/
#our-project {margin-top: 40px;}
.gallery-bg img{border: solid #fff 2px;}
.project-gallery{height:102px;text-align:center;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.project-gallery img{max-width:100%;width:auto !important;-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1;}
.project-gallery:hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.5;transition:0.3s all;}
.gallery-bg {
width: 100%;
float: left;
}
a.lightbox img {
height: 25vw;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
/* margin: 94px 20px 20px 20px; */
width: 100%;
float: left;
}
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}
/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
border: 3px solid white;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* Styles the close link, adds the slide down transition */
a.lightbox-close {
display: block;
width:50px;
height:50px;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}
.lightbox-target:target a.lightbox-close {
top: 0px;
}
/*2/8/2018 start about us Vishal*/
.contact-us-part{width: 100%; float: left; margin: 20px 0}
.contact-us-form{width: 100%; float: left}
.contact-us-part h4 {
margin: 20px 0;
font-size: 26px;
text-shadow: 1px 1px #d4d1d1;
font-weight: 400;
}
.contact-us-part input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
.contact-us-part input[type=submit] {
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.contact-us-part input[type=submit]:hover {
background-color: #2e64a0;
}
.contact-us-part h3{margin: 0; padding: 0; font-size: 16px}
.contact-us-part p {margin: 0 padding: 0; font-size: 12px}
.contact-us-detail {
width: 100%;
float: left;
margin-top: 40px;
}
/*image galery*/
.aboutImg {
position: relative;
height: 350px;
float: right;
padding: 0 10px;
}
.aboutOneColumn {
width: 50%;
height: 100%;
display: inline-block;
position: absolute;
border: solid 8px #b2b4b6;
/*border-top-width: 8px;
border-bottom-width: 8px;*/
border-right-width: 0px;
}
.aboutTwoColumn {
width: 50%;
height: 100%;
display: inline-block;
position: absolute;
right: 0px;
border: solid 4px #b2b4b6;
}
.aboutTwoColumnDiv {
width: 100%;
height: 50%;
border: solid 4px #b2b4b6;
}