@charset "utf-8";
/* CSS Document */
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, 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%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Poppins-Regular'; width:100%; height:100%;}
blockquote:before, blockquote:after,
ol, ul {list-style: none; display:flow-root;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0; font-family: 'Gilroy-ExtraBold'; font-weight:normal; letter-spacing:1px;}
img{ border:none;}
div{ display:flow-root;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1300px;}
/*------Header Section-------*/
header{ background:url(../jpg/header.jpg) repeat-x; color:#FFF; border-bottom:#e27001 solid 5px; position:relative;}
header:after{ position:absolute; left:0; top:0; background:#101010; content:""; width:22%; height:135px;}
#header-right{ float:right;}
.topicon-box{ float:right; font-size:17px;line-height:36px;margin:12px 19px 0 0; padding:0 25px 0 0; border-right:#4e4e4e solid thin; color:#FFF;}
.topicon-box a{ color:#FFF;}
.topicon-box img{ float:left; margin:0 14px 0 0;}
#top-social{ float:left; margin:15px 0 0 0;}
#top-social span{ float: left; text-transform:uppercase; color:#cecece; font-size:12px; margin:5px 15px;}
#top-social a{ float:left;width:25px; height:28px; text-align:center; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#facebook:hover{ background:#3883ff;}
#twitter:hover{ background:#000000;}
#blog:hover{ background:#ed8811;}
#insta:hover{ background:#CC0066;}
#whats:hover{ background:#44c052;}
#logo{ width:282px; height:135px; float:left; position:relative; z-index:200;}
#logo img, .gallery-img img, .project-img img, .service-img img, .project-img img, .inn_gal_img2 img, .service-moreimg img, .service-moreimg2 img{ width:100%; height:100%;}
#top-mail{ margin-right:0; border:none; padding:0;}
#mobile_menu, #mobile_drop{display:none;}
.mtoggle{cursor:pointer; margin:32px 0 00; float:right;}

/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:10; clear:both; margin:8px 0 0 0;}
ul.dropdown li{float: left; zoom: 1;list-style:none; position:relative; border-right:#3f3f3f solid thin;}
ul.dropdown li a{ display:block; padding:39px 18px; font-family: 'Gilroy-ExtraBold'; line-height:0; font-size:13px;color:#FFFFFF;text-transform:uppercase; position:relative; letter-spacing:1px;}
ul.dropdown li a:hover{ color: #e27001;}
ul.dropdown li:hover{position: relative; color:#e27001; }
ul.dropdown li.hover a{ color: #e27001; }

/*****LEVEL TWO*****/
ul.dropdown ul{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li{background:#333333; color: #FFF; border-bottom: 1px solid #6e6e6e; float: none;list-style:none;}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:13px; color:#fff;padding:18px 16px;height:auto;text-shadow:none!important;background:none; text-transform:uppercase; font-weight:normal; box-sizing:border-box;} 
ul.dropdown ul li a:hover{ color:#e27001;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
#mobile_menu_part, #mobile_menu{ display:none;}
/*------Header Section End-----*/

/*banner section*/
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 0 28px 0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0; background:#999;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:100%;float:left;width:100%;border:0;}
.rslides li h2{width:331px;padding:20px 17px; position:absolute; line-height:44px; background:rgba(0,0,0,0.3); color:#FFFFFF; left:0; bottom:245px;box-sizing:border-box; font-size:37px; text-transform:uppercase; word-wrap: break-word}

/*banner section end*/

/*content part*/
#gallery-section{ position:relative; background:url(../jpg/projectbg.jpg) no-repeat center; background-size:cover; color:#FFF; position:relative; text-align:center; padding:45px 0 28px 0;}
#gallery-section:after{ position:absolute; left:0; top:0; background:url(../png/line.png) repeat-x; width:100%; content:""; height:50px;}
#gallery-section h2{ color:#db7b1b; font-size:32px; font-family: 'Poppins-Regular'; text-transform:uppercase; margin:0 0 15px 0; letter-spacing:0; float:left;}
#gallery-section h2 span{ color:#FFF;}
#gallery-slide{ width:100% !important; margin-top:13px; float:left;}
#gallery-slide li a{ float:left; width:426px !important; height:259px !important; list-style:none; position:relative; color:#FFF; font-size:16px; display:block; list-style:none; position:relative; margin:0 11px 0 0; position:relative;}
.gallery-img{ width:426px; height:215px; overflow:hidden;}
.gallery-img img{ -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.gallery-titel{ position:absolute; left:0; width:100%; bottom:0; background:#e27001; padding:13px 15px; box-sizing:border-box; line-height:18px;}
#gallery-slide li a:hover .gallery-img img{ transform:scale(1.1);}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;min-width: 100%;max-width: 100%;max-height: 100%;width: 100%;height: auto;text-align: center;cursor: pointer;}
.grid figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
figure.effect-lexi {background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);background: linear-gradient(-45deg, #000 0%,#fff 100%);height:100%;}
figure.effect-lexi figcaption::before,
figure.effect-lexi p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-lexi figcaption::before {position: absolute;right:0;bottom: 50px;width: 100px;height: 100px;border: 2px solid #fff;border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transform: scale3d(0.5,0.5,1);transform: scale3d(0.5,0.5,1);
-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%; background:url(../png/gallerymore.png) no-repeat center;}
#gallery-slide li a:hover img {opacity: 0.8;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#gallery-slide li a:hover figcaption::before {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
#project-section{ background:url(../jpg/projectbg.jpg) no-repeat; background-size:cover; height:417px; margin:32px 0 0 0; padding:32px 0 0 0; box-sizing:border-box;}
#project-slide{ width:100% !important; color:#86a0b8; font-size:32px;}
#project-slide h2{ position:relative; font-size:32px; color:#FFF; text-transform:uppercase; position:relative;clear:both;}
#project-slide h2:after{ float:right; background:#db7b1b;width:150px; height:1px; content:""; margin:19px 0 0 20px;}
#project-slide li{ float:left; margin:17px 19px 0 0; list-style:none; background:url(../png/underline.png) no-repeat center bottom; text-align:center; width:418px !important; line-height:25px; height:350px !important;}
.project-img{ width:418px; height:279px; overflow:hidden; position:relative;  }
#project-slide li:hover .project-img img{filter: blur(2px); -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#arrow-cover{ float:right; width:100px;}
#project-slide li h3{ text-transform:uppercase; font-size:15px; color:#222222; margin:18px 0 0 0; line-height:16px;}
#project-slide span{ background:url(../png/pointer.png) no-repeat left; color:#575757; font-size:13px; padding:0 19px;}
.project-detail{ background: rgba(0,0,0,0.8); padding:13px 25px; width:309px; position:absolute; left:48px; bottom:-126px; text-align:left; box-sizing:border-box; -webkit-transition: bottom 1s;
transition: bottom 1s;}
#project-slide .more, #gallery-section .more{ margin-bottom:13px;}
.project-detail div{ color:#f08e2b; font-size:13px; border-bottom:#707070 solid thin; line-height:26px; }
.project-detail div:after{ clear:both; display:table; content:"";}
#project-slide .project-detail div span{ color:#FFF; background:none; padding:0; float:right; width:191px; line-height:23px;}
.project-detail a{ background:url(../png/more.png) no-repeat right center; color:#FFF; font-size:12px; text-transform:uppercase; padding:0 28px 0 0;}
.project-detail a:hover{ color:#f08e2b;}
#project-slide li:hover .project-detail { bottom:0;}
.next, .next1{ float:right; background:url(../png/next.png) no-repeat; width:17px; height:34px; }
.prev, .prev1{ float:right; background:url(../png/prev.png) no-repeat; width:17px; height:34px; margin:0 11px}
#service-section{ background:url(../jpg/servicebg.jpg) no-repeat center; padding:51px 0 27px 0; margin:98px 0 0 0; background-size:cover;}
#service-boxleft{ float:left; width:384px; text-align:center; color:#da7b1b; font-size:27px; text-transform:uppercase; line-height:44px; margin:35px 0 0 0;}
#service-boxleft h2{ background:url(../png/serviceicon.png) no-repeat center top; padding:94px 0 0 0; color:#c2c1c1; font-size:52px; }
#service-boxleft p{ color:#4f4f4f; font-size:14px; text-transform:none; line-height:24px; margin:8px 0 0 0;}
#service-box{ float:right; width:887px; background-image:url(../png/cormerleft.png), url(../png/cornerright.png); background-position: left top, right top; background-repeat:no-repeat, no-repeat; height:589px;box-sizing:border-box; padding:10px 0 10px 10px;}
#service-box li{margin:5px 6px;width:422px; list-style:none; float:left;}
.service-img{ width:422px; height:213px;}
.service-titel{ background:#1f1f1f url(../png/scale.png) no-repeat left center; padding:17px 42px 0 77px; font-size:12px; color:#939393; height:63px; box-sizing:border-box; margin:1px 0 0 0; line-height:18px; position:relative; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service-titel h2{ color:#FFF;  font-family: 'Poppins-Regular'; font-size:15px; letter-spacing:0; line-height:15px;}
.service-titel a{ background:url(../png/arow.png) no-repeat center; right:15px; top:19px; width:23px; height:22px; display:block; position:absolute; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#service-box li:hover .service-titel{ background-color:#000;}
.service-titel a:hover{ right:5px;}
#welcome-section{ position:relative; margin:58px 0 0 0;}
#welcome-img{ float:left; position:relative; z-index:100;}
#welcome-section:after{ position:absolute; left:0; top:231px; background:#db7b1b; width:40%; height:276px; content:"";}
#welcome-box{ background: url(../jpg/plan.jpg) no-repeat right top; border:#dbdbdb solid 24px; border-left: none; float:right; width:687px; padding:42px 21px 27px 44px; box-sizing:border-box; font-size:14px; color:#676767; margin:64px 0 0 0;}
#welcome-box h2{ color:#2f2f2f; font-size:34px; text-transform:uppercase; margin:0 0 40px 0; position:relative; line-height:35px; color:#000000; position:relative;}
#welcome-box h2:after{ left:-61px; bottom:-20px; background:#db7b1b; width:315px; height:1px; content:""; position:absolute;}
#welcome-box h2 span{ display:block;  font-family: 'Poppins-Regular';}
.more-btn{ background-image:url(../png/buttonlinetop.png), url(../png/buttonlinebottom.png); background-position:left top, right bottom; background-repeat:no-repeat, no-repeat; display:block; padding:10px 14px; box-sizing:border-box; font-family: 'Gilroy-ExtraBold'; text-transform:uppercase; display:inline-block; clear:both; color:#db7b1b; margin:24px 0 0 0; border:#FFF solid thin;}
.more-btn:hover{ color:#000;}
#back{ position:absolute; left:25px; top:36px; background:#353535; font-family: 'Gilroy-ExtraBold'; padding:6px 15px; box-sizing:border-box; width:75px; display:block; text-transform:uppercase; color:#FFF; letter-spacing:1px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

#back2{ background:#353535; font-family: 'Gilroy-ExtraBold'; padding:6px 15px; box-sizing:border-box; width:75px; display:block; text-transform:uppercase; color:#FFF; letter-spacing:1px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:20px 0 0 0;clear:both;}

#back:hover, #back2:hover{ background:#e06f01;}
#callusnow{ background:url(../jpg/plan2.jpg) no-repeat right top; float:left; width:838px; box-sizing:border-box; text-align:right; padding:22px 356px 20px 0; box-sizing:border-box; font-size:33px; text-transform:uppercase; line-height:41px;}
#callusnow span{ color:#db7b1b;}
#callusnow .more-btn{ font-size:14px; line-height:15px; margin:14px 0 0 0;}
#callus{ float:right; background:url(../png/call.png) no-repeat left center; text-transform:uppercase; padding:13px 0 6px 75px; font-size:24px; line-height:31px; color:#656565; margin:44px 60px 0 0;}
#callus h2{ color:#db7b1b; font-size:30px;}
/*content part end*/

/*innerpage content*/
#content-cover{ background: url(../jpg/contentbg.jpg) top center; background-size:100%;padding:0 0 27px 0; clear:both;}
#page-title{ padding:37px 0; background-size:cover;}
#page-title h2{ color:#FFFFFF; font-size:22px;text-transform:uppercase; box-sizing:border-box; display:inline-block; border-bottom:#e27001 dashed 2px; padding: 0 0 0px 0;  font-family: 'Poppins-Regular'; letter-spacing:0;}
#about-img img{ width:100%; height:100%; margin:0 0 10px 0;}
#left-box{ background: rgba(0,0,0,0.7); padding:18px 20px; width:1009px; float:left; color:#a5a5a5; font-size:13px; line-height:24px; box-sizing:border-box; position:relative;}
.about-img{ float:left; margin:23px 26px 0 0;}
#fixed-box{ background: rgba(0,0,0,0.7); padding:18px 20px; width:100%;color:#a5a5a5; font-size:13px; line-height:25px; box-sizing:border-box; position:relative;}
#left-box h2{ font-size:17px; color:#FFFFFF; margin:26px 0 4px 0; text-transform:uppercase;}
#fixed-box h2{ font-size:22px; color:#FFF; text-transform:uppercase; margin:15px 0 0 0;}
#locat{ background:url(../png/pointer.png) no-repeat left center; padding:4px 0 0 21px; color:#a5a5a5; display:table; margin:0 auto;}
#right-box{ width:277px; float:right;  background: rgba(0,0,0,0.6); padding:14px 13px 0 14px; position:relative; text-align:center;  box-sizing:border-box;}
#right-box h2{font-size:27px;text-transform:uppercase; color:#cacaca; padding:81px 0 12px 0; background:url(../png/serviceicon.png) no-repeat center top;}
ul#service-list{ margin:0 0 22px 0; padding:0; list-style:none;}
ul#service-list li{ position:relative; margin:0 0 5px 0;  background:#1f1f1f; border-bottom-left-radius:8px; border-top-left-radius:8px; border-bottom:#e27001 solid 2px;}
ul#service-list li a{  padding:0 44px 0 16px; display:table; width:100%; height:50px;box-sizing:border-box;color:#FFF; font-size:13px; position:relative; z-index:50; line-height:15px; text-align:left;}
ul#service-list li a span{ display:table-cell; vertical-align:middle;}
ul#service-list li a:hover{ color:#e27001;}
ul#service-list li:before{ background:#e27001 url(../png/more.png) no-repeat center; width:36px; height:39px; position:absolute; right:0; bottom:0; content:""; z-index:100;}
.service-box{ width:407px; margin:0 5px 38px 0;display:inline-block;}
#fixed-box .service-img{ width:407px; height:205px;}
.servicemain-titel{ background:#333333 url(../png/serviceicon.png) no-repeat 20px 12px; background-size:37px; padding:21px 60px 15px 74px; color:#FFF; text-transform:uppercase; font-size:14px; text-align:left; position:relative;}
.service-detail{ border-top: none; padding:28px 35px; color:#7d7d7d; background:#000000; position:relative; line-height:21px; text-align:left;}
.servicemain-titel a{ display:block; margin:0 auto; position:absolute; right:6px; bottom:3px; width:47px; height:48px; background:url(../png/gallerymore.png) no-repeat center;}
.servicemain-titel a:hover.spin {animation: spin_7927 1.5s linear infinite;transform-origin: 50% 50%;}
@keyframes spin_7927 {
  0% { transform:rotate(0deg) }
  42.85714% { transform:rotate(359deg) }
  100% { transform:rotate(359deg) }
}
.project-box{ float:left; width:616px; margin:0 13px 20px 0;}
.project-boxtitel{ background:#0e0e0e; padding:13px 19px; letter-spacing:0; color:#999; line-height:23px;}
#fixed-box .project-boxtitel h2{ font-size:15px;  font-family: 'Poppins-Regular'; color:#FFF;}
.project-boxtitel span{ background:url(../png/pointer.png) no-repeat left center; padding:4px 0 0 21px; font-size:12px;}
#fixed-box .project-img{ width:616px; height:400px;}
.project-box .project-detail{ position:static; background:none; width:100%; border:#353535  solid thin; border-top: none; padding:16px 23px 5px 23px; background:#191919;}
.project-detail div{ border-bottom:#353535 solid thin;}
.project-box .project-detail span{ color:#a7a7a7; float:right; width:373px; font-weight:normal;}
.project-box .project-detail div{ color: #FFF;  line-height:33px;}
.project-box .project-detail  a{font-family: 'Gilroy-ExtraBold'; color:#db7b1b; background:url(../png/arow.png) no-repeat right center; padding:4px 0; display:block; font-size:13px;}
.project-box .project-detail  a:hover{ color:#FFF;}
#pagination{ clear:both; margin-top:15px; width:100%; float:left;}
ul.pagination{width:auto;text-align:center;margin:0px auto; font-size:12px; clear:both; display:table;}
.pagination li{float:left}
.pagination li:marker { display:none;}
.pagination a{text-decoration:none;color:#FFF;background:#000;padding:0px 8px;display:inline-table;border:solid 1px #525252;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.pagination a:hover{background:#f27734;color:#fff; border:solid 1px #f27734; }
.pagination .active a{ background:#f27734; color:#FFF; border:solid 1px #f27734;}
.project-detaillist{ display:inline-block;border-right: #adadad solid thin; width:264px; padding:0 18px 0 0; box-sizing:border-box;line-height:21px;}
.project-detaillist span{ display:block; font-weight:bold; color:#e29b58; text-transform:uppercase;}
#project-detaillistcover{padding:19px 20px; margin:20px 0 0 0; border-top:#4c4c4c solid thin;}
#gal_listed{margin:8px 0 0 0;padding:0; clear:both;}
#gal_listed li{list-style:none;float:left;margin:0 9px 48px 0;position:relative;}
.inn_gal_img{width:621px;height:403px;}
.inn_gal_img img{width:100%;height:100%;}
.inn_gal_txt{display:none;background:#74b999;height: 80px;position: absolute;top: 37%; left:40%;width: 80px;z-index:999; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#gal_listed li:hover .inn_gal_txt{background:#000000 url(../png/zoom.png) no-repeat center;display:block;-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; padding:78px 0 0 0; box-sizing:border-box; line-height:24px; background-size:30px;}
.project-titel{ background:#d4771d;position:absolute; left:0; color:#FFF; bottom:-37px; width:100%;padding:10px 25px; box-sizing:border-box;  line-height:17px;}

#gal_listed3{margin:8px 0 0 0;padding:0; clear:both;}
#gal_listed3 li{list-style:none;float:left;margin:0 17px 57px 0;position:relative;}
.inn_gal_img3{width:403px;height:606px;}
.inn_gal_img3 img{width:100%;height:100%;}
.inn_gal_txt3{display:none;background:#74b999;height: 80px;position: absolute;top: 37%; left:40%;width: 80px;z-index:999; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#gal_listed3 li:hover .inn_gal_txt3{background:#000000 url(../png/zoom.png) no-repeat center;display:block;-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; padding:78px 0 0 0; box-sizing:border-box; line-height:24px; background-size:30px;}
#fixed-box #gal_listed2{margin:0px 0 0 0;padding:0;}
#fixed-box #gal_listed2 li{list-style:none;float:left;margin:0 7px 6px 0;position:relative;}
#gal_listed2 li:after{ display:none;}
.inn_gal_img2{width:623px;height:314px;}
.inn_gal_txt2{display:none;height: 100%;position: absolute;top: 0;width: 100%;z-index:999; left:0; padding:0 20px}
#gal_listed2 li:hover .inn_gal_txt2{ background:#262626 url(../png/zoom.png) no-repeat center 20px;display:block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; padding:90px 0 0 0; box-sizing:border-box; line-height:24px; position:relative; background-size:32px;}
#gal_listed2 li:hover .inn_gal_txt2:after{ display:block; content:"Zoom"; position:absolute; top:54px; left:47%; color:#e27001;}
[class^='imghvr-'],
[class*=' imghvr-'] {position: relative;display: inline-block;margin: 0px;max-width: 100%;color: #fff;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transform: translateZ(0);transform: translateZ(0);}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {vertical-align: top;max-width: 100%;}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {background-color: #262626;padding: 30px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #ffffff;}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption,
[class*=' imghvr-fade'] figcaption {opacity: 0;}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img {opacity: 0;}
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {opacity: 1;}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img,
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {-webkit-transform: translateY(100%);transform: translateY(100%);}
.imghvr-push-up:hover > .inn_gal_img2 {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.video-box{ width:615px; float:left; height:313px;margin:0 15px 56px 0; position:relative;}
.testimonial-video{ width:615px; float:left; height:313px;margin:0 15px 70px 0; position:relative;}
.testimonial-video:last-child{ margin-right:0 !important;}
.video-box iframe, .testimonial-video iframe{ width:100%; height:100%; border:none;}
.video-titel{ background:#c36c18; text-align:center; position:absolute; left:0; bottom:-43px; font-size:14px; color:#FFF; padding:12px 10px; width:100%; box-sizing:border-box; line-height:21px;}
.contacticon-box{ float:left; background:#090909 url(../png/call2.png) no-repeat 13px center; width:412px; height:114px; margin:0 12px 0 0; outline: 1px solid #181818; outline-offset: 7px; padding:38px 28px 38px 96px; color:#FFF; box-sizing:border-box; font-size:14px; line-height:21px;}
.contacticon-box span, #map-cover #address span{ display:block; color:#f18f31; text-transform:uppercase; font-size:13px;}
.adrs{ background-image:url(../png/address.png);}
.fax{ background-image:url(../fax.html);}
.mail{ background-image:url(../png/email.png);}
.social{ background-image:url(../png/globe.png); margin-right:0;}
#contact-left{ float:left; margin:47px 0 0 0; width:60%;}
.video-box:last-child{ margin-right:0 !important;}
#contact-left h2{ font-size:20px; margin:15px 0 0 0; text-transform:uppercase; color:#f3de81; padding:0 15px;}
.contact-frm{padding:15px 0; margin:20px 0 0 0; clear:both;}
#fixed-box .contact-frm h2{ color:#FFF; font-size:24px;  font-family: 'Poppins-Regular'; text-transform:uppercase; text-align:center; margin:23px 0 9px 0;}
.contact-frm input, .contact-frm select{ width:100%; border-bottom: #e27001 solid thin;font-family: 'Poppins-Regular'; padding:6px 0; box-sizing:border-box; outline:none; color:#FFFFFF;font-size:14px; background:none; border-left:none; border-right:none; border-top:none;}
.contact-frm select option{ color:#333; font-size:13px;}
.contact-frm textarea{ width:98%; border:none;box-sizing:border-box; outline:none; color:#888888; height:56px; border-bottom: #e27001 solid thin; overflow:hidden; resize:none; font-size:14px; font-family: 'Poppins-Regular'; background:none; margin: 0 15px 15px 15px;  border-left:none; border-right:none; border-top:none;}
.contactfrm-cover{ width:222px; float:left;  height:65px; margin:0 15px}
.contact-frm .captha{ width:120px; float:right; margin-top:0;}
.contact-frm #frmsubmit{margin-top:0; background:#e27001; color:#FFF; font-family: 'Poppins-Regular'; letter-spacing:1px; font-weight:bold;padding:9px 0; cursor:pointer; font-size:14px; border-bottom:none;}
.contact-frm #frmsubmit:hover{ background:#000000;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #FFFFFF;}
::-moz-placeholder { /* Firefox 19+ */color: #FFFFFF;}
#map{ float:right; width:100%; height:300px; background:#FFF; position:relative; margin:20px 0 0 0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
#map iframe{ width:100%; height:100%;  /* Safari 6.0 - 9.0 */}
.contacticon-box #top-social{ margin:6px 0 0 0;}
.contacticon-box #top-social a{ padding:3px 0; height:20px;}
.service-moreimg{ width:467px; height:235px; float:left; margin:0 31px 0 0;}
.service-moreimg2{ width:432px; height:399px; float:left; margin:0 25px 0 0;}

#rc-imageselect, .g-recaptcha {transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0;}
.video-review{ margin:48px 0 0 0; color:#FFF; font-size:15px; /*border-bottom:#444 solid thin; padding-bottom:20px;*/}
.video-review span{ display:block; font-size:13px; color:#d5802f;}
.user{ float:left; width:60px; height:60px; border-radius:100%; overflow:hidden; margin:0 15px 0  0; border:#FFF solid 2px;}
.user img{ width:100%; height:100%;}
#homevideo{ margin:65px 0; background:url(../jpg/projectbg.jpg) center top; padding:53px 0;}
#homevideo h2{ float:left; font-size:24px; text-transform:uppercase; color:#FFF;}
.more{ float:right; border:#e27001 solid thin; padding:4px 26px; font-size:13px; color:#e27001; font-weight:600; text-transform:uppercase;}
#homevideo  .video-box, #testivideo .testimonial-video{ margin:26px 15px 56px 0; width:642px; height:367px;}
#testivideo{ background:url(../jpg/projectbg.jpg) no-repeat center top; background-size:cover; padding:36px 0;}
#testivideo h2{ color:#FFF; text-align:center; font-size:29px; float:left; text-transform:uppercase;}
#testivideo .testimonial-video{ margin-bottom:69px;}

#testimonial-box{ background:#f1f1f1 ; padding:38px 0; margin:65px 0;}
#testimonials{ width:100% !important; list-style:none;}
#testimonial-box h2{ font-size:26px; float:left;text-transform:uppercase; color:#323232;}
#testimonials li{ float:left; width:643px; margin:24px 15px 0 0;height:auto !important;}
.person{ width:75px; height:75px; border-radius:100%;   border:#FFF solid 5px; margin:-26px auto 0 auto;}
.person img{ border-radius:100%; width:100%; height:100%;}
.person-box h2{ font-size:20px; color:#2e5984; text-transform:uppercase;}

.testi{ background-image:url(../png/quotetop.png), url(../png/quotebottom.png); background-position:20px 29px, bottom right; background-repeat:no-repeat; padding:42px 63px;  color:#bbbbbb; font-size:14px;
 background-color:#080808; min-height:183px; box-sizing:border-box; text-align:center;}
.name{ margin-top:12px; font-size:13px; line-height:20px; text-align:center;} 
.name span{  color:#cb6f17; font-size:15px;}
#left-box #testimonials li{ width:100%; padding:0; margin:0 0 51px 0; text-align:left;}
#left-box #testimonials li:after{ display:none;}
#left-box .testi{ min-height:inherit; text-align:left;}
#left-box .person{ float:left; margin-right:15px; width:70px; height:70px; border:#FFFFFF solid 3px;}
#left-box .name{ float:left; text-align:left;}
#left-box .name span{ display:block;}
#project-cover{ float:left;}

/*innerpage content end*/

/*footer section*/
footer{ background: url(../jpg/footer.jpg) no-repeat center; background-size:cover; clear:both; color:#9a9a9a; padding:32px 0 29px 0;}
.botom-box{ float:left; margin:0 127px 0 0;}
#botom-socialcover{  margin:9px 0 0 0;}
#botom-socialcover span{ float:left; text-transform:uppercase; font-size:12px; margin:4px 25px 0 0;}
#botom-socialcover a{ float:left; width:25px; text-align:center; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; display:block;}
ul.botom-link{list-style:none; width:365px; float:left; margin:23px 0 0 0;}
ul.botom-link li a{ color:#adadad; font-size:13px;width:175px; float:left; margin:0 0 5px 0;}
ul.botom-link li a:hover{ color:#db7b1b;}
#contact-detailcover{ float:right; width:575px;}
.contact-detail{font-size:17px; color:#FFF; float:left; padding:21px 0 22px 68px; background:url(../png/bottomicon.png) no-repeat left center;}
.contact-detail a{ color:#FFF;}
.contact-detail h2{ font-size:21px;}
.contact-detail h2 a{color:#db7b1b;}
.btm-adrs{ color:#959595; font-size:13px; background:url(../png/map.png) no-repeat left center; padding-left:45px; float:right;}
.btm-adrs span{color:#d2d2d2; display:block; text-transform:uppercase;}
#copyright{ font-size:13px; margin:9px 0 0 0; line-height:24px; clear:both; float:left;}
#copyright a{ color:#db7b1b;}
#copyright a:hover{ color:#FFF;}
/*footer section end*/

@media (max-width:1300px){
.container{ width:1000px;}
ul.dropdown, #welcome-img, #welcome-section:after{ display:none;}
.topicon-box{ font-size:13px;}
#mobile_menu{display:block;text-align:right;height:39px;}
#mobile_drop{display:block;position:relative;background:#d2781e;}
#mobile_drop_fix{display:block;padding:10px 0px 10px 0px;margin:0 auto 0 auto;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 0 0 35px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;border-bottom:solid 1px #e6b079;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:8px 0; font-size:13px; text-transform:uppercase;}
#mobile_drop_fix a:hover{border-bottom:solid 1px #e6ad5e;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
color:#000000;}
#top-social{ margin:15px 32px 0 0;}
#gallery-slide li a{ width:328px !important; height:209px !important;}
.gallery-img{ width:328px; height:165px;}
#project-slide li{ width:320px !important; background-size:contain; height:291px !important;}
.project-img{ width:320px; height:214px;}
#project-section{ height:353px;}
.project-detail, #service-boxleft, #service-box{ width:100%; left:0;}
#service-box li{ width:480px;}
.service-img{ width:480px; height:244px;}
#service-box{ background:none; height:auto; padding-bottom:17px;}
#welcome-box{ width:100%; margin:12px 0 0 0; padding:39px 41px; border:#dbdbdb solid 26px;}
#callusnow{ background-image:none; padding-right:0; width:523px;}
.botom-box{ margin:0 51px 0 0;}
ul.botom-link li a{ width:126px;}
ul.botom-link{ width:255px;}
#contact-detailcover{ width:459px;}
.contact-detail h2{ font-size:18px;}
.contact-detail{ font-size:13px;}
#left-box{ width:726px;}
#right-box{ width:259px;}
.service-img{ width:407px; height:207px;}
.project-box{ width:467px;}
#fixed-box .project-img{ width:467px; height:303px;}
.project-box .project-detail span{ width:138px;}
.inn_gal_img{ width:471px; height:306px;}
.inn_gal_txt{ width:80px; height:80px;}
.inn_gal_img2{ width:473px; height:239px;}
.video-box ,.testimonial-video{ width:465px; height:293px;}
.contacticon-box{ width:312px; margin-bottom:8px; padding:38px 28px 38px 80px; background-position:2px center;}
.contactfrm-cover{ width:290px;}
.contact-frm .captha{ width:178px;}
.inn_gal_img3{ width:343px; height:516px;}
#homevideo .video-box, #testivideo .testimonial-video{ width:481px; height:310px;}
#testimonials li{ width:495px;}
}

@media (max-width:992px){
.container{ width:768px;}
#top-mail{ display:none;}
.topicon-box{ padding-right:0; margin-right:0; border:none;}
#gallery-slide li a{ width:380px !important; height:235px !important;}
.gallery-img{ width:380px; height:191px;}
#project-slide li{ width:370px !important; height:312px !important;}
.project-img{ width:370px; height:248px;}
#project-section{ height:387px; 32px 0 27px 0;}
#project-slide .project-detail div span{ width:253px;}
#project-slide{ font-size:30px;}
#service-box li{ width:367px;}
.service-img{ width:367px; height:185px;}
.service-titel h2{ font-size:14px;}
#callusnow{ width:100%; text-align:left; font-size:30px;}
#callus{ float:left; margin:0 0 20px 0;}
#left-box, #right-box, .video-box, .testimonial-video ,#homevideo .video-box, #testivideo .testimonial-video ,#testimonials li, #contact-detailcover{ width:100%;}
.service-box{ width:357px;}
#fixed-box .service-img{ width:357px; height:181px;}
.project-box{ width:350px;}
#fixed-box .project-img{ width:350px; height:234px;}
#right-box{ margin:15px 0 0 0;}
.project-detaillist{ width:226px;}
.project-box .project-detail span{ width:172px;}
.inn_gal_img{ width:355px; height:236px;}
.rslides li h2{ bottom:139px;}
.inn_gal_img2{ width:357px; height:181px;}
.contacticon-box{ width:352px;}
.contactfrm-cover{ width:334px;}
.contact-frm textarea{ width:96%;}
.contact-frm .captha{ width:267px;}
.servicemain-titel a{ background-size:40px;}
.servicemain-titel{ padding:21px 53px 15px 68px; font-size:12px}
#homevideo .video-box, #testivideo .testimonial-video{ height:490px;}
}

@media (max-width:768px){
.container{ width:448px;}
.caption, #top-social{ display:none;}
#logo{ width:225px; height:108px;}
.mtoggle img{ width:30px;}
.mtoggle{ margin:24px 0 0 0;}
#botom-socialcover{ display:block;}
header:after{ height:99px;}
#gallery-slide li a{ width:448px !important; height:268px !important;}
.gallery-img{ width:448px; height:225px;}
#project-slide{ font-size:22px;}
#project-slide h2{ font-size:30px;}
#project-slide li{ width:448px !important; height:361px !important;}
.project-img{ width:448px; height:300px;}
#project-section{ height:441px;}
#project-slide .project-detail div span{ width:332px;}
#service-box{ padding:0; margin:15px 0 0 0;}
#service-box li, ul.botom-link, .service-box, .project-box, .project-detaillist, .contacticon-box, #arrow-cover{ width:100%;}
.service-img{ width:448px; height:226px;}
#project-slide .more{ float:left;}
#welcome-box{ background-image:none;}
ul.botom-link li a{ width:112px;}
#fixed-box .service-img{ width:408px; height:207px;}
#fixed-box .project-img{ width:406px; height:272px;}
#page-title{ padding:20px 0;}
.project-box .project-detail span{ width:225px;}
.project-detaillist, #fixed-box h2{ text-align:left; border:none; margin-bottom:10px;}
#locat{ display:block; text-align:left;}
.inn_gal_img{ width:407px; height:271px;}
#project-detaillistcover{ padding-left:0; padding-right:0;}
.inn_gal_img2{ width:407px; height:206px;}
.contacticon-box #top-social{ display:block;}
.contactfrm-cover, .contact-frm textarea{ width:100%; margin-left:0; margin-right:0;}
.service-moreimg{ width:409px; height:206px; margin-bottom:20px;}
.service-moreimg2{ width:407px; height:384px; margin:0 0 20px 0;}
.inn_gal_img3{ width:187px; height:281px;}
.rslides li h2{ font-size:22px; line-height:28px; bottom:65px; padding:8px 17px;}
#back{ position:static; left:0; display:block; text-align:left;}
.servicemain-titel{ font-size:14px;}
#arrow-cover{ margin:12px 0 0 0;}
#homevideo .video-box, #testivideo .testimonial-video{ height:287px;}
}

@media (max-width:448px){
.container{ width:300px;}
#logo{ width:163px; height:78px; margin:10px 0 0 0;} 
.topicon-box img, #project-slide h2:after{ display:none;}
header:after{ width:53%;}
#mobile_drop_fix a{ font-size:12px;}
#gallery-section h2{ font-size:21px;}
.rslides{ margin-bottom:20px;}
#gallery-slide li a{ width:300px !important; height:195px !important;}
.gallery-img{ width:300px; height:151px;}
.gallery-titel{ font-size:13px;}
#project-slide h2{ font-size:24px;}
#project-slide h2:after{ width:68px;}
#project-slide li{ width:300px !important; height:280px !important;}
.project-img{ width:300px; height:201px;}
#project-section{ height:337px;}
#project-slide .project-detail div span{ width:196px;}
#service-section{ margin:56px 0 0 0;}
#service-boxleft h2{ font-size:41px;}
.service-img{ width:300px; height:151px;}
.service-titel{ height:auto; padding-bottom:8px; background-image:none; padding-left:20px;}
.service-titel h2{ font-size:13px;}
#welcome-box{ border:#dbdbdb solid 16px; padding:28px 25px; margin-top:0;}
#welcome-box h2{ font-size:30px;}
#welcome-box h2:after{ left:-42px; width:250px;}
#callusnow{ font-size:28px; line-height:33px;}
#callus h2{ font-size:26px;}
#callus{ font-size:23px; padding-top:0;}
#contact-detailcover, .about-img, .project-box .project-detail span{ width:100%;}
ul.botom-link li a{ width:141px;}
.contact-detail{ float:left;}
#page-title h2{ font-size:18px;}
#page-title{ padding:19px 0;}
.more{ padding:4px 16px; font-size:12px;}
.about-img img, .service-moreimg{ width:100%; height:100%; margin:0;}
#fixed-box .service-img{ width:260px; height:131px;}
.servicemain-titel{ line-height:18px; padding:17px 51px 11px 74px; font-size:12px; height:32px;}
.servicemain-titel a{ background-size:34px;}
.service-detail{ padding:24px 20px;}
#fixed-box .project-img{ width:260px; height:174px;}
.project-box .project-detail div{ line-height:19px; margin-bottom:5px; padding-bottom:5px;}
.inn_gal_img{ width:261px; height:173px;}
#gal_listed li:hover .inn_gal_txt{  background-size:25px;}
.inn_gal_txt{ height:80px; width:80px;}
.inn_gal_img2{ width:260px; height:132px;}
#fixed-box #gal_listed2 li{ font-size:12px;}
.video-box ,.testimonial-video{ height:224px;}
.contacticon-box{ background-image:none; padding:26px 22px 25px 29px; height:88px;}
#fixed-box .contact-frm h2{ text-align:left;}
#gal_listed2 li:hover .inn_gal_txt2{ padding:50px 0 0 0; background-position: center top; background-size:20px; line-height:20px;}
.contactfrm-cover{ height:53px;}
.contact-frm .captha{ width:142px;}
#top-social span{ margin-left:0;}
.service-moreimg2{ width:260px; height:245px;}
.inn_gal_img3{ width:261px; height:392px;}
#gal_listed2 li:hover .inn_gal_txt2:after{ display:block; content:"Zoom"; position:absolute; top:25px; left:43%; color:#e27001;}
.rslides li h2{ bottom:0;width:252px; padding:5px 17px; font-size:16px; line-height:19px;}
.contact-frm #frmsubmit{ margin-top:15px;}
#homevideo .video-box, #testivideo .testimonial-video{ height:192px;}
#project-cover{ width:200px;}
#project-slide .more{ float:right;}
#project-slide{ font-size:18px;}
}