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



@font-face { font-family: 'roboto_condensedbold'; src: url('fonts/robotocondensed-bold_0-webfont.eot'); src: url('fonts/robotocondensed-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-bold_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-bold_0-webfont.woff') format('woff'), url('fonts/robotocondensed-bold_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-bold_0-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto_condenseditalic'; src: url('fonts/robotocondensed-italic_0-webfont.eot'); src: url('fonts/robotocondensed-italic_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-italic_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-italic_0-webfont.woff') format('woff'), url('fonts/robotocondensed-italic_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-italic_0-webfont.svg#roboto_condenseditalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto_condensedlight'; src: url('fonts/robotocondensed-light_0-webfont.eot'); src: url('fonts/robotocondensed-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-light_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-light_0-webfont.woff') format('woff'), url('fonts/robotocondensed-light_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-light_0-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto_condensedregular'; src: url('fonts/robotocondensed-regular_0-webfont.eot'); src: url('fonts/robotocondensed-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-regular_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-regular_0-webfont.woff') format('woff'), url('fonts/robotocondensed-regular_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-regular_0-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; }
* { margin: 0px; padding: 0px; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; }
body { font-size: 12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; transition-duration: .20s; -webkit-transition-duration: .20s; }
/*img:hover {



	opacity: 0.8;



	filter: alpha(opacity=80); 



}*/



address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style-type: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; color: #373736; margin-bottom: 18px; }
h1 { font-size: 35px; line-height: 35px; }
h2 { font-size: 30px; margin: 0px 0px 12px 0px; }
h3 { font-size: 25px; line-height: 26px; }
h4 { font-size: 20px; line-height: 20px; }
h5 { font-size: 18px; line-height: 18px; }
h6 { font-size: 15px; line-height: 15px; }
a, a:link, a:focus { color: #cc2204; text-decoration: none; outline: none; }
a:hover { color: #01445d; }
q:before, q:after { content: ''; }
.clear10 { height: 10px; clear: both }
.clear20 { height: 20px; clear: both }
.clear30 { height: 30px; clear: both }
.clear40 { clear: both; height: 50px; }
.clear { clear: both; margin: 0; padding: 0; height: 0px; }
.clearfix { clear: both; display: block; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix:before { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix_h1 { margin: 0px; padding: 0px; height: 0px; clear: both; }
.clearfix_h2 { margin: 0px; padding: 0px; height: 0px; clear: both; }
p { margin-bottom: 20px; }
.lay-width { width: 100%; max-width: 1170px; margin: 0 auto; }
 @media (max-width: 1170px) {
.lay-width { width: 96%; }
}
/*----Top Bar CSS----*/



header { width: 100%; }
.topbar { background: #f1f2f2; padding: 15px 0px; }
.topbar .row { width: 100%; max-width: 1170px; margin: 0 auto; }
.right-box { float: right; }
.call-us { float: left; margin-top: -5px; }
.call-us img { float: left; margin: -2px 5px 0 0; }
.call-us span { float: left; font-size: 14px; color: #cb2025; line-height: 10px; }
.email-us { float: left; margin: -5px 0 0 10px; padding-left: 10px; border-left: 1px solid #999; }
.email-us img { float: left; margin: -2px 5px 0 0; }
.email-us span a { float: left; font-size: 14px; color: #cb2025; line-height: 10px; }
.email-us span a:hover { color: #000; }
.address { max-width: 1170px; margin: 0 auto; width: 100%; }
.add-box { width: 33%; display: inline-table; text-align: center; }
.add-box img { clear: both; }
.add-box h2 { font-size: 16px; color: #7e7e7e; clear: both; margin: 0px; text-transform: uppercase; font-family: 'roboto_condensedlight'; }
.add-box p { font-size: 15px; color: #7e7e7e; line-height: 25px; margin: 0 30px; }
.add-box a { color: #7e7e7e; }
.add-box a:hover { color: #cc2204; }
.follow-us { position: absolute; z-index: 999; top: -17px; background: url(../images/follow-bg.png); height: 44px; width: 267px; }
.follow-us span { font-size: 15px; color: #fff; float: left; margin: 0 0 0 20px; line-height: 40px; }
.follow-us ul { list-style: none; float: left; margin: 7px 0 0 20px; }
.follow-us li { width: 25px; text-align: center; height: 25px; border: 2px solid #fff; border-radius: 25px; display: inline-block; margin-right: 10px; }
.follow-us li img { margin-top: 5px; }
.follow-us li:hover { background: #000; }
.in-banner { clear: both }
.in-banner img { max-width: 100% }
.img-box { clear: both; margin: 20px 0 0 0 }
.img-box ul { list-style: none; }
.img-box li { width: 370px; height: 200px; display: inline-block; margin: 10px 15px 0 0; overflow: hidden; border: 1px solid #d9d9d9 }
.img-box li img { width: 100%; }
.work-box { width: 370px; margin: 20px 15px 0 0; text-align: center; /*background: #f7f7f7;*/ display: inline-block; padding: 0 0 30px 0; overflow: hidden; transition: all 0.7s ease 0s; }
.work-box h2 { font-size: 20px; font-weight: bold; margin: 10px 30px; }
.work-box p { font-size: 15px; color: #7e7e7e; line-height: 25px; margin: 0 30px; }
.work-img { width: 370px; height: 200px; overflow: hidden; }
.work-img img { width: 100%; transition: all 0.7s ease 0s; }
/*.work-box:hover { background: #cc2204; }*/
.work-box:hover h2 { color: #fff; }
.work-box:hover p { color: #fff; }
.work-box:hover .work-img img { transform: scale(1.2); }	
.enq-box { padding: 10px 0 60px 0; overflow: hidden; }
.enq-heading { color: #000; font-size: 30px; clear: both; }
.enquiry { clear: both; }
.enquiry h2 { color: #000; font-size: 30px; }
.enq-text { background: #f1f2f2; padding: 15px 0 1px 0; }
.enq-text p { font-size: 15px; color: #000; line-height: 24px; }
.enquiry form { clear: both; }
.enquiry label { color: #000; font-size: 16px; line-height: 40px; display: block; clear: both }
.enquiry input { outline: none; width: 95%; height: 35px; border: 1px solid #333; background: #fff; color: #000; padding-left: 10px; }
.enquiry textarea { outline: none; width: 95%; height: 111px; border: 1px solid #333; background: #fff; color: #000; padding-left: 10px; }
.enquiry button { outline: none; cursor: pointer; width: 97%; border: none; color: #fff; background: #9b2814; text-align: center; font-size: 16px; line-height: 35px; margin-top: 40px; }
.enquiry button:hover { background: #000; color: #fff }
.enquiry small { color: #000; font-size: 14px; clear: both }
.enq-img { float: left; margin-right: 10px; height: 35px; overflow: hidden; }
.enq-img img { }
.enq-row { width: 49%; display: inline-table; }
.enq-row2 { width: 76%; float: left; }
.enquiry2 { clear: both; }
.enquiry2 form { clear: both; }
.enquiry2 label { color: #000; font-size: 16px; line-height: 40px; display: block; clear: both }
.enquiry2 input { outline: none; width: 95%; height: 35px; border: 1px solid #939393; background: #fff; color: #000; padding-left: 10px; }
.enquiry2 textarea { outline: none; width: 95%; height: 111px; border: 1px solid #939393; background: #fff; color: #000; padding-left: 10px; }
.enquiry2 button { outline: none; cursor: pointer; width: 97%; border: none; color: #fff; background: #000; text-align: center; font-size: 16px; line-height: 35px; margin-top: 20px; }
.enquiry2 button:hover { background: #939393; color: #000 }
.enquiry2 small { color: #000; font-size: 14px; clear: both }
.enq-img2 { float: left; margin-left: 10px; }
.enq-img2 img { }
.enq-row3 { width: 100%; display: inline-table; }
.cont-sec { display: block; }
.cont-sec h2 { }
.center-box{ text-align:center!important}
 @media (max-width: 360px) {
.work-box { width: 100%!important; margin: 10px auto!important }
.work-img { width: auto; }
}
 @media (max-width: 728px) {
.right-box { float: none; width: 256px; margin: 0 auto; }
.add-box { width: 100%; margin-bottom: 20px; }
.follow-us { background: #cc2204; width: 100%; }
.ftr-l { width: 100%; float: none; }
.work-box { width: 49.5%; margin: 10px auto!important }
.work-img { width: auto; }
.enq-row { width: 100%; display: inline-table; }
.enq-row2 { width: 100%; float: none; }
.enq-img { float: none; margin-right: 0; margin-bottom: 10px; }
}
 @media (max-width: 768px) {
.work-box { width: 49.5%; margin: 10px auto!important }
.work-img { width: auto; }
}
 @media (max-width: 1170px) {
.topbar .row { width: 96%; }
}
.top-social { float: right; padding-right: 21px; padding-top: 8px; }
.top-link { float: right; padding-top: 7px; padding-right: 25px; }
.search { float: right; position: relative; }
.top-link { color: #f5f7f7; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; }
.top-link a { color: #f5f7f7; transition-duration: .20s; -webkit-transition-duration: .20s; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; }
.top-link a:hover { color: #00d200; }
.search input.search-fl { border: none; height: 39px; border-radius: 6px; min-width: 255px; padding: 0 36px 0 14px; line-height: 39px; transition-duration: .20s; -webkit-transition-duration: .20s; }
.search input.search-fl:hover, .search input.search-fl:focus { box-shadow: 0px 0px 4px #888888 inset; }
.search input.search-btn { position: absolute; right: 8px; top: 12px; border: none; background: url(../images/search-btn.png) left 0px no-repeat; width: 18px; height: 18px; font-size: 0px; text-indent: -999px; cursor: pointer; }
.search input.search-btn:hover { background: url(../images/search-btn.png) left -18px no-repeat; }
.top-social ul { float: right; }
.top-social ul li { float: left; margin-left: 12px; }
.top-social ul li a { display: block; font-size: 0px; text-indent: -999px; }
.top-social ul li.facebook a { background: url(../images/icon-facebook.png) 0px 0px no-repeat; width: 10px; height: 18px; }
.top-social ul li.facebook a:hover { background: url(../images/icon-facebook.png) 0px -18px no-repeat; }
.top-social ul li.twitter a { background: url(../images/icon-twitter.png) 0px 0px no-repeat; width: 18px; height: 18px; }
.top-social ul li.twitter a:hover { background: url(../images/icon-twitter.png) 0px -18px no-repeat; }
.top-social ul li.linkedin a { background: url(../images/icon-linkedin.png) 0px 0px no-repeat; width: 18px; height: 18px; }
.top-social ul li.linkedin a:hover { background: url(../images/icon-linkedin.png) 0px -18px no-repeat; }
.top-social ul li.gplus a { background: url(../images/icon-gplus.png) 0px 0px no-repeat; width: 18px; height: 18px; }
.top-social ul li.gplus a:hover { background: url(../images/icon-gplus.png) 0px -18px no-repeat; }
.top-social-footer { padding-top: 15px; }
.top-social-footer ul li { float: left; margin-right: 12px; }
.top-social-footer ul li a { display: block; font-size: 0px; text-indent: -999px; }
.top-social-footer ul li.facebook a { background: url(../images/facebook-icon-f.png) 0px 0px no-repeat; width: 12px; height: 26px; }
.top-social-footer ul li.facebook a:hover { background: url(../images/facebook-icon-f.png) 0px -26px no-repeat; }
.top-social-footer ul li.twitter a { background: url(../images/twitter-icon-f.png) 0px 0px no-repeat; width: 26px; height: 26px; }
.top-social-footer ul li.twitter a:hover { background: url(../images/twitter-icon-f.png) 0px -26px no-repeat; }
.top-social-footer ul li.linkedin a { background: url(../images/linked-icon-f.png) 0px 0px no-repeat; width: 25px; height: 26px; }
.top-social-footer ul li.linkedin a:hover { background: url(../images/linked-icon-f.png) 0px -26px no-repeat; }
.top-social-footer ul li.gplus a { background: url(../images/gplus-icon-f.png) 0px 0px no-repeat; width: 26px; height: 26px; }
.top-social-footer ul li.gplus a:hover { background: url(../images/gplus-icon-f.png) 0px -26px no-repeat; }
.red-butt { clear: both; text-align: right }
.red-butt a { background: #cc2204 url(../images/call-ac.png) no-repeat left; font-weight: bold; padding: 25px 20px 25px 85px; color: #FFF; font-size: 24px; line-height: 24px; display: inline-block; }
.red-butt a:hover { background: #000 url(../images/call-ac.png) no-repeat left; }
 @media (max-width: 728px) {
.search-area { width: 305px; margin: 0 auto; position: relative; padding-bottom: 7px; }
.search { width: 100%; }
.top-link { padding-right: 0px; width: 100%; text-align: center; }
.top-social { width: 100%; padding-right: 0px; }
.top-social ul { float: none; width: 114px; margin: 0 auto; }
}
.logo-nav-area { width: 100%; max-width: 1170px; margin: 0 auto; }
 @media (max-width: 1170px) {
.logo-nav-area { width: 96%; }
}
.logo-area { float: left; width: 21%; position: relative; }
.logo { width: 100%; padding: 11px 0px 15px 0px; }
.logo img { max-width: 100%; }
.logo a { position: absolute; z-index: 999999; display: block; width: 100%; }
.nav-area { float: right; width: 79%; padding: 13px 0px; }
 @media (max-width: 974px) {
.nav-area { width: 100%; }
nav { margin-top: 30px; position: relative; z-index: 999999; }
}
 @media (max-width: 728px) {
.logo-area { width: 100%; text-align: center; }
.logo-area a { position: inherit; }
.logo-area a img { max-width: 100%; }
.nav-area { padding: 0px; }
nav { margin-top: 0px; }
}
 @media (max-width: 480px) {
.logo-area a img { width: 60%; max-width: 100%; }
.red-butt { clear: both; text-align: center }
}
.welcome-area-index { padding: 51px 0; }
.welcome-txt3 { float: left; width: 45%; margin-left: 5%; }
.welcome-txt3 p { float: left; width: 94%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #575757; line-height: 24px; }
.welcome-txt3 img { float: left; margin: 5px 10px 0 0; }
.welcome-txt { float: left; width: 48%; }
.welcome-txt h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 38px; font-weight: bold; border-left: 5px solid #cc2204; line-height: 36px; padding-left: 15px; }
.welcome-txt h3 span { font-weight: normal; }
.welcome-txt h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px; font-weight: normal; color: #342d25; text-transform: uppercase; }
.welcome-txt p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #575757; line-height: 24px; }
.welcome-img { float: right; width: 48%; }
.welcome-img img { width: 100%; }
.welcome-txt2 { width: 100%; }
.welcome-txt2 h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 38px; font-weight: bold; border-left: 5px solid #cc2204; line-height: 36px; padding-left: 15px; }
.welcome-txt2 h1 span { font-weight: normal; }
.welcome-txt2 h3 span { font-weight: normal; }
.welcome-txt2 h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px; font-weight: normal; color: #342d25; text-transform: uppercase; }
.welcome-txt2 p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #575757; line-height: 24px; }
.wel-img { width: 350px!important; float: left!important; margin: 8px 20px 5px 0!important }
.welcome-txt2 img { float: right; max-width: 100%; width: 400px; margin: 8px 0 8px 20px }
.img-left { float: left!important; max-height: 100%; width: 400px; margin: 8px 20px 8px 0!important; }
.welcome-txt2 ul { list-style: none; margin-bottom: 20px; }
.welcome-txt2 li { background: url(../images/aro.png) 0 8px no-repeat; padding-left: 20px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #575757; line-height: 24px; }
.wid-30 { width: 30%; float: left; }
.breadcrumb { background: #f1f2f2; padding: 10px 0; display: block }
.breadcrumb ul { list-style: none; }
.breadcrumb li { display: inline-block; }
.breadcrumb li { background: url(../images/arrow_icon.png) 0 8px no-repeat; font-size: 14px; font-weight: bold; color: #9a2913; padding: 0 5px 0 10px; text-decoration: none; }
.breadcrumb li:first-child { background: none; padding: 0 8px 0 0px; }
.breadcrumb li a { font-size: 14px; color: #414141; text-decoration: none; font-weight: normal; }
.breadcrumb li a:hover { color: #9a2913 }
 @media (max-width: 768px) {
.welcome-txt { text-align: center; width: 100%; }
.welcome-txt2 { text-align: center; width: 100%; }
.welcome-txt3 { text-align: center; width: 100%; margin: 0; }
.welcome-txt3 p { width: 100%; }
.welcome-txt3 img { float: none }
.welcome-img { width: 100%; }
.wid-30 { float: none; width: 100%; }
}
.ourwork-area-index2 { background: url(../images/slider03.jpg) fixed center no-repeat; padding: 40px 0px 50px 0; }
.ourwork-area-index2 ul { list-style: none; text-align: center; margin: 100px 0 0 0; padding: 0 }
.ourwork-area-index2 li { width: 31.7%; margin: 20px 15px 10px 0; display: inline-block; padding: 0; background: #fff; }
.ourwork-area-index2 h3 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; margin: 25px 0 10px !important; }
.h2-col { color: #fff!important }
.owork-img2 { width: 150px; height: 150px; box-shadow: 0 5px 5px #999; margin: -80px auto 0 auto; border-radius: 100%; border: #fff solid 5px; overflow: hidden }
.owork-img2 img { max-height: 100%; }
.ourwork-area-index { background: #f7f7f7; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 30px 0px; }
.our-work-area { text-align: center; }
.our-work-area h2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 38px; font-weight: bold; line-height: 36px; background: url(../images/bod-bot.jpg) center bottom no-repeat; padding-bottom: 12px; margin-bottom: 12px; }
.our-work-area h2 span { font-weight: normal; }
.our-work-area p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #575757; line-height: 24px; }
.our-work-area .owork-txt { padding: 0 20px; }
.llmor a { display: inline-table; background: #000000; color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; padding: 12px 20px; transition-duration: .20s; -webkit-transition-duration: .20s; }
.llmor a:hover { background: #ee0101; }
.ftr-copy { background: #939393; }
.ftr-l-r { width: 100%; max-width: 1170px; margin: 0 auto; padding: 40px 0px 20px 0; position: relative; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.llmor a { display: inline-table!important; }
}
 @media (max-width: 1170px) {
.ftr-l-r { width: 96%; }
}
 @media (max-width: 768px) {
.ftr-l { width: 100%!important; float: none; text-align: center; margin-bottom: 10px; }
.ftr-r { float: none!important; text-align: center!important; width: 100%!important; }
}
.ftr-l { float: left; width: 25%; color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; }
.ftr-r { float: right; width: 74%; color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; text-align: right; }
.ftr-r a { color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; margin-left: 15px; }