/*body, html{overflow:hidden;}*/
/*******************common class ****************/
.about_col h4{font-weight: bold; margin-top: 20px; text-transform: uppercase;
color: #ff9600;}
.about_col p{ line-height: 29px;
text-align: justify;
color: #878787;}
#service
{
background-image:url('../images/services.jpg');
height: 297px;
background-size: cover;
}
#service h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#service p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.service{margin-top:-30px !important;}
#controls {
width:100%;
height: 42px;
line-height: 42px;
}
.contact button {
background-color: #004d99 !important;
color:#FFFFFF;
margin-top: 30px;
/*width: 170px;*/
padding: 5px 30px;
font-size: 16px;
border-radius: 0px;
border color: #FFFFFF !important;
text-transform: uppercase;
}
.contact .button:hover {
background-color: #4CAF50; /* Green */
color: white;
}
.contactshadow h3
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 24px;
letter-spacing: 1px;
font-size: 14px;
color:#004d99;
margin-left:0px !important;
}
.contactshadow h4
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 24px;
letter-spacing: 1px;
font-size: 12px;
}
.contactinputform
{
padding: ;
}
.contact .transparent-input
{
background-color:transparent !important;
color: black;
margin-top: 20px;
}
.contact button
{
margin-top: 20px;
text-align: center;
}
.contactshadow
{
margin-top: 40px;
box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-webkit-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-moz-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-o-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
}
iframe
{
margin-top: 30px;
margin-bottom: -40px;
}
/* About Us Page */
#aboutheader
{
background-image:url('../images/about-banner.jpg');
height: 297px;
background-size: cover;
}
#aboutheader h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#aboutheader p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.aboutus
{
margin-top: 50px;
}
.aboutus p
{
color: #837e7e;
line-height: 25px;
letter-spacing: 0.3px;
font-weight: 400;
text-align: justify;
}
.aboutus p span{
color:#005ca9;
}
.aboutus h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
#aboutfooter
{
color: white;
margin-top: 40px;
height: 600px;
background-image:url('../images/guideback.jpg');
}
#aboutfooter hr,h2
{
margin-top: 60px;
}
.guideprinciple
{
margin-top: 50px;
background-color:#004d99;
margin-bottom: 30px;
height: auto;
}
.guideprinciple #client h4
{
text-align: justify;
padding-left: 0px;
line-height: 36px;
padding-right: 120px;
vertical-align: top;
}
.guideprinciple #light h4
{
/* text-align: justify;
margin-left: 110px;
line-height: 10px;
vertical-align: top;*/
display: inline-block;
width:72%;
}
.wheelclass{float: right;
right: 18%;
position: relative;
vertical-align: bottom;
font-size: 35px;
color: #000;}
.guideprinciple #client h4,i
{
display: inline;
}
.guideprinciple #client i
{
font-size: 35px;
color: black;
padding-left: 10px;
margin-right: 15px;
}
.guideprinciple #light h4 i
{
font-size: 35px;
color: black;
margin-left: 15px;
}
.humality i
{
margin-left: 220px !important;
}
.guideprinciple #client p
{
text-align: justify;
padding: 10px 195px 50px 60px;
}
.guideprinciple #light p
{
text-align: justify;
padding: 10px 155px 50px 110px;
}
.guideprinciple .guideimg img
{
width: 30px;
height: 30px;
background-color:#004d99;
font-size: 20px;
}
.guideprinciple .guideimg .guideimg1 img
{
float: right;
margin-right: 122px;
margin-top: -77px;
}
.guideprinciple .guideimg .guideimg2 img
{
margin-top: -140px;
}
.guideprinciple .guideimg .guideimg3 img
{
float: right;
margin-right: 122px;
}
.guideprinciple .guideimg .guideimg4 img
{
}
.award i
{
font-size: 15px;
}
.award p
{
font-size: 15px;
text-align: justify;
font-weight: 400;
color: #9c9797;
}
.award p span
{
font-size: 15px;
text-align: justify;
font-weight: 400;
color: #0070c9;
}
/* company Profile */
.companypro
{
background-color: #f6f6f6;
padding: 60px 0px;
}
.cprofile h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
.cprofile p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: .2px;
}
.companypro p
{
color:#837e7e;
line-height: 20px;
font-weight: 400;
letter-spacing:.2px;
text-align: justify;
}
/* Our Mission */
.mission
{
margin-top: 70px;
}
.mission h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
.mission p
{
font-weight: 300;
line-height: 24px;
letter-spacing: .7px;
}
/* Director Profile */
.dirpro
{
margin-top: 30px;
}
.dirpro h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
.dirpro img
{
border:4px solid #005ca9;
}
.imgdir h4
{
color: #005ca9;
text-align: bottom;
margin-top: 158px;
}
.imgdir h5
{
color: #7d7b7b;
text-align: bottom;
}
/* Our team */
.ourteam
{
margin-top: 50px;
}
.ourteam h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
.ourteam img
{
border:4px solid #005ca9;
}
/* Awards & Certified */
.award
{
background-color: #f6f6f6;
padding: 60px 0px;
}
.award h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 50px;
font-weight: 700;
margin-top:15px !important;
}
.awardimg img
{
border:4px solid #005ca9;
}
/* Company History */
.comhis
{
background-color: #3c3c3c;
height: 500px;
overflow: hidden;
}
.comhis h2
{
color:#FFFFFF;
font-size: 28px;
margin-top:15px !important;
margin-bottom: 50px;
padding-left: 15px;
font-weight: 700;
}
.comhis p
{
color:#FFFFFF;
font-size: 14px;
padding-left: 15px;
font-weight: 300;
}
.comhis .hist .calltoaction {
background: #005ca9;
padding: 5px 25px !important;
color: #fff;
font-weight: 400 !important;
font-size: 15px;
text-align: left;
margin-top: 10px;
position: relative;
width: 81px;
}
.readmore:hover{background: #76b728 !important;}
.hist
{
display: flex;
position: relative;
}
.hist1
{
margin-left: 40px;
margin-top: 40px;
max-height: 30px;
}
.hist2::after
{
width: 15px;
height: 15px;
line-height: 47px;
display: inline-block;
border-radius: 100px;
background: #2876e2;
z-index: 2;
position: absolute;
left: 24px;
text-align: center;
font-size: 18px;
top: -2px;
color: #fff;
left: -8px;
padding-top: 5px;
background: #2876e2 !important;
border: 2px solid #2876e2;
color: #fff;
content: '';
}
.hist2
{
margin-left: 43px;
background: #e3e3e3;
bottom: 92px;
content: " ";
left: 0;
position: relative;
width: 1px;
top: 18px;
border: 1px solid dimgrey;
}
.hist p
{
margin-bottom: -16px;
margin-left: 35px;
margin-top: 10px;
margin-right: 5px;
padding-right: 5px;
text-align: justify;
}
.history
{
color: #FFFFFF;
margin-top: 10px;
}
.hisabt button {
color: #FFFFFF;
text-transform: uppercase;
font-size: 16px;
border: solid thin #817d7d;
padding: 16px 46px 21px 59px;
border-radius: 50px;
margin-top: 3px;
margin-left: 68px;
margin-bottom: 18px;
background-color: transparent;
}
.hisabt
{
margin-top:0px;
background-color: #3c3c3c;
height: 79px;
}
/* 404 Page */
#header404
{
background-image:url('../images/about-banner.jpg');
height: 297px;
background-size: cover;
}
#header404 h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#header404 p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.error404
{
margin-top: 30px;
}
.error404 h1
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 120px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
text-shadow: 4px 3px 9px #7A7575;
}
.error404 h3
{
text-align: center;
color: #005ca9;
font-family: 'Montserrat', sans-serif ;
font-size: 23px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 86px;
}
.error404 p
{
margin-top: 10px;
font-weight: 700;
color: #837e7e;
text-align: center;
margin-bottom: 20px;
}
.error404 a
{
text-decoration: none;
padding: 10px 51px;
border: 1px solid #005ca9;
border-radius: 20px;
color: #101081;
font-weight: 700;
margin-left: 43%;
margin-top: 10px;
}
.error404 a:hover
{
background-color: #6cb219;
color: #FFFFFF;
border: 1px solid #6cb219;
}
/* Privacy Policy */
#privacy
{
background-image:url('../images/privacy.jpg');
height: 298px;
background-size: cover;
}
#privacy h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#privacy p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
/* Site Map Page */
#sitemap
{
background-image:url('../images/sitemap.jpg');
height: 297px;
background-size: cover;
}
.headert div:hover
{
text-decoration: none;
background:#005ca9;
border: solid thin #6eb31c;
}
.headert div:hover h6{color:#fff !important;}
#sitemap h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
.sitemap
{
margin-top:40px;
}
.sitemap hr,h3
{
margin-left: 26px;
}
.sitemap h3
{
margin-left: 26px;
margin-top: 30px;
}
.headert i
{
margin-top: 3px;
font-weight: 400;
text-align: center;
font-size: 18px;
}
.headert
{
margin-top: 20px;
margin-bottom: 20px;
}
.sitemap .headert div
{
margin-top: 50px;
}
#sitemap p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.sitemap h3
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 24px;
letter-spacing: 1px;
font-size: 25px;
color:#005ca9;
}
.sitemap div div
{
background-color: #FFFFFF;
width: 90%;
border: 1px solid #dbd8d8;
padding: 10px;
margin: 25px;
}
.sitemap h6
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 24px;
color:#005ca9;
margin-left: 10px;
display: inline;
}
/* Client Tele */
.clientele hr,h2
{
margin-top: 40px;
}
.clientele h2
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 24px;
letter-spacing: 1px;
font-size: 25px;
color:#005ca9;
}
.automoblie
{
margin-top: 20px;
}
.automoblie h5
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 10px;
letter-spacing: 1px;
font-size: 15px;
color:#005ca9;
margin-top: 40px;
display:inline;
}
.automobile div
{
background-color: #FFFFFF;
width: 100%;
border: 1px solid #dbd8d8;
padding: 20px;
}
.automoblie h5 p
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 10px;
letter-spacing: 1px;
font-size: 15px;
color:#005ca9;
margin-top: 40px;
display:inline;
}
/* Product Page */
#product
{
background-image:url('../images/products.jpg');
height: 297px;
background-size: cover;
}
#product h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#product p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.productwigzet1 .links {text-align:center;}
.productwigzet1 h5
{
font-family: 'Montserrat', sans-serif ;
font-weight: 700; line-height: 20px;
letter-spacing: 1px;
font-size: 15px;
color:#005ca9;
margin-top: 10px;
text-align: center;
}
.productwigzet1 h5 p
{
font-family: 'Montserrat', sans-serif ;
font-weight: 400; line-height: 15px;
letter-spacing: 1px;
font-size: 1px;
color:black;
margin-top: 10px;
text-align: center;
}
.productwigzet1 .links a.readmore {
color: #005ca9;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
border: solid thin #005ca9;
padding: 10px 30px;
border-radius: 30px;
align-content: center;
margin-top: 10px;
text-decoration: none;
}
.productwigzet1 .links a.readmore:hover{color: #fff !important; text-decoration: none;
background:#6eb31c;border: solid thin #6eb31c; }
/* Product wigzet */
.productwigzet1
{
background: #fff;
margin-top: 20px;
box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-webkit-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-moz-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
-o-box-shadow: 0 4px 13px 0 rgba(245, 245, 245, 0.2), 0 3px 16px 0 rgba(0,0,0,0.19);
border-bottom: 3px solid #005ca9;min-height:360px;
}
.img-width{background-size: cover;
width: 100%;
background-position: center;}
.links{margin-top: 20px;
}
.productwigzet1.content{padding: 20px;}
.productwigzet1 hr{border: 1px solid #005ca9; margin: 0px;}
.productwigzet1 a{color: #9b9b9b; font-weight: 400;}
.productwigzet1 hr:after{background: none;}
/* Product Search */
.products span{color:#75b726;}
/* Search Result */
#searchresult
{
background-image:url('../images/search.jpg');
height: 297px;
background-size: cover;
}
#searchresult h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#searchresult p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
#searchitem{border:1px solid #eee; padding:0px 10px;}
.serabt h3{margin-left: 0px !important}
.pb30{padding-bottom: 30px;}
#searchitem
{
width: 100%;
height: 45px;
}
.serabt h3
{
color:#005ca9;
font-weight:700;
margin-top: 20px;
}
.serabt p
{
text-align: justify;
margin-top: 30px;
margin-bottom: 40px;
}
.serabt a.readmore {
color: #005ca9;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
border: solid thin #005ca9;
padding: 12px 50px;
margin-top: 40px;
text-decoration: none;
}
.serabt a.readmore:hover{color: #fff !important; text-decoration: none;
background:#6eb31c;border: solid thin #6eb31c; }
}
#searchline
{
margin-top: 20px;
}
/* Product Upper */
.enquiry-img{
width: 100%;
margin-left: 0px;
height: 48px }
.active-enquiry{border-left: 3px solid #005ca9;}
.dwnload-broucher{width: 22%; padding-right: 10px;}
#productupper
{
background-image:url('../images/slider2.jpg');
height: 297px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#productupper h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 40px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#productupper p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.productupper h2
{
color:#005ca9;
font-size: 34px;
margin-bottom: 50px;
font-weight: 700;
}
.productupper p
{
color:#6b6b6c;
margin-bottom: 50px;
font-weight: 300;
text-align: justify;
}
.productupper #sendenq p
{
/*margin-top:40px;*/
padding: 12px 14px;
background-color:#005ca9;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 1px;
}
.productupper #welfume p
{
margin-top:30px;
padding: 10px 15px;
background-color:#c7d9ea;
color: #005ca9;
font-weight: 700;
letter-spacing: 1px;
}
.productupper #welfume1 p
{
margin-top: -47px;
padding: 10px 15px;
background-color: #c7d9ea;
color: #3e3a3a;
font-weight: 700;
letter-spacing: 1px;
}
.productupper #downbrou p
{
padding: 0px 0px;
background-color:#005ca9;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 1px;
}
#weldfumex h3 {
margin-left: 0px !important;
}
.productupper #downbrou1 p
{
padding: 0px 0px;
background-color:#add1f0;;
color: #474748;
font-weight: 700;
letter-spacing: 1px;
}
#weldfumex h3
{
color:#005ca9;
font-size: 25px;
margin-bottom: 25px;
font-weight: 400;
}
#productupper1 h5
{
color: #005ca9;
}
#productupper1 span a
{
color: #005ca9;
}
/* Product innerPage */
.productinner h3
{
color:#005ca9;
font-size: 25px;
margin-bottom: 50px;
font-weight: 400;
}
.productinner img
{
border:3px solid #005ca9;
}
.productinner .enquiry-img{
width: 100%;
margin-left: 0px;
height: 48px;
margin-top: -15px; }
.productinner .electroimg
{
border: 3px solid #005ca9;
width: 252px;
height: 175px;
margin-left: 60px;
}
.productinner h6
{
padding: 1px 10px 10px 46px;
font-size: 10px;
font-size: 10px;
font-weight: 700;
line-height: 15px;
color: #6f6d6d;
}
.techno h4
{
margin-top: -28px !important;
color: #22243e;
font-size: 15px;
font-weight: 400;
}
.techno h6
{
color: #005ca9;
font-size: 13px;
font-weight: 400;
margin-left: -45px;
}
.productinner h5
{
padding-left:15px;
font-weight: 700;
letter-spacing: .4px;
color: #080850;
}
.productinner ul
{
color: #005ca9;
font-size: 25px;
line-height: 1;
letter-spacing: .5px;
}
.productinner ul li span
{
color: #222631 !important;
font-size: 12px;
line-height: 5px;
vertical-align:3px;
}
.productinner p
{
color:#6b6b6c;
margin-bottom: 50px;
font-weight: 300;
text-align: justify;
}
.productinner #sendenq p
{
/*margin-top:40px;*/
padding: 12px 14px;
background-color:#005ca9;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 1px;
}
.productinner .active-enquiry{border-left: 3px solid #005ca9;}
.productinner #welfume p
{
margin-top:0px;
padding: 10px 15px;
background-color:#c7d9ea;
color: #005ca9;
font-weight: 700;
letter-spacing: 1px;
}
.productinner #welfume1 p
{
margin-top: -47px;
padding: 10px 15px;
background-color:#c7d9ea;
color:#565353;
font-weight: 700;
letter-spacing: 1px;
}
.productinner #downbrou p
{
padding: 0px 0px;
background-color:#005ca9;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 1px;
}
.productinner .carousel-control.left{background: none; margin-top: 101px;margin-left: -250px;}
.productinner .carousel-control.right{background: none; margin-top: 101px;}
.productinner .carousel-control{ font-size: 14px; text-shadow:0 0 0;opacity: 1;width: 10%;left: 82%;}
.productinner .carousel-control.right{right:49px !important;}
.productinner .carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.productinner .carousel-control.left.carousel-control span i{ color:#005ca9; font-size: 30px;}
.productinner .carousel-control.right.carousel-control span i{color:#005ca9; font-size: 30px;}
.gt_drawing .carousel-control.left{background: none; margin-top: 101px;margin-left: -250px;}
.gt_drawing .carousel-control.right{background: none; margin-top: 101px;}
.gt_drawing .carousel-control{ font-size: 14px; text-shadow:0 0 0;opacity: 1;width: 10%;left: 82%;}
.gt_drawing .carousel-control.right{right:49px !important;}
.gt_drawing .carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.gt_drawing .carousel-control.left.carousel-control span i{ margin-top: 10px; background-color: black; color:#FFFFFF; font-size: 30px;}
.gt_drawing .carousel-control.right.carousel-control span i{margin-top: 10px; background-color: black; color:#FFFFFF; font-size: 30px;}
.awardimg .carousel-control.left{background: none; margin-top: 181px;margin-left: -400px;}
.awardimg .carousel-control.right{background: none; margin-top: 181px;}
.awardimg .carousel-control{ font-size: 14px; text-shadow:0 0 0;opacity: 1;width: 10%;left: 82%;}
.awardimg .carousel-control.right{right:49px !important;}
.awardimg .carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.awardimg .carousel-control.left.carousel-control span i{ color:#005ca9; font-size: 30px;}
.awardimg .carousel-control.right.carousel-control span i{color:#005ca9; font-size: 30px;}
/*#enyinner
{
margin-top: -10px;
}*/
.productinner #enyinner .enquiry-img{
width: 100%;
margin-left: 0px;
height: 48px
}
.productinner #enyinner p
{
margin-top: -15px;
background-color: #005ca9;
color: #FFFFFF;
font-weight: 700;
letter-spacing: 1px;
padding-right: 0px !important;
padding-left: 5px !important;
}
.productinner #enyinner2
{
margin-top:-30px !important;
}
.productinner #enyinner2 .enquiry-img{
width: 100%;
margin-left: 0px;
height: 48px;
margin-top: -67px;
}
.productinner #enyinner2 p
{
margin-top: -46px;
background-color:#c7d9ea;
color: #565353;
font-weight: 700;
letter-spacing: 1px;
padding-right: 0px !important;
padding-left: 5px !important;
}
#weldfumex h3 {
margin-left: 0px !important;
}
.productinner #downbrou1 p
{
padding: 0px 0px;
background-color:#add1f0;;
color: #474748;
font-weight: 700;
letter-spacing: 1px;
}
#weldfumex h3
{
color:#005ca9;
font-size: 25px;
margin-bottom: 25px;
font-weight: 700;
}
#productupper1 h5
{
color: #005ca9;
}
#productupper1 span a
{
color: #005ca9;
}
.gt_drawing img
{
border: 1px solid #ccc;
height: 200px;
padding: 10px 90px 10px 10px;
}
.gt_drawing h3
{
color: #005ca9;
font-weight: 700;
font-size: 15px;
}
.techspec h3
{
color: #005ca9;
font-weight: 700;
font-size: 15px;
margin-top: 20px;
}
.techspec p
{
background:#005ca9;
color: #FFFFFF;
width: 100%;
padding: 9px 22px;
}
/* End Of product Inner Page */
/* FAQ */
.faqWidth{width:100% !important;}
#faq
{
background-image:url('../images/faq.jpg');
height: 297px;
background-size: cover;
}
#faq h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#faq p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.faq h2
{
color:#005ca9;
font-size: 28px;
margin-bottom: 20px;
font-weight: 700;
margin-top: 24px;
}
.faq p
{
color:#6b6b6c;
margin-bottom: 50px;
font-weight: 300;
text-align: justify;
}
#faqwork p
{
color:#005ca9;
font-weight: 700;
letter-spacing: 1px;
background-color:#f7f7fc;
padding: 10px 30px;
}
#faqwork h3
{
color:#005ca9;
font-weight: 700;
letter-spacing: 1px;
background-color:#95c4ec;;
padding: 20px 49px;
width: 100%;
margin-top: 0px;
}
#accordion .panel{box-shadow:none !important;}
#faqwork .accordion-toggle p{font-size:14px;}
.mt-50{margin-top:50px;}
textarea {
resize: none;
}
textarea{min-height:150px !important;}
#fazexp p
{
font-weight:400px
color:#005ca9;
}
#fazexp p span
{
color:#005ca9;
}
.border-fazexp{padding: 20px;border: 1px solid #ccc; margin: 0px 15px 0px 0px;}
.faq-div{margin-top:15px;}
.faq-div .panel-default { border: none !important;}
.faq-div .panel-body{ border: 1px solid #eee; margin-bottom: 10px;}
#faqwork .bg-color{background: #95c4ec; z-index: 1; position: relative;opacity: 1; float: right; right: -29px;
top: -9px;height: 43px; width: 30%;}
#faqwork .bg-color:before{content: " ";
display: block;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 49px solid transparent;
border-left: 47px solid #f7f7fc;
position: absolute;
top: 3%;
margin-top: -2px;
margin-left: 0px;
/*left: 100%;*/
z-index: 1;}
#faqwork .bg-color1{background: #95c4ec; z-index: 1; position: relative;opacity: 1; float: right; right: -29px;
top: -9px;
height: 43px;
width: 10%;}
#faqwork .bg-color1:before{content: " ";
display: block;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 45px solid transparent;
border-left: 21px solid #f7f7fc;
position: absolute;
top: 99%;
margin-top: -43px;
margin-left: 0px;
/*left: 100%;*/
z-index: 1;}
/*clientele*/
#clientele
{
background-image:url('../images/clientele.jpg');
height: 297px;
background-size: cover;
}
#clientele h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#clientele p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.clientele h2
{
color:#005ca9;
font-size: 34px;
margin-bottom: 20px;
font-weight: 700;
margin-top: 30px;
}
.clientele p
{
color:#6b6b6c;
margin-bottom: 50px;
font-weight: 300;
text-align: justify;
}
.clienttele-section ul {list-style-type: none;}
.clienttele-section ul li{padding: 15px 0px 15px 20px; background: #005ca9; margin: 0px 0px 10px 15px; border: 1px solid #eee;}
.clienttele-section ul li span{color:#fff;}
.icon-arrow{right: 25px;position: relative;font-size: 20px;top: -5px;}
.active-client{background:#fff !important;}
.active-client span{color:#005ca9 !important;}
.targetDiv{display:none;}
.clienttele-section .bordersolid{border:1px solid #eee; height:auto; padding:54px;}
/* Blog */
.form-control{border:1px solid #ccc !important;}
#blog
{
background-image:url('../images/blog.jpg');
height: 299px;
background-size: cover;
}
#blog h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#blog p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
}
.blog
{
margin-top: 50px;
}
.blog h6
{
background-color: #157ed5;
width:70px;
height: 80px;
color: #FFFFFF;
margin-left: 0px;
margin-top: 30px;
font-size: 25px;
text-align: center;
padding: 14px;
}
.blog h5
{
color:#157ed5;
margin-top: 30PX;
font-weight: 700;
font-size: 15px;
line-height: 20px;
letter-spacing: 1px;
}
.blog ul
{
list-style-type: none;
margin: 0;
padding:0;
overflow: hidden;
}
.blog li
{
float: left;
margin-right: 20px;
}
.blog2 ul
{
list-style-type: none;
margin: 0;
padding: 5;
overflow: hidden;
border-bottom: 1px solid #eee;
}
.blog2 li
{
float: left;
}
.blog2 a{color:#333;}
.blog2 a:focus { color: #337ab7 !important;}
.media-icons{line-height: 15px !important;
border-radius: 50%;
border: 1px solid #eee;
padding: 12px 14px !important;
margin-left: 7px;}
.blog i
{
font-size: 15px;
line-height: 30px;
padding-right: 4px;
color: #888;
text-align: justify;
}
.blog p
{
font-size: 15px;
line-height: 25px;
color: #888;
}
.blog .white{color:#fff;font-weight: 600;}
#blogsearch
{
width:100%;
padding: 15px 20px;
margin-left: 10px;
border: 1px solid #eee;
}
.blog2 h3
{
color: #005ca9;
}
.blog2 p
{
margin-left:20px;
border-bottom:1px solid #eee;
margin-top: 6px;
}
.no-bottom{border-bottom:0px solid #eee !important;}
.blog2 i
{
margin-left: 10px;
}
.blog h4
{
text-align: right;
}
.blog h3
{
color: #005ca9;
letter-spacing: 1px;
}
.blog h5
{
color: #005ca9;
}
.blog h5 p
{
color: black;
}
/*pagination*/
.pagination > li > a, .pagination > li > span{padding:7px 16px !important; margin-left:10px;}
.pagination{margin: 20px 14px !important}
/* Download Page */
.download p{ margin-bottom: 35px;}
.download .col-md-8 {padding-bottom:20px;}
#download
{
background-image:url('../images/download.jpg');
height: 297px;
background-size: cover;
}
.download h3{margin-left: 0px !important}
#download h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#download p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
margin-bottom: 10px;
}
.download h3
{
color: #005ca9;
}
.download
{
border: 1px solid #18171766;
height: auto;
margin-bottom: 20px;
}
.download .background{border: 1px solid #eee;
padding-bottom: 45px;}
.download a
{
background-color:#005ca9;
padding: 17px 34px;
color: #FFFFFF;
text-decoration: none;
margin-top: 10px;
border-radius: 4px;
font-size: 20px;
}
/* Career Page */
#career
{
background-image:url('../images/career.jpg');
height: 297px;
background-size: cover;
}
#career h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#career p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
margin-bottom: 10px;
}
.marketing-manager{padding: 20px;
background: #fff;
box-shadow: 0px 0px 1px 1px #eee;padding-bottom: 39px;border: 1px solid #ccc;}
.career h2, .vac h2
{
color:#005ca9;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
font-weight: 700; line-height: 34px;
letter-spacing: 2px;
margin-top: 20px;
}
.career p span
{
color: #005ca9;
}
.vac
{
margin-top: 20px;
background-color: #6662621a;
}
.vac a
{
background-color:#005ca9;
padding: 10px 20px;
color: #FFFFFF;
}
.vac hr
{
/*width: 25%;*/
}
.back2{background: #fbfbfb;}
.vac h4
{
color: #005ca9;
}
.vac h5
{
margin-top: 23px;
font-weight: 400;
}
#job
{
margin-top: 5 0px;
}
.fa-tags, .fa-map-marker{font-size: 16px;
padding: 10px 0px;}
.fa-tags:before, .fa-map-marker:before {
margin: 0px 10px;
}
#job p{margin-bottom: 20px;}
.carrerinner h3{margin-left:0px !important;}
.carrerinner h4{font-size: 16px !important}
.carrerinner .col-md-7{padding-bottom:20px; }
.carrerinner a
{
margin-top: 20px;
background-color: transparent;
border: 1px solid #005ca9;
color: #005ca9;
font-weight: 700;
padding: 10px 30px;
text-decoration: none;
}
.image-margin{ margin: -60px 0px;}
/* rEQUEST A dEMO */
#reqdemo
{
background-image:url('../images/requestademo.jpg');
height: 297px;
background-size: cover;
}
#reqdemo h2
{
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat', sans-serif ;
font-size: 30px;
text-align: center;
font-weight: 700; line-height: 24px;
letter-spacing: 2px;
margin-top: 40px;
}
#reqdemo p
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
color: #FFFFFF;
margin-top: 20px;
letter-spacing: 2px;
margin-bottom: 10px;
}
.reqdemo h2
{
color: #005ca9;
font-weight:700;
line-height: 35px;
letter-spacing: 1px;
}
/* Media Query */
/*@media (min-width:600px)
{
#navhide
{
display: block;
}
}*/
@media (max-width:768px)
{
.productinner .carousel-control.left {
margin-left: -601px;
}
.productinner .carousel-control.right, .productinner .carousel-control.left{margin-top:201px;}
.productinner .carousel-control{left:90%;}
.clients i{margin-left:-45px;margin-top: 31px;}
.carousel-showmanymoveone .carousel-control.left {margin-left: -85px !important;}
.clienttele-section .bordersolid{padding:10px;}
.paddingLeft{padding-left:0px !important;}
#searchitem{margin-bottom:10px;}
/* Guide Principle media Query */
.guideprinciple #client h4
{
padding-left: 0px;
text-align: justify;
padding-right: 0px;
font-size: 14px;
}
#mt71
{
margin-top: 15px;
}
.guideprinciple #light h4
{
margin-left: 0px;
line-height: 0px;
}
.guideprinciple #client h4 i
{
font-size: 35px;
color: black;
padding-left: 0px;
margin-right: 10px;
}
.guideprinciple #light h4 i
{
font-size: 35px;
color: black;
margin-left: 0px;
padding-right: 10px;
}
.guideprinciple #light h4
{
text-align: left !important;
width:100% ;
font-size: 14px;
}
.humality .pull-right{float:left !important;}
.humality i
{
margin-left: 0px !important;
padding-right: 10px;
text-align: right;
}
.guideprinciple #client p
{
text-align: justify;
padding: 10px 10px 10px 10px;
}
.guideprinciple #light p
{
text-align: justify;
padding: 10px 10px 10px 10px;
}
.guideimghide
{
display: none;
}
.imgdir h4
{
color: #005ca9;
text-align: bottom;
margin-top: 10px;
}
.mt100{margin-top: 900px;}
/* End Of Guide Principle Query */
#logo img
{
width: 100px;
padding: 15px 0;
}
.calltoaction a {
background: #005ca9;
padding: 5px 20px !important;
color: #fff;
font-weight: 300 !important;
font-size: 13px;
margin-left: 65px;
}
.left-info ul li {
padding-right: 15px;
border-left: 1px solid #074578;
line-height: 23px;
display: inline-block;
font-size: 13px;
color: #fff;
}
.navbutton
{
margin-top: 20px;
}
#navhide
{
display: block;
}
.text-right{display: none !important;}
.secondnav ul li {
display: inline;
padding: 10px 2px;
font-size: 9px;
width: 17px;
}
#btn1{
padding: 0 5px;
}
#menu2 ul li
{
margin-bottom: 25px;
padding: 0;
margin-left: 5px;
}
.secondnav .calltoaction li{
display: block;
padding: 0;
width:100%;
}
.secondnav .calltoaction a{
line-height: 25px;
margin-left: 25px;
}
.secondnav ul{margin-bottom:0px !important;}
#slider
{
width:100%;
padding:0px;
}
#slider h1
{
margin-top: 30px;
font-weight: 700; line-height: 40px;
letter-spacing: 2px;
}
#slider p
{
margin-top: 35px;
font-weight: 300; line-height: 25px;
letter-spacing: 1px;
}
#myCarousel .caption-link {
margin-top: 50px;
}
.carousel-caption {
text-align: left;
top: 133px;
}
.secondnav ul li {
display: inline;
padding: 10px 2px;
font-size: 9px;
width: 17px;
}
#thumb
{
text-align: center;
margin-top: -10px;
color: #FFFFFF;
}
.back
{
background-image:url('../images/consultation-bg1.png');
background-color: #004d99;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 600px;
margin-top: 0px;
margin-left:10px;
border-top-left-radius: 0%;
border-top-right-radius: 0%;
border-bottom-left-radius: 0%;
border-bottom-right-radius: 0%;
}
.back #form h2
{
margin-top:20px;
font-weight: 700; line-height: 36px;
}
.back #form p
{
margin-top:20px;
font-weight: 400; line-height: 24px;
}
#form
{
text-align: center;
margin-top: 20px;
color: #FFFFFF;
}
#thumb button
{
width: 150px;
padding: 12px;
margin-left: 25px;
}
input.transparent-input
{
background-color:transparent !important;
color: #FFFFFF;
height:55px;
width:50%;
padding: 20px;
}
#newsbg
{
background-image:url('../images/thumbnail_newsbg11.jpg');
/* background-position: center;
background-repeat: repeat;
background-size: cover;
margin-bottom: 450px;
height: 400px;
margin-top: -5px;*/
}
#news
{
margin-bottom: 50px;
margin-top: -187px;
}
.events
{
margin-bottom: 60px;
}
#events img
{
margin-bottom: 0px;
}
#newsbg h3
{
color:#004d99;
font-weight: 700;
line-height: 60px;
letter-spacing: 2px;
}
#newsbg h5
{
font-family: 'Montserrat', sans-serif ;
font-size: 15px;
text-align: center;
font-weight: 400; line-height: 24px;
}
#newsbg p
{
text-align: center;
font-weight: 300; line-height: 24px;
}
.footerstress1 {
border: solid #0E8FAB;
border-width: 2px 0 0;
clear: both;
margin: -9px 0px 17px;
height: 0;
width: 100%;
}
.guide
{
background: #F5F5F5;
margin-top: -60px !important;
}
.guide h2
{
color:#004d99;
font-weight: 700; line-height: 36px; font-size: 30px;
}
.subscription
{
margin-top: 70px;
background-color:#004d99;
margin-bottom: 20px;
height: 280px;
}
.subscription h3
{
margin-top: 30px;
}
.subscription button
{
margin-top: 40px;
width: 200px;
}
.subscription input.transparent-input{
background-color:transparent !important;
color: #FFFFFF;
height:50px;
width:90%;
padding: 20px;
margin-left:30px;
margin-top: 40px;
}
.footer
{
margin-top: 100px;
}
.footer h3
{
font-size: 18px;
text-transform: uppercase;
margin-bottom: 30px;
text-align: center;
}
ul.social {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
}
/* Company history(Contact Us Page)*/
.comhis
{
background-color: #3c3c3c;
height: 500;
margin: 0px 15px;
overflow: auto;
}
.comhis h2
{
color:#FFFFFF;
font-size: 34px;
font-weight: 700;
}
.comhis p
{
color:#FFFFFF;
font-size: 14px;
font-weight: 300;
}
.comhis .hist .calltoaction {
background: #005ca9;
padding: 5px 25px !important;
color: #fff;
font-weight: 400 !important;
font-size: 15px;
text-align: left;
margin-top: 10px;
position: relative;
width: 81px;
}
.hist
{
display: flex;
position: relative;
}
.hist1
{
margin-left: 12px;
margin-top: 40px;
max-height: 30px;
}
.hist2::after
{
width: 15px;
height: 15px;
line-height: 47px;
display: inline-block;
border-radius: 100px;
background: #2876e2;
z-index: 2;
position: absolute;
left: 24px;
text-align: center;
font-size: 18px;
top: -2px;
color: #fff;
left: -8px;
padding-top: 5px;
background: #2876e2 !important;
border: 2px solid #2876e2;
color: #fff;
content: '';
}
.hist2
{
margin-left: 25px;
background: #e3e3e3;
bottom: 92px;
content: " ";
left: 0;
position: relative;
width: 1px;
top: 18px;
border: 1px solid dimgrey;
}
.hist p
{
margin-bottom: -16px;
margin-left: 20px;
margin-top: 13px;
margin-right: 5px;
text-align: justify;
}
.history
{
color: #FFFFFF;
margin-top: 10px;
}
.hisabt button {
color: #FFFFFF;
text-transform: uppercase;
font-size: 16px;
border: solid thin #817d7d;
padding: 16px 46px 21px 59px;
border-radius: 50px;
margin-top: 0px;
margin-left: 16px;
margin-bottom: 18px;
background-color: transparent;
}
.readmore:hover{background: #76b728 !important;}
}
.carousel-control.right, .carousel-control.left{background: none; margin-top: -72px;}
.carousel-control{ font-size: 14px; text-shadow:0 0 0;opacity: 1;width: 5%;left: 82%;}
.carousel-control.right{right:29px !important;}
.carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
display: none;
}
@media all and (min-width: 768px) {
.navbar {
border-radius: 0px !important;
}
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation:portrait) {
.navbar-right{ margin-right: -25px !important;
margin-left: -25px ;}
.navbar-inverse .navbar-nav > li > a{font-size:11px !important;}
.nav > li > a {padding: 10px 11px !important;}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -25%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 25%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-25%, 0, 0);
transform: translate3d(-25%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Rajiv CSS*/
/* Bhushan CSS for service page*/
/*#about h2 {
color: #005ca9;
font-size: 34px;
margin-bottom: 30px;
font-weight: 700;
margin-top: 20px;
float: left;
}*/
.abt-height{height:579px;}
.service .nav li a {
font-family: montSerrat!important
}
.service a {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease
}
.service .navbar-nav>li>a,
.service img {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease
}
.service input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none
}
.service a:focus {
outline: 0;
outline-offset: 0
}
.service p {
color: #869093;
font-size: .9375em
}
.service ul {
padding: 0
}
.service img {
/*max-width: 100%;*/
height: auto;
transition: all .25s ease
}
.service audio,
.service iframe {
width: 100%;
border: none
}
.service input,
.service textarea {
width: 100%
}
.form-control:focus,
.service button:focus,
.service input:focus,
.service textarea:focus {
border: 1px solid #e9e9e9;
box-shadow: none;
outline: 0!important
}
.service .btn.active.focus,
.service .btn.active:focus,
.service .btn.focus,
.service .btn:active.focus,
.service .btn:active:focus,
.service .btn:focus {
outline: 0
}
.service h1 {
font-size: 2.75em
}
.service h2 {
font-size: 2.18em
}
.service h3 {
font-size: 1.75em
}
.service h4 {
font-size: 1.375em
}
.service h5 {
font-size: 1.125em
}
.service h6 {
font-size: 1em
}
.service .top-contact {
background-color: #005ca9;
font-size: .875em;
height: auto
}
.service .contact-list li {
border-left: 1px solid #333;
padding-left: 22px;
padding-right: 22px
}
.service .contact-list a {
color: #fff;
font-size: 13px;
float: left;
margin-top: 1px
}
.service .top-icon {
border-radius: 50%;
color: #3498db;
width: 30px;
height: 24px;
float: left;
text-align: center
}
.service .top-social {
text-align: right
}
.service .site-banner {
background-color: #fff;
height: 120px
}
.service .site-logo {
padding-top: 35px
}
.service .main-menu {
background-color: #fff;
border: 1px solid #e9e9e9
}
.service .navbar-collapse {
padding: 0
}
.service .menu-logo {
display: none
}
.service .navbar-toggle:focus {
border: none;
outline: 0
}
.service .nav>li>a:focus,
.service .nav>li>a:hover {
background-color: transparent;
color: #005ca9
}
.service .navbar-nav>li>a {
color: #005ca9!important;
display: inline-block;
font-size: 13px;
transition: all .25s ease;
text-transform: uppercase;
padding: 10px!important
}
.service .menu-list .active a {
color: #3498db
}
.service .search-form {
font-size: .875em;
position: relative;
padding-top: 15px
}
.search-field {
border: 1px solid #e9e9e9;
padding: 10px 15px;
width: 297px
}
.service .search-btn {
background-color: transparent;
color: #948e8e!important;
font-size: 18px!important
}
.service .slider-icon,
.service footer,
.service footer a,
.service footer p {
color: #fff
}
.service .header-fixed-top header.sticky {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-animation-duration: .45s;
-moz-animation-duration: .45s;
-ms-animation-duration: .45s;
-o-animation-duration: .45s;
animation-duration: .45s;
box-shadow: 0 2px 2px rgba(0, 0, 0, .05)
}
.service .carousel-caption {
left: 0!important;
width: 100%;
height: 100%;
bottom: 5px;
/* padding-top: 11%!important*/
}
.service .carousel-inner .item-1:after {
background: url(../images/banner1.jpg) 100% 21% no-repeat;
height: 299px;
width: 100%;
display: inline-block;
background-size: cover;
content: ""
}
.service .slider-icon {
font-size: 4em
}
.service .carousel-title {
font-size: 3.79vw
}
.service .main-content {
padding-top: 40px
}
.service .scroll-to-top {
position: fixed;
right: 35px;
bottom: 35px;
font-size: 1.15em;
height: 40px;
width: 40px;
background-color: #3498db;
line-height: 38px;
color: #fff;
text-align: center;
opacity: .3;
cursor: pointer;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease
}
.service .scroll-to-top:hover {
opacity: 1
}
.service footer {
font-size: .875em
}
.service .footer-content p,
.service .footer-content ul li span {
color: #eee!important
}
.service .navbar-toggle {
background-color: rgba(131, 117, 117, 1)!important
}
.service .navbar-toggle .icon-bar {
border: 1px solid #fff;
color: #fff!important
}
.service .navbar {
margin-bottom: 0!important;
margin-top: 0!important
}
.service .pad-nav {
padding-top: 12px;
padding-bottom: 6px;
padding-left: 0!important;
padding-right: 5px!important
}
.service .get-start {
margin-bottom: 0;
float: right;
margin-top: 8px
}
.service .get-start li {
padding: 7px 24px;
background: #005ca9;
margin-left: 6px
}
.service .get-start li a {
color: #fff
}
.service .top-nav-right {
text-align: center;
font-size: 13px;
line-height: 42px;
font-family: montSerrat-light
}
.service .top-nav-right ul {
margin-bottom: 0!important
}
.service .top-nav-right ul li a {
padding: 10px 7px;
color: #fff
}
.service .top-nav-right ul li:nth-child(1) a {
color: #006fb9;
-webkit-animation-name: blink;
-webkit-animation-duration: 1s;
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite
}
.service .navbar-brand {
padding: 0 15px 0 0!important;
margin-left: 0!important
}
@-webkit-keyframes blink {
0%, 100% {
color: #006fb9
}
50% {
color: #a1d2f0
}
}
@keyframes blink {
0%, 100% {
color: #006fb9
}
50% {
color: #a1d2f0
}
}
.service .pad-logo-right {
margin-right: 20px!important
}
.service .top-icon i {
font-size: 18px!important;
color: #7bb6de
}
.service .top-icon i.fa-mobile {
font-size: 24px!important;
vertical-align: sub
}
.service .top-icon i.fa-arrow-circle-o-down {
font-size: 22px!important;
margin-top: 2px
}
.service .tp-txt {
float: right;
margin-top: 6px;
font-size: 11px;
font-weight: 600
}
.service .carousel-caption p {
color: #fffdfd;
line-height: 4.5vw;
font-weight: 100
}
.service .fa-caret-square-o-right:before,
.service .fa-toggle-right:before {
content: "\f152";
margin-left: 14px!important
}
.service .banner-services {
z-index: 1;
padding: 11px 0;
border: 1px solid;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, .32);
position: absolute;
bottom: 24px
}
.service .banner-services .btn {
background: #c9dfed;
color: #000;
margin-top: 0;
margin-right: 10px;
border-radius: 7px;
font-weight: 700;
font-size: 16px;
padding: 1vw 3vw
}
.service .banner-services .btn img {
margin-right: 9px;
width: 35px
}
.service .txt-color {
color: #0179c9
}
.service .service .bt-style {
background: #0070b9;
color: #fff;
padding: 10px 26px;
font-size: 16px;
border-radius: 5px
}
.service .bt-style:hover {
color: #EDEEF0
}
.service .para-pad {
padding-bottom: 0
}
.service .para-pad p {
margin-bottom: 40px;
font-size: 14px;
font-weight: 100;
color: #909090;
text-align: left;
margin-top: 0
}
.service .para-pad h2 {
font-size: 28px !important;
color: #ff9600;
text-align: left;
font-weight:bold;
margin-top:15px !important;
margin-bottom:20px !important;
}
.service .carousel-caption {
padding-bottom: 30px!important
}
.service .blink_me {
animation: blinker 1s linear infinite
}
@keyframes blinker {
50% {
opacity: 0
}
}
.service .align-center img:hover {
margin-left: 12px
}
.service #footer {
background: #01090d;
padding-bottom: 5px
}
.service #footer-top ul li {
display: block;
line-height: 23px
}
.service .maintain1:after,
.service .maintain21:after,
.service .maintain31:after,
.service .service1-image:after {
display: inline-block;
content: ""
}
.service #footer-top ul li a {
color: #91a8b8
}
.service #footer h3 {
padding-bottom: 15px;
font-family: Raleway-Bold;
font-size: 18px;
color: #eee
}
.service .span-style span {
color: #6b7b8a
}
.service .span-style .mail-link a span {
color: #fff;
text-decoration: none
}
.service .span-style li {
margin-bottom: 9px
}
.service .span-style .fa {
color: #eee;
font-size: 24px;
margin-right: 17px
}
.service .span-style .fa-envelope {
font-size: 14px
}
.service .span-style .fa-phone {
font-size: 16px
}
.service #footer-bottom {
overflow: auto;
padding: 10px;
border-top: 1px solid #474444;
margin-top: 2vw;
margin-left: 28px
}
.service #footer-bottom p {
color: #eee;
margin: 0;
font-size: 14px
}
.service .footer-link {
padding-top: 8px;
margin-bottom: 0
}
.service .footer-link li i {
background: #323433;
padding: 10px;
margin-right: 1.5px;
margin-top: 4px
}
.txt-center {
text-align: center
}
* {
outline: 0!important
}
.pl {
padding-left: 0!important
}
.pr {
padding-right: 0!important
}
.service .contact-list li i {
padding-right: 17px;
font-size: 14px
}
.service .contact-list {
margin-bottom: 0!important;
padding: 0;
margin: 0 28px;
line-height: 40px;
height: 42px;
font-family: montSerrat
}
.service .contact-list li a:hover {
color: #fff!important
}
.service .navbar-brand img {
width: 80%;
margin-top: -9px
}
.service .banner-overlay,
.service .service-overlay {
background-color: #ff9600;
position: absolute;
width: 100%;
left: 0;
top: 0
}
.service #navbar {
font-size: 13px
}
.service .pad0 {
padding-left: 0!important
}
.service .navbar-nav ul li a {
color: #3498db!important
}
.service .container-fluid>.navbar-collapse,
.service .container-fluid>.navbar-header,
.service .container>.navbar-collapse,
.service .container>.navbar-header {
margin-left: 0!important
}
.service .banner-overlay {
height: 98.5%;
opacity: .5
}
.service .service-overlay {
opacity: .8;
height: 100%
}
.service .maintain1,
.service .maintain21,
.service .maintain31,
.service .service1-image {
left: 0!important;
padding-bottom: 0;
width: 100%;
bottom: 5px
}
.service .progress {
height: 3px!important;
margin-bottom: 0px !important;
overflow: hidden;
background-color: #dedede;
border-radius: 0!important
}
.service #about hr {
margin-bottom: 3px!important;
border: 1px solid #fff!important
}
.service .pad40 {
padding-left: 74px!important
}
.service .pad44 {
padding-left: 44px!important
}
.service .service-content,
.service .service-content31 {
padding-top: 47px;
color: #fff!important;
padding-left: 7%;
z-index: 1;
opacity: 1;
position: absolute
}
.service .maintain1 {
height: 100%
}
.service .maintain1:after {
background: url(../images/maintain1.jpg) center no-repeat;
height: 509px;
width: 100%;
background-size: cover
}
.service .maintain21 {
height: 100%
}
.service .maintain21:after {
background: url(../images/refurbishing.jpg) center no-repeat;
height: 518px;
width: 100%;
background-size: cover
}
.service .maintain31 {
height: 100%
}
.service .maintain31:after {
background: url(../images/localization.jpg) center no-repeat;
height: 509px;
width: 102%;
background-size: cover
}
.service .service1-image:after,
.service .service2-image:after {
background: url(../images/service1.jpg) center no-repeat;
border: 1px solid #fff
}
.service .service1-image {
height: 100%
}
.service .service1-image:after {
height: 117px;
width: 78%;
background-size: cover;
margin-top: 129px;
position: absolute;
left: 47px;
z-index: 1;
border-width: 5px
}
.service #about .container-fluid {
padding-right: 0!important;
margin-top: -5px
}
.service .service-content21 {
position: absolute;
padding-top: 47px;
color: #fff!important;
opacity: 1;
z-index: 1
}
.service .text-faded2 {
font-size: 14px;
font-weight: 100;
color: #fff;
text-align: justify;
margin-top: 220px;
z-index: 1;
opacity: 1;
position: absolute;
padding: 46px 93px 0px 46px;
line-height: 26px;
letter-spacing: .2px
}
.service .pad46 {
padding-top: 50px
}
.service .buttonClass,
.service .buttonClass:focus {
border: 2px solid #fff;
background: 0 0;
padding: 4px 30px;
margin: 20px 0;
font-weight: 600
}
.service .text-faded21,
.service .text-faded31 {
font-size: 14px;
font-weight: 100;
color: #fff;
text-align: left;
margin-top: 220px;
z-index: 1;
opacity: 1;
position: absolute;
line-height: 30px;
letter-spacing: .2px
}
.service .text-faded21 {
padding: 46px 70px 1px 0px;
text-align: justify;
line-height: 26px;
}
.service .text-faded31 {
padding: 46px 93px 0px 46px;
text-align: justify;
line-height: 26px;
}
.service .ServicesClass {
color: #005ca9;
border: 1px solid #e0e0e0;
background: 0 0;
padding: 12px 135px 11px 25px;
margin: 20px 0;
font-weight: 600;
float: left;
font-family: SourceSansPro-Semibold
}
.service #locationaize .container-fluid,
.service #refurebshment .container-fluid,
.service .pr0 {
padding-right: 0!important
}
.service .service2-image:after,
.service .service3-image:after {
display: inline-block;
content: "";
margin-top: 129px;
z-index: 1;
position: absolute
}
.service .service2-image {
left: 0!important;
padding-bottom: 0;
width: 100%;
height: 100%;
bottom: 5px
}
.service .service2-image:after {
height: 117px;
width: 78%;
background-size: cover;
left: 74px;
border-width: 5px
}
.service .service3-image {
left: 0!important;
padding-bottom: 0;
width: 100%;
height: 100%;
bottom: 5px
}
.service .service3-image:after {
background: url(../images/service1.jpg) center no-repeat;
height: 117px;
width: 78%;
background-size: cover;
left: 47px;
border: 1px solid #fff;
border-width: 5px
}
.service .service-active {
background-color: #005ca9;
color: #fff
}
.service .dn {
display: none
}
.service .db {
display: block!important
}
.service .mt7 {
margin-top: -7px
}
.service .newsletter {
padding: 60px 0 50px;
margin: 90px 28px 30px;
background: #005ca9;
font-size: 18px;
font-family: montserrat;
border-radius: 6px
}
.service .fnt16 {
font-size: 16px
}
.service .newsletter p {
line-height: 18px
}
.service .form-control {
background: 0 0!important;
color: #fff!important;
font-family: montserrat;
font-size: 13px!important;
letter-spacing: 1px;
height: 45px!important
}
.form-control:focus {
/*border-color: #fff!important;*/
outline: 0;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
/*::-webkit-input-placeholder {
color: #fff!important
}*/
textarea::-webkit-input-placeholder {
color: #ccc !important
}
.service .subscribeClass {
border: none;
background: #fff;
padding: 11px 25px;
color: #005ca9;
border-radius: 3px;
font-size: 15px;
outline: 0
}
.service .subscribeClass:focus {
border: 0 solid #e9e9e9!important
}
.service .envelope-email {
position: absolute;
top: -35px;
font-size: 32px!important;
text-align: center;
left: 49%;
border: 1px solid #fff;
border-radius: 50%;
padding: 16px;
color: #005ca9;
background: #fff
}
.service .abt {
text-align: justify
}
.service .wrd-space {
word-spacing: 3px
}
.service .pl6 {
padding-left: 6px
}
.service .pl11 {
padding-left: 11px
}
.service .contact p {
margin: 0!important;
line-height: 23px!important;
font-family: lato-regular!important;
font-size: 15px
}
.service .span-style {
margin-top: 18px
}
.service .footer-link li {
display: inline-block!important
}
.service .disclamer {
padding-top: 4px
}
.service .disclamer li {
margin-right: 14px
}
a:focus,
a:hover {
text-decoration: none!important
}
.service #search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translate(0, -100%) scale(0, 0);
-moz-transform: translate(0, -100%) scale(0, 0);
-ms-transform: translate(0, -100%) scale(0, 0);
-o-transform: translate(0, -100%) scale(0, 0);
transform: translate(0, -100%) scale(0, 0);
opacity: 0;
display: none
}
.service #search.open {
-webkit-transform: translate(0, 0) scale(1, 1);
-moz-transform: translate(0, 0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
-o-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
opacity: 1;
z-index: 106;
display: block
}
.service #search input[type=search] {
position: absolute;
top: 50%;
left: 0;
margin-top: -51px;
width: 60%;
margin-left: 20%;
color: #fff;
background: 0 0;
border-top: 1px solid rgba(255, 255, 255, .8);
border-bottom: 2px solid rgba(255, 255, 255, .5);
border-left: 0 solid transparent;
border-right: 0 solid transparent;
font-size: 40px;
font-weight: 300;
text-align: center;
outline: 0;
padding: 10px;
font-family: montserrat
}
.service #search .close {
position: fixed;
top: 15px;
right: 15px;
opacity: 1;
font-size: 27px;
color: #fff
}
.service #search .close:hover {
color: #FC2121;
cursor: pointer
}
.service .service-home {
color: #fff;
opacity: 1;
font-size: 46px;
font-weight: 700;
font-family: montserrat
}
.service .carousel-caption h4 {
font-size: 16px!important
}
.service .navbar-nav>li {height: 50px !important; line-height: 50px !important; }
.service .navbar-nav>li a{color:#fff !important;}
.service .row { margin-right: 0px !important; margin-left: -15px !important;}
.service #about { margin-top: 0px !important; padding-bottom: 0px !important;}
.service #about h2 {margin-bottom: 20px !important;}
.service #footer { margin-top: 0px !important;}
.wdth-auto{width: 104px !important; padding: 4px;}
@media(max-width:1212px) {
.service .pad40 {
padding-left: 20px!important
}
.service .service2-image:after {
left: 20px
}
.service .maintain1:after,
.service .maintain31:after {
height: 552px
}
}
@media(max-width:1096px) {
.service .ServicesClass {
padding: 12px 72px 11px 25px
}
.service .maintain1:after {
height: 584px
}
}
@media(max-width:991px) {
.fixed-header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
border-bottom:1px solid #005ca9;
}
#clientele, #client, #contact, #blog, #download, #career, #aboutheader, #product, #service, #faq, #searchresult{height:auto;}
.mt189{margin-top:175px;}
.secondnav ul {overflow: visible;}
.back{border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; border-top-left-radius: 0%; border-top-right-radius: 0%;}
.clientele-div{padding-left: 0px !important; margin-right: 15px !important;}
.service .contact-list {
margin-bottom: 0!important;
padding: 0;
border-left: 0 solid #333;
margin: 13px 0;
line-height: 10px;
height: auto;
text-align: center
}
.hght362{height:auto;}
.mt50{margin-top:80px;}
.service .footer-padding {
border-bottom: 1px solid #eee;
padding-bottom: 15px
}
.service .pad40 {
padding-left: 20px!important
}
.service .pad0 {
padding-left: -15!important
}
.service .service-overlay {
left: 0;
width: 100%
}
.service .service1-image:after,
.service .service3-image:after {
left: 20px
}
.service .text-faded2,
.service .text-faded31 {
padding: 46px 20px
}
.service .navbar .container {
width: auto!important
}
.service .navbar-nav {
margin: 5px 0 0 -24px!important
}
.service .subscribeClass {
margin-top: 14px
}
.service .service-content,
.service .service-content31 {
padding-left: 2%
}
.service .pad44 {
padding-left: 20px!important
}
.service #footer .container {
width: 100%!important
}
}
@media(min-width:992px) {
.service .navbar-nav {
margin: 5px 0 0 190px!important
}
}
@media(max-width:768px) {
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#76b728 !important;}
.navbar-inverse .navbar-toggle {background:#76b728 !important;}
.abt-height{height:auto;}
.service .ServicesClass {
padding: 12px 140px 11px 25px
}
.service .contact-list {
margin-bottom: 0!important;
padding: 12px 0;
border-left: 0 solid #333;
margin: 12px 0;
line-height: 10px;
height: auto;
text-align: center
}
.service .navbar-nav>li>a {
padding-top: 10px!important;
padding-bottom: 10px!important
}
}
@media(max-width:640px) {
.service .service-content {
padding-left: 2%!important
}
.service .service1-image:after,
.service .service2-image:after,
.service .service3-image:after {
left: 14px
}
.service .text-faded2 {
padding: 46px 18px
}
.service .ServicesClass {
padding: 12px 126px 11px 25px
}
}
@media(max-width:480px) {
.service .ServicesClass {
padding: 12px 66px 11px 25px
}
.service .envelope-email {
left: 37%
}
.service .maintain1:after,
.service .maintain21:after,
.service .maintain31:after {
height: 657px
}
}
@media (max-width: 360px) {
.service .ServicesClass {
padding: 12px 36px 11px 25px
}
.mt100 { margin-top: 487px;}
}