a,body,div,em,fieldset,h1,h2,h3,h4,h5,h6,input,li,ol,p,small,span,strong,table,tbody,td,textarea,thead,tr,ul { font-family: chivo!important } .blog-para p,.blogs-section h2,.btn.btn-primary.bannerbtn,.content h2,.content p,.innercaption h2,.pro-title-div .pro-title-2,.request.for.quate a,.sub-para p,a.blo-titles,a.pro-titles,h2.vsisi,strong.spi,ul.mobile-sub li:hover { text-transform: capitalize } .caption2 li,li.req { list-style: none } .ab-ft,.content-about,.prod_desc { word-break: break-word } body { max-width: 1600px; margin: 0 auto } section.wlc-bg .pro-h2:after,section.wlc-bg .pro-h2:before { bottom: -10px; background: #cfad6b; width: 100px; height: 4px; color: ""; left: 0; right: 0 } h4.underline:after,h4.underline:before,section.container.inner h2:after { height: 1px; background-color: #000; content: "" } .img_active .product_secondary_images_container { border: 1px solid #2099a2 } .product_secondary_images_container { height: 80px; position: relative; margin: 0 0 0 3px } .product_secondary_images_container img,.yinte-pros-1 a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } body .pd-thumbs ul li img { max-height: 100%; vertical-align: middle; max-width: 100% } .search-btn input { position: absolute; top: 0; left: 0; width: 120%; height: 40px; line-height: 30px; font-size: 1em; color: #000; opacity: 1!important; outline: 0; padding: 0 0 0 15px; border: 1px solid #ccc!important; border-radius: 50px; background-color: #f2f2f2 } .a-chal,.cer-img-div,.contact-content-div .col-md-4,.contact-content-div .col-md-4:last-child:before,.contact-content-inner,.exp-left-main,.exp-right-main,.featrued_prod_title-1,.innerbanner,.products-home-main,.search-btn,.static-img,.sub-para,.super-oil-first,.super-oil-main,.wlc-bg img,.yinte-main-blogs,body .my_cats a.arrows,h4.underline,p.text3,section.about-boxes li { position: relative } .my-blogs-wrapper h6,p.text3 { font-weight: 300; font-size: 16px } .header-search-btn { text-align: right; float: right } .search-btn img { height: 40px; width: 51px } .search-btn { top: 19px } p.text3 { color: #fff; line-height: 26px } .row.zx { margin-top: 0 } section.wlc-bg .pro-h2 { text-align: left; position: relative; padding-top: 80px } section.wlc-bg .pro-h2:before { position: absolute; content: ""; margin: 0 auto } section.wlc-bg .pro-h2:after { content: ""; position: absolute; content: "" } .my-blogs-wrapper h6 { color: #858585; padding-top: 15px } p.serves-22 { color: #000; font-weight: 700; font-size: 30px } .custom-service-main-divs img.img-2,.custom-service-main-divs:hover .img-1,.discs,.ext-padd input[type=submit],.form-sec h2:before,.mobile-sub .wsmenu-submenu li a:before,.my_cats a.un_activess,.owl-carousel.owl-theme.owl-carousel-gallery2.owl-loaded.owl-drag .owl-dots,.pro-feats a.pro-title,a.filter-head,p.filtered-by-s,section.grey.o-products.\32,section.inner-relative-product,ul.productses { display: none } h6.cla { color: #cfad6b; padding-bottom: 5px } .servv a { background-color: #cfad6b; color: #fff; padding: 10px 50px; font-size: 14px } .servvvv a,body .servvvv a { padding: 10px 30px; color: #cfad6b; font-size: 14px } .servvvv a { border: 3px solid #cfad6b; display: inline-block } .blog-para p,.my-blogs-wrapper-second h4 a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical } ul.ser-button { text-align: right; margin-top: 30px } .azxczx,.def-heading.gallery-heading,.lok-for-some,.main-inner-div,.main-serv-inner,.product-center-btn,.product_thumb-1 img,.vides,body .product_thumb-1,section.service-section .def-heading,ul.ft-center,ul.ft-center li { text-align: center } body .Product-Description,ul.cus-social li a i { color: #2099a2!important } .row.az,ul.btn-groups { margin: 0 } .col-md-6.col-xs-12.col-sm-6.ss,.extra-padding,.nope-pad,section.oil-services .zx .col-md-3 { padding: 0 } .sub-para,ul.ft-center { padding: 20px 0 } .sub-para h2 { font-size: 29px } .sub-para p { font-size: 16px; color: #32a270 } .form-sec input::placeholder { color: #cccc!important } body .sub-para { background-color: #ffffffa1; padding: 10px; margin-bottom: 10px; border-radius: 4px } body .caption2 strong { font-size: 38px!important } .blog-para p { color: #000; font-size: 14px; -webkit-line-clamp: 3; min-height: 20px; padding-bottom: 0 } @media all and (max-width: 1024px) { body .request.for.quate a { font-size:14px; padding: 10px!important } body .logo img { margin: 0 auto } body .vie-all { text-align: center; margin-top: 5px } body .ab-ft img { margin: unset!important } } ul.wsmenu-submenu li:hover a { text-transform: capitalize; background-color: #2099a2!important } .ab-ft h4,.bannerbtn,.bannerbtn1,.blo-til h4,.btn.btn-primary.bannerbtn1,.caption2 strong,.custom-service-main-div a,.custom-service-main-div h4.ser-1,.custom-service-main-divs h4.ser-1,.exp-left h4,.exp-right h4,.f4 h4,.filtered-by-s,.getintouch,.head-heading h5,.innercaption h1,.main-inner-div h4,.o-products h2 strong,.testimonials-content h2,.view-btn a,.wsmenu-list>li>a,.wsmenu-submenu li a,a.pro-link,a.readmore-1,body .form-secs button#inquiry_form_btn,h2.GEt-int,h2.my-head,h2.o-fact,h2.o-serv { text-transform: uppercase } body .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub li a { background-color: #fff!important; color: #666!important } body .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub li:hover a { background-color: #5a983f!important; color: #fff!important } .my_cats a { background-color: #e3e1e1; display: block; margin-bottom: 3px; border-radius: 2px; color: #000000b0; font-size: 13px; padding: 8px 0 8px 10px!important } body .my_cats a.arrows { background-color: #2c7bc0!important; color: #fff!important } body .my_cats a.arrows:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 4px; top: 13px; content: ""; margin-top: 0; position: absolute; right: 5px; z-index: 11111 } body .menu_openeds a.activess,body .p_actives a.activess { display: block!important; background-color: #00000096; color: #fff } body .menu_openeds a.active_childs { background-color: #00000075 } .wsmenu-list>li.active>a { border-bottom: 2px solid; border-radius: unset!important } .super-oil-main { height: 450px; overflow: hidden } .super-oil-first { height: 350px; overflow: hidden } .super-oil-first a img { position: absolute; max-width: 100%!important; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; object-fit: cover; width: 100%!important; height: 100%!important } .my-blogs-wrapper-second h4 a { color: #000!important; border-bottom: 1px solid #ccc; -webkit-line-clamp: 1; padding: 0 0 10px; height: 22px } .my-blogs-wrapper-second h4 { margin-bottom: 0; overflow: hidden; border-bottom: 1px solid #ccc; padding-top: 5px } .blo-titles-div a { color: #47b749!important; font-size: 15px; font-family: Heebo,sans-serif; font-weight: 500 } .innercaption h1,h4.underline { font-weight: 300; font-family: source sans pro } .container.gallery-cont,.main-serv-inner-imgg,section.gallerys .row:first-child { margin-bottom: 30px } section.gallerys { padding: 70px 0 0 } section.gallerys .pro-h2 { color: #000!important; text-transform: capitalize!important; font-weight: 700; font-size: 42px!important; margin-top: 0; padding-bottom: 0; position: relative; padding-left: 0; text-align: left } .white-bg a { background: #2099a2!important; color: #fff!important; margin-left: 0 } .ab-img-sec,.contact-img-centers img,.contact-img-scr img,.custom-service-main-div img,.custom-service-main-divs img,.ft-content img,p.asdaszxc { margin: 0 auto } h4.underline { font-size: 26px; color: #007bc3; display: table; margin: 0 auto 30px; padding-bottom: 15px } h4.underline:before { bottom: 6px; width: 70px; left: 20% } h4.underline:after { bottom: 0; width: 60px; right: 20% } a.pro-title { color: #000; font-size: 15px; display: table-cell } .innerbanner img,section.about-boxes img { width: 100% } .innercaption { position: absolute; top: 60%; width: 100%; left: 0; color: #fff } .innercaption h1 { font-size: 70px; color: #282828; opacity: 1; line-height: .7 } section.container.inner h2:after { width: 120px; position: absolute; left: 3%; top: auto; bottom: -20px } section.container.inner h2 strong { font-weight: 600; clear: both; display: block; text-transform: uppercase } section.about-page.container.inner { background-image: url('assets/images/about.png'); background-position: right; background-repeat: no-repeat } section.about-page img { max-width: 100%; margin-bottom: 20px } section.about-boxes li { width: 31%; margin: 0 1.1%; float: left } section.about-boxes,section.visit { padding: 40px 0 } section.about-boxes h4 { position: absolute; padding: 8px 10px; background-color: rgba(0,0,0,.7); width: 100%; bottom: 0; margin: 0 } section.about-boxes h4 a { color: #fff; font-weight: 600; letter-spacing: 1px } .summary.entry-summary h1 { margin-top: 0; font-family: source sans pro; font-size: 30px; font-weight: 600; color: #2d2c2c } .services .news-box { max-width: 362px } .bannermain img { max-width: 100%!important; height: auto; top: 40px!important } .wlc-bg img { margin-top: 25px } .pro-title-div,p.short-desc-home { text-overflow: ellipsis; white-space: normal; overflow: hidden } @media only screen and (max-width: 992px) { body .main-div:hover .product-list img,body .main-div:hover .product-url-main { bottom:unset } body .product-url-main { border: unset; padding: 0 0 10px; position: unset; background: #2099a2; height: unset } body section.contact-info-h { padding: 0 } body .cont-contact h3 { font-size: 22px; text-align: center } body .main-cont h5 { font-size: 16px } body .main-cont p { font-size: 15px } body .cont-contact-bg img { padding-top: 30px } body .cont-contact-bg { height: 320px } body .white-bg h1:before,body ul.btn-groups { display: none } body .my-blogs-wrapper-first { height: 140px } body .blog-para p { font-size: 12px } body .caption2 span { font-size: 12px; font-weight: 600 } body .seo-content h1,body .seo-content h2,body .seo-content h3,body .seo-content h4,body .seo-content h5,body .seo-content h6,body p.asdaszxc { font-weight: 300 } body section.about-sec p { font-size: 12px; line-height: 18px } body .footer-p { padding: 0; font-size: 12px; text-align: center; padding-top: 15px!important } body .caption2 h2 { font-size: 12px; margin: 5px 0 } body .caption2 p { font-size: 10px; margin: 5px 0; -webkit-line-clamp: 2; text-transform: capitalize } body .view-btn a { font-size: 12px!important; padding: 7px 30px!important } body .view-btn { margin-top: 0; text-align: center } body p.date-format { top: 50px } body .main-pic img { max-width: 100% } body .ZoomContainer { display: none!important; z-index: -99999!important } body div#main_img_0 { z-index: -1 } body a.btn-btnbnnr { position: relative; margin: 0 auto; text-align: center; font-size: 10px; padding: 5px 20px; display: none } body .view-details { margin-top: 0 } body section.gallerys .pro-h2 { font-size: 25px!important; text-align: center } body p.asdaszxca { float: unset } body .product-url a { color: #fff; text-align: center; display: block; font-size: 12px; padding: 10px 15px 0; height: unset!important; min-height: unset; max-height: 40px; overflow: hidden; margin-bottom: 5px } body section.grey.o-products.\32 { display: block!important; background: #fff } .vie-all a { font-size: 12px!important; padding: 8px 20px } .my-blogs-wrapper { margin-bottom: 10px; height: 190px!important } body .product-url-main { margin: unset!important; margin-top: 10px!important; width: 100%!important; padding-bottom: 10px } body .home.container { height: unset; background-color: unset } body .logo img { max-width: 40%!important; left: 0; position: initial!important; padding-left: 40px } body p.asdaszxc { text-align: center; color: #fff; font-size: 11px!important; display: inline-block; float: unset } body p.text3 { font-size: 12px; line-height: 16px } body .seo-content p,body .seo-content strong { font-size: 14px; font-weight: 300 } body .seo-content h1,body .seo-content h1 strong { font-size: 26px; color: #000 } body .seo-content h2,body .seo-content h2 strong { font-size: 22px; color: #000 } body .seo-content h3,body .seo-content h3 strong { font-size: 20px; color: #000 } body .seo-content h4,body .seo-content h4 strong { font-size: 18px; color: #000 } body .seo-content h5,body .seo-content h5 strong { font-size: 16px; color: #000 } body .seo-content h6,body .seo-content h6 strong { font-size: 14px; color: #000 } footer h4 { margin-top: 30px } body p.banner-para { font-size: 14px; line-height: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } body .fea-products li { width: 100%!important; float: unset; margin-right: 6px } body .fea-products { white-space: unset } .navbar-collapse { position: absolute; z-index: 999; background-color: #fff; width: 100%; right: 0 } .cap_code,.cap_img { margin-top: 10px } .form-sec .pull-right { display: block; padding: 10px!important } .product-center-btn { margin-bottom: 30px; margin-top: 20px } body section.logo-sec { padding-top: 10px; padding-bottom: 10px; position: relative!important } .caption { top: 30% } .caption2 { font-size: 36px } body .navbar-header a.filter-head { display: block!important; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; background-color: #f8f8f8 } .filter-box button.navbar-toggle span { background: #000 } .filter-box button.navbar-toggle { position: absolute; top: 3px; margin: 0; right: 22px; border: 1px solid #000; background: #fff; z-index: 9999 } body .pro-menu { min-height: unset } } @media only screen and (max-width: 600px) { .wsmenu-list>li.active:before { content:""; background-repeat: no-repeat; position: absolute; height: 3px; left: 0; margin: 0 auto; right: 0; background-color: #0b4f9f; width: 50px; top: -5px; display: none } body .innercaption { display: block!important } body .innercaption h2 { font-size: 16px; line-height: 25px; margin-top: 5px } body ul.home-gallery li { width: 50% } body .contact-content-div .col-md-4:before,body section.top,body ul.home-gallery li:last-child { display: none } .m-tops { margin-top: 20px } .related-heading h4 { font-size: 25px!important } body h1.pgtitle { font-size: 14px } body .pd-thumbs ul li img { max-width: 55px!important; max-height: 55px!important; vertical-align: middle!important } .pd-thumbs ul li span { width: 60px!important; height: 50px!important; text-align: center!important; vertical-align: middle!important } .pd-thumbs ul li { display: inline-block; width: 58px!important; height: 58px!important } .caption { top: 20% } .caption2 { font-size: 20px; top: -15px; position: absolute } } .blogs-section .owl-carousel .owl-nav.disabled,.custom-service-main-divs:hover .img-2,.testimonials .owl-carousel .owl-nav.disabled,body .bannermain .owl-carousel .owl-nav.disabled,ul.btn-groups { display: block } .caption2 strong { font-size: 23px; padding: 10px 0; line-height: 70px; color: #909090!important; font-weight: 300 } .bannerbtn,.bannerbtn1,h1.askldk { font-weight: 700 } .bannermain .owl-carousel1 .owl-dots { display: block; position: relative; top: -40px; text-align: center!important; left: -34% } body .bannermain .owl-carousel1 .owl-dots .owl-dot span { border-radius: 0!important; padding: 0 30px!important; background-color: #273773!important; height: 4px!important } body .bannermain .owl-carousel1 .owl-dots .owl-dot { padding: 0!important; margin-right: 40px } body .bannermain .owl-carousel1 .owl-dots .owl-dot.active span { background-color: #0493dd!important } .bannerbtn1 { background-color: #273773!important; color: #8ad6bc!important; border: unset!important; border-radius: 50px!important; padding: 15px 40px!important } .bannermain { border-bottom: unset!important } h1.askldk { color: #fff; font-size: 42px; text-transform: uppercase!important; font-family: unset!important; padding-bottom: 50px } .main-inner-div { background-color: #fff; height: 250px; box-shadow: 0 0 8px 2px #ccc; border-radius: 10px; border-bottom: 5px solid #0b4d9c; position: relative } .main-inner-div h4 { font-size: 24px; color: #282828; font-weight: 500; letter-spacing: 1px; padding-top: 0; font-family: chivo } .main-inner-div p { font-size: 14px; color: #a4a4a4; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden } section.images-sec { padding: 30px 0 50px!important; background: url(/images/ser-back.jpg) 0 0/100% 100%; background-size: 1; max-width: 1600px; margin: 0 auto } body .form-sec { padding: 60px 0!important } .form-sec { background: url(/images/get-in-banner.jpg) 0 0/cover no-repeat } h2.GEt-int { color: #fff; padding-bottom: 20px; font-weight: 700 } section.o-products.form-sec button#inquiry_form_btn { text-transform: uppercase; background-color: #d7d6d6; padding: 10px 40px; border-radius: 0; border: unset; color: #282828!important; font-weight: 700!important } section.o-products.form-sec textarea { height: 100px!important } section.map-sec { background: url(/images/banner-for-quote_02.jpg) 0 0/cover no-repeat; height: 360px } .ab-1-top img,.asz2 { margin-bottom: 10px } ul.social-icon-ft li { display: inline-block; margin-right: 10px; border-bottom: 0!important } ul.social-icon-ft li a i { color: #ccc } ul.social-icon-ft li a { background-color: #242424!important; padding: 10px 14px!important } .row.bor-top { border-top: 1px solid } ul.ft-center li { display: inline-block; padding: 0 10px } ul.ft-center li a:hover { color: #fbd47d; transition: .5s; border-bottom: none; text-transform: unset } p.asdaszxc { text-align: left; color: #fff; font-size: 14px; font-weight: 300; display: inline-block; float: left } .azxczx { color: #6d6d6d; padding: 10px 15px } footer { padding-bottom: 0!important } .btn-primary { background-color: #0b4f9f; border-color: #0b4f9f; text-transform: capitalize; border-radius: 0; color: #fff } @media only screen and (max-width: 800px) { .con-head1,.con-head2,.nope-pad,.search-head,body .blogs-section .owl-carousel .owl-nav.disabled,body .testimonials .owl-carousel .owl-nav.disabled,body h4.underline { display:none } body .bannermain .owl-carousel .owl-nav.disabled,li.req { display: none!important } body section.testimonials { padding: 0 0 20px } .testimonials-content h2 { padding-bottom: 0; font-size: 25px } .testimonials-content h4 { font-size: 18px } .testimonials-content h5 { font-size: 15px; line-height: 20px } body .blogs-section h2 { font-size: 25px!important; text-align: center } .o-products h2 strong,body .o-products h2 { font-size: 20px!important } .blog-bg-color { margin-bottom: 20px!important } body .white-bg p { padding-right: 0 } ul.product-change-ul { margin-bottom: 30px!important } body .o-products h2 { text-align: center; padding-bottom: 10px } body .white-bg { padding-top: 10px; padding-bottom: 0; padding-left: 0 } body ul.head-icon { float: unset; text-align: center; margin-top: 10px } .caption { position: absolute; top: 30%!important; width: 100%; text-align: center; color: #fff; font-size: 20px } .caption2 { font-size: 16px; text-align: left; max-width: unset; margin: 15px auto 0; font-weight: 200; line-height: 19px; padding: 10px 10px 0 } .caption2 strong { font-size: 14px; padding: 0; color: #fff!important; text-transform: uppercase; font-weight: 500!important; line-height: 10px } body a.readmore { background: #2099a2!important; padding: 10px 30px!important; display: inline-block; color: #fff; text-transform: uppercase; border: 1px solid #fff; text-decoration: none; font-size: 12px!important; font-weight: 500 } section.images-sec { padding: 0!important; background-image: unset; background-color: #e8f0fb } body .bg_overlay { background-color: unset!important } h1.askldk { color: #431e57; font-size: 28px; text-transform: uppercase!important; font-family: unset!important; font-weight: 700; padding-bottom: 10px; text-align: center; margin-top: 0 } .bannermain .owl-carousel1 .owl-dots { display: none; position: relative; top: -40px } ul.btn-groups li a { background-color: #431e57; border-radius: 0; border-color: #ccc; padding: 8px 25px!important; font-size: 12px } .caption { padding: 0 10px!important } } .wsmenu-list>li>a { font-weight: 300; font-size: 16px!important; padding: 0!important; margin: 0 15px!important } .o-products h2 { text-transform: uppercase!important } body .product_thumb { border: unset!important; background-color: #f1f1f1; height: 250px } body .featrued_prod_title,body .pro-overlay { background-color: unset!important } body .featrued_prod_title { position: initial!important; width: auto!important; height: unset!important } body ul.products:hover div.pro-overlay { bottom: -51%!important; left: -20%!important } a.product-title { position: absolute; right: 0; bottom: 16px; font-size: 0px; background: url("/images/arrow-bg_03.jpg"); width: 50px!important; height: 50px!important } a.readmore-1 { background: #240733; padding: 15px 68px!important; display: inline-block; color: #fbd47d; border: 1px solid #fff; text-decoration: none; font-size: 14px!important; font-weight: 700; position: relative; top: -15px; opacity: 0 } ul.products li:hover a.readmore-1 { opacity: 1; transition: .3s linear } .featrued_prod_title-1 a.pro-title { position: relative; top: 20px; left: 0 } body a.pro-title { color: #000!important } @media only screen and (max-width: 900px) { body .cer-img-div img,body .static-img img { position:unset!important } body .pro-title-div .pro-title-2,p.content-para { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } body .pro-menu { min-height: unset } body a.pick { padding: 10px 15px; font-size: 12px } body .content { padding: 0 } body .content h2 { text-align: center; font-size: 20px } body .content p { text-align: center; font-size: 14px } body .static-button a { padding: 10px 20px; font-size: 12px } body section.static { padding: 10px 0 } body .logo img { margin: 0 auto!important; max-width: 100%; max-height: 150px!important } .blog-veiw-section h1 { font-size: 20px; margin-top: 20px!important; margin-bottom: 20px; padding: 0!important } .blog-veiw-section img { float: unset; margin-right: unset } .ab-img-sec,body .static-img img { margin: 0 auto } body .exp-left img,body .exp-right img { position: unset; margin: 0 auto } body .static-button,body h2.vsisi { text-align: center; margin-bottom: 20px } body h2.vsisi { font-size: 25px; font-weight: 700; text-transform: capitalize; color: #3880c1 } body h2.my-head { padding: 0!important; font-size: 22px } body ul.contact-list { margin-top: 60px } body .wlc-bg img { right: 0; margin: 0 auto } body .main-inner-serv { margin-bottom: 50px; background-color: #fff } body .yinte-main-blogs-1 { height: 220px } body .yinte-main-blogs-2,body.yinte-fea-blogs { margin-bottom: 40px } body .yinte-main-blogs-anchor a { font-size: 12px!important; padding: 10px 15px } body .guang-view-all a { padding: 10px 15px; font-size: 12px; font-weight: 500 } body.ab-img { right: 0 } body.main-inner-serv,body.yinte-main-blogs-2 { margin-bottom: 50px } body.yinte-main-blogs-1 { height: unset } body section.blogs-section { padding: 0; background-image: unset; padding-top: 20px!important; padding-bottom: 40px!important } h2.o-fact { font-size: 24px!important; text-align: center!important } ul.home-gallery li a img { width: 100% } body .pro-title-div .pro-title-2 { color: #006993; font-size: 26px; text-transform: capitalize; font-weight: 700; padding-left: 10px; display: inline-block; line-height: 30px; font-family: Lato; display: -webkit-box } p.content-para { display: -webkit-box } body ul.products li .featrued_prod_title-2 { float: left!important; display: inline-block; margin-top: 0; padding-left: 20px; width: 50% } body .home p { padding: 0; font-size: 14px!important; line-height: 23px } .products-home-inner a img { width: 100%!important } body .products-home-main { margin-bottom: 20px!important } body section.images-sec h2.askldk { font-size: 24px!important; text-align: center; margin-top: 20px; margin-bottom: 0 } body .ab-ft-left { padding-left: 0 } .gree-sec-banner,body .gree-sec-banner { height: 140px } section.o-products.form-sec { padding-top: 0!important; padding-bottom: 50px!important } body .contact-img-center img { margin-top: 30px!important } body .wlc-bg h2 strong { font-size: 20px } body .exp-right { padding: 0; margin: 20px 0!important; text-align: center } .exp-left img { position: unset } body .exp-left { text-align: center; padding: 0 20px } ul.products>li { width: 100%; height: 360px } .pro-thumb-1 .product_thumb-1 { text-align: center } body .featrued_prod_title-1s { margin: 10px auto 0; text-align: center; background-color: transparent } .featrued_prod_title-1s a { background-color: #ffcd07; padding: 10px 20px } body .o-products { padding-top: 20px!important; background-image: unset; background-color: #e8f0fb } a.readmore-1 { background: #240733; padding: 15px 68px!important; display: inline-block; color: #fbd47d; text-transform: uppercase; border: 1px solid #fff; text-decoration: none; font-size: 14px!important; font-weight: 700; position: initial; top: -15px; opacity: 1; margin-top: 10px } .featrued_prod_title-1 a.pro-title { position: absolute; margin-left: 0; margin-right: 0; left: 0; right: 0; top: 65px } a.product-title { position: absolute; right: 0; bottom: 16px; font-size: 0px; background: url(/images/arrow-bg_03.jpg); width: 50px!important; height: 50px!important; display: none } .featrued_prod_title-1 { position: relative; text-align: center } } .yinte-main-blogs-1 img,.yinte-pros-1 a img { max-height: 100%; max-width: 100% } .view-btn a,a.blo-titles { background: 0 0!important; text-decoration: none } body section.top { background-color: #b41f2e!important; border-bottom: 0!important } body section.logo-sec { background-color: #fff; border-bottom: 0!important; border-top: 0!important } .lok-for-some { max-width: 600px; margin: 0 auto; padding-top: 70px } .lok-for-some h1 { color: #fff; font-family: lato; font-weight: 700; letter-spacing: 2px; padding-bottom: 30px } .lok-for-some a { border: 2px solid #fff; padding: 12px 30px; border-radius: 5px; color: #fff; font-weight: 600; font-family: lato; letter-spacing: 1px } body .wsmenu-list>li>a:hover { background-color: transparent!important; text-decoration: none; color: #2099a2!important; position: relative; border-radius: 0; transition: .1s linear } ul.ft-menu-list-1 li { display: inline-block; margin-right: 30px } ul.ft-menu-list li { display: inline; margin: 1px } .col-md-4.col-sm-12.col-xs-12.cap_code button,.testimonials .owl-nav .owl-next,li.prowrapper-list-last,p.asdaszxca,span.all-res-right { float: right } body .logo img { top: 0; position: relative } body .wsmenu { margin-top: 30px; margin-bottom: 0 } p.basic-det { width: 80%; color: #bbb!important } .footer1 { padding-right: 0 } .view-btn a { padding: 11px 35px!important; display: inline-block; color: #0062a6; border: 1.5px solid #47b749; font-size: 14px!important; font-weight: 700 } .blo-til h4,.content h2,.view-btn,h2.o-fact,h2.vsisi { text-align: left } .featrued_prod_title-1s { text-align: center; margin-top: 0; background-color: #fecf07; padding: 10px 0 } .about-sec-div,.blog-box-shad,.search-head { margin-top: 30px } a.pro-titles { color: #004e7b!important; font-size: 16px; position: relative; font-family: Montserrat,sans-serif; font-weight: 600 } .bannermain i,.innercaption h1,.o-products .owl-dots,section.grey.o-products .owl-nav.disabled { display: none!important } .o-products .owl-item { padding: 20px 10px 0; border-radius: 0 } .blogs-section h2 { color: #2099a2!important; font-size: 42px!important; font-weight: 700; text-align: center; margin-top: 0; font-family: chivo } .blog-veiw-section,.blog-veiw-section h1,.exp-left h4,.exp-left p,.exp-right h4,.exp-right p,.head-heading h5,.head-heading h6,.testimonials-content h4,.testimonials-content h5,p.adas,ul.product-change-ul li a { font-family: Montserrat,sans-serif } .main-serv-inner-2 h4,.o-products h2,.yinte-main-blogs-2 h4,.yinte-pros-2 a { font-family: chivo } .main-blogs { text-align: center; position: relative } a.blo-titles { padding: 5px 15px 0 0!important; color: #273773; font-size: 14px!important; font-weight: 600; opacity: 1; text-align: left; display: block } .main-blogs:hover a.blo-titles { opacity: 1 } .main-blogs:hover img { opacity: 1; transition: .5s } .blo-til { padding: 0; margin-bottom: 0 } .exp-left,.exp-right { margin-bottom: 50px; position: relative } .blo-til p { font-size: 16px; text-align: left } p.post-by-ad strong { color: #0062a6; padding-left: 5px } .pad-ext { padding-bottom: 30px; padding-top: 30px } .blog-veiw-section h1 { padding-top: 60px; color: #000 } .blog-box-shad:hover { background-color: #fff; box-shadow: 0 0 40px #ccc; transform: scale(1.020); transition: .5s; border: unset } .blog-box-shad { background-color: #fff; border: 1px solid #ccc; padding: 20px 20px 30px 30px } .main-cont a,.menu_opened.p_active a.pro-linksss:before,.prod_desc h3,body .seo-content h4 strong,body section.top .top-left i { color: #000 } .main-blogs img { width: 100%; height: 238px } body .main-pic img { vertical-align: middle!important } .Video-sect { padding: 80px 0 50px } .Video-sect .card { cursor: pointer; display: block } .card-img-top { width: 100%; height: 300px; border-radius: 10px 10px 0 0 } p.card-text { color: #000; font-size: 22px; display: inline-block; background-color: #3a3a3a2b; border-radius: 0 0 10px 10px; width: 100%; padding: 10px 0 } body .logo { max-width: unset!important; text-align: center } .search-head input[type=text] { border: none!important; padding-left: 20px; font-family: Montserrat,sans-serif!important; width: 80%; height: 40px; position: relative; top: -10px; background-color: #004e7b; border-radius: 5px; color: #fff!important } ul.head-icon li a { margin-left: 10px } ul.head-icon li a i:hover { color: #8ec03f; transition: .5s } ul.head-icon { margin-top: -10px; float: right } .my-menu nav#wsnavtoggle { float: left; margin-top: 0!important } ul.product-change-ul li { margin-bottom: 10px; text-align: left } ul.product-change-ul li a { color: #fecf07; text-transform: uppercase; font-weight: 600; display: block; background-color: #004e7b; padding: 8px 0 8px 20px; transition: .3s linear; outline: 0; text-decoration: unset } .alert-success,.ext-paddS,.filtered-by-s,.head-heading,.head-icone,.my_cat a,.request.for.quate a,.top-right ul,ul.cus-social li a,ul.footer-icon li a,ul.ft-address li a,ul.ft-address li i { display: inline-block } ul.product-change-ul li:hover { transition: .3s; background-color: #fecf07; text-decoration: none } ul.product-change-ul li:hover a { color: #004e7b; transition: .1s; text-decoration: none; background-color: #ffc805 } .o-products h2 strong { color: #004e7b!important; font-weight: 600; font-size: 30px } .blo-til h4,.blo-til p,.wsmenu-submenu li a,p.adas a,p.content-para { font-weight: 500 } .o-products h2 { color: #2f2f2f!important; text-transform: capitalize!important; font-weight: 800; font-size: 40px!important; padding-left: 18px; margin: 0; padding-bottom: 40px; text-align: center } .form-sec textarea { border: 1px solid #fff; resize: none; padding: 20px 0 0 20px } .contact-img-center img { margin: -40px auto 0!important } .exp-left { text-align: right; padding-right: 90px } .exp-left img { position: absolute; right: 0 } .exp-right { padding-left: 90px } .exp-right img { position: absolute; left: 0 } .exp-left h4,.exp-right h4 { font-size: 14px; color: #8ec03f; font-weight: 600 } .exp-left p,.exp-right p { font-size: 12px; color: #767676 } .gree-sec-banner { background: url('/images/GREE-BANNER_02.jpg') 0 0/cover; height: 400px } ul.mobile-sub li:hover { transition: .5s; color: #043754!important } .testimonials .owl-nav .owl-prev,li.item.column.even-li .pro-thumb,li.req { float: left } p.adas a { display: inline; color: #fff } body nav#wsnavtoggle li.req:hover a,li.req a { color: #004e7b!important } p.adas { text-align: center; color: #fff } ul.footer-icon li a { margin-right: 20px } .sasc i,ul.footer-icon li a i { color: #273773 } ul.footer-icon li a:hover i { color: #8ad7bc; transition: .5s } .ft-content { text-align: center; padding-top: 80px; padding-bottom: 20px } ul.footer-icon { margin: 0; padding: 14px 0 00 40px; border-top: 1px solid #ccc } .header-search-btn { font-size: 0; background-color: transparent!important; color: transparent; border: unset; height: 40px; position: relative; top: -15px; width: 0; left: -8px; background: url('/images/search-icon.jpg') 0 0/100% 100% } .header-search-btn i.fa.fa-search { font-size: 14px; color: #8ec03f; padding-left: 10px } .contactmain { background-color: transparent!important; padding: 0 0 10px!important } a.pro-titles:hover { text-decoration: none } .o-products { padding-bottom: 20px!important } section.container.inner h2 strong { color: #282828!important } .pro-menu { margin-top: 0; min-height: 600px } ul.wsmenu-submenu li:hover a { color: #fff!important; transition: .2s linear; text-transform: capitalize } li.req a { font-weight: 600 } section.testimonials { background: url(/images/testiminals-bg.jpg) 0 0/cover; padding: 100px 0 } .testimonials-content h2 { color: #ffcd07; text-align: center; font-size: 35px; padding-bottom: 30px } .testimonials-content h4 { color: #ffcd07; text-align: center; font-size: 20px } .testimonials-content h5 { max-width: 650px; margin: 0 auto; font-size: 19px; text-align: center; color: #fff; font-weight: 300; padding-top: 10px } .testimonials .owl-nav { position: absolute; top: 40%; left: 0; width: 100%; height: 0 } .blogs-section .owl-nav i,.testimonials .owl-nav i { background-color: #004e7b; color: #fecf07; padding: 10px; font-size: 18px } .pad-ext p { max-width: 600px; text-align: center; margin: 0 auto; font-size: 16px; color: #8e8e8e } .cer-img-div img,.col-md-4.col-sm-6.col-xs-6.cap_img { text-align: right } .b-images img { width: 100%; border: 1px solid #ccc } .blogs-section .owl-nav { position: absolute; top: 32%; left: 0; width: 100%; height: 0 } .blogs-section .owl-nav .owl-prev { float: left; position: relative; left: -20px } .blogs-section .owl-nav .owl-next { float: right; position: relative; right: -20px } section.blogs-section { background-repeat: no-repeat; margin: 0 auto; padding: 60px 0!important } body a:hover { outline: 0!important; text-decoration: none!important } body nav#wsnavtoggle li.req:hover { background-color: #fdcd07!important } .head-heading h5 { color: #8ad7bc; font-weight: 700; margin-bottom: 0 } .head-heading h6 { font-size: 12px; padding-bottom: 0; color: #767676 } .con-head1,.con-head2 { padding-top: 20px; position: relative } .head-icone i { font-size: 26px; position: absolute; left: -30px; top: 50%; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #043381 } .head-icone i.fas.fa-phone-volume { transform: rotate(-45deg); left: -20px } a.req-err { position: relative; top: 30px; background-color: #8ad7bc; color: #273773; padding: 10px 18px; border-radius: 50px; font-weight: 600; font-size: 14px } a.pro-link { border-radius: 50px; font-size: 14px!important; font-weight: 700 } .pro-title-div { position: relative; padding-top: 6px; padding-bottom: 19px } a.pro-title-2 { color: #767676; font-weight: 700; font-size: 14px; position: relative } a.pro-title-2:before { content: ""; width: 80px; height: 8px; background-color: #006993; position: absolute; bottom: -10px } p.short-desc-home { margin-bottom: 20px; color: #767676!important; font-size: 14px!important; height: 80px } .ab-ft ul li a,p.ft-addresses,ul.cus-social,ul.products { margin-bottom: 0 } body .listv-active li,ul.products>li { height: unset!important } .featrued_prod_title-2 { padding: 10px 10px 30px } .custom-service-center a,.product-center-btn a { background: #273773!important; padding: 12px 45px!important; display: inline-block; color: #8ad7bc; text-transform: uppercase; text-decoration: none; font-size: 14px!important; font-weight: 700; letter-spacing: 1px; border-radius: 50px } .custom-service-main-div { text-align: center; background-color: #f9f9f9; padding: 60px 40px } .custom-service-main-div h4.ser-1 { color: #273773; font-family: chivo; font-size: 25px; padding-top: 10px; padding-bottom: 10px; position: relative } .custom-service-main-div h4.ser-1:before { content: ""; width: 50px; height: 3px; background: #273773; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0 } .custom-service-main-div a { background-color: #8ad7bc; color: #273773; border-radius: 50px; padding: 12px 35px; font-size: 14px!important; font-weight: 700 } body .get-a-quote-now,body h2.get-a-quote-nows,h2.o-serv { padding-left: 13px; padding-bottom: 20px } .custom-service-main-div p { padding-bottom: 20px; padding-top: 10px; color: #9d9d9d; font-size: 16px } .custom-service-main-div:hover a { color: #8ad7bc; background-color: #273773; transition: .3s } .custom-service-main-div:hover { background-color: #fff; transition: .3s linear; box-shadow: 0 0 20px #ccc; transform: scale(1.010) } .yinte-main-pros:hover .yinte-pros-2 a,body .form-sec h2,body .get-a-quote-now,ul.cus-social li a:hover i { color: #fff!important } .form-sec input::placeholder { color: #fff; font-style: italic } ul.ft-address li a { padding-left: 10px; color: #fff; font-weight: 300 } .ab-ft ul li a,ul.ft-address li i { color: #fff } ul.ft-address li { display: flex } .ab-ft h4,.f4 h4 { color: #fff; font-size: 14px; font-weight: 500 } .ab-ft { color: #909090; text-align: center; font-size: 15px; font-weight: 500 } .ft-bg-color { padding: 15px } h2.o-serv { color: #273773; position: relative; font-weight: 600; font-size: 30px } .a-chal a,span.sortred { font-weight: 700; font-size: 14px; position: absolute } .custom-service-center { padding: 40px 0 30px; text-align: center } .ab-ft-left { padding-left: 50px } .about-content h2.about-heading-main,.def-heading.gallery-heading h2,body .seo-content h1,body .seo-content h2,body .seo-content h3,body .seo-content h4,body .seo-content h5,body .seo-content h6,body .seo-content p,section.service-section .def-heading h2,ul.services-ul li a { font-weight: 300 } .sasc { border-top: 1px solid #ccc; padding-bottom: 14px; padding-top: 14px; border-left: 1px solid #ccc; padding-left: 20px } .sasc button.header-search-btn-2 { background: 0 0; border: unset } body .btn-primary:hover { background-color: #0b4f9f; border-color: #0b4f9f; transition: .3s; color: #fff } .my_cat a { color: #5f5a5a!important; width: 86%; padding-top: 10px!important; padding-bottom: 10px!important; padding-left: 15px } .ext-padd { position: relative; display: none } span.sortred { top: 10px; left: -73px; color: #767676 } .ext-padd input[type=text] { background-color: #f1f1f1; border: #ffdead; border-radius: 25px; padding: 10px } .filtered-by-s { color: #767676; font-weight: 500; font-size: 16px; border-bottom: 3px solid #273773 } body .my_cat.cat_level_1.active a { color: #fff!important; background-color: #0b4f9f!important } ul.productses .product_thumb { padding: 0!important; width: 100px; float: left; height: 100px } ul.productses .product_thumb img { width: 100%; height: 100% } .a-chal a { color: #767676; top: 20px; right: 0; width: 58% } div#btnContainer { margin-bottom: 20px; display: none } body .listv-active .pro-thumb { width: 30%; float: left } body .listv-active .featrued_prod_title-2 { width: 70%; float: right } .head-icone img { position: absolute; left: -40px; top: 30px } .ex-padss { padding-bottom: 15px } .inquiry-pops { padding: 10px 25px } h2.my-head { color: #2099a2!important; font-weight: 600; padding-top: 50px } section.about-sec { padding-bottom: 40px; padding-top: 10px } section.about-sec p { font-size: 16px; line-height: 35px } body h2.get-a-quote-nows { color: #273773!important } .form-secs input { border: 1px solid #fff; background-color: #f3f3f3; border-radius: 50px; padding: 10px } .form-secs input::placeholder { font-style: italic } body .form-secs textarea { height: 100px!important; border: 1px solid #fff; resize: none; background-color: #f3f3f3; border-radius: 20px; padding: 20px 0 0 20px } body .form-secs textarea::placeholder { font-style: italic } body .form-secs button#inquiry_form_btn { background-color: #273773; padding: 10px 40px; border-radius: 50px; border: unset; color: #8ad7bc!important; font-weight: 700!important } .form-secs { padding-top: 30px } .our-contact-servicess,section.videos { padding-bottom: 60px } .custom-service-main-divs { text-align: center; background-color: #273773; box-shadow: 5px 20px 30px #00000082; color: #7fc3b3; height: 300px; padding-top: 50px } .custom-service-main-divs h4.ser-1 { padding-top: 10px; position: relative } .custom-service-main-divs h4.ser-1:before { content: ''; background: #88d4ba; width: 60px; height: 2px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 32px } .custom-service-main-divs:hover { background-color: #8ad7bc; transition: .3s linear; color: #273773 } .custom-service-main-divs:hover h4.ser-1:before { background: #273773 } body .listv-active p.short-desc-home { height: 40px } .innercaption h2 { font-weight: 700; font-size: 32px; color: #2099a2; opacity: 0; line-height: 15px; max-width: 60% } .top-right li span { padding-right: 6px; font-weight: 300 } .top-right ul { float: left; padding-left: 100px } .ext-paddS { float: right; position: relative; top: 1px } .ext-paddS input[type=submit] { position: absolute; right: 0; background: url(/images/serch-icons.png) 18px 8px no-repeat; color: transparent!important; border: unset } .bannermain .owl-prev,.card a:before,.search input[type=submit],.views a,section.wlc-bg:before { background-repeat: no-repeat } .ext-paddS input[type=text]::placeholder { color: #242b5b } .ext-paddS input[type=text] { padding: 4px 14px; color: #000 } .white-bg a.readmore { margin-top: 10px } .product-list a.pro-links { background-color: #b41f2e; color: #fff; padding: 5px 10px; text-align: center; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: block-axis; overflow: hidden; line-height: 40px; position: relative; top: -15px } ul.cus-social { display: block; margin-top: 0 } ul.cus-social li a { width: 36px; text-align: center; height: 36px!important; line-height: 35px!important } ul.ft-address li img { position: absolute } p.web-link { padding-left: 10px; margin-bottom: 2px } ul.ft-address li i.fa.fa-envelope { margin-top: 5px } ul.footer-menus-list li a { color: #fff; font-size: 15px } span.spni { padding-left: 2px } .abs-img { margin-top: 40px; width: 100% } .ab-1-top { padding-top: 20px } .inxas { width: 100%; height: 200px; resize: none; padding: 10px 0 0 10px; border: 1px solid #d7d7d7 } .inxas::placeholder { color: #99a6c4 } .inxa { background-color: #282828; color: #fff; padding: 10px 20px; border: unset } .getintouch { margin: 0 0 10px; color: #282828; position: relative; padding-left: 0; font-weight: 700; font-size: 42px; padding-top: 20px; padding-bottom: 30px } .contact-content-div { background-color: #ebebeb; padding: 50px 0 40px } .contact-content-div .col-md-4:before { content: ""; background-color: #767676; width: 1px; height: 70px; position: absolute; right: 40px } .contact-content-inner img { position: absolute; left: 0; top: 18px } .contact-content-list { padding-left: 60px; padding-top: 15px } .contact-content-list li { color: #767676 } .cat_level_1 a { background-color: #c6c6c6; color: #000!important; margin-bottom: 3px } .cat_level_1:hover a { background-color: #e4e4e4 } li.buil-d { max-width: 60% } section.bread-crum { background-color: #efefef; margin-bottom: 20px } .bread_crumb { padding: 10px 0!important } .bread_crumb a { color: #242b5b; font-weight: 500; font-size: 14px } h1.pgtitle { color: #2099a2; font-weight: 700; font-size: 20px } .related-heading h4 { padding-left: 12px!important; margin-bottom: 10px; font-size: 42px; font-weight: 700 } .btn-primary:focus { background-color: #000 } .social-icon-view-products { border-top: 2px solid #ccc; margin-top: 30px } h6.social-icon-view-now { color: #b41f2e; font-weight: 700; font-size: 22px; padding-top: 20px } li.last-list a { margin-right: 0!important } .search-popup .form-group,.short-descrition-inner { overflow: hidden } .fea-products,ul.view-pro-img { white-space: nowrap } a.pro-linksss { display: block; background-color: #e4e4e4; margin-bottom: 3px; padding: 10px 0 10px 25px; color: #000; position: relative } .blo-til h4,.blo-til p,.yinte-main-blogs-2 h4,a.pro-wrapper,p.content-para { display: -webkit-box; -webkit-box-orient: vertical } a.pro-linksss:before { content: "-"; position: absolute; left: 6px; font-size: 21px; top: -5px } .fea-products li { width: 18%!important; float: left; margin-right: 16px } .cer-img-div img { MARGIN: 0 AUTO } .cer-img-div i.fa.fa-play { position: absolute; bottom: 5%; left: 130px; font-size: 15px; color: #fff; border: 3px solid; width: 50px; height: 50px; line-height: 45px } video#myVideo { object-fit: cover; -webkit-box-orient: vertical; -webkit-box-direction: normal } .about-sec .owl-carousel img { width: 100%; padding: 0 2px } .video-box { width: 90%; margin: 0 auto } li.sales-manager { padding-top: 10px } .request.for.quate { float: right; margin-top: 25px!important } .request.for.quate a { background-color: #2099a2; padding: 10px 25px!important; text-align: center; font-weight: 500; color: #fff!important; text-decoration: none; font-size: 13px } p.banner-para { font-size: 16px; line-height: 2; font-weight: 300 } .btn.btn-primary.bannerbtn1 { border-radius: unset!important; box-shadow: unset!important; font-size: 16px; font-weight: 600!important; background-color: #d7d6d6!important; color: #000!important; padding: 9px 40px!important } .btn.btn-primary.bannerbtn { box-shadow: unset!important; font-size: 16px; font-weight: 300; color: #fff!important; padding: 10px 50px!important } .bannermain .owl-prev,.owl-carousel-blogs .owl-nav .owl-next,.owl-carousel-blogs .owl-nav .owl-prev { width: 50px!important; height: 50px; line-height: 9; background-color: transparent!important } .bannermain .owl-prev { background-image: url("/images/left.png") } li.prowrapper-list-last a img { width: auto!important } ul.prowrapper-list { position: relative; white-space: normal } li.prowrapper-list-first { width: 100%; float: left; position: relative; height: 70px; overflow: visible } .products-home-main:hover a.pro-wrapper-absolute { left: 0; top: 0 } a.pro-wrapper { color: #fff; font-size: 16px; -webkit-line-clamp: 2; overflow: hidden; text-align: center; position: absolute; top: -35px; right: 0!important; left: 0; background-color: #006993; width: 100%; padding: 20px 0 } .blo-til h4,section.images-sec h2.askldk { padding-top: 0; text-transform: capitalize; font-family: chivo } .owl-carousel-blogs .owl-nav { height: unset; display: block!important; top: 40% } .owl-carousel-blogs .owl-nav .owl-prev { background-image: url(/images/lefticon.png); font-size: 0 } .owl-carousel-blogs .owl-nav .owl-next { background-image: url(/images/righticon.png); font-size: 0 } section.images-sec h2.askldk { color: #2f2f2f!important; font-weight: 700; font-size: 40px!important; margin: 0 0 50px; padding-bottom: 50px; text-align: center } .form-sec textarea::placeholder { color: #282828; font-style: unset } .maps-imagess img,.prod_desc table { width: 100%!important } p.asdaszxc a,p.asdaszxca a { display: inline-block; color: #fff; font-size: 14px; font-weight: 600 } .search { float: right; padding: 7px 4px; position: relative } .search input[type=text]::placeholder { color: #e60012 } .search input[type=text] { padding: 5px 17px; background-color: #fff; border: unset!important; color: #000!important; outline: 0 } .search input[type=submit] { position: absolute; top: 7px; border-radius: 50px; border: unset; background-image: url(/images/Nanjing-Meetall_02.png); background-color: transparent; font-size: 0; width: 32px; height: 30px; background-size: 100% 100%; right: 0; left: 155px } .blo-til h4 { font-size: 28px; color: #282828; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10px; position: relative } .blo-til p,p.content-para { -webkit-line-clamp: 5; overflow: hidden } .blo-til p { color: #989898!important } p.date-format { padding-top: 5px; color: #767676!important; line-height: 36px; font-size: 16px; margin: 0!important } ul.products li .product_thumb { float: right; line-height: unset!important; width: 100%; height: 100%!important } ul.products li .featrued_prod_title-2 { float: left!important; display: inline-block; margin-top: 45px; padding-left: 20px; width: 50% } ul.products li .pro-thumb { float: right; width: 50% } body .product_thumb img { width: 100%; height: 230px!important } .for-more-content { position: relative; top: 0; margin: 0 auto } .pro-title-div .pro-title-2 { color: #006993; font-size: 20px; font-weight: 700; padding-left: 10px; display: inline-block; line-height: 30px; font-family: Lato } a.pro-link { background-color: #366; color: #fff; padding: 10px 15px; letter-spacing: 1px; float: left; margin-top: 20px } body .contactmain { background-color: unset!important; padding-top: 0!important } p.content-para { color: #fff!important; font-size: 14px } .wsmenu-list li>.wsmenu-submenu { max-width: 120px } ul.home-gallery li { width: 20%; float: left } h2.o-fact { padding-bottom: 20px; padding-top: 20px; font-size: 42px; font-weight: 800; color: #b41f2e } .wsmenu-list>li.active:before { content: ""; background-repeat: no-repeat; position: absolute; height: 3px; left: 0; margin: 0 auto; right: 0; background-color: #0b4f9f; width: 50px; top: -5px; display: none } .wsmenu-list>li.active>a { color: #000!important; font-weight: 700!important; border-bottom: unset; padding: 0 12px 0 0!important } strong.spi { line-height: 0!important } section.wlc-bg:before { position: absolute; content: ""; height: 110%; right: 0; top: -9%; background-size: cover } .img-images { position: absolute; top: -30px; box-shadow: 0 0 2px 2px #ccc; border-radius: 50px; width: 70px; height: 70px; margin: 0 auto; right: 0; left: 0; z-index: 999; color: #fff } .main-inner-div:hover { transition: .3s; border-bottom: 5px solid #dc1f26 } .yinte-main-pros { position: relative; height: 300px; text-align: center; margin-bottom: 30px; background-color: #fff; box-shadow: 0 0 10px #ccc; border-radius: 5px } .yinte-pros-1 { position: relative; height: 200px; margin: 0 auto } .yinte-pros-2 { background-color: #fff; position: relative; height: 100px; z-index: 999 } .yinte-pros-2 .yinte-pros-2-anchor a { background-color: #fff; color: #0b4f9f; border-radius: 25px; padding: 2px 10px; font-size: 12px!important; font-weight: 300 } .yinte-pros-2-anchor { font-size: 14px; margin-top: 10px; z-index: 9999 } .yinte-main-pros:hover { opacity: 1; font-size: 14px; padding: 0 } .yinte-pros-2 a { font-size: 18px!important; font-weight: 600; color: #000 } .yinte-pros-1:before { position: absolute; height: 2px; background-color: #ccc; content: ""; left: 0; bottom: 0; right: 0; width: 80%; z-index: 1; margin: 0 auto } .guang-view-all { text-align: center; margin-top: 30px } .guang-view-all a { padding: 10px 30px; background-color: #0b4f9f; border-radius: 50px; color: #fff; font-weight: 500; font-size: 16px } p.date-format img { padding: 0 5px 5px 0; position: relative; top: 30px; left: -25px } .yinte-pros-2:before { content: ""; background-color: #0b4f9f; position: absolute; width: 100%; bottom: 0; height: 5px; left: 0; border-radius: 0 0 10px 10px; transition: .3s; z-index: 1 } .yinte-main-pros:hover .yinte-pros-2:before { height: 100px; transition: .3s; z-index: -1 } .yinte-main-pros:hover .yinte-pros-2-anchor { width: unset; height: unset; opacity: 1; transition: .3s } body .yinte-pros-2 .yinte-pros-2-anchor a { padding: 0!important; font-size: 0!important } .yinte-main-pros:hover .yinte-pros-2 .yinte-pros-2-anchor a { padding: 5px 30px!important; font-size: 12px!important; color: #0b4f9f!important } .yinte-main-blogs p.date-format { font-size: 14px; color: #ccc } .yinte-main-blogs-2 h4 { color: #000; font-size: 24px; margin: 0; -webkit-line-clamp: 2; overflow: hidden; min-height: 55px } .yinte-main-blogs-2 p { font-size: 12px; color: #a6a7a9 } .yinte-main-blogs-anchor a { color: #fff; background-color: #0b4d9c; padding: 10px 20px; border-radius: 25px } .yinte-main-blogs-anchor { margin-top: 10px; display: inline-block } .yinte-main-blogs-1 { height: 330px; margin-top: 10px } .prod_desc div,.prod_desc img { max-width: 100%!important } .img-images1 { margin: 0 auto; position: absolute; right: 0; left: 0; width: 100%; height: 100%; TOP: -65PX; border-radius: 100% } .img-images1 img { margin: 0 AUTO; box-shadow: 0 0 2px 2px #ccc; padding: 10px; width: 100px; height: 100px; border-radius: 100% } .text { padding-top: 70px } .main-inner-div:hover .img-images1 img { background-color: #dd0a0a; border: 2px solid #0b4f9f; color: #fff!important; width: 100px; height: 100px } .main-inner-serv { position: relative; height: 290px; box-shadow: 0 0 10px #ccc; padding: 10px; text-align: center; border-radius: 5px; background: #ccc } .main-inner-serv:before { content: ""; background-color: #010101; width: 100%; height: 5px; position: absolute; bottom: 0; border-radius: 0 0 10px 10px; left: 0 } .main-serv-inner-img { position: absolute; background-color: #fff; box-shadow: 0 0 10px #ccc; width: 70px; height: 70px; left: 0; right: 0; margin: 0 auto; border-radius: 100%; padding: 0 10px; transition: .3s } .caption2 p,.card,h2.vsisi { margin-bottom: 20px } .main-serv-inner-img img { margin-top: 10px; transition: .3s } .main-inner-serv:hover .main-serv-inner-img img { filter: brightness(100); transition: .3s } .main-inner-serv:hover .main-serv-inner-img { background-color: #da2025; border: 2px solid #0b4f9f; transition: .3s } .main-serv-inner-2 { margin-top: 50px } .main-serv-inner-2 h4 { font-size: 23px; color: #050404; text-transform: uppercase; letter-spacing: 1px; padding-top: 0; transition: .3s; font-weight: 600; padding-bottom: 3px } .main-inner-serv:hover:before { background-color: #da2025; transition: .3s } section.blog-1 { padding: 0 0 40px } .card a:before,.views a,section.contact-info-h { background-size: 100% 100% } .prod_desc { max-width: 100%; overflow: hidden } .prod_desc img { max-height: 100% } .prod_desc div h2 { font-size: 32px!important } .menu_opened.p_active a.pro-linksss { background-color: #c6c6c6!important; color: #000!important } body .pad0 { padding: 0 15px!important } body .seo-content p { font-size: 14px; color: #2b282f; margin-bottom: 10px; } body .seo-content h1,body .seo-content h1 strong { font-size: 42px; color: #000 } body .seo-content strong { color: #2b282f } body .seo-content h2,body .seo-content h2 strong { font-size: 40px; color: #000 } body .seo-content h3,body .seo-content h3 strong { font-size: 32px; color: #000; margin-bottom: 10px; } body .seo-content h4 { font-size: 20px; color: #000 } body .seo-content h5,body .seo-content h5 strong { font-size: 17px; color: #000 } body .seo-content h6,body .seo-content h6 strong { font-size: 16px; color: #000 } @media only screen and (max-width: 992px) { body .seo-content h1,body .seo-content h2,body .seo-content h3,body .seo-content h4,body .seo-content h5,body .seo-content h6 { font-weight:400!important } body .seo-content p,body .seo-content strong { font-size: 14px; font-weight: 300 } body .seo-content h1,body .seo-content h1 strong { font-size: 26px; color: #000 } body .seo-content h2,body .seo-content h2 strong { font-size: 22px; color: #000 } body .seo-content h3,body .seo-content h3 strong { font-size: 20px; color: #000 } body .seo-content h4,body .seo-content h4 strong { font-size: 18px; color: #000 } body .seo-content h5,body .seo-content h5 strong { font-size: 16px; color: #000 } body .seo-content h6,body .seo-content h6 strong { font-size: 14px; color: #000 } } @media only screen and (min-width: 320px) and (max-width:999px) { body .main-div { height:240px; margin-bottom: 30px; padding: 10px 0 0 } body .view-details a { font-size: 12px } body .row.top { margin: 20px 0!important } body .blo-til { padding: 50px 30px 30px 50px } body .wsmenucontainer.wsoffcanvasopener { margin-left: 0; z-index: 99999 } body .my-menu nav#wsnavtoggle { margin-top: 0 } } .card a:before,.zx .owl-nav { margin: 0 auto; left: 0; right: 0 } .search-popup .form-group,.search-popup .form-group button img.img-fluid { margin: 0; position: relative } section.static { padding: 80px 0 } .content h2 { color: #1da5e6; font-weight: 700; font-size: 34px } .content p { font-size: 16px; color: #767676 } .blo-titles-div,.static-button,.views { margin-top: 20px } .static-button a { padding: 10px 40px; text-align: left; background-color: #1da5e6; color: #fff; border-radius: 100px; font-weight: 500 } .static-img img { position: RELATIVE; left: 0 } .content { padding: 50px 0 0 } h2.vsisi { font-size: 42px; font-weight: 700; color: #3880c1; padding-left: 20px } .contact-img-scr { margin-top: 40px } @media only screen and (max-width: 780px) { .mobile-sub .wsmenu-submenu li a:before { display:block } body ul.cus-social li { margin-left: 0; display: -webkit-box } body .ab-ft { text-align: left } body p.asdaszxc a { font-size: 11px } body .super-oil-main { min-height: 220px; max-height: 220px } body .super-oil-first { position: relative; height: 140px; border: 1px solid #ccc } } .form-row.tre { height: 50px } a.names { font-weight: 800; color: #000; font-size: 36px; display: block; padding-right: 90px } a.des { font-size: 14px; color: #000 } .views a { color: #fff; padding: 8px 40px!important; font-size: 16px!important; background-color: #2099a2!important; display: inline-block } .caption2 p,.my-blogs-wrapper-second p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } .super-oil-seconds { WIDTH: 50%; float: left; padding-right: 140px; padding-top: 130px } .super-oil-first img { width: unset!important } .my-blogs-wrapper-first { position: relative; top: 0; height: 190px } .my-blogs-wrapper { background: #fff; transition: .3s; margin-top: 50px; padding: 5px } .cer-img-div img { padding: 40px; margin-top: -40px } .zx .owl-nav { display: block!important; width: 8%!important; z-index: 9999; bottom: 130px; text-align: unset!important; top: unset!important } .zx .owl-next,.zx .owl-prev { display: inline-block; font-size: 0; width: 45px; height: 45px; position: relative } .zx .owl-prev { background: url(/images/lef.png) center center no-repeat; left: 38%; z-index: 999 } .zx .owl-next { background: url(/images/rig.png) no-repeat; background-position: center center!important; left: 32px } .o-products .owl-nav i { font-size: 0!important; background-color: transparent!important } .vides h2 { font-size: 42px; font-weight: 600; text-align: center; text-transform: uppercase; padding: 0 0 40px } .card { position: relative; height: 250px; width: 100%; padding-bottom: 2px; border: 2px solid #ccc } .card a:before { content: ""; background-image: url(/images/play-button.png); position: absolute; background-position: center center; width: 70px; height: 70px; bottom: 40%; background-color: #fff; border-radius: 50px } .card img { width: 100%; height: 240px } a.one { padding: 0 0 0 3px!important } .caption2 h2 { font-size: 35px; color: #fff; font-weight: 500; text-transform: capitalize } .caption2 p { font-size: 40px; font-weight: 300; line-height: normal; text-transform: uppercase } .main-div:hover .product-list { transition: .5s } .my-blogs-wrapper-first img { max-height: 100%; object-fit: cover; height: auto; width: 100%; position: absolute; bottom: 0; top: 0 } .form-row.tyu { height: 60px } .main-cont h5,.main-cont img { display: inline-block; position: relative } .main-serv-inner img { width: 90px; margin: 0 auto; padding-top: 20px; filter: invert(20%) sepia(61%) saturate(3768%) hue-rotate(339deg) brightness(102%) contrast(102%) } body .main-div:hover .product-url-main { background: #2099a2; transition: .3s; border-color: #2099a2 } .main-div:hover .product-list img { bottom: 75px } .main-div:hover .product-url-main { bottom: 68px } .main-cont h5 { padding-left: 10px; font-size: 25px; margin-bottom: 0!important; top: 7px } .main-cont img { top: 13px; filter: hue-rotate(213deg) } .main-cont p { padding-left: 68px; font-size: 18px; color: #000 } section.contact-info-h { background-image: url(/images/bg-c.png); padding: 60px 0 } .row.s { background: 0 0 } .cont-contact-bg { height: 420px; position: relative } .cont-contact-bg img { position: absolute; max-width: 100%; max-height: 100%; width: 100% } .cont-contact { margin-top: 50px; padding: 0 20px 0 30px } .main-cont { padding: 0 20px } .cont-contact h3 { font-size: 40px; color: #595d61 } .ab-ft .logo img { max-width: 60%; padding-bottom: 9px; position: relative; top: 0 } body .wsoffcanvasopener a#wsnavtoggle { position: fixed!important; top: 15px } @media (max-width: 767px) { body .caption2 { max-width:95%!important } .caption2 { width: 150px!important } .caption { top: 0!important; margin: 0!important } .search-box-btn.search-box-outer { top: -30px!important } section.grey.o-products { padding-top: 30px!important } .inner-h h2 { font-size: 20px!important; margin-top: 30px } } @media (min-width: 768px) and (max-width:992px) { .caption { top:10%!important; left: 50px!important } body .product-list { margin-top: 35px } .caption2 { width: 412px!important } body section.contact-info-h { padding-bottom: 20px } .search-box-btn.search-box-outer { top: -30px!important } .filter-box .navbar-header,.navbar-collapse.collapse { display: none!important } .product-heading-bg.all-default-ccontent .defalt-heading h2 { font-size: 20px; text-align: center } .about-content h2.about-heading-main { font-size: 22px } } @media (min-width: 993px) and (max-width:1024px) { .wsmenu-list>li.active>a { color:#2099a2!important; font-weight: 600!important; border-bottom: unset; padding: 0!important } .wsmenu-list { padding: 0!important; margin: 0!important } } @media (min-width: 993px) { body .contactmain { margin-top:40px!important } } body .ab-ft .logo { max-width: 80%!important; margin-top: 0!important } @media (max-width: 992px) { .dasktop-show { display:none } .ab-ft.ab-pbbb { padding-bottom: 10px } } p.ft-addresses { padding: 0 10px 0 30px } .search-btn { cursor: pointer; display: inline-block; position: relative } .search-box-btn.search-box-outer { background: 0 0; height: 40px; width: 40px; display: inline-block; border-radius: 50%; position: absolute; top: -45px; left: 40px; display: flex; justify-content: center; align-items: center } .search-box-btn.search-box-outer:hover { transition: .3s } .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateX(-100%); background-color: rgba(0,0,0,.9); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -moz-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: 1.5s cubic-bezier(.86, 0, .07, 1); -webkit-transition-timing-function: cubic-bezier(0.86,0,0.07,1); -moz-transition-timing-function: cubic-bezier(0.86,0,0.07,1); -o-transition-timing-function: cubic-bezier(0.86,0,0.07,1); transition-timing-function: cubic-bezier(0.86,0,0.07,1) } .search-active .search-popup { transform: translateY(0); margin-top: 0; z-index: 9999999 } .search-popup .close-search.style-two { position: absolute; right: 25px; left: auto; color: #fff; width: auto; height: auto; top: 25px; margin: 0; border: none; background: 0 0!important; box-shadow: none!important; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .search-popup:before { left: 0; top: 100%; width: 100%; height: 560px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; content: "" } .search-active .search-popup form { transform: scaleX(1); -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s } .search-popup form { position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; margin: -35px auto 0; transform: scaleX(0); transform-origin: center; background-color: #111; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .search-popup .form-group input[type=search],.search-popup .form-group input[type=text] { position: relative; display: block; font-size: 18px; line-height: 50px; color: #000; height: 70px; width: 100%; outline: 0; border: none; padding: 10px 30px; background-color: #fff; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; font-weight: 500; text-transform: capitalize } .search-popup .form-group button,.search-popup .form-group input[type=submit] { position: absolute; right: 30px; top: 0; height: 40px; line-height: 65px; background: 0 0; text-align: center; font-size: 24px; color: #000; padding: 0; cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: unset } .search-popup .form-group button { top: 0!important; right: 20px!important; bottom: 0!important; height: 40px; width: 40px; margin: auto; padding: 0; line-height: normal } .search-box-btn.search-box-outer img.img-fluid { filter: brightness(0) } section.category-section .product-heading-bg.all-default-ccontent { position: relative!important; top: 60px!important } section.wlc-bg.o-products .white-bg h1 { color: #000!important; text-align: center; font-weight: 300 } .category-main-div { width: 90%; margin: 60px auto 0; position: relative; padding: 15px; display: flex; align-items: center; background: #f6f6f6; border-radius: 0 100px; box-shadow: 0 4px 15px 0 rgba(0,0,0,.12) } .category-main-div .category-content { max-width: 50%; width: 50% } .category-main-div .category-img-div { width: 50%; max-width: 50%; float: right; text-align: center } .category-main-div .category-img-div .category-list { height: 250px; width: 100%; position: relative } .category-main-div .category-img-div .category-list img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%; transition: .5s } .category-content .category-title a { color: var(--h-color); font-size: 25px; font-weight: 700; display: inline-block; margin-bottom: 5px; font-family: chivo!important } .category-content .category-txt p { color: var(--txt-color); font-size: 16px; font-weight: 300; line-height: 22px; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden } @media (max-width: 767px) { .category-main-div { margin-top:20px; padding: 10px; width: 100%; border-radius: 0 0 50px } .category-content .category-txt p { font-size: 12px } .category-content .category-title a { font-size: 16px } .category-main-div .category-img-div .category-list { height: 200px } .category-main-div .category-img-div .category-list img { max-width: 100% } .blog-section:before { height: 95%; width: 100% } section.category-section .product-heading-bg.all-default-ccontent { top: 0!important } .defalt-heading h2 { font-size: 20px; text-align: center } .col-md-4.col-sm-6.col-xs-6.cap_img img { width: 100% } .about-content h2.about-heading-main { font-size: 18px } .about-sec-div .about-content { padding: unset!important } section.about-sec h2.about-heading { font-size: 18px; font-weight: 300 } section.service-section .def-heading h2 { font-size: 25px } .def-heading.gallery-heading h2 { font-size: 25px; margin-bottom: 20px } section.service-section .bg_overlay.no-overlay { padding-bottom: 0 } section.contact-info-h .home-contact { padding: 40px 0; margin-top: 20px } .white-bg h3 { font-size: 24px } } @media (min-width: 767px) and (max-width:992px) { section.category-section { padding:20px 0 } .category-main-div { margin-top: 20px; padding: 0 20px; width: 100%; border-radius: 0 0 50px } .category-content .category-txt p { font-size: 12px } .category-content .category-title a { font-size: 16px } .category-main-div .category-img-div .category-list { height: 200px } .category-main-div .category-img-div .category-list img { max-width: 100% } .blog-section:before { height: 95%; width: 100% } .def-heading.gallery-heading h2,section.service-section .def-heading h2 { font-size: 30px } section.contact-info-h .home-contact { padding: 40px 0; margin-top: 20px } } .inner-h,section.grey.o-products .product-list img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto } section.grey.o-products .product-list img { height: auto; width: auto!important; max-width: 100%!important } .home-ctc-main .form-group input::placeholder { color: #fff!important } .home-contact .form-row input::placeholder { color: #fff!important } .home-contact textarea.form-control::placeholder { color: #fff!important } .home-contact .form-control { color: #fff; background: #0000006e!important } section.about-sec h2.about-heading { font-size: 25px; font-weight: 300 } .about-sec-div .about-content { padding: 30px 0 40px 40px } section.service-section .bg_overlay.no-overlay { background: unset!important } .inner-h { display: flex; align-items: center; justify-content: center } .inner-h h2 { color: #fff; font-size: 40px; font-weight: 500; font-family: 'unset'!important } li.menu-arrow-1 .wsmenu-submenu a { padding-bottom: 4px; line-height: 18px; } li.menu-arrow-1 .wsmenu-submenu { padding-bottom: 7px; }