@font-face { font-family: 'ge_ss_twomedium'; src: url('../type/ge_ss_two_medium-webfont.woff2') format('woff2'), url('../type/ge_ss_two_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }header, section, article, aside, nav, footer, p, h1, h2, h3, h4, h5, ul, li details, figcaption, figure, footer, hgroup, main, summary { margin: 0; padding: 0; display: block; }*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }audio, canvas, video { display: inline-block; *display:inline; *zoom:1}audio:not([controls]) { display: none; height: 0 } [hidden] { display:none}html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }html, button, input, select, textarea { font-family: sans-serif }body { margin: 0; margin: 0px; }a:focus { outline: thin dotted }a:active, a:hover { outline: 0 }h6 { font-size: .67em; margin: 2.33em 0 }abbr[title] { border-bottom: 1px dotted }b, strong { font-weight: bold }blockquote { margin: 1em 40px }dfn { font-style: italic }hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }mark { background: #ff0; color: #000 }code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }q { quotes: none }q:before, q:after { content: ''; content: none }small { font-size: 80% }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }sup { top: -0.5em }sub { bottom: -0.25em }dl, menu, ol, ul { margin: 0 0 }dd { margin: 0 0 0 0px }menu, ol, ul { padding: 0 0 0 0px }nav ul, nav ol, li { list-style: none; list-style-image: none }img { border: 0; -ms-interpolation-mode: bicubic }svg:not(:root) { overflow: hidden }figure { margin: 0 }form { margin: 0 }fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px}button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle}button, input { line-height: normal; border: none; }button, select { text-transform: none }button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow:visible}button[disabled], html input[disabled] { cursor: default }input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px; *width:13px}input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none} button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0}textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid {} input:invalid, textarea:invalid { background-color: #f0dddd;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {    /* display: none; <- Crashes Chrome on hover */-webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */}input[type=number] { -moz-appearance: textfield; }textarea { overflow: auto; vertical-align: top }table { border-collapse: collapse; border-spacing: 0 }html, button, input, select, textarea { color: #222; }html { font-size: 1em; line-height: 1.4; }::-moz-selection { background: #b3d4fc; text-shadow: none;}::selection { background: #b3d4fc; text-shadow: none; }hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }audio, canvas, img, video { vertical-align: middle; }fieldset { border: 0; margin: 0; padding: 0; }textarea { resize: vertical; }.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }html, body, form { width: 100%; height: 100%; }html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }html, button, input, select, textarea { font-family: "Lato", sans-serif; font-size: 14px; }html, body, form { width: 100%; height: 100%; }html { overflow-y: scroll; }body { margin: 0; font-family: "Lato", sans-serif; font-size: 14px; color: #828282; background: #FFF; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.clearfix { display: inline-block; }/* Hides from IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }a { text-decoration: none; }a:focus { outline: thin dotted }a:active, a:hover { outline: 0 }h1, h2, h3, h4, h5, h6 { font-weight: normal; }:focus::-webkit-input-placeholder { color:transparent;}:focus::-moz-placeholder { color:transparent;}:-moz-placeholder { color:transparent;}a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }/* ===== Main Style  ============================================================================================================================ */.drop-menu:after { }#wrapper { width: 100%; height: auto; float: left; min-height: 100%; height: 100%; }.main-warp { width: 100%; height: auto; float: left; min-height: 100%; overflow: hidden; }.page { width: 100%; height: auto; float: left; padding-bottom: 60px; }.container { width: 100%; height: auto; max-width: 1200px; margin: 0px auto; position: relative; }.logo-sec { height: auto; float: left; background: #FFF; text-align: center; padding: 20px 0; }.logo { width: 400px; height: 95px; float: none; position: relative; z-index: 999; margin: px 0 0; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; }.logo a { width: 100%; height: 100%; float: left; }/* header*/header { width: 100%; float: left; height: auto; position: relative; }.mb-menu{width:auto;height:auto;float:none; position: absolute; top: 10px; right: 0px;}header nav { width: auto; float: right; height: auto; padding: 50px 0 0px 0px; }header nav ul { width: 100%; height: auto; float: left; height: auto; }header nav ul li { width: auto; height: auto; float: left; font-family: "Lato", sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; margin: 0 0 0 0; moz-box-flex: 1; flex: 1 1 0; position: relative; }header nav ul li a { width: 100%; height: auto; float: left; color: #000; padding: 15px 30px 15px 30px; }header nav ul li:hover a { color: #FFF; background: #272b62; }.menu { width: 100%; float: left; }.drop-menu { width: 260px !important; background: #272b62; height: auto; float: none; position: absolute; left: 0px; top: 10px; z-index: 9999; opacity: 0; visibility: hidden; padding: 15px 0 15px 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0; }nav ul > li:hover .drop-menu { visibility: visible; opacity: 1; top: 10px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: left; }nav ul .drop-menu li { width: 100%; height: auto; float: left; }nav ul .drop-menu li a { width: 100%; height: auto; float: left; color: #FFF; font-size: 16px; background: none; float: left; padding: 13px 20px 13px 20px; font-weight: 400; text-align: left; text-transform: uppercase; }nav ul .drop-menu li a:hover { color: #c4171d; border: none; }.head-midd nav .drop-menu li { text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; padding: 5px 18px; }.head-midd nav .drop-menu li a:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }.home-slider { width: 100%; float: left; height: auto; }.banner-slider .slick-prev, .banner-slider .slick-next { left: 0%; right: inherit; z-index: 9999; width: 60px; height: 60px; border: #c5161d solid 1px; padding: 0 0 0 60px; margin: 0px 0 0 60px; top: inherit; top: 60%; }.banner-slider .slick-prev { background: #FFF url(../images/banner-arrow1.png) no-repeat left top; }.banner-slider .slick-prev:hover { background: #c5161d url(../images/banner-arrow1.png) no-repeat left bottom; }.banner-slider .slick-next { margin: 0 0 0 121px; background: rgb(197, 22, 29) url(../images/banner-arrow2.png) no-repeat left top; }.banner-slider .slick-next:hover { background: #FFF url(../images/banner-arrow2.png) no-repeat left bottom; }.banner-content { width: 50%; height: auto; position: absolute; left: 18%; z-index: 9999; top: 50%; transform: translateY(-60%); display: none; }.banner-content h2 { width: 100%; height: auto; float: left; font-size: 60px; color: #FFF; font-weight: 600; text-transform: uppercase; text-shadow: rgba(0,0,0,0.5) 0 2px 1px; padding: 0 0 0 60px; line-height: 80px; }.banner-nav { }.midd-wrap { width: 100%; height: auto; float: left; }.left-cont { width: 100%; height: auto; float: right; padding: 0 0px; }.right-cont { width: 18%; height: auto; background: #203d76; float: left; }.home-about { width: 100%; height: auto; float: left; padding: 100px 60px; }.home-abt-img { width: 32%; height: auto; float: left; position: relative; z-index: 99; }.home-abt-img img { width: 100%; }.about-content { width: 100%; height: auto; float: left; padding: 45px 0 0 40px; }.about-home { width: 68%; height: auto; float: left; padding: 45px 0 0 30px; }.about-home p { width: 100%; height: auto; float: left; font-size: 18px; color: #000; padding: 17px 0 0 0; line-height: 30px; }.home-warap h1 { width: 100%; height: auto; float: left; font-size: 35px; color: #c5161d; font-weight: 700; text-transform: uppercase; }.about-content p { width: 100%; height: auto; float: left; font-size: 18px; color: #000; padding: 17px 0 0 0; line-height: 30px; }.about-content p b { font-weight: 700; font-size: 18px; line-height: 27px; }.about-more { width: auto; height: auto; float: left; margin: 25px 0 0 0; }.about-more a { width: auto; height: auto; float: left; font-size: 15px; color: #222; padding: 10px 45px; border: #222 solid 1px; }.about-more:hover a { color: #FFF; }.home-services { width: 100%; height: auto; float: left; background: #e6e6e6 url(../images/supermarket.jpg) no-repeat; background-size: cover; padding: 100px 0px 100px 0px; margin: 0px 0 0 0; position: relative; background-attachment: fixed; }.services-slider { width: 100%; height: auto; float: left; margin: 35px 0 0 0; position: relative; z-index: 999; }.home-services h1 { color: #FFF; padding-left: 60px; }/* inner page */.inner-area { display: flex; }.inner-banner { width: 100%; height: auto; float: left; min-height: inherit; }.inner-banner img { width: 100%; }.page-head { width: 450px; height: auto; float: left; background: #1b232c; margin: -50px 0 0 60px; padding: 25px 0 35px 25px; }.page-head h1 { width: 100%; height: auto; float: left; font-size: 40px; text-transform: uppercase; color: #FFF; }.inner-cont { width: 100%; height: auto; float: left; padding: 0 0 0px 0; margin: 0px 0 0 0; }.inner-cont h2 { height: auto; float: left; font-size: 28px; font-weight: 700; color: #414141; text-transform: uppercase; }/* about page */.about-part { width: 100%; height: auto; float: left; background: url(../images/abt-bg.png) no-repeat center bottom; padding: 80px 0px 100px 0px; }.about-part h3 { width: 100%; height: auto; float: left; font-size: 18px; font-weight: 700; color: #303030; padding: 15px 0 0 0; line-height: 28px; }.abt-contet { width: 100%; height: auto; float: left; padding: 30px 60px 0 0; }.abt-contet p { width: 100%; height: auto; float: left; color: #222; font-size: 16px; line-height: 28px; }.abt-last { padding-right: 0px; }.business-list { width: 100%; height: auto; float: left; padding: 0 0 0 15px; }.business-list li { width: 100%; height: auto; float: left; color: #5e5e5e; font-size: 16px; line-height: 28px; list-style-type: disc; padding: 0 0 0 10px; }.serv-cont { width: 100%; float: left; padding: 80px 0; background: #e1e7ff; }.serv-part { width: 100%; float: left; height: auto; }.service { width: 100%; float: left; padding: 30px 60px 30px 0; height: auto; }.service h2 { width: 100%; float: left; }.service p { width: 100%; float: left; line-height: 28px; height: auto; color: #222; font-size: 16px; }.titile {float: left; margin-top: 20px; height: auto; }.news-sec { width: 100%; float: left; height: auto; padding: 50px 0 80px 0; }.news-list { width: 100%; float: left; height: auto; }.news { width: 100%; float: left; height: auto; padding: 50px 0 0 0; }.news li { width: 45%; float: left; margin-right: 5%; }.news li p { font-size: 16px; line-height: 28px; color: #222; font-weight: 600; }.more { width: 100%; float: left; height: auto; padding: 20px 0; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; }.more a { color: #222; font-size: 14px; text-transform: capitalize; position: relative; padding: 0 50px 0 0; }.more a:after { position: absolute; content: ''; width: 35px; height: 1px; background: #222; right: 0px; top: 10px; }.more a:before { width: 0; content: ''; height: 0; position: absolute; right: -5px; top: 5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #222; transition: all 3s 1s; }.more:hover.more a:after .more a:before {position:absolute;content:'';height:1px;background:#222;right:-10px;top:10px;}.more:hover.more a:before { right: -8px; }/* contact  page */.contact-cont .contact-right { width: 100%; height: auto; float: right; padding: 45px 75px; }.contact-cont .contact-right h2 { color: #414141; width: 100%; float: left; }.contact-address { width: 100%; height: auto; float: left; }.contact-address { width: 48%; height: auto; float: left; margin: 35px 2% 0 0; }.contact-address li { width: 100%; height: auto; float: left; color: #414141; line-height: 30px; font-size: 18px; padding: 20px 0 5px 40px; background-position: top 18px left 0 !important; background-repeat: no-repeat; }.contact-address li a { color: #414141; }.contact-address li a:hover { text-decoration: underline; }.contact-address li.location { background-image: url(../images/cont-location.png); }.location strong{ font-size:20px; font-weight:700; padding-bottom:20px;}.contact-address li.phone { background-image: url(../images/cont-phone.png); }.contact-address li.phone1 { background-image: url(../images/cont-phone1.png); }.contact-address li.msg { background-image: url(../images/cont-msg.png); }.contact-address li.fax { background-image: url(../images/cont-fax.png); }.contact-address li.web { background-image: url(../images/cont-web.png); }.contact-right .social ul { border: none; margin: 20px 0 0 0; }.contact-map { width: 100%; height: auto; float: left; margin: 0px 0 0 0; }#map { width: 100%; height: 600px; float: left; }.place-desc-large { margin: 100px !important; padding: 100px !important; }.social { width: 100%; float: left; height: auto; padding: 0; }.social ul { width: 100%; float: left; height: auto; padding: 0; }.social ul li { float: left; height: auto; margin: 40px 10px 0 0; }/* gallery page */footer { float: left; height: 60px; margin-top: -60px; position: relative; width: 100%; }.footer-area { width: 100%; height: auto; float: right; background: #272b62 none repeat scroll 0 0; }.footer-area p { width: auto; height: auto; float: left; font-size: 14px; color: #FFF; line-height: 60px; padding: 0 60px; }li a.angrytext { -webkit-animation: change-color 3s ease 0s infinite normal; animation: change-color 3s ease 0s infinite normal; } @-webkit-keyframes change-color { 0% { color:#FFF;} 100% { color:#3d3e3d;}} @keyframes change-color { 0% { color:#fdf000;} 100% { color:#000;}}.projects-cont .product-list { margin-top: 55px; margin-bottom: 0px }/* ----- pagesnation Area end ----- *//* ==========================================================================   Media Queries   ========================================================================== */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {}/* ==========================================================================   Helper classes   ========================================================================== */.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}.ir:before { content: ""; display: block; width: 0; height: 150%; }.hidden { display: none !important; visibility: hidden; }.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }.invisible { visibility: hidden; }.clearfix:before, .clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1;}/* ==========================================================================   Print styles   ========================================================================== */@media print {* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }a, a:visited { text-decoration: underline; }a[href]:after { content: " (" attr(href) ")"; }abbr[title]:after { content: " (" attr(title) ")"; }.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }thead { display: table-header-group; }tr, img { page-break-inside: avoid; }img { max-width: 100% !important; } @page { margin: 0.5cm;}p, h2, h3 { orphans: 3; widows: 3; }h2, h3 { page-break-after: avoid; }}/*AJESH CSS*//*product page*//*Quation page check-box css ajesh*/.fancybox-button--zoom, .fancybox-button--thumbs{  display: none !important;}.srv-slide { width: 100%; float: left; margin: 0; padding: 0; display:flex; flex-wrap:wrap;}.srv-slide li { width: 20%; float: left; margin: 0 0 0; }.srv-slide li a { color: #222; }.serv-img { width: 100%; float: left; }.serv-img img { width: 100%; height: auto; }.serv-head { width: 100%; float: left; padding: 10px 0; text-transform: uppercase; color: #222; }.serv-head h2 { width: 100%; float: left; font-weight: 700; font-size: 22px; color: #000; }.effect-layla img { width: 100%; height: auto; }.footer-top { width: 100%; float: left; padding: 60px 60px }.footer-addr { width: 30%; float: left; }.footer-addr strong{ font-size:16px; font-weight:700;}.footer-addr p { color: #000; font-size: 14px; line-height: 28px; }.footer-nav { width: 18%; float: left; }.footer-cont { width: 30%; float: left; }.footer-cont ul { width: 100%; float: left; height: auto; margin: 40px 0 0 0; }.footer-cont ul li { width: 100%; float: left; line-height: 30px; color: #000; }.footer-cont ul li a { color: #000; }.bottom-links { width: 100%; float: left; text-transform:capitalize; }.bottom-links li { width: 100%; float: left; font-size: 14px; line-height: 28px; }.bottom-links li a { color: #222; font-size: 14px; }.bottom-links li a:hover { text-decoration: underline; }.footer-top h2 { font-size: 18px; font-weight: 600; color: #222; text-transform: uppercase; padding: 0 0 20px 0; }.prod-page { width: 100%; float: left; height: auto; margin: 80px 0 150px 0; padding: 0 60px; }.prod-page h2 { width: 100%; float: left; height: auto; }.prod-row { width: 100%; float: left; height: auto; }.prod-list { width: 100%; float: left; height: auto; padding: 40px 0 0 0; display: flex; flex-wrap: wrap; }.prod-list li { width: 25%; float: left; padding: 5px; margin: 0 0 20px 0; }.prod-list li img { width: 100%; height: auto; }.prod-img { width: 100%; float: left; }.prod-title { width: 100%; float: left; margin: 15px 0 0 0; }.prod-title h3 { font-size: 18px; font-weight: 600; color: #222; padding-left: 5px; text-transform: uppercase; }