@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; box-sizing:border-box;}
.clr{ clear:both;}
img{ width:100%;}
.main{ width:100%; height:auto; float:left;font-family: 'Open Sans', sans-serif;}

.banner{ width:100%; height:auto; float:left; position:relative; text-align:center;}
.banner h1{ font:400 42px/44px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; position:absolute; right:50px; top:50px; text-align:right; width:100%;  text-shadow:#000 5px 6px 3px;}
.menu-bg{ width:100%; height:auto; position:absolute; bottom:50px; background:url(../images/menu-bg.jpg) repeat-y center; z-index:9;}
.inner .menu-bg{ bottom:auto; top:50px; }
.menu-bg .wrapper{ background:#3b0542;}
.menu-bg .logo{ width:18%; height:100%; float:left; background:#FFF;}
.menu-bg aside{ width:82%; height:auto; float:left; font-family: 'Roboto', sans-serif; }

.container{ width:100%; height:auto; float:left;}
.wrapper{ width:90%; max-width:1200px; height:auto; margin:auto;}
.brdr{ border:#0C0 1px solid; min-height:50px;}

/*--section-1--*/
.sec-1{ text-align:center;}
.sec-1 a{ width:25%; height: auto; float:left; border-right:1px solid #d2d2d2; text-align:left; padding:14px 20px;}
.sec-1 .brdr-rht{ border: none;}
.sec-1 a h3{ font:800 18px/20px 'Open Sans', sans-serif; color:#a8a8a8; margin-top:12px; text-transform:uppercase;}
.sec-1 a i{ width:70px; height:64px; float:left; margin-right:4%;}
.sec-1 a .img1{ background:url(../images/s1-icn-1.png) center no-repeat;}
.sec-1 a .img2{ background:url(../images/s1-icn-2.png) center no-repeat;}
.sec-1 a .img3{ background:url(../images/s1-icn-3.png) center no-repeat;}
.sec-1 a .img4{ background:url(../images/s1-icn-4.png) center no-repeat;}
.sec-1 a:hover h3{color:#3c0542;}
.sec-1 a:hover .img1{ background:url(../images/s1-icn-1h.png) center no-repeat;}
.sec-1 a:hover .img2{ background:url(../images/s1-icn-2h.png) center no-repeat;}
.sec-1 a:hover .img3{ background:url(../images/s1-icn-3h.png) center no-repeat;}
.sec-1 a:hover .img4{ background:url(../images/s1-icn-4h.png) center no-repeat;}

/*--section-2b--*/
.sec-2b .imgholder2b{ width:25%; height:auto; float:left;}
.sec-2b article{ width:75%; height: auto; float:left; padding:20px; padding-left:40px;background:#f2f2f2; box-sizing:border-box;}
.sec-2b article.lefta{ padding:20px; padding-right:40px; }
.sec-2b.inners, .sec-2b.inners article{ background:none; }
.sec-2b article h1, .sec-2b .imgholder2b h1{  font:600 46px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; }
.sec-2b.inners article h1, .sec-2b .inners h1{  font:600 40px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin:0px 0 10px;}
.sec-2b article h1 span, .sec-2b .imgholder2b h1 span{ font-weight:800; display:block;}
.sec-2b.inners article h1 span, .sec-2b .imgholder2b h1 span{ display:inline; margin-left:10px;}
.sec-2b article h6{  font:700 18px 'Open Sans', sans-serif;color:#1b1b1b; margin:22px 0; }
.sec-2b article p{  font:400 15px 'Open Sans', sans-serif;color:#000;}



/*--section-2--*/
.sec-2{background:#f2f2f2;}
.sec-2 .imgholder2{ width:41%; height:auto; float:left;}
.sec-2 article{ width:59%; height: auto; float:left; padding:20px; padding-left:40px;background:#f2f2f2; box-sizing:border-box;}
.sec-2 article.lefta{ padding:20px; padding-right:40px; }
.sec-2.inners, .sec-2.inners article{ background:none; }
.sec-2 article h1{  font:600 46px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin-top:50px;}
.sec-2.inners article h1{  font:600 40px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin:0px 0 10px;}
.sec-2 article h1 span{ font-weight:800; display:block;}
.sec-2.inners article h1 span{ display:inline; margin-left:10px;}
.sec-2 article h6{  font:700 18px 'Open Sans', sans-serif;color:#1b1b1b; margin:22px 0; }
.sec-2 article p{  font:400 15px 'Open Sans', sans-serif;color:#000;}

/*--section-3--*/
.sec-3{ padding:50px 0; text-align:center; background:url(../images/s3-bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed;}
.sec-3 .wrapper{ padding:0 3%;}
.sec-3 h1{  font:700 49px 'Roboto', sans-serif;color:#3c0542; line-height:49px;}
.sec-3 h1 span{ font-size:23px; color:#646464; text-transform:uppercase; margin-right:6px;}
.sec-3 p{  font:300 22px 'Open Sans', sans-serif;color:#000; margin:20px 0;}
.sec-3 p span{ color:#3c0542; font-weight:700; text-transform: uppercase;}
.sec-3 a{ font:700 17px 'Roboto', sans-serif;color:#333333; background:url(../images/s3-a-icn.png) right 3px center no-repeat; padding:5px; text-transform:uppercase; padding-right:40px;}

/*--section-4--*/
.sec-4{ text-align:center; padding:40px 0;}
.sec-4 h1{font:700 40px 'Roboto', sans-serif; color:#3c0542;}
.sec-4 h2{font:400 30px 'Open Sans', sans-serif; color:#737373;}
.sec-4 a{ width:22%; height: auto; display:inline-block; margin:1%; position:relative;}
.sec-4 a i{ width:100%; height: auto; position:absolute; bottom:0; left:0; background:rgba(60,5,66,0.7);font:700 16px 'Open Sans', sans-serif;color:#fff; padding:20px 10px; text-align:center; box-sizing:border-box;}
.sec-4 a:hover i{ height:100%; padding-top:55%;}
.sec-4 a:hover i span{ display:block;}

/*--section-5--*/
.sec-5{}
.sec-5 .wrapper{ width:100%; height:auto; max-width:1523px; float:right; text-align:center;background:#3c0542;}
.sec-5 .left-bx { width:23%; height: auto; float:left; background:#3c0542; padding:6% 0 6% 80px;}
.sec-5 .left-bx h1{ width:150px; font:500 34px 'Roboto', sans-serif; color:#fff; text-align:left;}
.sec-5 .left-bx h1 span{ font-weight:800; display:block;}
.sec-5 .right-bx { width:77%; height: auto; float:left; }
.sec-5 .right-bx .image { width:100%; height:auto; float:left; position:relative; text-align:right;}
.sec-5 .right-bx .image i{ width:100%; height:auto; padding:15px 25px; bottom:0; left:0; background:#fff; position:absolute; color:#7a7a7a;font:700 16px 'Roboto', sans-serif; font-style:normal; display:none; }
.sec-5 .right-bx .image:hover i{ display:block;}

/*--footer--*/
footer{ width:100%; height:auto; float:left; background:url(../images/footer-bg.jpg) center no-repeat; padding:40px 0; background-size:cover; }
footer .ftr-ul{ width:100%; max-width:1200px; margin:auto; height:auto;  overflow:hidden;position:relative;}
footer .ftr-ul li{ width:21%; height:200px;  margin:2%; float:left; text-align:center;}
footer .ftr-ul li img{ max-width:200px; display:inline-block; }
footer .ftr-ul li h1{font:700 24px 'Roboto', sans-serif; color:#4d5255; border-bottom:#3f3f3f 1px solid; margin:10px 0;padding-bottom:10px; text-align:left;}
footer .ftr-ul li h6{font:400 12px 'Roboto', sans-serif; color:#787878; text-align:center; font-style:normal; }
footer .ftr-ul li h6 a{float:none; font:400 13px 'Open Sans', sans-serif;  }
footer .ftr-ul li h6 a:hover{color:#fff;}
footer .ftr-ul li a{ color:#787878;font:400 14px 'Open Sans', sans-serif; width:50%; float:left; margin:4px 0;text-align:left;}
footer .ftr-ul li p{ color:#787878;font:400 14px 'Open Sans', sans-serif;text-align:left;}
footer .ftr-ul .lst{ min-width:200px;}
footer .ftr-ul .lst a{ color:#9ea5a8; font:400 16px 'Open Sans', sans-serif; text-align:left; padding-left:35px; width:100%; margin:5px 0;}
footer .ftr-ul .lst .img1{ background:url(../images/ftr-lst-icn-1.png) left top no-repeat;}
footer .ftr-ul .lst .img2{ background:url(../images/ftr-lst-icn-2.png) left top no-repeat;}
footer .ftr-ul .lst .img3{ background:url(../images/ftr-lst-icn-3.png) left top no-repeat;}
footer .ftr-ul .lst a:hover{ color:#3f4a4f;}
footer .ftr-ul .lst a:hover .img1{ background:url(../images/ftr-lst-icn-1b.png) left top no-repeat;}
footer .ftr-ul .lst a:hover .img2{ background:url(../images/ftr-lst-icn-2b.png) left top no-repeat;}
footer .ftr-ul .lst a:hover .img3{ background:url(../images/ftr-lst-icn-3b.png) left top no-repeat;}
footer .botm-top{ width:50px; height:auto; position:absolute; left:50%;  bottom:0; margin-left:-30px;}


.innerbanner{ width:100%; height:auto; float:left; position:relative; text-align:center; }
.imgholder{width:100%; height:auto; overflow:hidden;}
.innerbanner img.bnr_img{width:100%; height:auto; min-width:1500px; height:auto;}
.innerbanner h1{ font:400 48px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; position:absolute; width:100%; bottom:30px; }

.inner .content{width:100%; height:auto; /* padding:80px 0; */ padding:195px 0 50px 0; float:left; display:block; font:400 14px/21px 'Open Sans', sans-serif; color:#333;}
.inner .content h5{ font:700 18px 'Open Sans', sans-serif; color:#333; margin-bottom:20px;}
.inner .content img{width:100%; height:auto; float:left;}
.in100{width:100%; height:auto; float:left; display:block; box-sizing:border-box;}
.in75{width:75%; height:auto; float:left; display:block; box-sizing:border-box;}
.in50{width:50%; height:auto; float:left; display:block; box-sizing:border-box;}
.in25{width:25%; height:auto; float:left; display:block; box-sizing:border-box;}
.cnt1{ padding:40px 0 0 2.5%;}
.cnt1 img{ margin-bottom:20px;}
.imgh1 img{min-width:600px;}

.highlight{ position:relative; }
.highlight div{ width:40%; margin:0 5%;  font:700 18px 'Open Sans', sans-serif; color:#000; padding:20px; border:10px solid #efefef; box-sizing:border-box;}
.highlight p{width:50%; height:auto; display:block; position:absolute; bottom:0px; right:0px; font:400 14px 'Open Sans', sans-serif; color:#000;}
.highlight2{ font:700 18px 'Open Sans', sans-serif; color:#000; padding:20px; border:10px solid #efefef; box-sizing:border-box; background:#fff;}

.highlight3{ position:relative; }
.highlight3 div{ width:40%; margin:0 5%;  font:400 18px 'Open Sans', sans-serif; color:#000; padding:20px; border:10px solid #efefef; box-sizing:border-box;}
.highlight3 p{width:50%; height:auto; display:block; position:absolute; bottom:0px; right:0px; font:400 14px 'Open Sans', sans-serif; color:#000;}
.highlight4{ width:25%; float:right; font:400 18px 'Open Sans', sans-serif; color:#000; padding:20px; border:10px solid #efefef; box-sizing:border-box; margin-top:20px;}

.bannerdown{ width:100%; height:auto; float:left; position:relative; margin:40px 0; }
.bannerdown img{width:100%; height:auto; }
.bannerdown h2{ width:40%; font:900 42px/42px 'Open Sans', sans-serif; color:#fff; text-align:left; position:absolute; left:50px; top:50px;  } 

.projecttop{ width:100%; height:auto; float:left; background:url(../images/stair.jpg) no-repeat bottom left; }
.projecttop .in75{ float:right;}
.projecttop ul{width:50%; height:auto; float:left;}
.projecttop li{ height:50px; font:700 18px/20px 'Roboto', sans-serif; color:#3c0542; padding:15px 0 15px 40px; background:url(../images/bullet.png) no-repeat left center;}
.projecttop p{ width:45%; float:right; height:auto; font:400 18px 'Roboto', sans-serif; color:#7a7a7a;}
.projects-hd{width:100%;}
.hd h2{ width:100%; font:700 22px/22px 'Roboto', sans-serif; color:#3c0542; margin-bottom:20px; font-weight:400; }

.projects{width:48%; height:550px; margin:30px 1% 0; float:left;}
.projects img{width:100%; height:auto;}
.projects h4{ width:100%; height:50px; font:700 20px/20px 'Roboto', sans-serif; color:#3c0542; padding:15px 0; margin-bottom:20px; float:left; display:block; border-bottom:1px solid #3c0542;}
.projects h4 i{ font:400 16px/20px 'Roboto', sans-serif; color:#8b8b8b; float:right;}
.projects p{ float:left; display:block; font:400 14px/20px 'Roboto', sans-serif; color:#6d6d6d;}


/*.......... INNER CONTACT ..........*/
.c-map { width:100%; height:auto; float:right; }
.c-map #map { width: 100%; height: 250px; }

.inner .content-1{width:100%; height:auto; padding:150px 0 0 0; float:left; display:block; font:400 14px/21px 'Open Sans', sans-serif; color:#333;}
.inner .content-1 .c-address { width:50%; height:auto; float:left; padding:80px 40px 80px 5.5%;  box-sizing:border-box; }
.inner .content-1 .c-address .con-left { width:100%; max-width:560px; float:right; }
.inner .content-1 .c-address .con-left h1{ font:700 28px/28px 'Open Sans', sans-serif; color:#3c0542; text-transform:capitalize; }
.inner .content-1 .c-address .con-left p{ width:100%; font:400 16px/26px 'Open Sans', sans-serif; color:#000; padding:30px 0px; box-sizing:border-box; }
.inner .content-1 .c-address .con-left .c-details { width:100%; height:auto; float:left; border-left:5px solid #3c0542; padding:10px 0px 10px 30px; 
box-sizing:border-box; }
.inner .content-1 .c-address .con-left .c-details p { width:80%; font:400 16px/26px 'Open Sans', sans-serif; color:#000; padding:0px; }
.inner .content-1 .c-address .con-left .c-details p a { color:#3c0542; }
.inner .content-1 .c-address .con-left .c-details p span { font:400 20px/20px 'Open Sans', sans-serif; }
.inner .content-1 .c-address .con-left .c-details .bottom-spc { padding:20px 0px 0px; box-sizing:border-box; }

.inner .content-1 .c-form { width:50%; height:auto; float:right; background-color:#efefef; padding:80px 0px; box-sizing:border-box; }
.inner .content-1 .c-form  .con-right { width:90%; max-width:600px; float:left; padding-left:5.5%; box-sizing:border-box; }
.inner .content-1 .c-form  .con-right h1 { font:700 28px/28px 'Open Sans', sans-serif; color:#3c0542; text-transform:capitalize; }
.inner .content-1 .c-form  .con-right .form-holder { width:100%; height:auto; float:left; margin-top:30px; }
.inner .content-1 .c-form  .con-right .form-holder .input-1 { width: 100%; height: 43px; float: left; border: 1px solid #3c0542; padding: 5px 10px; 
box-sizing: border-box; font: 400 14px/14px 'Open Sans', sans-serif; color: #000; margin-bottom: 15px; text-transform:inherit; }
.inner .content-1 .c-form  .con-right .form-holder .raw { margin-left:-15px; margin-right:-15px; }
.inner .content-1 .c-form  .con-right .form-holder .col-2 { width:50%; float:left; padding:0px 15px; }
.inner .content-1 .c-form  .con-right .form-holder .col-1 { width:100%; float:left; padding:0px 15px; }
.inner .content-1 .c-form  .con-right .form-holder .textarea-1 { width: 100%; height: 99px; float: left; text-transform: inherit; padding: 10px 10px; 
resize: none; font: 400 14px/14px 'Open Sans', sans-serif; color: #000; border: 1px solid #3c0542; margin-bottom: 20px; }
.inner .content-1 .c-form  .con-right .form-holder .col-1 a { width:159px; height:auto; float:left; background-color:#3c0542; color:#fff; 
text-align:center; padding:15px 0px; border-radius:5px; font:700 15px 'Roboto', sans-serif; }
/*.......... INNER CONTACT ..........*/

/*--CSS by--*/
.practice .commt { width:19%; float:left; border:solid 1px #3c0542; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:42px; font-weight:700; font-size:34px; color:#3c0542; padding:2%; position:relative;}
.practice .commt span { font-weight:800; font-size:42px; }
.practice .commt .arrow { width:39px; height:38px; position:absolute; top:30px; right:-38px;}
.practice .txt_blk1 { width:73%; float:left; margin-left:7%;}
.practice .txt_blk1 h5 { font-weight:700; color:#1b1b1b; font-size:18px; margin-bottom:30px;}
.practice .view_project { border:solid 8px #e1e1e1; width:100%; margin-top:50px; float:left; text-align:center; padding:5% 10%; font-family: 'Roboto', sans-serif;}
.practice .view_project h4 { font-size:30px; color:#3c0542; font-weight:700; line-height:33px;}
.practice .view_project a { color:#FFF; text-decoration:none; background-color:#3c0542; padding:17px 40px; display:inline-block; margin-top:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; line-height:20px; font-size:18px;}
.practice .facts {width:100%; float:left; margin-top:120px;}
.practice .facts .title { width:27%; float:left;line-height:42px; font-weight:700; font-size:34px; color:#3c0542; padding-left:4%;}
.practice .facts .title span { font-weight:800; font-size:42px; }
.practice .facts .cont { width:72%; float:left;}
.practice .facts .col { width:43%; float:left; }
.practice .facts .right { float:right;}
.practice .facts h5 {font-weight:700; color:#1b1b1b; font-size:18px; margin-bottom:30px;}
.practice .explor {width:100%; float:left; min-height:253px; background:url(../images/explor.jpg) no-repeat center top; margin-top:100px; }
.practice .explor h4 { font-weight:800; font-family:'Open Sans', sans-serif; font-size:40px; color:#FFF; margin-top:75px; margin-left:100px; line-height:35px; }

/*--CSS by--*/

.outlookslider{width:100%; height:auto; float:left; display:block;}
/* by rk */
.outlookslider li h2{ position:absolute; z-index:9999; bottom:20px; right:30px; font-size:26px; font-family:'Roboto', sans-serif; color:#fff; font-weight:400;}
.tp{padding-top:30px;}