@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900|Open+Sans:300,400,400i,600,600i,700,800);
@import url(https://fonts.googleapis.com/css?family=Staatliches);
@import url(https://fonts.googleapis.com/css?family=Barlow:400,400i,500,500i,600);
@import url(https://fonts.googleapis.com/css?family=Poppins:300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap);
@font-face {
font-family: Flaticon; src: url(../fonts/Flaticon.eot); src: url(../fonts/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/Flaticon.woff) format("woff"),url(../fonts/Flaticon.ttf) format("truetype"),url(../fonts/Flaticon.svg#Flaticon) format("svg"); font-weight: 400; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
font-family: Flaticon; src: url(../fonts/Flaticon.svg#Flaticon) format("svg"); }
}
[class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before { font-family: Flaticon; }
.flaticon-factory:before { content: "\f100"; }
.flaticon-anchor:before { content: "\f101"; }
.flaticon-next:before { content: "\f102"; }
.flaticon-motor:before { content: "\f103"; }
.flaticon-back:before { content: "\f104"; }
.flaticon-phone:before { content: "\f105"; }
.flaticon-mail:before { content: "\f106"; }
.flaticon-facebook:before { content: "\f107"; }
.flaticon-twitter:before { content: "\f108"; }
.flaticon-linkedin:before { content: "\f109"; }
.flaticon-instagram-logo:before { content: "\f10a"; }
.flaticon-cancel:before { content: "\f10b"; }
.flaticon-error:before { content: "\f10c"; }
.flaticon-next-1:before { content: "\f10d"; }
.flaticon-menu:before { content: "\f10e"; }
.flaticon-pin:before { content: "\f10f"; }
.flaticon-fax:before { content: "\f110"; }
.flaticon-phone-call:before { content: "\f111"; }
.flaticon-whatsapp:before { content: "\f112"; }
.flaticon-right-arrow:before { content: "\f113"; }
.flaticon-down-arrow:before { content: "\f114"; }
.flaticon-back-1:before { content: "\f115"; }
.flaticon-fan:before { content: "\f116"; }
.flaticon-car:before { content: "\f117"; }
.flaticon-construction-and-tools:before { content: "\f118"; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0!important; }
::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; box-shadow: 0 0 0 30px #fff inset; }
.reset { clear: both; }
textarea { font-family: 'Open Sans',sans-serif; }
body { color: #000; font-size: 14px; margin: 0; font-family: 'Open Sans',sans-serif; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; float: left; width: 100%; font-family: Nunito,sans-serif; }
p { line-height: 20px; margin: 15px 0 0 0; float: left; width: 100%; }
a { text-decoration: none!important; color: #53565a; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; }
a:hover { text-decoration: none!important; color: #2b2a2b; }
ul { padding: 0; margin: 0; }
.wrapper { width: 100%; float: left; position: relative; }
.container { width: 1280px; margin: auto; position: relative; }
img { display: block; max-width: 100%; height: auto; }
.center__block { display: block; margin: 0 auto; }
.text__center { text-align: center; }
.text__right { text-align: right; }
.col__1 { width: 8.33333333%; float: left; padding: 0 15px; position: relative; }
.col__2 { width: 16.66666667%; float: left; padding: 0 15px; position: relative; }
.col__3 { width: 25%; float: left; padding: 0 15px; position: relative; }
.col__4 { width: 33.33333333%; float: left; padding: 0 15px; position: relative; }
.col__5 { width: 41.66666667%; float: left; padding: 0 15px; position: relative; }
.col__6 { width: 50%; float: left; padding: 0 15px; position: relative; }
.col__7 { width: 58.33333333%; float: left; padding: 0 15px; position: relative; }
.col__8 { width: 66.66666667%; float: left; padding: 0 15px; position: relative; }
.col__9 { width: 75%; float: left; padding: 0 15px; position: relative; }
.col__10 { width: 83.33333333%; float: left; padding: 0 15px; position: relative; }
.col__11 { width: 91.66666667%; float: left; padding: 0 15px; position: relative; }
.col { width: 100%; float: left; padding: 0 15px; position: relative; }
section { width: 100%; float: left; position: relative; padding: 75px 0; }
.shade { background: #f5f5f5; }
header { width: 100%; float: left; position: relative; }
.intro { width: 100%; float: left; position: relative; height: 100vh; }
.cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; height: 0; -webkit-transition: height .4s; -moz-transition: height .4s; transition: height .4s; }
.cbp-af-header.cbp-af-header-shrink { height: 70px; background: #2b2a2b; }
.nav__bg { width: 100%; float: left; position: relative; border-radius: 3px; transition: all .4s ease-in-out; }
.navigation { width: 100%; height: 70px; display: table; position: relative; }
.navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.navigation-fixed-wrapper { width: 100%; left: 0; z-index: 19998; will-change: opacity; }
.navigation-fixed-wrapper.fixed { position: fixed!important; -webkit-animation: fade .5s; animation: fade .5s; }
.navigation-fixed-wrapper .navigation { margin-right: auto; margin-left: auto; }
.navigation-fixed-placeholder { width: 100%; display: none; }
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible { display: block; }
.navigation-hidden { width: 0!important; height: 0!important; margin: 0!important; padding: 0!important; position: absolute; top: -9999px; }
.align-to-left { float: right; }
.nav-header { float: left; }
.nav-header a:hover { color: #fff; }
.navigation-hidden .nav-header { display: none; }
.nav-brand { padding: 18px 15px; float: left; transition: all .4s ease-in-out; width: 100%; }
.navigation-portrait .nav-brand { padding: 15px; display: block; }
.nav-logo>img { margin: 11px auto; padding: 0 15px; float: left; }
.nav-logo:focus>img { outline: initial; }
.navigation-portrait .nav-logo>img { height: 36px; margin: 6px auto 6px 15px; padding: 0; }
.nav-toggle { width: 30px; height: 30px; padding: 6px 2px 0; position: absolute; top: 50%; margin-top: -14px; right: 15px; display: none; cursor: pointer; }
.nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #fff; border-radius: 10px; box-shadow: 0 .5em 0 0 #fff,0 1em 0 0 #fff; }
.navigation-portrait .nav-toggle { display: block; }
.navigation-portrait .nav-menus-wrapper { width: 320px; height: 100vh; top: 0; left: -400px; position: fixed; background-color: #1d1d1d; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left: auto; right: 0; }
.nav-menus-wrapper-close-button { width: 30px; height: 40px; margin: 10px 7px; display: none; float: right; color: #fff; font-size: 26px; cursor: pointer; }
.navigation-portrait .nav-menus-wrapper-close-button { display: block; }
.nav-menu { margin: 0; padding: 0; list-style: none; line-height: normal; font-size: 0; }
.navigation-portrait .nav-menu { width: 100%; }
.nav-menu.nav-menu-centered { text-align: center; }
.nav-menu.nav-menu-centered>li { float: none; }
.nav-menu>li { display: inline-block; float: left; text-align: left; }
.navigation-portrait .nav-menu>li { width: 100%; position: relative; border-top: solid 1px #f1f1f129; }
.navigation-portrait .nav-menu>li:last-child { border-bottom: solid 1px #f1f1f129; }
.nav-menu+.nav-menu>li:first-child { border-top: none; }
.nav-menu>li>a { padding: 0 6px; line-height: 75px; color: #fff; text-transform: uppercase; display: inline-block; position: relative; text-decoration: none; font-size: 13px; font-weight: 500; transition: all .4s ease-in-out; }
.nav-menu>li>a:after { content: ''; display: block; width: 0; height: 2px; top: 0; position: absolute; transition: all .4s ease-in-out; }
.nav-menu>li.active>a:after, .nav-menu>li>a:hover:after { content: ''; display: block; width: 20px; height: 2px; top: 0; position: absolute; background: #ecde21; }
.navigation-portrait .nav-menu>li>a { width: 100%; height: auto; padding: 0 5px; line-height: 36px; }
.nav-menu>li.active>a, .nav-menu>li.focus>a, .nav-menu>li:hover>a { color: #ecde21; }
.nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i { width: 18px; height: 16px; line-height: 16px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.nav-menu>li>a>[class*=ion-] { width: 16px; display: inline-block; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); }
.navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center; }
.nav-menu.nav-menu-social>li { text-align: center; float: none; border: none!important; }
.navigation-portrait .nav-menu.nav-menu-social>li { width: auto; }
.nav-menu.nav-menu-social>li>a>[class*=ion-] { font-size: 12px; }
.nav-menu.nav-menu-social>li>a>.fa { font-size: 14px; }
.navigation-portrait .nav-menu.nav-menu-social>li>a { padding: 15px; }
.headings { font-size: 18px; }
.submenu-indicator { margin-left: 6px; margin-top: 34px; float: right; transition: all .4s ease-in-out; }
.navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; right: 0; text-align: center; z-index: 20000; }
.submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #fff #fff transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border .3s; transition: border .3s; }
.navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; }
.nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron { border-color: transparent #ecde21 #ecde21 transparent; }
.navigation-portrait .submenu-indicator.submenu-indicator-up { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999; }
.no-scroll { touch-action: none; overflow-x: hidden; }
.nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 98; white-space: nowrap; }
.navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; }
.nav-dropdown .nav-dropdown { left: 100%; }
.nav-dropdown>li { width: 100%; float: left; clear: both; position: relative; text-align: left; }
.nav-dropdown>li>a { width: 100%; padding: 16px 20px; border-bottom: solid 1px #f0f0f0; display: inline-block; text-decoration: none; float: left; font-size: 13px; font-weight: 500; color: #53565a; background-color: #fff; -webkit-transition: color .3s,background .3s; transition: color .3s,background .3s; }
.nav-dropdown>li.focus>a, .nav-dropdown>li:hover>a { color: #000; }
.nav-dropdown.nav-dropdown-left { right: 0; }
.nav-dropdown>li>.nav-dropdown-left { left: auto; right: 100%; }
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a { text-align: right; }
.navigation-portrait .nav-dropdown>li>a { padding: 12px 20px 12px 30px; }
.navigation-portrait .nav-dropdown>li>ul>li>a { padding-left: 50px; }
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a { padding-left: 70px; }
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a { padding-left: 90px; }
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 110px; }
.nav-dropdown .submenu-indicator { right: 15px; top: 16px; position: absolute; }
.navigation-portrait .nav-dropdown .submenu-indicator { right: 0; top: 0; }
.nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-dropdown>.focus>a .submenu-indicator-chevron, .nav-dropdown>li:hover>a .submenu-indicator-chevron { border-color: transparent #8cc152 #8cc152 transparent; }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left: 10px; }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.nav-button { margin: -3px 0 0; padding: 0 20px; display: inline-block; color: #fff; text-align: center; text-decoration: none; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-button i { float: left; font-size: 50px; font-weight: 400; color: #2d3790; }
.nav-button span { float: left; text-align: left; font-family: Lato,sans-serif; padding: 20px 0 0 10px; }
.nav-button:focus, .nav-button:hover { color: #fff; text-decoration: none; opacity: .85; }
.navigation-portrait .nav-button { width: calc(100% - 52px); margin: 50px 0 0; padding: 0 5px; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; }
.owl-carousel .owl-item { float: left; padding: 0 7.5px; }
.owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.grabbing { cursor: url(grabbing.png) 8 8,move; }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.owl-theme .owl-controls { text-align: center; z-index: 999; width: 100%; position: absolute; left: 0; bottom: -75px; }
.owl-theme .owl-controls .owl-buttons div { color: #000; display: inline-block; zoom: 1; padding: 4px 0; width: 40px; height: 40px; font-size: 23px; border-radius: 0; background: #fff; border: #ffa410 1px solid; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-next { margin-left: -1px; }
.owl-next::before { font-family: Flaticon; content: "\f102"; }
.owl-prev::before { font-family: Flaticon; content: "\f104"; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; }
.owl-theme .owl-controls .owl-page span { display: block; width: 50px; height: 3px; margin: 5px .5px; background: #0a88df; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #fff; }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }
h1 { font-size: 28px; color: #000; font-weight: 600; }
h1 span { color: #ffa410; font-size: 14px; font-weight: 900; float: left; width: 100%; }
.mt__160 { margin-top: 160px; }
.paral__1 { width: 100%; padding: 75px 0; background: url(../images/paral__1.jpg) center center no-repeat; color: #fff; float: left; position: relative; }
.paral__1 ul { width: 60%; float: right; }
.paral__1 ul li { width: 50%; float: left; padding: 7.5px; }
.paral__1 ul li:first-child { width: 50%; }
.paral__1__box { background: rgba(79,79,79,.6); border: rgba(255,255,255,.7) 1px solid; width: 100%; float: left; padding: 25px; }
h2 { font-size: 20px; font-weight: 600; }
.paral__1__box i { font-size: 35px; }
.paral__1__box p { margin: 5px 0 0; display: -webkit-box; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.more__btn { width: 140px; height: 50px; float: left; font-size: 12px; font-weight: 400; margin-top: 15px; line-height: 38px; text-align: center; display: inline-block; text-transform: uppercase; color: #000; border: #ffa410 2px solid; border-radius: 25px; }
.more__btn:hover { color: #ffa410; }
.more__btn:after { content: '\f102'; transition: all .25s; opacity: 0; font-size: 25px; margin-left: -22px; font-family: Flaticon; position: relative; top: 5px; }
.more__btn:hover:after { opacity: 1; margin-left: .5em; }
.more__btn2 { width: 140px; height: 50px; float: left; font-size: 12px; font-weight: 400; margin-top: 15px; line-height: 38px; text-align: center; display: inline-block; text-transform: uppercase; color: #fff; border: #fff 2px solid; border-radius: 25px; cursor: pointer; }
.more__btn2:hover { color: #2b2a2b; }
.more__btn2:after { content: '\f102'; transition: all .25s; opacity: 0; font-size: 25px; margin-left: -22px; font-family: Flaticon; position: relative; top: 5px; }
.more__btn2:hover:after { opacity: 1; margin-left: .5em; }
.btn_form { background: 0 0; border: 0; cursor: pointer; }
.engine { position: absolute; bottom: -40px; left: 3%; width: 38%; animation: buzz 9ms linear infinite; }
h3 { color: #000; font-size: 2em; font-weight: 700; }
h3:after { content: ''; display: block; width: 30px; border-bottom: 1px solid #ffc63a; margin: 5px 0 0; position: relative; }
.text__center h3:after { margin: 5px auto 0; }
.more__btn__txt { width: 100%; float: left; font-family: Nunito,sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; margin: 5px 0 0; color: #ffa410; transition: all .4s ease-in-out; }
.product__carousel__box { width: 100%; float: left; background: #fff; border: #ececec 1px solid; padding: 15px; }
.product__carousel__box__img { background: #f4f4f4; width: 100%; float: left; }
.product__carousel__box__img img { mix-blend-mode: darken; }
.owl-pagination { display: none; }
.mt__75 { margin: 75px 0 0; }
.service__list ul { width: 100%; float: left; margin: 30px 0 0; }
.service__list ul li { width: 33.3%; float: left; padding: 0 15px; }
.service__list__box { width: 100%; float: left; position: relative; border-radius: 10px; overflow: hidden; transition: all .4s ease-in-out; -webkit-filter: grayscale(1); filter: grayscale(1); }
.service__list__box:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
.service__list__desc { background: #020024; background: linear-gradient(0deg,#020024 0,#000 0,rgba(0,212,255,0) 100%); position: absolute; bottom: 0; width: 100%; color: #fff; padding: 15px; transition: all .4s ease-in-out; }
.service__list__box:hover .service__list__desc { padding: 15px 15px 50px 15px; }
h4 { font-size: 17px; }
.service__list__desc h4 { font-size: 25px; font-weight: 800; }
.test__box { width: 100%; float: left; border: 5px solid #d4d4d4; border-radius: 5px; padding: 25px; position: relative; }
.test__box__img { width: 25%; height: 0; padding-bottom: 25%; border-radius: 50%; overflow: hidden; float: left; }
.test__box__desc { width: 75%; float: left; padding: 0 0 0 15px; }
.test__box h5 { color: #404040; font-size: 20px; font-weight: 700; margin: 10px 0 0; }
.test__box h5 span { font-size: 14px; color: #aaa; }
.client__box { width: 100%; float: left; border: #e6e6e6 1px solid; background: #fff; padding: 15px; }
#client__carousel .owl-buttons { display: none; }
footer { background: #1d1d1d; width: 100%; float: left; padding: 75px 0 0; color: #818181; }
footer .nav-logo { width: 35%; margin-bottom: 15px; float: left; }
.connect__box { float: left; width: 100%; }
.connect__box i { font-size: 25px; color: #fff; float: left; }
.connect__box span { float: left; padding: 6px 0 0 6px; }
.social__icon { width: 40px; height: 40px; border-radius: 50%; border: #fff 1px solid; float: left; margin: 0 5px 0 0; color: #fff; text-align: center; line-height: 40px; }
.hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; }
.hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color: #000; }
.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before { -webkit-transform: scale(2); transform: scale(2); }
footer a { color: #818181; }
footer a:hover { color: #fff; }
.flaticon-telephone-1:before { content: "\f105"; }
.flaticon-send:before { content: "\f106"; }
footer .nav-logo>img { padding: 0; margin: 0; }
.subscribe__field__box { width: 100%; float: left; background: #fff; border-radius: 50px; margin: 10px 0 0; overflow: hidden; }
.subscribe__field { width: 80%; float: left; padding: 0 15px; box-sizing: border-box; height: 60px; border: none; }
.subscribe__btn { width: 20%; float: left; border: none; background: 0 0; height: 60px; font-size: 30px; padding: 7px 0 0; cursor: pointer; box-sizing: border-box; }
.flaticon-letter-1:before { content: "\f10d"; }
.flaticon-facebook:before { content: "\f107"; }
.flaticon-twitter:before { content: "\f108"; }
.flaticon-linkedin:before { content: "\f109"; }
footer h2 { color: #f1cf00; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; }
.list ul, footer ul { float: left; margin: 20px 0 0; width: 100%; }
footer ul li { width: 100%; float: left; padding: 5px 0; }
.list ul li { padding: 8px 0; float: left; width: 100%; }
.list ul li span:nth-child(1) { width: 20%; float: left; padding-bottom: 20%; height: 0; overflow: hidden; }
.list ul li span:nth-child(2) { width: 65%; float: left; padding: 0 0 0 10px; }
.list ul li p { font-size: 13px; margin: 0; line-height: 18px; }
footer .col__4:nth-child(2) { padding: 0 0 0 135px; }
.credits { background: #181818; padding: 25px 15px; text-align: center; float: left; text-transform: uppercase; font-size: 12px; font-weight: 700; width: 100%; margin: 75px 0 0; }
footer .more__btn__txt { color: #818181; }
footer .more__btn__txt:hover { color: #fff; }
footer h6 { color: #fff; font-size: 17px; font-weight: 500; }
.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a { line-height: 70px; padding: 0 6px;/* border-right: #3e3c3e 1px solid;*/ }
.cbp-af-header.cbp-af-header-shrink .nav-brand { padding: 17px 15px; width: 65%; }
.cbp-af-header.cbp-af-header-shrink .navigation-portrait .nav-menu>li>a { line-height: 36px; padding: 0 12px; border-right: #3e3c3e 1px solid; }
@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes buzz {
  0% { transform: rotate(0); }
  100% { transform: rotate(-1deg); }
}
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.animated { -webkit-animation-duration: 2s; animation-duration: 2s; }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.mt__15 { margin-top: 15px; }
.mt__30 { margin-top: 30px; }
.mt__150 { margin-top: 150px; }
.italic { font-style: italic; }
.col__center { float: none; margin: 0 auto; }
.p0 { padding: 0; }
.m0 { margin: 0; }
.fl { float: left; }
.fr { float: right; }
.no-border { border: none!important; }
.up { width: 187px; position: relative; height: 61px; color: #000; background: url(../images/arrow.png) no-repeat; display: table; margin: -85px auto 0; padding: 30px 0; clear: both; text-align: center; font-style: normal; cursor: pointer; transition: all .4s ease-in-out; }
.up i { font-size: 25px; font-weight: lighter; }
.carousel-indicators { bottom: 10%; }
.inner_banner { width: 100%; float: left; position: relative; }
.inner_container { padding: 40px 0; height: 500px; }
.inner_banner_img { background: url(../images/about_bg.jpg) no-repeat center center; padding: 130px 0; }
.marine_banner_img { background: url(../images/marine_banner.jpg) no-repeat center center; padding: 130px 0; }
.genset-banner_img { background: url(../images/genset-bg.jpg) no-repeat center center; padding: 130px 0; }
.career-banner_img { background: url(../images/career.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.contact-banner_img { background: url(../images/contact_bg.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.gallery-banner_img { background: url(../images/gallery_banner.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.des-bg-banner_img { background: url(../images/des-bg.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.industrial-banner_img { background: url(../images/industrial_bg.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.johndeere_banner_img { background: url(../images/john_deere_bg.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.privacypolicy_img { background: url(../images/privacy_policy.jpg) no-repeat center center; padding: 130px 0; background-size: cover; }
.inner_heading { background: #f0ce008a; padding: 10px 20px; display: inline-block; }
.inner_heading h2 { font-size: 40px; font-weight: 400; font-family: Staatliches,cursive; }
.breadcrumb-list { float: left; }
.breadcrumb-list li { display: inline-block; position: relative; padding: 0 14px; font-size: 14px; }
.breadcrumb-list li a { font-weight: 400; text-transform: capitalize; color: #f0ce00; }
.breadcrumb-list li:last-child a { color: #f0ce00; }
.breadcrumb-list li::before { content: ""; position: absolute; right: -4px; font-size: 16px; font-weight: 600; background: #367c2b; height: 20px; width: 2px; top: 3px; }
.breadcrumb-list li:last-child::before { display: none; }
.breadcrumb-list li:first-child { padding-left: 0; }
:root { --animation-delay: 2s; --duration: 800ms; --iterations: 1; }
.reveal-text h2 { font-size: 40px; font-weight: 400; font-family: Staatliches,cursive; }
.reveal-text, .reveal-text::after { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: var(--animation-delay); animation-delay: var(--animation-delay); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--iterations); animation-iteration-count: var(--iterations); -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: var(--duration); animation-duration: var(--duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0,0,.2,1); animation-timing-function: cubic-bezier(0,0,.2,1); }
.reveal-text { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-name: clip-text; animation-name: clip-text; color: #fff; white-space: nowrap; cursor: default; }
.reveal-text::after { content: ""; position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background-color: #f0ce00; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; pointer-events: none; -webkit-animation-name: text-revealer; animation-name: text-revealer; }
@-webkit-keyframes clip-text {
  from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
  to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
}
@keyframes clip-text {
  from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
  to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
}
@-webkit-keyframes text-revealer {
  0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
  100%, 60% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
  60% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); }
}
@keyframes text-revealer {
  0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
  100%, 60% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
  60% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); }
}
.about_box { background: #fff; padding: 20px; -webkit-box-shadow: 5px 4px 28px -7px rgba(0,0,0,.75); -moz-box-shadow: 5px 4px 28px -7px rgba(0,0,0,.75); box-shadow: 5px 4px 28px -7px rgba(0,0,0,.75); overflow: auto; -webkit-transition: all .4s ease-in-out; margin-bottom: 30px; }
.about_box:hover { background: #f5f5f1; }
.about_box:hover .logo { margin-top: 50px; }
.about_content { width: 100%; float: left; }
.logo { width: 150px; height: 150px; background: #585756; border: 1px solid #e6e6e6; -webkit-transition: all .4s ease-in-out; -transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.dropcaps { color: #f0ce00; position: relative; display: inline-block; float: left; height: 30px; width: 30px; line-height: 30px; font-size: 40px; font-weight: 700; text-align: center; margin: 5px 6px 0 0; }
.mission_vision { padding: 80px 0; background: url(../images/mission_bg.jpg) no-repeat center center fixed; background-size: cover; }
.service-block-two .inner-box { position: relative; background: #1d191891; padding: 40px; margin-bottom: 30px; transition: all .4s ease-in-out; overflow: auto; border: 1px solid #ada7ad4a; box-shadow: 0 25px 25px 0 rgba(0,0,0,.1); }
.service-block-two .inner-box:hover { transform: translateY(-10px); box-shadow: 0 25px 25px 0 rgba(0,0,0,.1); border: 1px solid #ada7ad4a; }
.service-block-two .inner-box p { color: #ede6e6; }
.service-block-two { position: relative; }
.service-block-two h4 { font-size: 28px; font-weight: 600; position: relative; color: #f1cf00; line-height: 28px; padding-bottom: 10px; margin-bottom: 10px; }
.service-block-two h4:before { position: absolute; content: ''; background: #e9e6e6; bottom: 0; left: 0; width: 50px; height: 3px; }
.service-block-two .icon { position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; }
.centreblock { -ms-flex-pack: center!important; justify-content: center!important; display: flex; }
.network { background: #e0d0d1; padding: 0; }
.networks { background: #f0ce00; padding: 20px; font-size: 22px; font-weight: 700; }
.warranties { font-size: 22px; font-weight: 600; color: transparent; background: linear-gradient(to left,#1e5799,#2ce0bf,#76dd2c,#dba62b,#e02cbf,#1e5799); background-size: 1000px 100%; animation: bg 15s linear infinite; background-clip: text; -webkit-background-clip: text; }
@keyframes bg {
  0% { background-position-x: 0; }
  100% { background-position-x: 10000px; }
}
.warranties a { font-weight: 600; color: transparent; background: linear-gradient(to left,#1e5799,#2ce0bf,#76dd2c,#dba62b,#e02cbf,#1e5799); background-size: 1000px 100%; animation: bg 15s linear infinite; background-clip: text; -webkit-background-clip: text; }
.warranties a:hover { font-size: 22px; font-weight: 600; color: transparent; background: linear-gradient(to left,#1e5799,#2ce0bf,#76dd2c,#dba62b,#e02cbf,#1e5799); background-size: 1000px 100%; animation: bg 15s linear infinite; background-clip: text; -webkit-background-clip: text; }
.contact-form-section { position: relative; padding: 50px; margin-bottom: 30px; overflow: auto; background: #ffe440; background: linear-gradient(0deg,#dcbd03 0,#fff 100%); -webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15); box-shadow: 7px 5px 30px rgba(72,73,121,.15); -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; }
.address_box h2, .contact-form-section h2 { font-size: 34px; color: #1d1d1c; font-weight: 800; text-shadow: -1px 1px #d8d0b3,4px -4px #71400524; }
.area, .field { border: 1px solid #efece9; padding: 15px; background: #f9f6f2; box-sizing: border-box; border-radius: 3px; }
.field { height: 50px; }
.area, .field { width: 100%; }
.form__label { margin: 15px 0 5px; color: #2b2a2a; font-size: 15px; float: left; font-weight: 600; }
.area { height: 100px; resize: none; }
.address_box { padding: 50px; background: #fcfcfc; overflow: auto; -webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15); box-shadow: 7px 5px 30px rgba(72,73,121,.15); -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; }
.footer-contact { position: relative; text-align: left; font-size: 13px; margin-bottom: 20px; float: left; }
.footer-contact ul { position: relative; z-index: 3; }
.footer-contact ul li { position: relative; padding-left: 25px; color: #545353; line-height: 24px; padding-top: 3px; font-size: 15px; }
.footer-contact ul li a { color: #545353; }
.footer-contact ul li a:hover { color: #545353; }
.footer-contact ul li i { position: absolute; left: 0; top: 3px; font-size: 20px; color: #f0ce00; font-weight: 900; }
.footer-contact ul { padding: 0; margin: 0; }
.footer-contact ul li { list-style: none; }
.heading { font-weight: 700; }
.accordion { font-size: 1rem; width: 100%; margin: 0 auto; border-radius: 5px; }
.accordion-body, .accordion-header { background: #fff; }
.accordion-header { padding: 15px; background: #2b2a2b; color: #fff; cursor: pointer; font-size: 16px; transition: all .3s; margin-top: 5px; }
.accordion-header:hover { background: #f1ce00; position: relative; color: #2b2a2b; z-index: 5; }
.accordion-header span { font-size: 14px; font-style: italic; color: #f1ce00; margin-left: 20px; }
.accordion-header:hover span { color: #2b2a2b; }
.accordion-body { background: #fcfcfc; color: #3f3c3c; display: none; }
.accordion-body__contents { padding: .5em 1.5em; }
.requirememts { background: #f0ce00; padding: 5px; color: #2a292a; display: inline-block; margin-top: 20px; }
.accordion-body__contents ul { width: 100%; }
.accordion-body__contents ul li { padding: 10px 0; font-size: 16px; border-bottom: 1px solid #97929224; }
.accordion-body__contents ul li i { color: #f0ce00; font-weight: 900; }
.accordion-body__contents ul li:last-child { border: none; }
.accordion__item.active:last-child .accordion-header { border-radius: none; }
.accordion:first-child>.accordion__item>.accordion-header { border-bottom: 1px solid transparent; }
.accordion__item>.accordion-header:after { font-family: Flaticon; content: '\f113'; font-size: 1.2em; float: right; position: relative; top: -2px; transition: .3s all; transform: rotate(0); }
.accordion__item.active>.accordion-header:after { transform: rotate(90deg); }
.accordion__item.active .accordion-header { background: #2b2a2b; color: #fff; }
.accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: #000; }
@media screen and (max-width:1000px) {
  .accordion { width: 100%; }
}
.map { width: 100%; height: auto; margin-top: 5px; }
.big_content { margin-bottom: 40px; overflow: auto; }
.big_content p { text-align: center; font-size: 16px; line-height: 22px; margin-bottom: 40px; }
.big_content h4 { text-align: center; font-size: 32px; font-weight: 700; }
.big_content h4:after { content: ''; display: block; width: 100px; border-bottom: 3px solid #f0ce00; margin: 0 0 0 -45px; position: absolute; left: 50%; }
.inner_content { text-align: left; font-size: 16px; line-height: 22px; margin-bottom: 40px; float: left; }
.inner_content h3 { font-size: 28px; text-align: left; font-weight: 700; }
.mrgn_btm20 { margin-bottom: 20px; }
figure.snip0030 { color: #fff; position: relative; overflow: hidden; width: 100%; background: #efefef;     border: 2px solid #000; }
figure.snip0030 img { opacity: 1; width: 100%; position: relative; -webkit-transition: opacity .35s; transition: opacity .35s; }
figure.snip0030>div { border-radius: 5px; display: block; content: ''; position: absolute; background-color: #f0ce00; top: 50%; left: 50%; height: 70px; width: 70px; box-shadow: 0 0 10px rgba(0,0,0,.85); opacity: 0; text-align: center; -webkit-transform: translate(-50%,-50%) rotate(0); transform: translate(-50%,-50%) rotate(0); -webkit-transition: all .35s; transition: all .35s; -webkit-transition-delay: .3s; transition-delay: .3s; }
figure.snip0030>div i { font-size: 38px; padding: 6px; color: #101010; line-height: 70px; opacity: .7; }
figure.snip0030 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
figure.snip0030.hover img, figure.snip0030:hover img { opacity: .5; }
figure.snip0030.hover>div, figure.snip0030:hover>div { opacity: 1; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); }
.product_heading { background: #1d1d1d; padding: 10px; overflow: auto; }
.product_heading h2 { text-align: center; color: #f1cf00; font-size: 20px; }
.product_heading h3 { text-align: center; color: #f1cf00; font-size: 18px; }
.product_heading h3:after { display: none; }
.product_heading ul { width: 100%; text-align: center; }
.product_heading ul li { padding: 10px; list-style: none; text-align: center; position: relative; font-size: 16px; display: inline-block; color: #fff; }
.product_heading>ul>li:after { top: 8px; width: 1px; content: ""; right: 0; height: 25px; position: absolute; background: #f1cf0057; }
.product_heading>ul>li:last-child:after { display: none; }
figure.snip1104 { font-family: Raleway,Arial,sans-serif; position: relative; overflow: hidden; width: 100%; background: #000; color: #fff; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.15); }
figure.snip1104 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
figure.snip1104 img { max-width: 100%; position: relative; opacity: .4; width: 100%; }
figure.snip1104 figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
figure.snip1104 h2 { position: absolute; left: 40px; right: 40px; display: inline-block; background: #000; -webkit-transform: skew(-10deg) rotate(-10deg) translate(0,-50%); transform: skew(-10deg) rotate(-10deg) translate(0,-50%); padding: 12px 5px; margin: 0; top: 50%; text-transform: uppercase; font-weight: 400; }
figure.snip1104 h2 span { font-weight: 800; }
figure.snip1104 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
figure.snip1104.red { background: #2b2a2b; }
figure.snip1104.red h2 { background: #f1cf00b8; }
figure.snip1104.hover img, figure.snip1104:hover img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
figure.snip1104.hover h2, figure.snip1104:hover h2 { -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%,-50%); transform: skew(-10deg) rotate(-10deg) translate(-150%,-50%); }
figure.snip1104.hover:before, figure.snip1104:hover:before { -webkit-transform: rotate(110deg) translateY(-150%); transform: rotate(110deg) translateY(-150%); }
.rtable { display: inline-block; vertical-align: top; max-width: 100%; overflow-x: auto; white-space: nowrap; border-collapse: collapse; border-spacing: 0; margin-top: 20px; }
.rtable, .rtable--flip tbody { -webkit-overflow-scrolling: touch; background: radial-gradient(left,ellipse,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 75%) 0 center,radial-gradient(right,ellipse,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 75%) 100% center; background-size: 10px 100%,10px 100%; background-attachment: scroll,scroll; background-repeat: no-repeat; }
.rtable td:first-child, .rtable--flip tbody tr:first-child { background-image: linear-gradient(to right,#ececec 50%,rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-size: 20px 100%; }
.rtable td:last-child, .rtable--flip tbody tr:last-child { background-image: linear-gradient(to left,#ececec 50%,rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-position: 100% 0; background-size: 20px 100%; }
.rtable th { font-size: 11px; text-align: left; background: #f0cf00; }
.rtable td, .rtable th { padding: 6px 12px; border: 1px solid #d9d7ce; }
.rtable--flip { display: flex; overflow: hidden; background: 0 0; }
.rtable--flip thead { display: flex; flex-shrink: 0; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; }
.rtable--flip tbody { display: flex; position: relative; overflow-x: auto; overflow-y: hidden; }
.rtable--flip tr { display: flex; flex-direction: column; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; flex-shrink: 0; }
.rtable--flip td, .rtable--flip th { display: block; }
.rtable--flip td { background-image: none!important; border-left: 0; }
.rtable--flip td:not(:last-child), .rtable--flip th:not(:last-child) { border-bottom: 0; }
.img__box { width: 100%; float: left; border-radius: 5px; position: relative; }
.col__6 .owl-carousel .owl-item { float: left; padding: 0; }
.col__6 .owl-theme .owl-controls { text-align: center; z-index: 999; width: 100%; position: absolute; left: 0; bottom: 0; }
.marine { background: #efefef; padding: 60px 0; float: left; width: 100%; }
.marine ul { float: left; }
.marine ul li { list-style: none; padding: 4px 0; }
.marine ul li i { color: #b09d20; }
.mrgn_top30 { margin-top: 30px; float: left; }
.logos ul { width: 100%; margin-top: 50px; }
.logos ul li { list-style: none; padding: 4px 0; float: left; }
.logos ul li i { color: #b09d20; }
.table11, .table12, .table13, .table14, .table15 { font-size: 13px; background: #f0cf00; text-align: center; }
.table11 { width: 5%; float: left; padding: 0; height: 90px; border-bottom: 1px solid #757575; }
.table12 { width: 35%; float: left; padding: 0; height: 90px; border-bottom: 1px solid #757575; }
.table13 { width: 10%; float: left; padding: 0; height: 90px; border-bottom: 1px solid #757575; }
.table14 { width: 30%; float: left; padding: 0; height: 90px; border-bottom: 1px solid #757575; }
.table15 { width: 15%; float: left; padding: 0; height: 90px; border-bottom: 1px solid #757575; }
.tbl_colm_1 { width: 100%; padding: 6px 12px; float: left; height: 45px; border-right: 1px solid #757575; border-bottom: 1px solid #757575; }
.tbl_colm_2 { width: 25%; border-bottom: 1px solid #757575; padding: 6px 12px; float: left; border-right: 1px solid #757575; height: 45px; }
.tbl_colm_3 { width: 33.3%; border-bottom: 1px solid #757575; padding: 6px 12px; float: left; border-right: 1px solid #757575; height: 45px; }
.tbl_colm_4 { width: 100%; padding: 6px 12px; float: left; height: 40px; background: #2b2a2b; color: #fff; }
.table1cell_1, .table1cell_2, .table1cell_3, .table1cell_4, .table1cell_5 { font-size: 13px; background: #e1e0e0; text-align: center; }
.table1cell_1 { width: 5%; float: left; padding: 0; height: 60px; border-bottom: 1px solid #757575; }
.table1cell_2 { width: 35%; float: left; padding: 0; height: 60px; border-bottom: 1px solid #757575; }
.table1cell_3 { width: 10%; float: left; padding: 0; height: 60px; border-bottom: 1px solid #757575; }
.table1cell_4 { width: 30%; float: left; padding: 0; height: 60px; border-bottom: 1px solid #757575; }
.table1cell_5 { width: 15%; float: left; padding: 0; height: 60px; border-bottom: 1px solid #757575; }
.tble_colm_1 { width: 100%; padding: 18px 12px; float: left; height: 60px; border-right: 1px solid #757575; border-bottom: 1px solid #757575; }
.tble_colm_2 { width: 25%; border-bottom: 1px solid #757575; padding: 18px 12px; float: left; border-right: 1px solid #757575; height: 60px; }
.tble_colm_3 { width: 33.3%; float: left; }
.tble_colm_4 { width: 100%; padding: 6px 12px; float: left; height: 40px; background: #2b2a2b; color: #fff; }
.tble_colm_5 { width: 100%; padding: 6px 12px; float: left; height: 30px; border-right: 1px solid #757575; border-bottom: 1px solid #757575; }
.dot { width: 10px; height: 10px; background: #090909; text-align: center; margin: 0 auto; }
.tble_colm_1:nth-last-child { border-right: none; }
.service_sec { padding: 10px; margin: 10px; }
.service_sec ul { width: 100%; }
.service_sec ul li { list-style: none; padding: 10px; color: #fff; margin-bottom: 3px; border: 1px solid #f1cf0061; background: #0000004a; transition: all .3s ease-in-out; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; font-weight: 600; }
.service_sec ul li:hover { padding: 10px; font-weight: 600; background: #f1a900; background: linear-gradient(50deg,#f1a900 0,rgba(232,207,37,.28) 100%); color: #fff; }
.service_sec ul li:hover i { color: #000; }
.service_sec ul li i { color: #f0ce00; }
.service_bg { background: url(../images/parallex__1.jpg) no-repeat #1d1819; float: left; width: 100%; }
.service_content { background: #eadece; background: linear-gradient(90deg,#eadece 0,#fbfbfb 100%); padding: 30px; width: 100%; float: left; margin-bottom: 10px; }
.service_content p { margin: 10px 0 15px 0; }
.service_content h5 { font-size: 18px; font-weight: 700; margin: 5px 0; }
.service_bg .col__3, .service_bg .col__9 { padding: 0; }
.sidebar { position: -webkit-sticky; position: sticky; top: 70px; }
.service_content h4 { font-size: 24px; font-family: Barlow,sans-serif; color: #000; font-weight: 700; position: relative; text-transform: uppercase; background: #f0ce00; display: inline-block; padding: 10px; margin-bottom: 15px; }
.service_content h4::before { background-color: #f0ce00; content: ""; height: 27px; position: absolute; top: 8px; width: 3px; left: 0; }
.warranty { padding: 20px; background: url(../images/enquiry.png) no-repeat right center #f0af05; float: left; }
.warranty h2 { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.warranty .area, .warranty .field { margin-bottom: 10px; }
.motor_winding { padding: 0; display: flex; align-items: center; }
.winding { position: absolute; width: 100%; }
.winding h4 { text-align: center; color: #fff; font-size: 60px; font-weight: 400; font-family: Staatliches,cursive; text-shadow: 3px 3px 0 rgba(10,10,10,.51); }
.winding .breadcrumb-list { float: none; text-align: center; }
.footer-link>li { float: left; width: 100%; font-size: 13px; line-height: 24px; padding-left: 20px; position: relative; }
.footer-link li::before { content: "\f102"; left: 0; position: absolute; top: 0; font-family: Flaticon; font-weight: 900; color: #ccb008; }
.advantage { padding: 20px; background: #ffe440; float: left; -webkit-box-shadow: 10px 10px 28px -5px #a8a8a8; -moz-box-shadow: 10px 10px 28px -5px #a8a8a8; box-shadow: 10px 10px 28px -5px #a8a8a8; }
.centr { display: flex; align-items: center; }
.centr h4 { font-size: 22px; text-align: left; font-weight: 700; }
.lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; background: rgba(0,0,0,.7); -webkit-filter: none!important; z-index: 9997; }
.lightbox img { display: block; position: absolute; border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; }
body.blurred>* { -webkit-filter: blur(2px); -webkit-transform: translate3d(0,0,0); }
.lightbox__loading { background: url(loading.gif) center center no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; }
.lightbox__caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; background: #000; background: rgba(0,0,0,.7); }
.lightbox__caption p { margin: 0 auto; max-width: 70%; display: inline-block; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.lightbox__button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: .4; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.lightbox__button:focus, .lightbox__button:hover { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.lightbox__close { right: 10px; top: 10px; background-image: url(../images/close.png); }
.lightbox__nav { top: 50%; margin-top: -16px; }
.lightbox__nav--next { right: 10px; background-image: url(../images/next.png); }
.lightbox__nav--prev { left: 10px; background-image: url(../images/previous.png); }
.gallery { list-style: none; overflow: hidden; padding: 0; margin: 40px 0; }
.service_content .main_gallery .gallery li { float: left; margin: 4px; border: 1px solid #c0b1b1; padding: 5px; width: 48.3%; }
.gallery li { float: left; margin: 4px; border: 1px solid #c0b1b1; padding: 5px; width: 24.3%; }
.gallery li:hover { opacity: 5; z-index: 888; background: #ffe440; border: 1px solid #ffe440; transition: all .4s ease-in-out; }
.galery_img { width: 100%; background: #ccb008; background: linear-gradient(180deg,#ccb008 0,#000 100%); }
.galery_img img { transition: all .4s ease-in-out; }
.galery_img img:hover { opacity: .5; }
.galery_content { background: #1d1d1d; padding: 5px; color: #ffe440; width: 100%; }
.major_client { background: #f0ce00; }
.major_client h5 { text-align: center; olor: #000; font-size: 2em; font-weight: 700; margin-bottom: 20px; }
.main_gallery .gallery { margin: 0; }
.main_gallery .gallery li { border: 1px solid #f0ce00; }
.main_gallery .gallery li:hover { opacity: 5; z-index: 888; background: #1d1d1d; border: 1px solid #1d1d1d; transition: all .4s ease-in-out; }
.main_gallery .galery_content { background: #ffe440; padding: 5px; color: #1d1d1d; width: 100%; height: 50px; }
.upload { width: 100%; background: #fa7e1e; background: linear-gradient(50deg,#fa7e1e 0,#f1cf00 100%); padding: 20px; float: left; -webkit-box-shadow: 0 21px 26px 0 rgba(0,0,0,.17); -moz-box-shadow: 0 21px 26px 0 rgba(0,0,0,.17); box-shadow: 0 21px 26px 0 rgba(0,0,0,.17); }
.upload h4 { font-size: 18px; color: #2b2a2b; text-align: left; font-weight: 600; }
.form { width: 300px; }
.file-upload-wrapper { position: relative; width: 100%; height: 48px; }
.file-upload-wrapper:after { content: attr(data-text); font-size: 13px; position: absolute; top: 0; left: 0; background: #f9f6f2; padding: 15px; display: block; width: calc(100% - 40px); pointer-events: none; z-index: 20; height: 20px; color: #4a4848a6; border-radius: 5px 10px 10px 5px; }
.file-upload-wrapper:before { content: 'Upload'; position: absolute; top: 0; right: 0; display: inline-block; height: 32px; background: #eac901; color: #1d1d1d; font-weight: 700; z-index: 25; font-size: 16px; line-height: 3px; padding: 23px; text-transform: uppercase; pointer-events: none; border-radius: 0 5px 5px 0; }
.file-upload-wrapper:hover:before { background: #1d1d1d; color: #eac901; }
.file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: 50px; margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; }
.resume { margin: 20px 0 10px 0; float: left; width: 100%; }
::placeholder { color: #4a4848 opacity: 1; }
:-ms-input-placeholder { color: #4a4848; }
::-ms-input-placeholder { color: #4a4848; }
.pr { padding: 0 7.5px 0 0; }
.pl { padding: 0 0 0 7.5px; }
.mrgn_20 { margin-bottom: 20px; }
.mob_res { display: none; }
.res { display: block; }
.privacy{
    width:100%;
    padding:0px;
}
@media screen and (max-width:1366px) {
  .container { width: 100%; padding: 0 15px; }
  .table11,   .table12,   .table13,   .table14, .table15 { font-size: 12px; }
  .privacy{
    width:100%;
    padding:0px 15px;
}
}
@media screen and (max-width:1100px) {
  .mob_res { display: block; }
  .res { display: none; }
  .mob_res img { width: 100%; }
}
@media screen and (max-width:1280px) {
  .container { width: 100%; padding: 0; }
  .intro { height: auto; }
}
@media (min-width:991px) and (max-width:1280px) {
  .nav-brand { padding: 18px 15px; float: left; transition: all .4s ease-in-out; width: 70%; }
  .nav-header { width: 20%; }
  .cbp-af-header.cbp-af-header-shrink .nav-menu>li>a { padding: 0 7px; }
  .gallery li { width: 32.3%; }
}
@media (min-width:767px) and (max-width:991px) {
  .gallery li { width: 48%; }
  .form { width: 209px; }
  .mt__160 { margin-top: 20px; }
  .reveal-text h2 { font-size: 28px; }
}
@media screen and (max-width:767px) {
  .col,   .col__1,   .col__10,   .col__11,   .col__2,   .col__3,   .col__4,   .col__5,   .col__6,   .col__7,   .col__8, .col__9 { width: 100%; }
  .pl, .pr { padding: 0; }
  .centr { display: block; align-items: center; }
  .advantage { margin-top: 20px; }
  .service_content { padding: 8px; }
  .nav-brand { width: 50%; }
  .mobile__p0 { padding: 0; }
  .mt__160 { margin-top: 10px; }
  section { padding: 50px 0; }
  .paral__1 ul { width: 100%; float: left; }
  .service__list ul li { width: 33.3%; }
  footer .col__4:nth-child(2) { padding: 0 15px; }
  .gallery li { width: 48%; }
  .main_gallery .galery_content { height: 50px; }
  .paral__1 ul li:first-child { width: 100%; }
  .paral__1 ul li { width: 100%; }
  .service_content .main_gallery .gallery li { float: left; margin: 4px; border: 1px solid #c0b1b1; padding: 5px; width: 100%; }
  .reveal-text h2 { font-size: 30px; }
  .winding h4 { font-size: 30px; }
  .address_box, .contact-form-section { padding: 20px; }
  .address_box h2, .contact-form-section h2 { font-size: 22px; }
  .big_content h4 { font-size: 24px; }
  h3 { font-size: 18px; }
  .logo { margin-bottom: 10px; }
  
}
@media screen and (max-width:480px) {
  .winding h4 { font-size: 22px; }
  .nav-brand { width: 50%; }
  .gallery li { width: 98%; }
  .service__list ul li { width: 100%; margin-top: 20px; }
  footer .col__4:nth-child(2) { padding: 0 15px; }
  .centreblock { display: block; }
  .reveal-text h2 { font-size: 22px; }
  .engine { display: none; }
  .sidebar { position: -webkit-sticky; position: inherit; top: 70px; }
}