@import 'fontawesome-all.css';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1;
    background-color: #f6f6f6;
}
a {
    font-family: arial;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #333;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #1073c7;
}
a:active {
    text-decoration: none;
}
.wrapper {
    max-width: 1225px;
    width: 95%;
    margin: auto;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.split {
    clear: both;
}
.fixed_header {
    background-color: #606770;
    padding-top: 0px;

    z-index: 9999;
    position: fixed;
    
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
header {
    width: 100%;
    position: fixed;
    z-index: 9999;
    background-color: #606770;
    
transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.fixed_header .logo {
    width: 90px;
    
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.logo {
    float: left;
    margin: 0px 0 0 0px;
    width: 180px;
    background-color: #fff;
    padding: 12px 15px 9px 15px;
    
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.logo img {
    width: 100%;
}


.listing li {
    color: #666;
    line-height: 24px;
}

.logo h1 {
    font-weight: 100;
    font-size: 30px;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
}
.logo h1 span {
    color: #fff;
}
.fixed_header nav {
    margin: 0px 0 0 22px;
    
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.listing{margin-top:0.66rem; margin-bottom:0.66rem;}
nav {
    float: left;
    margin: 19px 0 0 22px;
}
nav ul {
    width: auto;
}
nav ul li {
    float: left;
}
nav ul li:hover > a {
    background-color: #fff;
    color: #606770;
}
nav ul li a {
    text-transform: uppercase;
    color: #fff;
    font-family: 'K2D', sans-serif;
    font-size: 18px;
    padding:  20px 15px;
    display: block;
    letter-spacing: .5px;
}
nav ul li a:hover {
    background-color: #fff;
    color: #606770;
    border-radius: 4px;
}
nav ul li:hover ul {
    display: block;
}
nav ul ul {
    display: none;
    width: 260px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    padding: 10px;
    box-sizing: border-box;
    margin-top: -5px;
    border-radius: 0 4px 4px 4px;
}
nav ul ul li {
    float: none;
}
nav ul ul li a {
    color: #606770;
    font-size: 15px;
    padding:  10px;
    letter-spacing: normal;
    text-transform: none;
}
nav ul ul li a:hover {
    background-color: #f7f7f7;
}
.fixed_header .olinks {
    margin: 0px 24px 0 0px;
    
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.olinks {
    float: right;
    margin: 18px 24px 0 0px;
}
.olinks ul {
    width: auto;
}
.olinks ul li {
    float: left;
}
.olinks ul li a {
    text-transform: uppercase;
    color: #fff;
    font-family: 'K2D', sans-serif;
    font-size: 18px;
    padding:  20px 12px;
    display: block;
    letter-spacing: .5px;
}
.olinks ul li .toll {
    text-transform: uppercase;
    color: #fff;
    font-family: arial;
    font-size: 18px;
    padding:  20px 12px;
    display: block;
    letter-spacing: .5px;
}
.free {
    font-size: 11px;
    color: #ccc;
    position: absolute;
    margin-top: 22px;
    margin-left: -74px;
    font-style: normal;
    letter-spacing: 1px;
    display: none;
}
.red {
    background-color: #f13030;
    color: #eee;
    padding: 0 4px 2px 4px;
    border-radius: 4px 0px 0px 4px;
}
.blue {
    background-color: #3179db;
    color: #fff;
    padding: 0 4px 2px 4px;
}
.yellow {
    background-color: #beb522;
    color: #fff;
    padding: 0 4px 2px 4px;
}
.green {
    background-color: #5b601f;
    color: #fff;
    padding: 0 4px 2px 4px;
}



/*//////////////////////client///////////////////*/
.client {
    font-size: 40px;
    margin-bottom: 39px;
    margin-top: -8px;
    text-align: center;
    font-weight:100;
    font-family: 'Work Sans', sans-serif;
}

.kst ul li img{width:148px!important;}
.kst{text-align: center; background:#fff;}
.slider.kst{height:148px;}
.anch{display:none;}

.slider.kst ul li img {margin-top: 21px;}
    

/*client/////////////////////////////////////////////////*/



.gray {
    background-color: #666;
    color: #fff;
    padding: 0 4px 2px 4px;
}
.orange {
    background-color: #ff550a;
    color: #fff;
    padding: 0 4px 2px 4px;
    border-radius: 0px 4px 4px 0px;
}
.slide {
    width: 100%;
    padding: 90px 0 0 0px;
}
.slide img {
    width: 100%;
}
.parallax-window-bot {
    background: transparent;
    text-align: center;
    padding: 150px 0px 180px 0px;
}
.parallax-window {
    background: transparent;
    text-align: center;
    padding: 150px 0px 180px 0px;
}
.parallax-window h2 {
    font-size: 50px;
    color: #fff;
    font-family: 'Fugaz One', cursive;
    text-shadow: 0 10px 50px #333;
    margin-bottom: 5px;
}
.parallax-window h2 span {
    font-size: 70px;
}
.parallax-window h3 {
    font-size: 30px;
    color: #fff;
    font-family: 'K2D', sans-serif;
    text-shadow: 0 10px 50px #333;
    margin-bottom: 50px;
    font-weight: 100;
    letter-spacing: .5px;
}
.homestuff {
    width: 100%;
    min-height: 300px;
}
.aboutbg {
    background-image: url(../imgs/aboutbg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
    background-attachment: fixed;
    min-height: 500px;
    padding: 50px 0px
}
.aboutbg h2 {
    font-weight: 100;
    font-size: 28px;
    width: 60%;
    line-height: 35px;
    letter-spacing: -.5px;
    margin-bottom: 20px;
    font-family: 'K2D', sans-serif;
    text-align: justify;

}
.aboutbg h2 span {
    color: #295ba7;
}
.aboutbg h3 {
    font-weight: 100;
    font-size: 20px;
    width: 67%;
    line-height: 32px;
    margin-bottom: 50px;
    text-align: justify;
}
.tuv {
    width: 111px;
    
}
.more {
    padding: 12px 48px;
    font-size: 16px;
    text-transform: uppercase;
    border: dashed 1px #999;
    border-radius:50px;
    background-color: #fff;
}
:hover.more {
    border: solid 1px #666;
    background-color: #666;
    color: #fff;
}
.tabnew {
    width: 100%;
}
.tabnew a {
    border: dashed 2px #fff;
    padding: 12px 24px 10px 24px;
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Fugaz One', cursive;
    background-color: #fff;
    border-radius: 32px;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.tabnew a span {
    padding: 2px 7px 0px 7px;
}
.tabnew a:hover {
    box-shadow: 0 8px 64px #333;
    margin-top: 10px;
}
.businesspartner {
    padding: 50px 0px;
}
.businesspartner h2 {
    font-weight: 100;
    font-size: 40px;
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    color: #666;
    margin-bottom: 90px;
}
.businesspartner h3 {
    font-size: 30px;
    color: #333;
    font-family: 'Fugaz One', cursive;
    text-shadow: 0 10px 50px #333;
    margin-bottom: 5px;
    text-align: center;
    margin:  30px 0 20px 0px;
}
.businesspartner ul {
    width: auto;
}
.businesspartner ul li {
    float: left;
    width: 19%;
    text-align: center;
    border: solid 1px #ddd;
    padding: 20px 0px;
    box-sizing: border-box;
    margin: 0.2%;
}
.businesspartner ul li:hover {
    background-color: #fff;
}
.businesspartner ul li h4 {
    font-weight: 100;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.center {
    text-align: center;
}
.iconbox {
    margin-bottom: 12px;
    position: relative;
    margin-top: -80px;
}
.ihead {
    width: 100%;
    padding-top: 92px;
    color: #ddd;
}
.ihead img {
    width: 100%;
}
.htitle {
    position: absolute;
    width: 100%;
    text-transform: uppercase;
    margin-top: -180px;
}
.htitle h1 {
    font-size: 50px;
    font-weight: 100;
    color: rgba(255,255,255,0.9);
    font-family: 'Mr De Haviland', cursive;
    text-transform: none;
    
}
.breadcrumb {
    width: 100%;
    margin: 20px 0 30px 0px;
    color: #999;
    letter-spacing: 2px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 15px;
    text-align: right;
}
.breadcrumb a {
    color: #666;
}
.breadcrumb span {
    color: #333;
}
#ipage {
    width: 100%;
    min-height: 400px;
}
.icontent {
    width: 100%;
}
.icontent p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 12px;
    color: #666;
    font-family: verdana;
    text-align: justify;
}
.icontent h3 {
    font-size: 25px;
    font-weight: 100;
    color: #a98b4e;
}
.prodf {
    width: 49%;
    float: left;
}

.contf {
    width: 49%;
    float: right;
}
footer {
    width: 100%;
    background-color: #fff;
}
.botlink {
    width: 100%;
    padding:  25px 0 25px 0px;
}
.botlink ul {
    width:20%;
    float: left;
}
.botlink ul h3 {
    font-size: 20px;
    color: #333;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px;
}
.botlink ul li {
    line-height: 30px;
}

.botlink ul li a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.botlink ul li a:hover {
    color: #000;
}
.hline {
    border: solid 1px #eee;
    margin: 20px 0 0 0px;
}
.copyright {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 20px 0px;
}
.copyright a {
    color: #666;
    font-size: 11px;
}
.icons {
    width: 20px;
}





/*/////////////////////////////suraj/////////////*/




/*/////////////suraj//////////////////*/
.industry{width:100%; margin:auto; text-align: center;}
.heading{color: #a98b4e;font-size: 28px; font-weight: 200;}
.smheading{ font-size: 26px; margin-top: 25px; font-weight:200;}
.ind{padding-bottom: 4px;}
  .internal_content{ width: 98%;margin: auto;}
  .space{margin-top:77px;}
  .left_content{width:49%; float:left;}
  
    
   
.dimension img{width:100%; border-radius:6px;}


  .poder_im{width: 47.5%;float: right; text-align:center;}
    

  .border{ max-width: 469px;border-bottom: 1px dotted #a98b4e; padding-bottom: 4px;}
   
   table{width: 99%;margin: auto;  text-align: center; margin-top: 23px;} 
    
  .table th{    font-size: 22px;font-weight: 200;}

     td{font-size:17px;}
table, th, td {border: 1px solid; padding:7px;}
    
    
 td:hover{background:#dbba764a; transition:0.8s all;}
   
   .poder_im img{border-radius:3px; width:571px;}

  .split{clear:both;}
  
  .end_content{ margin: auto; width: 97%; max-width: 100%;}
    
   
  .view {width: 135px; margin-top: 13px;border: none;font-size: 23px!important;padding: 9px;font-weight: 200; background-color: #606770e0; color:  outline:none;}
    
    .view a:hover{color:#a98b4e; transition:0.8s all;}
    
    
   
   
 .basket_im{width: 49%; float:left;text-align: center;} 
.basket_im img{width:684px;}
 .listing{margin-left:18px;list-style: disc;}
    
 .grid{width:100%; margin:auto; text-align: center; position:relative;}
 .column{width:33.3%; float:left;}   
    
    .hide{list-style: none; }

     .hide{visibility:hidden;}
     .column:hover .hide{visibility:visible; background: transparent; }
/*/////////////////////suraj///////////////*/




.btn button{border: none;margin-top: 14px;padding: 10px;font-size: 18px;font-family: inherit;background: #606770;}


.btn{width:1334px;margin:auto;}


.btn btn a{text-decoration: none; color:white!important;}

.dimension{width: 53%; float:left; padding:10px}

.industry{width:100%; text-align: center;}
/*.industry_im{width:50%;float:right;text-align: center;}*/
.heading{font-size:30px;color:#af9153; margin-bottom:10px;}
.pehra { line-height: 26px; margin-top: 10px; font-size: 16px; text-align: justify; font-family:verdana;}
.ul_list {list-style: disc; margin-left:26px;}
.ul_list li{line-height:14px; font-size:16px; margin-top:12px;}
.smheading{font-size: 20px;margin: 6px 0 9px 0;color: #af9153;}

.industry_im{width:50%; float:right;}
 
.industry_im img{width:100%; border-radius:6px;}
.space{margin-top:51px;}
.industry_im{width:40%; float:right;}
/*.internal_ind{width: 83%;margin: auto;}*/
.internal_ind p{ line-height: 26px;}

/*.grid-container{display:grid;grid-template-columns: auto auto; padding: 2.1%;margin-left:-6px;}*/
/*
.cantainr{margin-top:-125px;    text-align:right;}

.poedr{float:right; margin-top:-147px; width:47.5%; text-align: center;}

.right{width:49%; float:left;}

.grid_im {width: 440px;padding:2px;}

    

.grid{width:100%; display: grid; grid-template-columns: auto auto auto;text-align: center;}

.left_content img { width: 367px;}

   

.cy{width: 50%; float:left;text-align: center;}

.cy img{width:77%;}
*/


button{background: #606770;width: 89px;padding: 9px;border: none;}


button a {color: white;font-size: 22px;}
button a:hover{color: #a98b52; transition:0.6s all;}


.frame{border: 1px solid gray;padding: 12px;}
    

.why{width: 49%;float: left; border-right: 6px solid #606770;border-radius: 7px;}
.why_right{width:49%; float:left; margin-left:17px;}




/*//////////////////palwinder/////////////////////////*/

.word{word-spacing: 7px;}

.contact_area{
   float: left;
    width: 45%; 
} 
.contact_area p{margin-bottom: 0px;}
.map_area{
    float: right;
    width: 50%;
    margin-bottom: 20px;
}
.form_area{width: 100%;margin:15px 0px;}
.form_area input[type="text"],input[type="email"],input[type="tel"]{width: 95%;
    padding: 8px 10px;
    border: none;
    background: #cccccc61;
    border-radius: 2px;
    margin-bottom: 7px;
    font-size: 16px;
    color: #666666;
}
.form_area textarea{width: 95%;
    padding: 8px 10px;
    border: none;
    background: #cccccc61;
    border-radius: 2px;
    margin-bottom: 7px;
    font-size: 16px;
    color: #666666;
    resize:none;
    font-family: Arial;
}
.form_area button{background: #606770;
    border: none;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    transition: color 0.5s;
}

.form_area button:hover{color: #a98b4e;}



.full_img{width:100%;}
.wr_img{width:30%; float:left;}


.ct_image{width:100%; margin-top: 48px; }
.image{width:33%; float:left;}
.image img{max-width: 100%;background: #fff;}
/*#ct_image{margin:auto; width:100%;}   */




.moped_left{width:40%; float:left; }
.moped_left img{width:100%; border-radius:6px;}

.moped_right{width:48%; float:right; padding:10px;}

.compre{margin-top:24px;}
.mini_space{margin-top:20px;}


.mtr{width:1300px;margin:auto; margin-top:38px; height:27vh;box-shadow: -1px 0px 2px 4px #CCC;padding: 10px;}
.inner_image{width:23%; float:left; margin:8px;}


/*
#why{width: 1200px; margin:auto;}
.why_table, th, td {border: none;}
*/
    
/*.inner_image img{width:90%;}*/
/*///////////////palwinder////////////////////////////////*/


/*suraj////////////////////////////////////*/


  .mian {
    width: 100%;
    display: inline-block;
}
.main-call {
    width: 100%;
    display: inline-block;
}
.c1 {
    float: left;
    width: 50%;
}
.c2 {
    float: right;
    width: 50%;
}
.c1 h3 {
    padding: 0 0 15px 0;
    font-size: 20px;
}
.c2 h3 {
    padding: 0 0 15px 0;
    font-size: 20px;
}
.dimension1 h4 {
    font-size: 22px;
    font-weight: 100;
    color: #a98b4e;
   
}
.mana {
    width: 100%;
    display: inline-block;
}
.left123 {
    float: left;
    width: 60%;
}
.righgght221 img {
    width: 30%;
    float: right;
}

.left123 h3 {
    
    margin-bottom: 10px;
}
.left1234 {
    float: left;
    width: 40%;
}
.righgght2211 h3 {
    margin-bottom: 10px;
}
.left1234 img {
    width: 75%;
    float: left;
}
.c12 img {
    width: 26%;
    float: left;
    padding: 25px 40px 0px 0;
}
.dimension1 h2 {
    font-size: 25px;
    font-weight: 100;
    color: #a98b4e;
    padding: 0 0px 10px 0;
}
.dimension1 h6 {
    font-size:18px;
    font-weight: 100;
    color: #a98b4e;
}
.listing2 {
    margin-left: 18px;
    list-style: disc;
    float: left;
    width: 50%;
}
.listing2 {
    margin-top: 0.66rem;
    margin-bottom: 0.66rem;
}
.listing2 li {
    color: #666;
    line-height: 24px;
}
.right-img img {
    width: 30%;
    float: right;
}
.asc {
    width: 100%;
    height: 289px;
}
.asc p {
    margin: -15px -7px 6px -16px;
}
.asc h3 {
    background-color: #606770;
    color: white;
    padding: 4px;
}



/*My-css-gagan*/
img.logo2 {
    width: 10%;
    margin: 0 auto;
    display: inline-block;
}

ul.list-bown {
    margin-top: 23px;
}

.full-partss {
    width: 100%;
    display: inline-block;
}

.full-partss {
    width: 100%;
    display: inline-block;
}

.left-textq {
    
    width: 49%;
    display: inline-block;
}

.left-textq1 {
    width: 50%;
    float: right;
}

.form_area input {
    background-color: #e4e4e496!important;
}
.form_area form button {
  
    padding: 8px 0px;
}
.form_area textarea {
    background-color: #e4e4e496!important;
}

.form_area button {
    background-color:#606770!important;
    color: #fff;
}

section.phe {
    text-align: center;
}

.lqft3 {
    float: left;
    width: 25%;
}

.lqft23 {
    float: left;
    width: 25%;
}

.lqft1 {
    float: left;
    width: 25%;
}
section.phe p a {
    font-weight: 700;
    font-size: 17px;
}
.mtr img {
    width: 100%;
}
.lqft {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

section.phe {
    text-align: center;
   height: 300px;
    padding-top: 40px;

  
}
.lqft p {
    font-size: 18px;
    float: left;
    line-height: 2;
    
}
section.phe .lqft {
    padding-top: 20px;
}
section.phe.dcdsc {
    margin-top: -114px;
}