.about-content p { width: 400px; padding-left: 50px; display: table } .vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0 } .vegas-overlay { opacity: .5; background: url(https://demo.artureanec.com/404.html) center center } .vegas-timer { top: auto; bottom: 0; height: 2px } .vegas-timer-progress { width: 0; height: 100%; background: #fff; -webkit-transition: width ease-out; transition: width ease-out } .vegas-timer-running .vegas-timer-progress { width: 100% } .vegas-slide, .vegas-slide-inner { margin: 0; padding: 0; background: center center no-repeat; -webkit-transform: translateZ(0); transform: translateZ(0) } body .vegas-container { overflow: hidden !important; position: relative } .vegas-video { min-width: 100%; min-height: 100%; width: auto; height: auto } body.vegas-container { overflow: auto; position: static; z-index: -2 } body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer { position: fixed; z-index: -1 } :root body.vegas-container>.vegas-overlay, :root body.vegas-container>.vegas-slide, _::full-page-media, _:future { bottom: -76px } .vegas-transition-blur, .vegas-transition-blur2 { opacity: 0; -webkit-filter: blur(32px); filter: blur(32px) } .vegas-transition-blur-in, .vegas-transition-blur2-in { opacity: 1; -webkit-filter: blur(0); filter: blur(0) } .vegas-transition-blur2-out { opacity: 0 } .vegas-transition-burn, .vegas-transition-burn2 { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%) } .vegas-transition-burn-in, .vegas-transition-burn2-in { opacity: 1; -webkit-filter: contrast(100%) saturate(100%); filter: contrast(100%) saturate(100%) } .vegas-transition-burn2-out { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%) } .vegas-transition-fade, .vegas-transition-fade2 { opacity: 0 } .vegas-transition-fade-in, .vegas-transition-fade2-in { opacity: 1 } .vegas-transition-fade2-out { opacity: 0 } .vegas-transition-flash, .vegas-transition-flash2 { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25) } .vegas-transition-flash-in, .vegas-transition-flash2-in { opacity: 1; -webkit-filter: brightness(1); filter: brightness(1) } .vegas-transition-flash2-out { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25) } .vegas-transition-negative, .vegas-transition-negative2 { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%) } .vegas-transition-negative-in, .vegas-transition-negative2-in { opacity: 1; -webkit-filter: invert(0); filter: invert(0) } .vegas-transition-negative2-out { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%) } .vegas-transition-slideDown, .vegas-transition-slideDown2 { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .vegas-transition-slideDown-in, .vegas-transition-slideDown2-in { -webkit-transform: translateY(0); transform: translateY(0) } .vegas-transition-slideDown2-out { -webkit-transform: translateY(100%); transform: translateY(100%) } .vegas-transition-slideLeft, .vegas-transition-slideLeft2 { -webkit-transform: translateX(100%); transform: translateX(100%) } .vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in { -webkit-transform: translateX(0); transform: translateX(0) } .vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .vegas-transition-slideRight-in, .vegas-transition-slideRight2-in { -webkit-transform: translateX(0); transform: translateX(0) } .vegas-transition-slideRight2-out { -webkit-transform: translateX(100%); transform: translateX(100%) } .vegas-transition-slideUp, .vegas-transition-slideUp2 { -webkit-transform: translateY(100%); transform: translateY(100%) } .vegas-transition-slideUp-in, .vegas-transition-slideUp2-in { -webkit-transform: translateY(0); transform: translateY(0) } .vegas-transition-slideUp2-out { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 { -webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0 } .vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1 } .vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 { -webkit-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0 } .vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1 } .vegas-transition-swirlRight2-out { -webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0 } .vegas-transition-zoomIn, .vegas-transition-zoomIn2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } .vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .vegas-transition-zoomOut2-out { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } .vegas-animation-kenburns { -webkit-animation: kenburns ease-out; animation: kenburns ease-out } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes kenburns { 0% { -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .vegas-animation-kenburnsDownLeft { -webkit-animation: kenburnsDownLeft ease-out; animation: kenburnsDownLeft ease-out } @-webkit-keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsDownRight { -webkit-animation: kenburnsDownRight ease-out; animation: kenburnsDownRight ease-out } @-webkit-keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsDown { -webkit-animation: kenburnsDown ease-out; animation: kenburnsDown ease-out } @-webkit-keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsLeft { -webkit-animation: kenburnsLeft ease-out; animation: kenburnsLeft ease-out } @-webkit-keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsRight { -webkit-animation: kenburnsRight ease-out; animation: kenburnsRight ease-out } @-webkit-keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsUpLeft { -webkit-animation: kenburnsUpLeft ease-out; animation: kenburnsUpLeft ease-out } @-webkit-keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsUpRight { -webkit-animation: kenburnsUpRight ease-out; animation: kenburnsUpRight ease-out } @-webkit-keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } .vegas-animation-kenburnsUp { -webkit-animation: kenburnsUp ease-out; animation: kenburnsUp ease-out } @-webkit-keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } @keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%) } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } } #vegas-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important } #vegas-slider .vegas-control__btn { display: none; position: absolute; top: 50%; line-height: 1; font-size: 1.5rem; font-weight: 700; font-family: 'Poppins', sans-serif; color: #fff; text-transform: uppercase; cursor: pointer; padding: 5px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; z-index: 3 } #vegas-slider .vegas-control__btn:hover { color: #f1cf69 } #vegas-control__prev { left: -10px } #vegas-control__next { right: -10px } #vegas-slider .vegas-dots { position: absolute; bottom: 20px; right: 10px; line-height: 0; text-align: center; z-index: 3 } @media (min-width:576px) { #vegas-slider .vegas-dots { top: 50%; right: 20px; bottom: auto } } #vegas-slider .vegas-dots a { display: block; width: 12px; height: 12px; margin: 6px 0 6px auto; cursor: pointer; background-color: transparent; border: 2px solid #df070c; border-radius: 50%; -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out } #vegas-slider .vegas-dots a:hover, #vegas-slider .vegas-dots a.active { width: 25px; border-radius: 30px } #vegas-slider .vegas-dots a.active { background-color: #df070c; border-color: #df070c; cursor: default; } #start-screen_content-container { position: relative; height: 100% } .start-screen__content { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding-top: 100px; padding-bottom: 50px; visibility: hidden; opacity: 0; text-align: center; color: #fff; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out } .start-screen__content.active { position: relative; top: auto; left: auto; right: auto; visibility: visible; opacity: 1; -webkit-transition: opacity .5s ease-in-out .2s, visibility .3s ease-in-out; -moz-transition: opacity .5s ease-in-out .2s, visibility .3s ease-in-out; -ms-transition: opacity .5s ease-in-out .2s, visibility .3s ease-in-out; -o-transition: opacity .5s ease-in-out .2s, visibility .3s ease-in-out; transition: opacity .5s ease-in-out .2s, visibility .3s ease-in-out } .start-screen__content .title, .start-screen__content .subtitle { font-family: 'Poppins', sans-serif; text-transform: uppercase } .start-screen__content .title { line-height: 1; font-size: 45px; font-weight: 700; letter-spacing: 5px; margin-bottom: 0 } .start-screen__content .subtitle { line-height: 1.2; font-size: 18px; font-weight: 300; letter-spacing: 20px; margin-top: 20px; margin-bottom: 20px } .start-screen__content p { margin-top: 20px; margin-bottom: 20px } .start-screen__content p:first-child { margin-top: 0 } .start-screen__content p:last-child { margin-bottom: 0 } .start-screen__content .custom-btn.primary { background-color: #f1cf69; color: #504935 } .start-screen__content .custom-btn.primary:hover, .start-screen__content .custom-btn.primary:focus { background-color: #444; border-color: #444; color: #fff } .start-screen__content-first { } .start-screen__content-first .title { } .start-screen__content-first .subtitle { } .start-screen__content-second { } .start-screen__content-second .title { } .start-screen__content-second .subtitle { } .start-screen__content-third { } .start-screen__content-third .title { color: #282828 } .start-screen__content-third .subtitle { } @media only screen and (min-width:576px) { #vegas-control__prev { left: 0px } #vegas-control__next { right: 0px } .start-screen__content { text-align: inherit } .start-screen__content .title { line-height: 0.8; font-size: 80px; letter-spacing: 10px } .start-screen__content .subtitle { font-size: 20px } .start-screen__content p { margin-top: 20px; margin-bottom: 20px } .start-screen__content-third .title { line-height: 0.6 } } @media only screen and (min-width:768px) { .start-screen__content { padding-top: 120px; padding-bottom: 80px } .start-screen__content .title { font-size: 110px; letter-spacing: 15px } .start-screen__content .subtitle { font-size: 25px } } @media only screen and (min-width:992px) { header#top-bar { position: fixed; z-index: 99; } header#top-bar.top-bar--style-1.darkHeader { position: fixed; z-index: 99; box-shadow: 0px -12px 15px 0px #000; } .top-bar--style-1.darkHeader .top-bar__navigation a:not(.custom-btn) { color: #000; } .topbar-text.black-clr a{ color: #000!important; } i.topbar-icons.fa.fa-envelope-o.darkHeader1 { color: #000!important; } i.topbar-icons.fa.fa-phone.darkHeader1{color: #000 !important;} .top-bar--style-1.darkHeader .top-bar__navigation li.has-submenu:before { content: ""; float: right; width: 6px; height: 6px; border-bottom: 2px solid #000; border-right: 2px solid #000; margin-left: 10px; margin-top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .start-screen__content { padding-top: 120px; padding-bottom: 120px } .start-screen__content .title { font-size: 130px; letter-spacing: 20px } } @media only screen and (min-width:1200px) { .start-screen__content .title { font-size: 150px; letter-spacing: 30px } } .bg-grey { background: #f7f7f7 } .grid-box { background-color: rgba(192, 185, 31, 0.32941176470588235); padding: 0px; width: 100%; height: auto; } .grid-img { overflow: hidden; margin-bottom: 0 } .grid-img img { width: 100%; cursor: pointer } .grid-img img { width: 100%; cursor: pointer; overflow: hidden } .grid-info { position: relative } .inner-grid-info { position: relative; top: 48%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0px 25px } .inner-grid-info h2 { margin: 15px 0px 5px; color: #46866C; font-weight: 600; font-size: 25px; } .inner-grid-info p { margin-bottom: 0px; line-height: 1.7 } .hover-effects figure:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .hover-effects figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .section-heading--black { color: #000 } h5.headin5_amrc.col_white_amrc.pt2 { color: #fff } li.mobile a { color: #fff } footer.footer--style-1 { background-image: url('../img/footerbg.jpg'); background-repeat: no-repeat; background-size: cover } .footer-distributed .footer-center { width: 35% } .footer-distributed .footer-center i { background-color: #33383b; color: #ffffff; font-size: 25px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 42px; margin: 10px 15px; vertical-align: middle } .footer-distributed .footer-center i.fa-envelope { font-size: 17px; line-height: 38px } .footer-distributed .footer-center p { display: inline-block; color: #ffffff; font-weight: 400; vertical-align: middle; margin: 0 } .footer-distributed .footer-center p span { display: block; font-weight: normal; font-size: 14px; line-height: 2 } .footer-distributed .footer-center p a { color: lightseagreen; text-decoration: none } .footer-distributed .footer-links a:before { content: "|"; font-weight: 300; font-size: 20px; left: 0; color: #fff; display: inline-block; padding-right: 5px } .footer-distributed .footer-links .link-1:before { content: none } ul.Address-footer { list-style-type: none } ul.Address-footer li { position: relative; padding-left: 20px; margin-bottom: 10px; text-align: left; font-size: 14px; color: #fff; padding-right: 0; float: left; font-weight: 400; letter-spacing: 0.9px } ul.Address-footer-class li.add1 h3, ul.Address-footer-class li.add-2 h3 { color: #fff; margin: 5px 0px } ul.Address-footer li:nth-child(2) { position: relative; padding-left: 20px; margin-bottom: 10px; text-align: left; font-size: 14px; color: #fff; padding-right: 0; font-weight: 400; letter-spacing: 0.9px } ul.Address-footer li.add1:before { position: absolute; top: 0; left: 0; font-family: FontAwesome; content: "\f015"; color: #df070c; } ul.Address-footer li.mobile:before { position: absolute; top: 0; left: 0; font-family: FontAwesome; content: "\f095"; color: #df070c; } ul.Address-footer li:last-child { position: relative; padding-left: 20px; margin-bottom: 10px; text-align: left; font-size: 15px; color: #fff; padding-right: 0; letter-spacing: 0.9px } ul.Address-footer li.email:before { position: absolute; top: 0; left: 0; font-family: FontAwesome; content: "\f0e0"; color: #df070c; } ul.footer_ul li a:hover { color: #df070c; } li.email a { text-transform: lowercase; letter-spacing: 0.9px; color: #fff } li.email a:hover { color: #df070c; } li.mobile a:hover { color: #df070c; } ul.footer_ul li a { font-size: 14px; line-height: 30px; letter-spacing: 0.9px; color: #fff } .centered-form form.form-horizontal input, .centered-form form.form-horizontal textarea { font-size: 14px } ul.footer-links { list-style: none; padding: 0 } ul.footer-links li { padding-left: 1.3em } ul.footer-links li:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #df070c;; font-size: 16px } input.class-submit { padding: 10px 30px; background: #df070c;; border: 1px solid #df070c;; color: #fff } .row.flex-lg-row-reverse { margin: 0px 0 0 0 } #footer .footer__item { width: 100%; margin-bottom: 0px!important; } .footer--style-1 .__copy { color: #fff !important; font-size: 14px !important } .footer--style-1 #footer__navigation li.active a, .footer--style-1 #footer__navigation li:hover a { color: #fff !important } .centered-form form.form-horizontal input, .centered-form form.form-horizontal textarea { font-size: 14px; margin-bottom: 10px } .has-feedback .form-control { padding-right: 42.5px } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 2rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .form-control-feedback { display: none } .has-feedback label~.form-control-feedback { top: 0 !important } .error { text-align: left !important; display: table !important } /*form.form-horizontal.form2 label { color: #fff !important }*/ form.form-horizontal.form3 label { color: #000 !important; font-weight: 600 !important } .view-more-btn.class-float-l.mt-5 a { padding: 10px 30px; background: #df070c;; color: #fff } .view-more-btn.class-float-l.mt-5 a:hover { background: #fff; color: #000; padding: 10px 30px } #btn-to-top { display: block; width: 44px; height: 44px; line-height: 42px; font-size: 20px; color: #fff; text-align: center; text-decoration: none; background-color: #df070c!important; opacity: .7; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .top-bar__navigation li.has-submenu:before { content: ""; float: right; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-left: 10px; margin-top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .navigation li a:not(.custom-btn):after { content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 0; height: 2px; background-color: #df070c; opacity: 0; visibility: hidden; -webkit-transition: left .3s ease-in-out, width .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: left .3s ease-in-out, width .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; transition: left .3s ease-in-out, width .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out } .section--pb-0 { padding-bottom: 60px !important } .partners-list .__item { border: 1px solid #ddd; margin: 5px !important } .owl-nav > div { margin-top: -16px; position: absolute; top: 50%; border-radius: 50%; border: 1px solid #df070c; width: 40px; height: 40px; line-height: 52px; text-align: center } .owl-nav i { font-size: 32px; color: #df070c; } .owl-nav .owl-prev { left: -50px } .owl-nav .owl-next { right: -50px } .thumbnail { border: 1px solid #ddd } .share_movment{background: #f1f1f1; padding: 50px 0px;} .p-desc-abt{margin-bottom: 20px !important;} .owl-carousel.clients-logo .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; padding: 0px } .header-wrapper.transparent .header-topbar { position: relative; border-bottom: none; background-color: transparent } .header-topbar { padding: 10px 0; color: rgba(255, 255, 255, .7); background-color: transparent; display: table } .topbar-icons { font-size: 16px; line-height: 24px; display: inline-block; margin-right: 8px; color: #fff !important } .topbar-text { font-size: 15px; display: inline-block; margin: 0; color: rgba(255, 255, 255, .7) } .topbar-text .number-phone { color: #fff } .header-topbar a { color: #fff !important } .topbar-text .number-phone { font-size: 15px; font-weight: 500 } .topbar-list .item { display: inline-block; margin-right: 35px } .topbar-list .item:last-child { display: inline-block; margin-right: 0px } .top-bar { padding-left: 0px; padding-right: 0px } .product-preview--style-21 figure.__image img { width: 100%; border: 1px solid #fff } .product-preview--style-21 figure { margin: 0 } .view-more-btn.class-float-l.mt-5 { display: table; margin-bottom: 20px } @media(max-width:812px) { .number_box .number__ico { transition: all .5s; position: absolute; left: 0; top: 10px } } @media(max-width:800px) { .about_top .box { position: relative; z-index: 9; padding: 20px 10px!important; } .breadcrumb-sec .breadcrumb { background: transparent!important; padding: 10px 0!important; margin: 0; } .hero-breadcrumb:after { border-right: solid 20px transparent!important; border-left: solid 20px transparent!important; border-top: solid 20px #df070c!important; transform: translateX(-50%); position: absolute; z-index: 1; content: ''; top: 100%; left: 50%; height: 0; width: 0; } .testimonial-block .text { position: relative; display: block; font-size: 15px!important; line-height: 22px!important; color: #282331; font-weight: 400; margin-bottom: 50px; text-align: justify; } .testimonial-block .inner-box { padding: 30px 30px!important; background-color: #ffffff; box-shadow: 0 0 50px rgba(226, 222, 232, 0.75); } .testimonial-section .testimonial-carousel { position: relative; max-width: 1100px; margin: 0 0px!important; } .footer--style-1 { padding-top: 130px!important; padding-bottom: 20px; font-size: 1.3rem; } p.testimonial { color: #fff; font-size: 15px!important; word-spacing: 0px; letter-spacing: 0.5px; } .carousel-pad { padding: 0!important; } h5.headin5_amrc.col_white_amrc.pt2 { color: #fff; margin-top: 30px } .testimonial { padding: 0px 0!important; margin: 0px 15px!important; } p.testimonial { text-align: justify; } .single-project-slide .project-content { position: absolute; width: 100%; height: 50px !important; bottom: 0; left: 0; z-index: 10; background-color: rgba(255, 255, 255, 0.8); padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .top-bar.is-expanded .top-bar__inner { position: fixed; top: 0; left: 0; right: 0; height: 100%; border-top: 100px solid transparent; border-bottom: 40px solid transparent; padding: 0 15px; overflow-y: auto; font-size: 0; text-align: left; background: rgba(87, 87, 87, 0.9098039215686274); } .inner-grid-info { position: relative; top: 60px; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0px 25px } .about-content p { width: 100%; padding-left: 0; display: table; text-align: justify } .owl-nav .owl-prev { left: 0 !important } .owl-nav .owl-next { right: 0 !important } .inner-grid-info h2 { margin: 15px 0px 5px; color: #46866C; font-weight: 600; font-size: 18px } .inner-grid-info p { margin-bottom: 20px !important; line-height: 1.7 } .owl-carousel.clients-logo .owl-item img { display: block; width: auto; -webkit-transform-style: preserve-3d; padding: 0px; display: table; margin: 0 auto; border: 1px solid #ccc; } .thumbnail { border: 0 } } .single-project-slide { position: relative; z-index: 1; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 2px } .single-project-slide .project-content { position: absolute; width: 100%; height: 70px; bottom: 0; left: 0; z-index: 10; background-color: rgba(255, 255, 255, 0.8); padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .single-project-slide .project-content .text h5 { color: #000; font-weight: 700; margin-bottom: 0 } .single-project-slide .hover-effects { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-color: #00adef; z-index: 100; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms } .single-project-slide .hover-effects .text { padding: 30px } .single-project-slide .hover-effects .text h5 { color: #ffffff; margin-bottom: 30px } .single-project-slide .hover-effects .text p { margin-bottom: 0; font-size: 16px; font-weight: 300; color: #ffffff } .single-project-slide .hover-effects .project-btn { font-size: 16px; padding: 0 30px; display: block; background-color: #F5F5F5; border-radius: 0; color: #00adef; text-align: left; font-weight: 500; position: absolute; bottom: 0; height: 70px; width: 100%; line-height: 70px } .map-canvas img { display: table; margin: 0 auto } .p-desc-abt { text-align: justify; margin: 0 } @font-face { font-family: 'poppins'; src: url(../font/poppins.eot); src: url(../font/poppinsd41dd41d.eot?#iefix) format('embedded-opentype'), url(../font/poppins.svg#poppins) format('svg'), url(../font/poppins.woff) format('woff'), url(../font/poppins.ttf) format('truetype'); font-weight: normal; font-style: normal } @font-face { font-family: 'poppinsB'; src: url(../font/poppinsB.eot); src: url(../font/poppinsBd41dd41d.eot?#iefix) format('embedded-opentype'), url(../font/poppinsB.svg#poppinsB) format('svg'), url(../font/poppinsB.woff) format('woff'), url(../font/poppinsB.ttf) format('truetype'); font-weight: normal; font-style: normal } @font-face { font-family: 'BebasNeue'; src: url(../font/BebasNeue.eot); src: url(../font/BebasNeued41dd41d.eot?#iefix) format('embedded-opentype'), url(../font/BebasNeue.svg#BebasNeue) format('svg'), url(../font/BebasNeue.woff) format('woff'), url(../font/BebasNeue.ttf) format('truetype'); font-weight: normal; font-style: normal } .video-sec { padding-top: 82px } .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px } @media screen and (min-width:1600px) { .video-play-button { position: absolute; z-index: 10; top: 50% !important; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px } } .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #1d77ac; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #1d78ac; border-radius: 50%; transition: all 200ms } .video-play-button:hover:after { background-color: #da0528 } .video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } } .video-overlay { z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.80); opacity: 0; transition: all ease 500ms } .video-overlay.open { position: absolute; z-index: 1000; opacity: 1 } .video-overlay-close { position: absolute; z-index: 1000; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: all 200ms } .video-overlay-close:hover { color: #fa183d } .video-overlay iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) } a.main_more.text-center { display: table; margin: 0px auto 20px } .mrgn-tp-20 { margin-top: 20px } .margn-btm-60 { margin-bottom: 60px } .number__ico span { color: #fff } .text.newm.about-us-text p { font-size: 17px !important; line-height: 30px; text-align: justify; letter-spacing: 0.4px } .abt-us-inner-sec { padding: 70px 0 70px 0 } .abt-image-inner { margin-top: 50px } .contact-form form { margin: 30px 0 } input.main_more.main_more_class.brdr-show.google_genzong { border: 1px solid #1c5f91; color: #1c5f91; text-transform: uppercase; margin-left: 0 } input.main_more.main_more_class.brdr-show.google_genzong:hover { border: 1px solid #1c5f91; color: #fff } .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #df070c;; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #df070c;; border-radius: 50%; transition: all 200ms } .video-play-button:hover:after { background-color: #df070c; } .video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } } .video-overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.80); opacity: 0; transition: all ease 500ms } .video-overlay.open { position: fixed; z-index: 999999; opacity: 1 } .video-overlay-close { position: absolute; z-index: 999999; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff!important; text-decoration: none; cursor: pointer; transition: all 200ms } .video-overlay-close:hover { color: #ef5e5d } .video-overlay iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) } .img-video img { width: 100%; /*margin-left: 27.666667%*/ } .error-ripple { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); color: #eee; padding: 20px; display: none } .a-banner { background-size: cover; height: 876px !important } .about_content { position: relative; padding-top: 70px; padding-bottom: 70px; overflow: hidden } .about_content:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/Corporate-Video-Background-v.2.jpg) no-repeat center center; background-attachment: fixed } .about_top { text-align: center; position: relative; z-index: 2 } .about_top .box { position: relative; z-index: 9; padding: 60px 10px } .about_top .box:before { content: ''; border: 10px solid #fff; background: rgba(255, 255, 255, 0.2); width: 360px; height: 240px; display: block; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -180px; margin-top: -60px; z-index: -1; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2 } .about_top .number { display: block; color: #fff; font-size: 228px; line-height: 210px; font-family: 'BebasNeue' } .about_top .title { font-size: 32px; line-height: 36px; display: block; color: #fff; font-family: 'BebasNeue'; text-transform: uppercase } .fact_box { text-align: center } .fact_box .more { display: inline-block; position: relative; z-index: 99; padding: 0 10px } .fact_box .more:before { display: inline-block; content: ''; width: 0; height: 0; height: 100%; position: absolute; left: 0; top: 0; border-top: 50px solid transparent; border-right: 10px solid #e5e5e5; transition: all .5s } .fact_box .more:after { display: inline-block; content: ''; width: 0; height: 0; height: 100%; position: absolute; right: 0; top: 0; border-top: 50px solid transparent; border-left: 10px solid #e5e5e5; transition: all .5s } .fact_box .more span { display: inline-block; background: #e5e5e5; padding: 10px; font-size: 24px; line-height: 28px; color: #333333; transition: all .5s } .fact_box .more:hover span { background: #df070c; text-decoration: none; color: #fff } .fact_box .more:hover:before { border-right: 10px solid #df070c } .fact_box .more:hover:after { border-left: 10px solid #df070c } .fact_box .slider { position: relative; z-index: 99; background: #e5e5e5; padding: 15px 9px } .fact_box .slider .li { padding: 0 6px } .fact_box .slider .li .box { position: relative; overflow: hidden } .fact_box .slider .li .box > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10 } .fact_box .slider .li img { max-width: 100%; width: 100%; height: auto; transition: all .5s } .fact_box .slider .li:hover img { -webkit-transform: scale(var(--scale-multiplier, 1.05)); -ms-transform: scale(var(--scale-multiplier, 1.05)); transform: scale(var(--scale-multiplier, 1.05)) } .fact_box .slider .li .title { display: block; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size: 28px; padding: 8px; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(0, 0, 0, 0.3))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b55', endColorstr='#5b5b55', GradientType='0'); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); transition: all .5s } .number_box { padding-top: 50px } .number_box .numbers__one { float: left; width: 33.3%; text-align: center; padding-left: 70px; padding-right: 15px; position: relative } .number_box .number__ico { transition: all .5s; position: absolute; /*left: 0;*/ top: 10px } .number_box .numbers__one:hover .number__ico { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; transform: rotateY(180deg) } .number_box .number__ico img { max-width: 50px; height: auto } .number_box .numbers__num { color: #ffffff; font-size: 76px; line-height: 76px; font-family: 'BebasNeue' } .number_box .numbers__one .numbers__num:after { content: '+'; color: #ffffff; font-size: 76px; line-height: 76px } .number_box .numbers__two .numbers__num:after { content: '+'; color: #ffffff; font-size: 76px; line-height: 76px } .number_box .numbers__three .numbers__num:after { content: '%'; color: #ffffff; font-size: 76px; line-height: 76px } .number_box .numbers__four .numbers__num:after { content: '+'; color: #ffffff; font-size: 76px; line-height: 76px } .number_box .number__desc { font-size: 20px; color: #f7e1e0; margin-top: 5px; line-height: 22px } @media screen and (max-width:1680px) { .font_83 { font-size: 35px!important; line-height: 45px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 400px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .start-screen { position: relative; height: 860px; } .a-banner { background-size: cover; height: 773px !important } } @media screen and (max-width:1600px) { #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 380px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .card-header { padding: 20px 15px 20px 15px!important; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid #EEEEEE; background: transparent; } ul.ul-lists-swaste-country li { padding-left: 1.3em; line-height: 25px!important; text-align: justify; } ul.ul-lists-scenario-in-cities li { padding-left: 1.3em; line-height: 25px!important; text-align: justify; } .about_left_text_wrapper p.font_16.text-justify { line-height: 25px!important; } .waste-content h1 { text-align: center; font-size: 25px!important;line-height: 40px; } .waste-generation-content h1 { text-align: center; font-size: 25px!important; line-height: 40px; } .font_83 { font-size: 30px!important; line-height: 40px!important; } .disadvantages-sec { padding: 30px 0!important; } .present-day-scenario-sec { padding: 30px 0!important; } .salient-features-sec { padding: 30px 0!important; } .start-screen { position: relative; height: 850px; } .a-banner { background-size: cover; height: 737px !important } } @media screen and (max-width:1536px) { .caption.caption1.context-dark h2 a { color: #333; font-size: 15px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 365px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .font_83 { font-size: 30px!important; line-height: 38px!important; } .our-team .team-prof .post-title { font-size: 14px!important; color: #fff; margin: 0 0 0px 0; text-transform: uppercase; font-weight: 600; } .waste-content h1 { text-align: center; font-size: 20px!important; } .waste-generation-content h1 { text-align: center; font-size: 20px!important; } .start-screen { position: relative; height: 790px; } .a-banner { background-size: cover; height: 707px !important } .about_top .number { display: block; color: #fff; font-size: 160px; line-height: 210px; font-family: 'BebasNeue' } } @media screen and (max-width:1440px) { #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 340px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .about_right_text_wrapper { display: inline-block; padding: 4em 45px 0 0!important; width: 100%; } ol.process-chart > li > div > ul > li, ol.process-chart > li > div > p { font-weight: 600; color: #fff; font-size: 13px!important; } .card-header { padding: 15px 15px 15px 15px!important; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid #EEEEEE; background: transparent; } ul.ul-lists-swaste-country li { padding-left: 1.3em; line-height: 22px!important; text-align: justify; } .about_left_text_wrapper p.font_16.text-justify { line-height: 22px!important; } ul.ul-lists-scenario-in-cities li { padding-left: 1.3em; line-height: 22px!important; text-align: justify; } .font_83 { /*font-size: 47px!important;*/ font-size: 28px!important; line-height: 40px!important; } .inner-grid-info h2 { margin: 5px 0px 5px; color: #46866C; font-weight: 600; font-size: 22px; } .start-screen { position: relative; height: 735px; } .a-banner { background-size: cover; height: 663px !important } } @media screen and (max-width:1400px) { #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 335px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .font_83 { font-size: 30px!important; } .our-team .team-prof .post-title { font-size: 13px!important; color: #fff; margin: 0 0 0px 0; text-transform: uppercase; font-weight: 600; } .inner-grid-info h2 { margin: 5px 0px 5px; color: #46866C; font-weight: 600; font-size: 20px; } .start-screen { position: relative; height: 730px; } .a-banner { background-size: cover; height: 644px !important } } @media screen and (max-width:1380px) { #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 325px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .start-screen { position: relative; height: 660px; } .a-banner { background-size: cover; height: 635px !important } } @media screen and (max-width:1366px) { p.font_16.email-contact { font-size: 14px; } .p-desc-abt { font-size: 14px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 320px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .font_83 { font-size: 30px!important; } .a-banner { background-size: cover; height: 629px !important } .gal-item .box { height: 240px; overflow: hidden } } @media screen and (max-width:1280px) { #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 300px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } ol.process-chart > li { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%); background-color: #fff; counter-increment: item; flex-basis: 0; flex-grow: 1; margin: 1em 1em 1em -1em; min-width: 10.25em!important; padding: 1em 1em 1em 2em; } .our-team .team-prof .post-title { font-size: 12px!important; color: #fff; margin: 0 0 0px 0; text-transform: uppercase; font-weight: 600; } .font_83 { /* font-size: 34px!important;*/ font-size: 25px!important; line-height: 35px!important; } .a-banner { background-size: cover; height: 589px !important } } @media screen and (min-width:1024px) { .buttons_get.buttons_get_1 { display: block; margin: 70px 0px; text-align: center; } .buttons_get.buttons_get_2 { display: block; margin: 120px 0px; text-align: center; } } @media screen and (max-width:1024px) { .number_box { padding-top: 90px!important; } .breadcrumb-sec .breadcrumb li { font-size: 14px!important; font-weight: 600; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 240px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .waste-generation-content h1 { text-align: center; font-size: 30px; line-height: 27px!important; } ol.process-chart > li > div > ul > h2,ol.process-chart > li > div > h2 { color: #fff; font-size: 30px!important; } .waste-content h1 { line-height: 27px; text-align: center; font-size: 18px!important; } .waste-generation-content h1 { text-align: center; line-height: 27px; font-size: 18px!important; } .our-team .team-prof .post-title { font-size: 10px!important; color: #fff; margin: 0 0 0px 0; text-transform: uppercase; font-weight: 600; } .top-bar__navigation li { margin-top: 0; margin-left: 22px; padding: 15px 0; } ol.process-chart > li { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%); background-color: #fff; counter-increment: item; flex-basis: 0; flex-grow: 1; margin: 1em 1em 1em -1em; min-width: 8.25em!important; padding: 1em 1em 1em 2em; } .a-banner { background-size: cover; height: 471px !important } } @media (min-width: 992px){ .product-promo--style-1 { margin-top: -174px!important; } } @media (max-width:992px) and (min-width:991px) { .number_box { padding-top: 145px; } } @media screen and (max-width:991px) { .product-content-description p { text-align: justify; } .about_left_text_wrapper p { text-align: justify; } .right-save-money-content .about_right_text_wrapper h1 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 40px; margin-bottom: 15px!important; } .right-save-money-content { padding: 20px 0px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 230px!important; padding-top: 150px; padding-bottom: 30px; color: #fff; } .top-bar__navigation li { margin-top: 0; margin-left: 0; padding: 15px 0; } .top-bar__navigation-toggler--light span, .top-bar__navigation-toggler--light span:after, .top-bar__navigation-toggler--light span:before { background-color: #fff; } .top-bar { padding-left: 0px; padding-right: 0px; padding: 15px; } .top-bar { position: inherit; top: 0; left: 0; width: 100%; z-index: 5; background-color: #4a4a4a!important; } .top-bar.is-expanded .top-bar__inner { position: fixed; top: 0; left: 0; right: 0; height: 100%; border-top: 100px solid transparent; border-bottom: 40px solid transparent; padding: 0 15px; overflow-y: auto; font-size: 0; text-align: left; background: rgba(87, 87, 87, 0.9098039215686274); } .product-promo--style-1 { margin-top: 0px!important; } .number_box .numbers__one { /* float: left; width: 25%; text-align: left; padding-left: 50px; padding-right: 15px; position: relative;*/ float: left; width: 33.3%; text-align: left; padding-left: 50px; padding-right: 0px; position: relative; } .top-bar__logo img { height: 100%; } .start-screen { position: relative; height: 500px; min-height: 500px; } } @media screen and (max-width:800px){ .mob-bt { margin-bottom: 18rem; } .product-content-specifications h2 { text-transform: capitalize; background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-bottom: 20px; position: relative; font-size: 22px!important; } ul.submenu li a,ul.sub-menu li a { text-transform: capitalize; line-height: 25px!important; } .specification_table table td { padding: 2px!important; text-align: center; font-size: 12px!important; font-weight: 600; text-align: center!important; padding-left: 0!important; } .technical-specifications-sec:before { content: ''; display: block; width: 0; height: 0; border-bottom: 350px solid #df070c; border-right: 150px solid transparent; position: absolute; bottom: 0; left: 0; z-index: -1; } .technical-specifications-sec:after { content: ''; display: block; width: 0; height: 0; border-top: 350px solid #dddddd; border-left: 150px solid transparent; position: absolute; bottom: 0; right: 0; top: 0; z-index: -1; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 200px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .text_div.address-info { padding-left: 15px!important; padding-top: 15px!important; } .scenario_text_wrapper { display: inline-block; padding: 4em 1em; width: 100%; border-top: 1px solid #ccc; /* border-bottom: 1px solid #ccc; */ } .video-overlay iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) width:auto!important; height: auto!important; } .about_top .number { display: block; color: #fff; font-size: 92px; line-height: 325px; font-family: 'BebasNeue'; } .start-screen { position: relative; height: 400px; min-height: 400px; } } @media screen and (max-width:768px) { .product-sec { padding: 70px 0 50px!important; } .mob-bt { margin-bottom: 18rem; } .product-content-description h2 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 50px; } .img_block .caption h2 { font-size: 15px!important; } .stick_close { cursor: pointer; position: absolute; top: -1px; right: -1px; float: right; font-size: 30px; background-color: #df070c; color: #fff; text-decoration: none; width: 51px!important; height: 51px!important; line-height: 51px!important; text-align: center; } .modal-title { text-align: center; font-size: 20px!important; display: table; margin: 0 auto; color: #fff; } .headerh3 { font-size: 14px!important; line-height: 25px!important; font-weight: bold; } #footer .footer__item { width: 100%; margin-bottom: 50px!important; } form.form-horizontal.form3 .has-feedback label~.form-control-feedback { top: 4px!important; } form.form-horizontal.form3 input,.contact_form_wraper .wpcf7-form input { height: 40px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 185px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .start-screen { position: relative; height: 400px; min-height: 400px; } .owl-nav { display: none; } .number_box { padding-top: 120px; } section.bg--greyfade { padding: 0 0px 50px 0 } .img-video img { margin-left: 0% } .video-play-button { left: 50% } .number_box .number__ico { left: 230px } .number_box .numbers__one { float: left; width: 100%; text-align: left; padding-left: 0px; padding-right: 0px; position: relative; } .sidepan img { width: 100%; height: 100% } .sidepan { background: #dcdbd7 } .contact-left-form { padding: 1em } .contact-left-form { margin: 0 0 25px 0 } .pl-lg-5, .px-lg-5 { padding-left: 0px !important } .image-block__item.is-active:hover { background-color: rgba(239, 94, 93, 0.46) !important } .number_box .number__desc { font-size: 15px; line-height: 20px; font-family: 'Ropa Sans', sans-serif; text-align: center; margin-bottom: 0px } .number_box .numbers__num, .number_box .numbers__two .numbers__num:after { font-size: 35px; line-height: 45px; text-align: center } .number_box .numbers__num, .number_box .numbers__one .numbers__num:after { font-size: 35px; line-height: 45px; text-align: center } .number_box .numbers__num, .number_box .numbers__three .numbers__num:after { font-size: 35px; line-height: 45px; text-align: center } .about_top .number { display: block; color: #fff; font-size: 36px; line-height: 100px; font-family: 'BebasNeue' } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 50px; height: 50px; background: #1d77ac; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 25px solid #fff; border-top: 16px solid transparent; border-bottom: 16px solid transparent; top: 6px; left: 4px } } @media screen and (max-width:767px){ .start-screen { position: relative; height: 400px; min-height: 400px; } .number_box { padding-top: 85px; } .number_box .number__ico { left: 150px; } } @media screen and (max-width:667px){ .mob-bt { margin-bottom: 10rem!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 160px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } ol.process-chart > li > div > ul > li, ol.process-chart > li > div > p { font-weight: 600; color: #fff; margin-bottom: 0!important; } .start-screen { position: relative; height: 330px!important; min-height: 330px!important; } ol.process-chart > li { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%); background-color: #fff; counter-increment: item; flex-basis: 0; flex-grow: 1; margin: 1em 1em 1em -1em; min-width: 100%!important; padding: 1em 1em 1em 2em; } } @media screen and (max-width:640px) { .mob-bt { margin-bottom: 10rem!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 155px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } } @media (max-width:601px) and (min-width: 599px) { .mob-bt { margin-bottom: 10rem!important; } .inner-grid-info { position: relative; top: 35px; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0px; } } @media (max-width:600px){ .mob-bt { margin-bottom: 10rem!important; } .product-content-description h2 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px; } .buttons_get a.pdf_brouchure { background: #df070c; padding: 12px 15px 12px 15px!important; display: inline-block; border-radius: 50px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 13px!important; border: 2px solid #df070c; position: relative; min-width: 100%!important; font-weight: 600; } .buttons_get a.enquire_product { background: #df070c; padding: 12px 15px!important; display: inline-block; border-radius: 50px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 13px!important; margin: 10px 0px!important; border: 2px solid #df070c; min-width: 100%!important; font-weight: 600; } .breadcrumb-sec .breadcrumb li { font-weight: 600; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 140px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .inner-grid-info { position: relative; top: 35px; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0px; } .inner-grid-info h2 { margin: 30px 0px 5px; color: #46866C; font-weight: 600; font-size: 23px; } } @media screen and (max-width:568px){ #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 135px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } ol.process-chart > li { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%); background-color: #fff; counter-increment: item; flex-basis: 0; flex-grow: 1; margin: 1em 1em 1em -1em; min-width: 100%!important; padding: 1em 1em 1em 2em; } .start-screen { position: relative; height: 290px!important; min-height: 290px!important; } .number_box { padding-top: 52px; } .top-bar__logo { position: relative; margin-left: 0px; /* z-index: 6; */ margin-top: 0px; } } @media screen and (max-width:480px){ .footer--style-1 .__copy { color: #fff !important; font-size: 12px !important; } .footer-menu li { display: inline-block; padding-right: 12px!important; } p.font_16.phone-contact span.green { font-size: 14px; } form.form-horizontal.form3 input,.contact_form_wraper .wpcf7-form input { height: 40px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 120px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .inner-grid-info h2 { margin: 30px 0px 5px; color: #46866C; font-weight: 600; font-size: 16px; } .start-screen { position: relative; height: 250px!important; min-height: 250px!important; } .inner-grid-info p { margin-bottom: 30px !important; line-height: 1.7; } .about_content:before { content: ''; width: 100%; position: absolute; left: 0; top: 0; background: url(../img/Corporate-Video-Background-v.2.jpg) no-repeat center center; background-attachment: fixed; } } @media screen and (max-width:425px){ .mob-bt { margin-bottom: 5rem!important; } .product-content-description h2 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; } .footer-menu li a { font-size: 11px!important; line-height: 30px; letter-spacing: 0.9px; color: #fff; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 100px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .start-screen { position: relative; height: 210px!important; min-height: 210px!important; } .about_content:before { content: ''; width: 100%; position: absolute; left: 0; top: 0; background: url(../img/Corporate-Video-Background-v.2.jpg) no-repeat center center; background-attachment: fixed; } .number_box .number__ico { left: 112px; } } @media screen and (max-width:375px){ .footer-menu li { display: inline-block; padding-right: 5px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 90px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .inner-grid-info h2 { margin: 30px 0px 5px; color: #46866C; font-weight: 600; font-size: 14px; } .start-screen { position: relative; height: 190px!important; min-height: 190px!important; } .inner-grid-info p { margin-bottom: 20px !important; line-height: 1.7; } .about_content:before { content: ''; width: 100%; position: absolute; left: 0; top: 0; background: url(../img/Corporate-Video-Background-v.2.jpg) no-repeat center center; background-attachment: fixed; } .number_box .number__ico { left: 80px; } } @media screen and (max-width:360px){ ul.footer-links1 { display: table; margin: 0 auto 15px; text-align: center; } .footer-menu li { display: inline-block; padding-right: 2px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 85px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .start-screen { position: relative; height: 160px!important; min-height: 160px!important; } .inner-grid-info h2 { margin: 30px 0px 5px; color: #46866C; font-weight: 600; font-size: 13px; } } @media screen and (max-width:320px){ .footer-menu li { display: inline-block; padding-right: 2px!important; } #hero { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 75px!important; padding-top: 0px; padding-bottom: 0px; color: #fff; } .inner-grid-info h2 { margin: 30px 0px 5px; color: #46866C; font-weight: 600; font-size: 13px; } .about_content:before { content: ''; width: 100%; position: absolute; left: 0; top: 0; background: url(../img/Corporate-Video-Background-v.2.jpg) no-repeat center center; background-attachment: fixed; } .number_box .number__ico { left: 68px; } } .single-project-slide img { transition: all .5s ease 0s; } /*.single-project-slide:hover { transform: scale(0.89); } */ .single-project-slide:hover img.img-fluid { -webkit-transform: scale(1.1); transform: scale(1.1); } ul.footer_ul li a:hover { color: #df070c!important; } .footer-shape { position: absolute; top: 0; height: 60px; width: 1px; background: #ffffff; text-align: center; margin: 0px auto; left: 0; right: 0; } .footer-shape::before { position: absolute; content: ""; width: 3px; height: 3px; background: #ffffff; bottom: -24px; left: -1px; border-radius: 100%; } .footer-shape::after { position: absolute; content: ""; width: 3px; height: 3px; background: #ffffff; bottom: -44px; left: -1px; border-radius: 100%; } .footer-logo { text-align: center; } .footer-logo img { width: auto; } .mrgn-tp-50 { margin-top: 50px; } .footer-menu li { display: inline-block; padding-right: 30px; } .footer-menu li a { font-size: 14px; line-height: 30px; letter-spacing: 0.9px; color: #fff; } ul.footer-links1 { display: table; margin: 0 auto 15px; } /*===========================about-us-sec-start=============================*/ .green-clr { color: #df070c; } .about_right_text_wrapper { display: inline-block; padding: 4em 45px; width: 100%; } .gray { /*color: #BFBFBF;*/ color: #757575; } .uppercase { text-transform: uppercase; } .font_83 { /*font-size: 60px;*/ font-size: 40px; line-height: 50px; } .orange { color: #EA762D; } .about_left_text_wrapper { display: inline-block; padding: 4em 1em; width: 100%; border-top: 2px solid #DFDFDF; border-bottom: 2px solid #DFDFDF; } .about-us-sec { padding:100px 0 75px; } .present-day-scenario-sec { padding: 70px 0; } .scenario_text_wrapper { display: inline-block; padding: 4em 1em; width: 100%; border-top: 2px solid #DFDFDF; /* border-bottom: 2px solid #DFDFDF;*/ } ul.ul-lists-scenario-in-cities { list-style: none; padding: 0; } ul.ul-lists-scenario-in-cities li { padding-left: 1.3em; line-height: 30px; text-align: justify; } ul.ul-lists-scenario-in-cities li:before { font-size: 18px; content: "\f101"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; color: #df070c; } .about_left_text_wrapper p.font_16.text-justify { line-height: 30px; } span.fa.fa-circle { font-size: 15px; color: #df070c; } .slides_img { cursor: pointer; } /*.slides_img_1.relative { overflow: hidden; } .relative { position: relative; } .slides_img_1.relative img { transition: all ease-in-out 0.5s; } .cust_gallery_grid img { width: 100%; } .img_overlay_over { height: 16%; } .img_overlay { transition: all ease-in-out 0.5s; opacity: 1; position: absolute; width: 100%; bottom: 0; left: 0; height: 15%; background: rgba(0,0,0,0.7); z-index: 8; } .hover_Text { padding: 6px 20px; text-align: left; } .hover_Text p { color: #fff; transition: all ease-in-out 1s; } .font_16 { font-size: 16px; } .slides_img:hover .img_overlay_2 { opacity: 1; height: 15%; } .img_overlay_2 { transition: all ease-in-out 0.5s; opacity: 0; position: absolute; width: 100%; bottom: 0; left: 0; height: 100%; background: rgba(0,0,0,0.7); } .slides_img:hover .slides_img_1.relative a img { transform: scale(1.1); } .slides_img_1.relative img { transition: all ease-in-out 0.5s; } .cust_gallery_grid { margin-top: 5px; } .img_overlay_over { height: 20%; } p.uppercase.font_16 { margin: 0; } .pad-3 { padding: 3px; } .cust_gallery_grid { margin-top: 0px; }*/ .our-team{ border: 1px solid #d3d3d3; position: relative; overflow: hidden; } .our-team img{ width: 100%; height: auto; } .our-team .team-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 45px 18px; background: rgba(0,0,0,0.7); transform: translateY(-100%); transition: all 0.20s ease 0s; } .our-team:hover .team-content{ transform: translateX(0); } .our-team .team-content .post-title{ font-size: 18px; color: #fff; text-transform: uppercase; } .our-team .team-content .post{ font-size: 14px; color: #cb95e1; display: block; margin-bottom: 20px; } .our-team .description{ font-size: 14px; line-height: 25px; color: #fff; margin-bottom: 20px; } .our-team .team_social{ margin:0; padding:0; list-style: none; } .our-team .team_social li{ display: inline-block; margin-right: 5px; } .our-team .team_social li a{ width: 40px; height: 40px; border-radius: 50%; border: 2px solid #f5f5f5; font-size: 17px; color: #f5f5f5; line-height: 40px; text-align: center; display: inline-block; transition: border 0.3s ease 0s; } .our-team .team_social li a:hover{ border-color: transparent; } .our-team .team-prof{ width: 100%; position: absolute; bottom: 0; text-align: left; padding: 15px 16px; background: rgba(0,0,0,0.7); /*transform: translateX(0);*/ transition: all 0.20s ease 0s; } .our-team:hover .team-prof{ /* transform: translateX(100%);*/ } .our-team .team-prof .post-title{ font-size: 16px; color: #fff; margin: 0 0 0px 0; text-transform: uppercase; font-weight: 600; } .our-team .team-prof .post{ font-size: 14px; color: #cb95e1; margin-bottom: 0; } @media only screen and (max-width: 990px) { .our-team{ margin-bottom: 0px; } } .pad-3 { padding: 1px; } .mt-20 { margin-top: 20px; } .waste-content h1 { /*font-size: 17px; text-align: center; line-height: 30px; color: #fff; background: #df070c; padding: 12px 50px; font-weight: 600;*/ text-align: center; font-size: 30px; } ul.ul-lists-swaste-country { list-style: none; padding: 0; } ul.ul-lists-swaste-country li { padding-left: 1.3em; line-height: 30px; text-align: justify; } ul.ul-lists-swaste-country li:before { font-size: 18px; content: "\f101"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; color: #df070c; } .p-0 { padding: 0; } .mt-50 { margin-top: 50px; } .waste-generation-content h1 { text-align: center; font-size: 30px; line-height: 40px; } /*-------------------------------process-start--------------------------------------*/ ol.process-chart { color: #000; counter-reset: item; display: flex; flex-wrap: wrap; list-style: none; margin: 0 0 0 1em; padding: 0; } ol.process-chart > li, ol.process-chart > li > div { position: relative; } ol.process-chart > li { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%); background-color: #fff; counter-increment: item; flex-basis: 0; flex-grow: 1; margin: 1em 1em 1em -1em; min-width: 11.25em; padding: 1em 1em 1em 2em; } ol.process-chart > li:before, ol.process-chart > li > div:before { color: rgba(0,0,0,0.75); font-family: 'Oswald', sans-serif; text-transform: uppercase; } /*ol.process-chart > li:before { content: 'Step'; display: inline-block; font-weight: 300; left: 2em; letter-spacing: 0.1em; position: absolute; top: 1em; transform: rotate(90deg); transform-origin: 25% 50%; }*/ ol.process-chart > li:after { border-bottom: 1em solid transparent; border-left: 1em solid #fff; border-right: 0 solid transparent; border-top: 1em solid transparent; content: ''; height: 100%; position: absolute; right: -1em; top: 0; width: 0; z-index: 1; } ol.process-chart > li > div { padding: 0 0 0 1em; } ol.process-chart > li > div:before { /*content: counter(item, decimal-leading-zero);*/ font-size: 3em; font-weight: 500; line-height: 1; } /*** PRIMARY ***/ ol.process-chart > li:nth-of-type(6n+1) { background-color: #df070c; } ol.process-chart > li:nth-of-type(6n+1):after { border-left-color: #df070c; } /*** SECONDARY ***/ ol.process-chart > li:nth-of-type(6n+2) { background-color: #df070c; } ol.process-chart > li:nth-of-type(6n+2):after { border-left-color: #df070c; } /*** TERTIARY ***/ ol.process-chart > li:nth-of-type(6n+3) { background-color: #df070c; } ol.process-chart > li:nth-of-type(6n+3):after { border-left-color: #df070c; } /*** QUATERNARY ***/ ol.process-chart > li:nth-of-type(6n+4) { background-color: #df070c; } ol.process-chart > li:nth-of-type(6n+4):after { border-left-color: #df070c; } /*** QUINARY ***/ ol.process-chart > li:nth-of-type(6n+5) { background-color: #df070c; } ol.process-chart > li:nth-of-type(6n+5):after { border-left-color: #df070c; } /*** MEDIA QUERIES ***/ @media only screen and ( max-width: 40em ) { ol.process-chart { margin: 1em 0 0 0; padding: 1em 0 0 0; } ol.process-chart > li { background: linear-gradient(rgba(0,0,0,0.25) 0%, transparent 25%); flex-basis: inherit; margin: -1em 0 1em 0; min-width: inherit; padding: 1em 1em 0 1em; } ol.process-chart > li:before { left: 1em; top: 2em; } ol.process-chart > li:after { border-bottom: 0 solid transparent; border-left: 1em solid transparent!important; border-right: 1em solid transparent; border-top: 1em solid #fff; bottom: -1em; height: 0; left: 0; right: inherit; top: inherit; width: 100%; } ol.process-chart > li > div { padding: 1em 1em 0 1em; } /*** PRIMARY ***/ ol.process-chart > li:nth-of-type(6n+1):after { border-top-color: #df070c; } /*** SECONDARY ***/ ol.process-chart > li:nth-of-type(6n+2):after { border-top-color: #df070c; } /*** TERTIARY ***/ ol.process-chart > li:nth-of-type(6n+3):after { border-top-color: #df070c; } /*** QUATERNARY ***/ ol.process-chart > li:nth-of-type(6n+4):after { border-top-color: #df070c; } /*** QUINARY ***/ ol.process-chart > li:nth-of-type(6n+5):after { border-top-color: #df070c; } } ol.process-chart > li > div > ul > li,ol.process-chart > li > div > p{ font-weight: 600; color: #fff; } ol.process-chart > li > div > ul > h2 { color: #fff; } ol.process-chart > li > div > h2 { color: #fff; } .mt-80 { margin-top: 80px; } .disadvantages-sec { padding: 75px 0; } /*--------------------------------process-end--------------------------------------*/ /*===========================about-us-sec-end=============================*/ .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; border: 1px solid #828282; width: 25px; height: 25px; text-align: center; /* border: rebeccapurple; */ border-radius: 50%; line-height: 25px;color: #828282; } .accordion .card-header.collapsed:after { content: "\f067"; border: 1px solid #828282; /* width: 50px; */ width: 25px; height: 25px; text-align: center; /* border: rebeccapurple; */ border-radius: 50%; line-height: 25px; color: #828282; } .card-header { padding: 30px 15px 30px 15px; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid #EEEEEE; background: transparent; } #accordion.accordion.card { border:0!important; } .card { border:0!important; } .card-new a.card-title { font-size: 18px; font-weight: 600; letter-spacing: 1px; } .accordion-pad { display: inline-block; padding: 4em 1em; width: 100%; border-top: 2px solid #DFDFDF; /* border-bottom: 2px solid #DFDFDF;*/ } .breadcrumb-sec .breadcrumb { background: transparent!important; padding: 15px 0; margin: 0; } li.breadcrumb-item a { color: #ffffff; } li.breadcrumb-item.active{ color: #fff!important; } .breadcrumb-sec .breadcrumb li{font-size: 20px;font-weight: 600;color: #fff;} .Kitchen-waste-desc p.font-bold { font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #000;} .height-space { line-height: 30px; } .salient-features-sec { padding: 75px 0; } .salient_features_wrapper { display: inline-block; padding: 4em 1em; width: 100%; border-top: 2px solid #DFDFDF; /* border-bottom: 2px solid #DFDFDF;*/ } .contact-sec { padding: 75px 0; } input.main_more.main_more_class.google_genzong,.contact_form_wraper input.wpcf7-submit{ padding: 10px 30px; background: #df070c; color: #fff;border:1px solid; height: 45px !important;border-radius: 3px;} input.main_more.main_more_class.google_genzong:hover,.contact_form_wraper input.wpcf7-submit:hover{ background: #fff; color: #000; padding: 10px 30px; border:1px solid #000;} .contact_form_wraper { width: 100%; display: inline-block; padding-top: 4%; } form.form-horizontal.form3 input,.contact_form_wraper .wpcf7-form input { height: 55px; } form.form-horizontal.form3 textarea { height: 130px; padding-top: 15px; } .form-control:focus { color: #495057; background-color: #fff; border-color: #df070c; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255,255,255); } .section_bg { background: #f8f9fa; display: block; padding: 50px 0;} .map_div { display: inline-block; box-shadow: 6px -6px 20px 0px #ddd; height: 340px;padding: 0; } .text_div { } .news_section_wraper { display: inline-block; width: 100%; padding: 25px 0; } .address-info p { margin: 0; font-weight: 600; font-size: 14px; } .address-info p a { color: #666; } .green{ color: #df070c; } .text_div.address-info { padding-left: 50px; } p.font_18.green.semibold.pad_mo_1 { font-weight: 700; font-size: 20px; margin-bottom: 15px; } p.font_16.phone-contact { margin-top: 20px; } .address-info h1 { font-size: 50px;margin-bottom: 30px; } .body_bg { background-image: url(../img/body_bg.png); background-repeat: repeat; background-size: 100%; width: 100%; } ul.submenu li a,ul.sub-menu li a { text-transform: capitalize; } /*=================================== Our-testimonials-start ===================================*/ .testimonial{ padding: 20px; margin: 20px 10px; } .testimonial .pic{ width: 122px; height: 122px; float: left; margin-right: 50px; position: relative; } .testimonial .pic:before, .testimonial .pic:after{ content: ""; display: block; height: 50%; width: 50%; position: absolute; } .testimonial .pic:before{ bottom: -10%; left: -10%; border-bottom: 3px solid #E16B47; border-left: 3px solid #E16B47; } .testimonial .pic:after{ top: -10%; right: -10%; border-top: 3px solid #e16b47; border-right: 3px solid #e16b47; } .testimonial .pic img{ width: 100%; height: auto; } .testimonial .testimonial-content{ display: table; position: relative; } .testimonial .testimonial-content:before{ content: "\f10d"; font-family: "FontAwesome"; font-weight: 900; position: absolute; top: -30px; left: -15px; font-size: 60px; color: #d8dad6; z-index: -1; } .testimonial .testimonial-title{ font-size: 24px; color: #e16b47; text-transform: capitalize; } .testimonial .post{ font-size: 13px; font-weight: 600; color: #585f62; border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 5px; padding-left: 5px; } .testimonial .description{ font-size: 13px; color: #7c7c7c; line-height: 22px; margin-top: 12px; font-style: italic; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background-color: #e16b47; } @media only screen and (max-width: 980px){ .testimonial{ padding: 20px 0; margin: 20px 15px; } .testimonial .pic{ float: none; } .testimonial .testimonial-content{ display: block; margin-top: 30px; } .testimonial .testimonial-content:before{ z-index: 1; top: -200px; } } /*=================================== Our-testimonials-end ===================================*/ .col-center { margin: 0 auto; float: none !important; } .carousel { margin: 50px auto; padding: 0 70px; } .carousel .item { color: #999; font-size: 14px; text-align: center; overflow: hidden; min-height: 290px; } .carousel .item .img-box { width: 135px; height: 135px; margin: 0 auto; padding: 0px; border: 1px solid #ddd; border-radius: 50%; } .carousel .img-box img { width: 100%; height: 100%; display: block; border-radius: 50%; } .carousel .testimonial { padding: 30px 0 10px; } .carousel .overview { font-style: italic; } .carousel .overview b { text-transform: uppercase; color: #df070c; } .carousel .carousel-control { width: 40px; height: 40px; margin-top: -20px; top: 50%; background: none; } .carousel-control i { font-size: 68px; line-height: 42px; position: absolute; display: inline-block; color: #fff; } .carousel .carousel-indicators { bottom: -40px; } .carousel-indicators li, .carousel-indicators li.active { width: 10px; height: 10px; margin: 1px 3px; border-radius: 50%; } .carousel-indicators li { background: #999; border-color: transparent; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } .carousel-indicators li.active { background: #555; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } .col-center h2 { color: #333; text-align: center; text-transform: uppercase; font-weight: bold; position: relative; margin: 30px 0 60px; } .col-center h2::after { content: ""; width: 100px; position: absolute; margin: 0 auto; height: 3px; background: #8fbc54; left: 0; right: 0; bottom: -10px; } section.section.section-testimonials.section--gutter-1.section--pb-0 { padding: 50px 0!important; background: #BDBDBD; } p.testimonial { color: #fff; font-size: 18px; } .wht-title { color: #fff; } .bg-default { background-color: #fff; } .section-md { padding: 80px 0 90px; } .row-30 { margin-bottom: -30px; } .row-30>* { margin-bottom: 30px; } .img_block { overflow: hidden; position: relative; } .img_block span:before { background: -moz-linear-gradient(left,#df070c 3%,#df070c 5%,rgba(252,90,10,0) 100%); background: -webkit-gradient(linear,left top,right top,color-stop(3%,#df070c),color-stop(5%,#df070c),color-stop(100%,rgba(252,90,10,0))); background: -webkit-linear-gradient(left,#df070c 3%,#df070c 5%,rgba(252,90,10,0) 100%); background: -o-linear-gradient(left,#df070c 3%,#df070c 5%,rgba(252,90,10,0) 100%); background: -ms-linear-gradient(left,#df070c 3%,#df070c 5%,rgba(252,90,10,0) 100%); background: linear-gradient(to right,#df070c 3%,#df070c 5%,rgba(252,90,10,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df070c',endColorstr='#00fc5a0a',GradientType=1); opacity: 0; } .img_block span:after, .img_block span:before { position: absolute; width: 100%; height: 100%; z-index: 1; content: ''; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .img_block span:after { background: -webkit-linear-gradient(left,#272d33 5%,rgba(39,45,51,0.98) 7%,rgba(39,45,51,0) 100%); background: -o-linear-gradient(left,#272d33 5%,rgba(39,45,51,0.98) 7%,rgba(39,45,51,0) 100%); background: linear-gradient(to right,#272d33 5%,rgba(39,45,51,0.98) 7%,rgba(39,45,51,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272d33',endColorstr='#00272d33',GradientType=1); z-index: 1; } .img_block1 span:after { background: -webkit-linear-gradient(left,#272d33 0%,rgba(39,45,51,0.98) 0%,rgba(39,45,51,0.1) 0%); background: -o-linear-gradient(left,#272d33 0%,rgba(39,45,51,0.98) 0%,rgba(39,45,51,0.1) 0%); background: linear-gradient(to right,#272d33 0%,rgba(39,45,51,0.98) 0%,rgba(39,45,51,0.1) 0%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272d33',endColorstr='#00272d33',GradientType=1); z-index: 1; } .img_block img { max-width: inherit; width: 100%; } .context-dark, .bg-gray-700, .bg-primary, .context-dark h1, .bg-gray-700 h1, .bg-primary h1, .context-dark h2, .bg-gray-700 h2, .bg-primary h2, .context-dark h3, .bg-gray-700 h3, .bg-primary h3, .context-dark h4, .bg-gray-700 h4, .bg-primary h4, .context-dark h5, .bg-gray-700 h5, .bg-primary h5, .context-dark h6, .bg-gray-700 h6, .bg-primary h6, .context-dark [class^=heading-], .bg-gray-700 [class^=heading-], .bg-primary [class^=heading-] { color: #fff; } .img_block a { color: #fff; /* background: #df070c;*/ bottom: 30px; display: inline-block; font-size: 35px; height: 70px; line-height: 64px; position: absolute; right: 30px; text-align: center; transition: all .25s ease 0s; width: 71px; z-index: 2; } .img_block.img_block1 a{ color: #fff; /* background: #df070c; */ bottom:60px; display: inline-block; font-size: 25px; height: 70px; line-height: 35px; position: absolute; right: 0px; text-align: center; transition: all .25s ease 0s; width: 100%; z-index: 2; left: 0; } .img_block.img_block1 .caption { position: absolute; width: 100%; z-index: 1; color: #fff; left: 0; bottom: 26px; } .img_block.img_block1:hover span:before { opacity: 1; } .img_block.img_block1:hover span:after { opacity: 0; } .img_block .caption { position: absolute; width: 75%; z-index: 1; color: #fff; left: 26px; bottom: 26px; } .img_block:hover span:before { opacity: 1; } .img_block:hover span:after { opacity: 0; } /*.img_block:hover a { background: #272d33; }*/ [class*=fa-]:before { font-weight: 400; font-family: fontawesome; } .img_block .caption h2 { font-size: 20px; } .industries-we-serve-sec { padding: 100px 0; } /*-----------------------------modal-pop-up--------------------------------------------*/ /*Modal CSS*/ .modal-header{border-bottom:0px;} .modal-footer{border-top:0px;} .modal{z-index:9999999;overflow-y:hidden;} .modal-dialog{max-width:810px;width:95%;} .modal-content{margin-top:20%;} .stick_popup{height:auto;min-height:auto;display:inline-block;width:100%;text-align:center;/*padding:0;*/} .pop-img{display:block;max-width:100%;margin-top:10%;} .stick_close{ cursor: pointer; position: absolute; top: 0px; right: -1px; float: right; font-size: 30px; background-color: #df070c; color: #fff; text-decoration: none; width: 57px; height: 56px; line-height: 57px; text-align: center;} .modal-backdrop.in{filter:alpha(opacity=95);opacity:.95;} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:#000;} .headerh3{font-size:19px;line-height:33px;font-weight:bold;} .modal-header{ background-color: #df070c;color:#fff; } .modal-title{text-align: center; font-size: 24px; display: table; margin: 0 auto; color: #fff;} .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2rem; } @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-btc:before { content: "\e227" } .glyphicon-xbt:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-jpy:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-rub:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442 } .has-error .form-control-feedback { color: #a94442 } .has-feedback label~.form-control-feedback { top: 25px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width:769px){ form.form-horizontal.form3 .has-feedback label~.form-control-feedback { top: 12px!important; } } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px } /*.form-horizontal .form-group { margin-right: -15px; margin-left: -15px }*/ @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } /*-----------------Validation-start----------------------------*/ .example{margin:15px;font-size:14px;color:#656666;content:"Example";background-color:#fff;border-color:#929494;border-width:1px;border-radius:4px;padding:10px 20px 10px;border-style:solid;} .form-control-feedback{display:none;} .has-feedback label~.form-control-feedback{top:0!important;} .error{text-align:left!important;display:table!important;} .prom-right { padding-left: 30px; margin-bottom: 20px; margin-top: 60px; } form.form-horizontal.form3 label { color: #fff;font-weight: 400; } /*-----------------Validation-end----------------------------*/ .product-image-content img { padding: 15px; width: 100%; border: 2px solid #df070c; } .product-sec { padding: 150px 0 50px; } ul.features-list { list-style: none; padding: 0 } ul.features-list li { padding-left: 1.3em } ul.features-list li:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #df070c;; font-size: 16px } .product-content-description h2 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .specification_table table { width: 100%; text-align: left; font-size: 16px; color: #7a8388; background: #ffffff; border: 1px solid #f1f1f1; } .specification_table table th { text-align: center; background: #df070c; padding: 10px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 14px; } .specification_table table td { padding: 5px; text-align: center; font-size: 14px; font-weight: 600; /*text-align: left;*/ padding-left: 20px; } .specification_table table tr:nth-child(2n+1) { background: #dddddd; } .product-content-specifications h2 { text-transform: capitalize;background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-bottom: 20px; position: relative; } .buttons_get { display: block; margin: 30px 0px; text-align: center; } .buttons_get a.enquire_product { background: #df070c; padding: 12px 20px; display: inline-block; border-radius: 50px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 15px; margin: 10px 10px; border: 2px solid #df070c; min-width: 290px; font-weight: 600; } .buttons_get a.pdf_brouchure { background: #df070c; padding: 12px 20px 12px 20px; display: inline-block; border-radius: 50px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 15px; border: 2px solid #df070c; position: relative; min-width: 290px; font-weight: 600; } .buttons_get a.enquire_product:hover { background: #ffffff; border: 2px solid #df070c; color: #df070c; } .buttons_get a.pdf_brouchure:hover { background: #ffffff; border: 2px solid #df070c; color: #df070c; } .technical-specifications-sec { padding: 100px 0 100px; position: relative; width: 100%; display: inline-block; background-color: #f1f1f1; margin-top: 0px; overflow: hidden; } .hero-breadcrumb{ background-color: #df070c; position: relative; height: auto; width: 100%; } .hero-breadcrumb:after { border-right: solid 40px transparent; border-left: solid 40px transparent; border-top: solid 40px #df070c; transform: translateX(-50%); position: absolute; z-index: 1; content: ''; top: 100%; left: 50%; height: 0; width: 0; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #173806; content: "/"; } .technical-specifications-sec:before { content: ''; display: block; width: 0; height: 0; border-bottom: 350px solid #df070c; border-right: 150px solid transparent; position: absolute; bottom: 0; left: 0; } /*.technical-specifications-sec { position: relative; width: 100%; display: inline-block; min-height: 187px; background-color: #f1f1f1; padding: 20px 0; margin-top: 0px; overflow: hidden; }*/ .technical-specifications-sec:after { content: ''; display: block; width: 0; height: 0; border-top: 350px solid #dddddd; border-left: 150px solid transparent; position: absolute; bottom: 0; right: 0; top: 0; } .table-responsive.specification_table.specification_table_shaft table th { text-transform: capitalize; font-size: 15px;font-weight: 700; } .table-responsive.specification_table.specification_table_shaft table td:first-child { padding: 10px; text-align: center; font-size: 14px; font-weight: 700; text-align: left; padding-left: 20px; } .mt-40 { margin-top: 40px; } .image-left-save-money img { width: 100%; } .save-resources-sec { padding-bottom: 100px; } .save-money-sec { padding-top: 100px; } .right-save-money-content { padding: 80px 100px; } .right-save-money-content .about_right_text_wrapper h1 { background: linear-gradient(to right, #df070c 0%, #df070c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .why-composting-section { padding: 100px 0; } /*============================our-testimonials-start============================*/ .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .testimonial-section { position: relative; padding-top: 80px; padding-bottom: 270px; /* background: url('../img/what-our-core-background.jpg')no-repeat;*/ background-size: cover; } .testimonial-section:before { position: absolute; left: -200px; top: 22%; background-image: url(../img/ring-circle.png); background-repeat: no-repeat; background-position: center; width: 701px; height: 756px; content: ""; -webkit-animation: fa-spin 25s infinite alternate; -moz-animation: fa-spin 25s infinite alternate; -ms-animation: fa-spin 25s infinite alternate; -o-animation: fa-spin 25s infinite alternate; animation: fa-spin 25s infinite alternate; } .testimonial-section .sec-title { position: relative; margin-bottom: 115px; } .testimonial-section .sec-title .title { margin-bottom: 20px; font-size: 25px; } .testimonial-section .testimonial-carousel { position: relative; max-width: 1100px; margin: 0 -50px; } .testimonial-block { position: relative; padding: 10px; } .testimonial-block .inner-box { padding: 80px 105px; background-color: #ffffff; box-shadow: 0 0 50px rgba(226, 222, 232, 0.75); } .testimonial-block .text { position: relative; display: block; font-size: 20px; line-height: 32px; color: #282331; font-weight: 400; margin-bottom: 50px; } .testimonial-block .info-box { /*position: relative; padding-left: 115px; padding-top: 10px;*/ position: relative; padding-left: 140px; padding-top: 45px; } .testimonial-block .info-box .thumb { position: absolute; left: 0; top: 0; height: 120px; width: 120px; } .testimonial-block .info-box .thumb img { border: 6px solid #e5e6fa; border-radius: 50%; overflow: hidden; display: block; width: 100%; box-shadow: 0 2px 25px rgba(147, 147, 147, 0.35); padding: 15px; } .testimonial-block .info-box .name { position: relative; display: block; font-size: 21px; line-height: 1.2em; color: #000; font-weight: 700; margin-bottom: 10px; } .testimonial-block .info-box .designation { position: relative; display: block; font-size: 16px; line-height: 24px; color: #8053f7; font-weight: 400; } .testimonial-carousel .owl-nav { position: absolute; right: 75px; bottom: 70px; } .testimonial-carousel .owl-next, .testimonial-carousel .owl-prev { position: relative; display: inline-block; height: 75px; width: 75px; line-height: 75px; text-align: center; border-radius: 50%; /*background-color:#2caae1;*/ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background: -webkit-linear-gradient(left, #df070c, #df070c); background: -o-linear-gradient(left, #df070c, #df070c); background: -moz-linear-gradient(left, #df070c, #df070c); background: linear-gradient(to right, #df070c, #df070c); left:0px; right:0px; margin:15px; } .testimonial-carousel .owl-next:hover, .testimonial-carousel .owl-prev:hover { background-color: #2caae1; box-shadow: 0 24px 24px rgba(187, 187, 187, .75); } .arrow-right, .arrow-left { position: relative; display: inline-block; height: 9px; width: 43px; background-image: url(../img/arrow-left-2.png); background-repeat: no-repeat; background-position: center; } .arrow-right { background-image: url(../img/arrow-right-2.png); } .testimonial-section .thumb-layer { position: absolute; right: 30px; top: 120px; } .testimonial-section .thumb-layer .image { position: relative; margin-right: 0; } .testimonial-section .thumb-layer .image img { display: inline-block; max-width: 100%; height: auto; } .testimonial-section .sec-title h2 { line-height: 1.2; font-weight: 900; /* font-family: Raleway, sans-serif; */ text-transform: uppercase; color: #333; margin-top: 20px; margin-bottom: 20px; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; text-align: left; } .testimonial-section .sec-title .title { margin-bottom: 20px; font-size: 35px; color: #000; font-weight: 600; text-transform: uppercase; letter-spacing: 10px; } .why-composting-section img { width: 100%; margin-top: 15px; } .our-team:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .our-team img { transition: all .5s ease 0s; } .caption.caption1.context-dark h2 { text-align: center; } .caption.caption1.context-dark h2 a { color: #333; font-size: 18px; } .img_block1 span:before { background: -moz-linear-gradient(left,#df070c 0%,#df070c 0%,rgba(22, 23, 22, 0.34) 0%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,#df070c),color-stop(0%,#df070c),color-stop(100%,rgba(252,90,10,0))); background: -webkit-linear-gradient(left,#df070c 0%,#df070c 0%,rgba(22, 23, 22, 0.34) 0%); background: -o-linear-gradient(left,#df070c 0%,#df070c 0%,rgba(22, 23, 22, 0.34) 0%); background: -ms-linear-gradient(left,#df070c 0%,#df070c 0%,rgba(22, 23, 22, 0.34) 0%); background: linear-gradient(to right,#df070c 0%,#df070c 0%,rgba(22, 23, 22, 0.34) 0%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df070c',endColorstr='#00fc5a0a',GradientType=1); opacity: 0; } .headerh3 a { text-transform: lowercase; } .navbar23 { overflow: hidden; background-color: rgba(0, 0, 0, 0.33); position: fixed; bottom: 0; width: 100%; z-index: 999999; padding: 10px 0px; } /*==========================================================*/ .carousel-indicators-1 .item { min-height: 100%; } #carouselExampleIndicators { padding: 0;margin: 0; } .carousel-indicators-1 { top: 100%!important; z-index: 1!important; } .carousel-indicators.carousel-indicators-1 .active img { border: 2px solid #df070c!important; background-color: transparent!important; opacity: 0.9; padding: 0; } .carousel-indicators.carousel-indicators-1 .active{ background-color: transparent!important;} .row.carousel-indicators.carousel-indicators-1 .item img { padding: 0!important;} .product-image-content1 img { margin-bottom: 10px; } .float2 { position: fixed; width: 50px; height: 50px; bottom: 60px; left: 15px; background: url(../img/whatsapp.png) no-repeat center center; background-size: 90px; color: #01F85D; padding: 12px 0 0 50px; font-size: 15px; z-index: 100; } .top-bar__logo{max-width: 250px;} .mainContent ul{list-style: disc outside none;padding-left: 15px;} .mainContent ul.socailContact{list-style: none;padding: 0;margin: 15px 0 0;} .mainContent ul.socailContact li{display: inline-block;font-size: 20px;} .mainContent ul.socailContact li a{color: #000;} .mainContent ul.socailContact li a:hover{color: #df070c;} .mainContent ul.socailContact li:not(:last-child){margin-right: 10px;} .contact_form_wraper.resumeForm ul{list-style: none;} .resumeForm.contact_form_wraper .wpcf7-form input[type="file"]{height: auto;padding: 10px 12px;} .resumeForm.contact_form_wraper .wpcf7-form input[type="number"] {padding-right: 12px;}