html,body{font-family:"Roboto",sans-serif}@media (min-width:1440px){.container-fluid{max-width:1410px}}.bg-blue{background-color:#007bff!important}.bg-indigo{background-color:#6610f2!important}.bg-purple{background-color:#6f42c1!important}.bg-magento{background-color:#a82682!important}.bg-pink{background-color:#e83e8c!important}.bg-red{background-color:#dc3545!important}.bg-orange{background-color:#fd7e14!important}.bg-yellow{background-color:#ffc107!important}.bg-green{background-color:#28a745!important}.bg-teal{background-color:#20c997!important}.bg-cyan{background-color:#17a2b8!important}.bg-gray{background-color:#6c757d!important}.bg-black{background-color:#000!important}.bg-gray-dark{background-color:#343a40!important}.bg-semi-light{background-color:#fefefe!important}.bg-dark-alpha-2{background-color:rgba(0,0,0,0.2)!important}.text-blue{color:#007bff!important}.text-indigo{color:#6610f2!important}.text-purple{color:#6f42c1!important}.text-magento{color:#a82682!important}.text-pink{color:#e83e8c!important}.text-red{color:#dc3545!important}.text-orange{color:#fd7e14!important}.text-yellow{color:#ffc107!important}.text-green{color:#28a745!important}.text-teal{color:#20c997!important}.text-cyan{color:#17a2b8!important}.text-gray{color:#6c757d!important}.text-gray-dark{color:#343a40!important}.text-shadow{text-shadow:0px 1px 2px rgba(0,0,0,0.25)}.navbar-toggler:focus{outline:none;box-shadow:none}.link-unstyled,.link-unstyled:hover{text-decoration:none}.btn-span,.btn-span:hover{pointer-events:none}.twt-navbar.twt-navbar-common{background:#444;transition:0.5s all;min-height:60px;box-shadow: 0 10px 15px rgba(25,25,25,.1);z-index: 9999;}.twt-navbar.twt-navbar-common.fixed{box-shadow:0 1px 15px rgba(30,30,30,0.3);position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:1022;background:#444;padding:0!important}.twt-navbar.twt-navbar-common .navbar-brand span{color:#eee;font-weight:900}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{transition:0.25s all;border-bottom:1px solid transparent}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color:#eee;padding:0.75rem 1.5rem;border-bottom:0}.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{color:#fff;background-color:}.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active > .nav-link,.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover > .nav-link{color:#fff}.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none}.twt-navbar.twt-navbar-common .dropdown-menu{border:0;border-radius:2px;background:none;padding:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.3);margin-top:0px!important}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition:0.5s all;color:#444;padding:0.75rem 1rem}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background:#FFCA00;color:#1866b1 }.twt-navbar.twt-navbar-common .brand-logo-img{height:78px}@media (max-width:1199px){.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1.25rem}}@media (max-width:991px){.navbar-main{background:#444}.twt-navbar.twt-navbar-common .navbar-brand span{color:#fff}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color:#efefef}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active > .nav-link,.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active > .nav-link:hover{color:#fff}.twt-navbar.twt-navbar-common .slide{position:fixed;z-index:999;top:0;bottom:0;left:0;min-width:250px;width:300px;max-width:90%;background-color:#1866b1 ;transform:translate3d(-100%,0,0);transition:0.5s all cubic-bezier(0.165,0.84,0.44,1);border-right:1px solid transparent;overflow-y:auto}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1rem}.twt-navbar.twt-navbar-common .dropdown-menu{background:none;box-shadow:none}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color:#fff;padding-left:1.75rem}.nav-slide-open .twt-navbar.twt-navbar-common .slide{transform:translate3d(0,0,0);box-shadow:2px 0 5px rgba(0,0,0,0.5)}}@media (max-width:575px){.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{white-space:normal}}@media (min-width:992px){.twt-navbar.twt-navbar-common .dropdown-menu.w-200px{min-width:200px}.twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu{left:auto;right:0}}.twt-navbar.twt-navbar-common.nav-light .navbar-brand span{color:#333}.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background:#333}@media (min-width:992px){.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color:#fff}.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color:;color:#fff;}}.footer{background-color:#172337;font-size:14px;position: relative;}.footer.footer-dark,.footer.footer-dark a{color:#aaa}.footer.footer-dark a{transition:0.1s}.footer.footer-dark a:hover{padding-left:2px;color:#fff}.main-banner-slider.owl-theme .owl-dots{position:absolute;left:0;bottom:0;width:100%}.main-banner-slider.owl-theme .owl-dots .owl-dot span{background-color:var(--primary);margin:5px}.main-banner-slider.owl-theme .owl-dots .owl-dot.active span{background-color:var(--warning);width:30px}.main-banner-slider.owl-theme .owl-nav{margin:0}.main-banner-slider.owl-theme .owl-nav .owl-prev,.main-banner-slider.owl-theme .owl-nav .owl-next{font-size:0;position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;line-height:50px;padding:0;margin:0;background:#fff;color:#333;box-shadow:0 3px 15px rgba(0,0,0,0.3)}.main-banner-slider.owl-theme .owl-nav .owl-prev:hover,.main-banner-slider.owl-theme .owl-nav .owl-next:hover{background:#fafafa;color:#fff}.main-banner-slider.owl-theme .owl-nav .owl-prev{left:0}.main-banner-slider.owl-theme .owl-nav .owl-next{right:0}.main-banner-slider.owl-theme .owl-nav .owl-prev:after,.main-banner-slider.owl-theme .owl-nav .owl-next:after{content:"\f104";font-size:2rem;font-family:"Font Awesome 5 Free";font-weight:900}.main-banner-slider.owl-theme .owl-nav .owl-next:after{content:"\f105"}.main-banner-slider .banner-img{object-fit:cover;object-position:center}html,body{font-family:"Titillium Web",sans-serif;font-size:16px}::selection{background:#c0c0c0;color:#ffffff}.common-h2{position:relative;font-size:26px}@media (min-width:992px){.common-h2{font-size:36px}}.bg-pattern{background-image:url("../images/header.png")!important}.bg-header{background-blend-mode:overlay;background-color:initial!important;background-image:url(../images/coding-background-texture.jpg),linear-gradient(180deg,#008dea 0%,#002bc6 100%)!important}.bg-theme{background-color:#0095fa!important}.text-theme{color:#1866b1 !important}.bg-shade{background-blend-mode:overlay;background-color:initial!important;background-image:url(../images/coding-background-texture.jpg),linear-gradient(180deg,#fefefe 0%,#eeeeee 100%)!important;background-repeat:no-repeat;background-size:cover}@media (max-width:991px){.twt-navbar.twt-navbar-common .slide{background-color:#1866b1 }.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color:#1866b1 }}.twt-navbar.twt-navbar-common .navbar-brand .brand-logo{height:80px;transition:0.7s}.logo-heading{font-size:14px}.twt-navbar.twt-navbar-common.fixed .navbar-brand .brand-logo{padding:10px 0}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:transparent!important}.border-lg{background:#007bff;display:inline-block}.border-lg:last-child{border-radius:0}@media (min-width:992px){.border-lg{background:#007bff;border-bottom-left-radius:10px;border-top-left-radius:10px;display:inline-block}.border-lg:last-child{border-radius:0}}.certificate .certificate-img{width:150px;height:150px;object-fit:cover}.certificate .certificate-img{filter:grayscale(100%);transition:0.25s all}.certificate .certificate-img:hover{filter:grayscale(0%)}.butterfly-section .butterfly-img{width:60%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.3))}.butterfly-section .lable-butterfly{font-size:14px}@media (min-width:992px){.butterfly-section .lable-butterfly{font-size:14px}}.bg-smoke{background-image:url("../images/smok.png");background-repeat:no-repeat}.main-sider-img4{object-position:top}.main-slider.owl-theme .owl-nav .owl-prev,.main-slider.owl-theme .owl-nav .owl-next{position:absolute;top:50%;transform:translateY(-50%);left:0;content:"";background:#1866b1 ;padding:6px 15px;border-radius:50%}.main-slider.owl-theme .owl-nav .owl-next{right:0;left:auto}.main-slider.owl-theme .owl-nav [class*="owl-"]{font-size:0px}.main-slider.owl-theme .owl-nav .owl-prev:after{content:"\f053";font-family:"Font Awesome 5 Free";font-weight:900;font-size:16px}.main-slider.owl-theme .owl-nav .owl-next:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;font-size:16px}.main-slider .owl-dots{position:absolute;bottom:0;left:0;right:0}.main-slider img{object-fit:cover}.main-slider.owl-theme .owl-nav{margin:0}@media (min-width:992px){.main-slider-img{display:block;width:100%;object-position:center -120px}.main-slider.owl-theme .owl-nav .owl-prev:after{content:"\f053";font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px}.main-slider.owl-theme .owl-nav .owl-next:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px}.main-slider.owl-theme .owl-nav .owl-next{position:absolute;top:50%;transform:translateY(-50%);left:0;content:"";background:#1866b1 ;padding:6px 15px;border-radius:50%}.main-slider.owl-theme .owl-nav .owl-next{right:0;left:auto}}.gjaze-pigment .color-card{text-align:center;width:22%}.gjaze-pigment .gjaze-table td{vertical-align:middle;padding:0px}.iron-oxide .iron-oxide-heading{font-size:14px}@media (min-width:992px){.iron-oxide .iron-oxide-heading{font-size:15px}}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1.5rem;border-bottom:0}.twt-navbar.twt-navbar-common.fixed .navbar-brand .brand-logo{padding:0px 0}.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{font-weight:300;color:#1866b1 }.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link:hover{font-weight:300;background:#fff;color:#ffca00;}.navbar-nav .nav-item.active .nav-link{background:#0095fa;color:#fff!important}.bg-dark-alpha-2{background:#1866b1 !important}.navbar-nav .nav-item.active .nav-link{background:rgba(0,0,0,0.3)}.header-theme{color:#1866b1 !important}.whatsaap-icon-color{color:#25d366}.we-chat-icon-color{color:#00cc33}.bg-header-img{background-image:url(../images/header.png);background-repeat:repeat;background-size:500px}@media (min-width:1200px){.navbar-brand{width:250px}}@media (min-width:1270px){.navbar-brand{width:540px}}@media (max-width:1139px) and (min-width:992px){.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 0.75rem;font-size:14px}}.parallax-container{position:relative;width:100%;min-height:400px;height:auto;overflow:hidden}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2}.parallax-container .parallax img{position:absolute;left:50%;top:0;min-width:100%;min-height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.parallax-container .parallax-content{padding-top:25%}.parallax-container .parallax-description{color:white;font-size:19px}.parallax-container .parallax-link{padding:20px 100px;background:#0095fa;color:#fff}.parallax-container .parallax-heading{font-size:30px;color:white}@media (min-width:992px){.parallax-container .parallax-heading{font-size:50px;color:white}}.right-about-height{height:150px;object-fit:cover}.pigment-img{min-width:240px}.links-to-pages .h3{font-size:1.25rem}@media (min-width:768px){.links-to-pages .h3{font-size:1.75rem}}.enquiry-form-section .enquiry-form-bg{background:#f8f9fa;color:black}.enquiry-form-section .enquiry-form-img{width:70%}.btn-contact{background:#1866b1 ;color:#fff}@media (min-width:992px){.enquiry-form-section .enquiry-form-img{width:100%}}.border-theme-color{border-color:#1866b1 !important}.iron-oxide .iron-img{width:80%}.products-pages-heading-content{font-size:16px}.products-pages-img .button-brochure{padding:10px;box-shadow:5px 5px 5px rgba(192,192,192,0.6);border:1px solid #a2a2a2}.products-page-img{height:300px;width:100%;object-fit:cover}.pdf-hover-content:hover{color:#dc3545!important}@media (min-width:992px){.products-pages-heading-content{font-size:20px}}.about-section .about-img{object-fit:cover}.about-section .about-section-title{letter-spacing:3px;font-size:24px}.about-section .about-title{font-size:20px}@media (min-width:992px){.about-section .about-section-bg-img{height:500px;background-repeat:no-repeat;background-position:center bottom;background-size:cover}.about-section .about-section-title{letter-spacing:3px;font-size:40px}.about-section .about-title{font-size:30px}}.our-services-products{position:relative;background-color:#2781bd}.our-services-products .bg-dark-blue{background-color:#014f6e}.our-services-products .title-our-services{font-size:30px}.counter-section-index{position:relative;background:url(../images/parallax-img.jpg) no-repeat center;background-size:cover;background-attachment:fixed}.counter-section-index:before{background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;right:0;bottom:0;content:""}.products-section{position:relative}.products .owl-dots{position:absolute;bottom:0;left:0;right:0}.products.owl-theme .owl-nav .owl-prev,.products.owl-theme .owl-nav .owl-next{position:absolute;top:20%;transform:translateY(50%);left:-50px;content:"";background:#1866b1 ;padding:6px 15px;border-radius:0}.products.owl-theme .owl-nav .owl-next{right:-50px;left:auto}.products.owl-theme .owl-nav [class*="owl-"]{font-size:0px}.products.owl-theme .owl-nav .owl-prev:after{content:"\f053";font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px}.products.owl-theme .owl-nav .owl-next:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px}.products .owl-dots{position:absolute;bottom:0;left:0;right:0}.products img{object-fit:cover}.products.owl-theme .owl-nav{margin:0}.products-section .offer-img-main{position:relative;overflow:hidden}.products-section .main-slide-img{/*height:250px;*/width: 85% !important;object-fit:cover}.products-section .overlay-offer-content{position:absolute;bottom:0;left:100%;right:0;background-color:rgb(34,60,131,0.5);overflow:hidden;width:0;height:100%;transition:0.5s ease}.products-section .offer-img-main:hover .overlay-offer-content{width:100%;left:0}.products-section .button-products{color:white;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.products-section .product-offer-img{width:350px}.btn-outline-blue{border:1px solid #1866b1 ;color:white;background:#1866b1 }.btn-outline-blue:hover{color:white}.main-theme-color{color:#2c2f8c}@media (max-width:767px){.products.owl-theme .owl-nav .owl-prev,.products.owl-theme .owl-nav .owl-next{left:-18px}.products.owl-theme .owl-nav .owl-next{right:-18px;left:auto}}@media (min-width:992px){.products-section .product-offer-img{width:auto}}.team-section .team-icon-img{width:100px;height:100px;border-radius:50%;position:relative;object-fit:cover}.content-team-section{border-left:2px solid #e6e6e6;padding-left:20px}.new-team-img{width:250px;height:300px;object-fit:cover}.group-of-company .company-group-img{width:200px;height:200px;object-fit:contain}.group-of-company .product-content{font-size:18px}.text-light-product-content{color:#505050;font-size:15px;line-height:2}.color-gold{color:#d2ae6d!important}.color-dark-green{color:#112d37}.light-blue{color:#00ffff!important}.text-orange-group{color:#f58634!important}.text-light-green{color:#a8cf45!important}.gallery-section .gallery-part{position:relative;overflow:hidden}.gallery-section .gallery-part:before{position:absolute;top:0;left:0;right:0;bottom:0;content:""}.gallery-section .gallery-img{object-fit:cover;transition:0.5s;height:250px}.gallery-part:hover .gallery-img{transform:scale(1.1);background:rgba(0,0,0,0.5)}.gallery-part:hover .gallery-part{display:block;background:rgba(0,0,0,0.6)}.common-header{background-size:cover;background-repeat:no-repeat}.common-header:after{content:"";display:block;padding-top:18%}
.bg-header-img-company-profile{
/*background-image:url(../images/banner.jpg);*/
/*background-position:center;*/
height: 750px;
background-color: #fff;
}
.bg-header-img-vision-mission{background-image:url(../images/vision-mision-1.jpg);background-position:center}.bg-header-img-gallery{background-image:url(../images/gallery-slide.jpg);background-position:center}.bg-header-img-careers{background-image:url(../images/5.jpg);background-position:center}.bg-header-img-contact{background-image:url(../images/6.jpg);background-position:center}.bg-header-img-group-fo-company{background-image:url(../images/3unit.jpg);background-position:center}.bg-header-img-all-products{background-image:url(../images/1.jpg);background-position:center}.bg-header-img-our-team{background-image:url(../images/team.png);background-size:85%;background-position:center}.bg-header-img-our-client{background-image:url(../images/7.jpg);background-position:top}.bg-header-img-our-certification{background-image:url(../images/certificate.jpg);background-position:-160px top}.comfort .icon-img{width:50px}.job-careers-main-section .job-content{background:#e7440f;height:70px;margin-top:-10px;width:100%;margin:0 auto}.job-careers-img4{height:347px}.job-content-desc{margin-left:10px}@media (min-width:992px){.job-content-desc{margin-left:100px}}.job-content-2{margin-top:-138px}@media (min-width:992px){.job-content-2{margin-top:-120px}}.button-home-page{padding:6px 8px;background:#1866b1 ;color:white;display:inline-block}.item.main-slide{position:relative;overflow:hidden}.item.main-slide:before{display:block;content:"";padding-top:15%}.home-slider-img{position:absolute;top:0;left:0;right:0;bottom:0}.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background:#1b3068}.our-value-heading{font-size:24px}.certificates-img{height:300px;width:100%;display:block}.certificates{position:relative;width:100%}.overlay-certificats{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);overflow:hidden;width:100%;height:0;transition:0.5s ease}.certificates:hover .overlay-certificats{height:100%}.certificates-icon{color:#fff}.certificates-overlay-contant{position:absolute;text-align:center;left:0;right:0;transform:translateY(45%);top:0;bottom:0;font-size:18px}.certificates-pdf{height:300px;width:100%;display:block}.title-heading{color:#f26836}.appreciation-heading{position:relative}.appreciation-heading:before{position:absolute;bottom:-7px;width:50%;color:red;height:2px;content:"";background:#f26836;left:26%;right:0;text-align:center}@media (max-width:991px){.appreciation-heading:before{position:absolute;bottom:-7px;width:50%;color:red;height:2px;content:"";background:#f26836;left:26%;right:0;text-align:center}}@media (max-width:767px){.appreciation-heading{font-size:29px}}@media (max-width:991px){.flex-mobile-wrap{flex-wrap:wrap}.g-widget{margin:10px auto;width:100%;text-align:center}.g-widget > *{font-size:0!important}.g-widget .goog-logo-link{margin-left:5px}}.bg-clients{background:#f2f6f9}.client-img{background-repeat:no-repeat;width:172px;height:147px;display:inline-block;background-size:1259px 860px;transition:0.2s all}.client-img:hover{transform:scale(0.95)}.client-img.img-simpolo{background-image:url("../images/clients-1.jpg");background-position:-96px -188px}.client-img.img-sims{background-image:url("../images/clients-1.jpg");background-position:-276px -188px}.client-img.img-agl{background-image:url("../images/clients-1.jpg");background-position:-456px -188px}.client-img.img-lioli{background-image:url("../images/clients-1.jpg");background-position:-637px -188px}.client-img.img-qutone{background-image:url("../images/clients-1.jpg");background-position:-818px -188px}.client-img.img-affil{background-image:url("../images/clients-1.jpg");background-position:-999px -188px}.client-img.img-alfanso{background-image:url("../images/clients-1.jpg");background-position:-96px -336px}.client-img.img-ambani{background-image:url("../images/clients-1.jpg");background-position:-276px -336px}.client-img.img-antique{background-image:url("../images/clients-1.jpg");background-position:-456px -336px}.client-img.img-bronze{background-image:url("../images/clients-1.jpg");background-position:-637px -336px}.client-img.img-clan{background-image:url("../images/clients-1.jpg");background-position:-818px -336px}.client-img.img-hawk{background-image:url("../images/clients-1.jpg");background-position:-999px -336px}.client-img.img-lakme{background-image:url("../images/clients-1.jpg");background-position:-96px -484px}.client-img.img-latigres{background-image:url("../images/clients-1.jpg");background-position:-276px -484px}.client-img.img-lemorex{background-image:url("../images/clients-1.jpg");background-position:-456px -484px}.client-img.img-levita{background-image:url("../images/clients-1.jpg");background-position:-637px -484px}.client-img.img-maps{background-image:url("../images/clients-1.jpg");background-position:-818px -484px}.client-img.img-monza{background-image:url("../images/clients-1.jpg");background-position:-999px -484px}.client-img.img-noken{background-image:url("../images/clients-1.jpg");background-position:-96px -632px}.client-img.img-perth{background-image:url("../images/clients-1.jpg");background-position:-276px -632px}.client-img.img-rich{background-image:url("../images/clients-1.jpg");background-position:-456px -632px}.client-img.img-roton{background-image:url("../images/clients-1.jpg");background-position:-637px -632px}.client-img.img-royale-touche{background-image:url("../images/clients-1.jpg");background-position:-818px -632px}.client-img.img-sarju{background-image:url("../images/clients-1.jpg");background-position:-999px -632px}.client-img.img-sega{background-image:url("../images/clients-2.jpg");background-position:-96px -64px}.client-img.img-segam{background-image:url("../images/clients-2.jpg");background-position:-276px -64px}.client-img.img-sentosa{background-image:url("../images/clients-2.jpg");background-position:-456px -64px}.client-img.img-sez{background-image:url("../images/clients-2.jpg");background-position:-637px -64px}.client-img.img-simanto{background-image:url("../images/clients-2.jpg");background-position:-818px -64px}.client-img.img-simpera{background-image:url("../images/clients-2.jpg");background-position:-999px -64px}.client-img.img-sisam{background-image:url("../images/clients-2.jpg");background-position:-96px -212px}.client-img.img-sunpark{background-image:url("../images/clients-2.jpg");background-position:-276px -212px}.client-img.img-sunworld{background-image:url("../images/clients-2.jpg");background-position:-456px -212px}.client-img.img-taurus{background-image:url("../images/clients-2.jpg");background-position:-637px -212px}.client-img.img-varmora{background-image:url("../images/clients-2.jpg");background-position:-818px -212px}.client-img.img-acecon{background-image:url("../images/clients-2.jpg");background-position:-999px -212px}.client-img.img-acer{background-image:url("../images/clients-2.jpg");background-position:-96px -362px}.client-img.img-bluezone{background-image:url("../images/clients-2.jpg");background-position:-276px -362px}.client-img.img-bravat{background-image:url("../images/clients-2.jpg");background-position:-456px -362px}.client-img.img-coral{background-image:url("../images/clients-2.jpg");background-position:-637px -362px}.client-img.img-creanza{background-image:url("../images/clients-2.jpg");background-position:-818px -362px}.client-img.img-crestona{background-image:url("../images/clients-2.jpg");background-position:-999px -362px}.client-img.img-cruso{background-image:url("../images/clients-2.jpg");background-position:-96px -512px}.client-img.img-donato{background-image:url("../images/clients-2.jpg");background-position:-276px -512px}.client-img.img-emboza{background-image:url("../images/clients-2.jpg");background-position:-456px -512px}.client-img.img-jaxx{background-image:url("../images/clients-2.jpg");background-position:-637px -512px}.client-img.img-mozart{background-image:url("../images/clients-2.jpg");background-position:-818px -512px}.client-img.img-nice{background-image:url("../images/clients-2.jpg");background-position:-999px -512px}.client-img.img-simero{background-image:url("../images/clients-2.jpg");background-position:-96px -660px}.client-img.img-simolex{background-image:url("../images/clients-2.jpg");background-position:-276px -660px}.client-img.img-suncore{background-image:url("../images/clients-2.jpg");background-position:-456px -660px}.client-img.img-sunheart{background-image:url("../images/clients-2.jpg");background-position:-637px -660px}.client-img.img-velbon{background-image:url("../images/clients-2.jpg");background-position:-818px -660px}.client-img.img-zed{background-image:url("../images/clients-2.jpg");background-position:-999px -660px}.dropdown-toggle.no-icon:after{display:none}.goog-te-gadget .goog-te-combo{padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
label.is-invalid {color: #dc3545; font-size: 90%; margin-bottom: 0;}
p{
color:#aaa;
}
li{
color:#aaa;
}
/*.bg-dark-yellow{background:#e7440f!important}*/
.bg-dark-yellow{background:#1866b1 !important}
/*.bg-header-theme{background:#e7440f!important}*/
.bg-header-theme{background:#1866b1 !important}
/*.text-theme-color{color:#e7440f!important}*/
.text-theme-color{color:#1866b1 !important}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
.hero-text button {
border: none;
outline: 0;
display: inline-block;
padding: 10px 25px;
color: black;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.hero-text button:hover {
background-color: #555;
color: white;
}
.yellow{
color: #fff;
font-size: 18px;
padding-top: 10px;
}
.header-top {
border-bottom: 1px solid #e2e2e2;
background: #1866b1 ;
}
/* Floating Social Media Bar Style Starts Here */
.fl-fl {
background: #000000;
text-transform: uppercase;
letter-spacing: 3px;
padding: 4px;
width: 285px;
position: fixed;
right: -240px;
z-index: 1000;
font: normal normal 10px Arial;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.fa-facebook{
margin-left: 3px !important;
}
.fa {
font-size: 20px;
color: #fff;
padding: 10px 0;
width: 40px;
margin-left: 8px;
padding-left: 10px;
}
.fl-fl:hover {
right: 0;
}
.fl-fl a {
color: #fff !important;
text-decoration: none;
text-align: center;
line-height: 43px!important;
vertical-align: top!important;
}
.float-fb {
top: 160px;
background: #1866b1 ;
}
.float-tw {
top: 270px;
background: #1866b1 ;
}
.float-gp {
top: 215px;
background: #1866b1 ;
}
.float-rs {
top: 325px;
background: #1866b1 ;
}
.float-ig {
top: 380px;
background: #1866b1 ;
}
.float-pn {
top: 435px;
background: #1866b1 ;
}
/*p,*/
/*span,*/
/*.twitter {*/
/* font: normal normal 10px Arial;*/
/* text-align: center;*/
/* color: #998578;*/
/* text-transform: uppercase;*/
/* letter-spacing: 3px;*/
/*}*/
.twitter {
color: #000000;
text-decoration: none;
display: block;
padding: 14px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.twitter:hover {
color: #FF7D6D;
text-decoration: none;
}
/* Floating Social Media Bar Style Ends Here */
/*==================================================================================================== */
/* about page - start
==================================================================================================== */
/* about section - start */
.about_section {
z-index: 1;
position: relative;
}
.about_section.bg_gray {
background-color: #f5f6fa;
}
.about_section .cricle_border {
top: 0px;
left: 0px;
right: 0px;
z-index: -1;
display: block;
text-align: center;
position: absolute;
}
.about_image_1 {
padding-right: 25px;
}
.about_image_2 {
z-index: 1;
position: relative;
background-color: #1a1e5d;
}
.about_image_2:before {
top: -10px;
left: -10px;
z-index: -1;
width: 250px;
height: 250px;
content: "";
position: absolute;
background-color: #ff4328;
}
.about_image_2:after {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: "";
opacity: 0.2;
position: absolute;
background-color: #1a1e5d;
}
.about_image_2 img {
width: 100%;
display: block;
}
.about_image_2 .play_btn {
top: 50%;
left: 50%;
z-index: 2;
position: absolute;
transform: translate(-50%, -50%);
border: 3px solid rgba(255, 255, 255, 0.49);
}
.about_image_2 .play_btn:before, .about_image_2 .play_btn:after {
border: 3px solid rgba(255, 255, 255, 0.49);
}
.about_content {
padding-left: 30px;
}
.about_content .section_title {
margin-bottom: 20px;
}
.about_content p {
margin-bottom: 22px;
}
.about_content p span {
font-size: 18px;
color: #222222;
}
.about_content .experience_image {
float: left;
max-width: 190px;
margin-right: 30px;
}
.avatar_wrap {
display: flex;
align-items: center;
}
.avatar_wrap .avatar_image {
width: 70px;
height: 70px;
overflow: hidden;
margin-right: 20px;
border-radius: 100%;
}
.avatar_wrap .avatar_name {
line-height: 1;
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.avatar_wrap .avatar_title {
line-height: 1;
display: block;
font-weight: 600;
color: #ff4328;
text-transform: uppercase;
}
.about_certificate {
max-width: 250px;
margin-top: 40px;
}
.about_certificate .item_icon {
float: left;
margin-right: 15px;
}
.about_certificate .item_content {
display: table;
}
.about_certificate .item_title {
font-size: 22px;
margin-bottom: 5px;
}
.about_certificate p {
margin: 0px;
font-size: 15px;
line-height: 1.6;
}
/* about section - start */
/* about page - end
/* contact page - start
==================================================================================================== */
/* contact section - start */
.contact_section.bg_gray {
background-color: #f5f6fa;
}
.contact_content {
padding-right: 70px;
}
.contact_information_list {
border-top: 1px solid #e8e8e8;
}
.contact_information_list li {
display: flex;
padding: 35px 0px;
align-items: center;
border-bottom: 1px solid #e8e8e8;
}
.contact_information_list .item_icon {
width: 60px;
height: 60px;
color: #ffffff;
font-size: 24px;
line-height: 66px;
text-align: center;
margin-right: 20px;
border-radius: 100%;
}
.contact_information_list h4 {
line-height: 1;
font-size: 24px;
margin-bottom: 12px;
}
.contact_information_list p {
line-height: 1;
margin-bottom: 0px;
}
.contact_form .form_item {
margin-bottom: 40px;
}
.contact_form .form_item input, .contact_form .form_item textarea {
background-color: #f5f6fa;
}
.contact_form .form_item input {
height: 70px;
padding: 0px 40px;
padding-right: 60px;
}
.contact_form .form_item textarea {
min-height: 140px;
padding: 30px 40px;
}
.contact_form .form_item .input_icon {
right: 40px;
}
.map_section #mapBox {
height: 750px;
}
/* contact section - end */
.-fx-image-gal {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
max-width: 960px;
justify-content: center;
}
.-fx-gal-item {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.-fx-gal-item a {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background-color: white;
}
.-fx-gal-image-thumb img {
width: 88%;
cursor: pointer;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
transform: scale(1.1);
transition: all 0.5s ease;
}
.-fx-gal-image-thumb:hover img {
cursor: pointer;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
transform: scale(1.5);
transition: all 0.5s ease;
}
@media (min-width: 420px) {
.-fx-image-gal {
flex-direction: row;
flex-wrap: wrap;
}
.-fx-gal-item {
width: 50%;
}
}
@media (min-width: 768px) {
.-fx-gal-item {
width: 33.33%;
}
}
.business-img img{
border: 10px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
position: relative;
top: 27px;
/* margin-top: -32px; */
box-shadow: 10px 10px 5px grey;
transform: rotate(
10deg
);
}
.business-img img:hover{
background-color: #1866b1 ;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 8px;
}
/*DETAIL PAGE*/
/*****************globals*************/
.preview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
@media screen and (max-width: 996px) {
.preview {
margin-bottom: 20px; } }
.preview-pic {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.preview-thumbnail.nav-tabs {
border: none;
margin-top: 15px; }
.preview-thumbnail.nav-tabs li {
width: 18%;
margin-right: 2.5%; }
.preview-thumbnail.nav-tabs li img {
max-width: 100%;
display: block; }
.preview-thumbnail.nav-tabs li a {
padding: 0;
margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {
margin-right: 0; }
.tab-content {
overflow: hidden; }
.tab-content img {
width: 100%;
-webkit-animation-name: opacity;
animation-name: opacity;
-webkit-animation-duration: .3s;
animation-duration: .3s; }
.card {
/*margin-top: 50px;*/
/*background: #eee;*/
padding: 1em;
line-height: 1.5em; }
@media screen and (min-width: 997px) {
.wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.colors {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.product-title, .price, .sizes, .colors {
text-transform: UPPERCASE;
font-weight: bold; }
.checked, .price span {
color: #ff9f1a; }
.product-title, .rating, .product-description, .price, .vote, .sizes {
margin-bottom: 15px; }
.product-title {
margin-top: 0; }
.size {
margin-right: 10px; }
.size:first-of-type {
margin-left: 40px; }
.color {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
height: 2em;
width: 2em;
border-radius: 2px; }
.color:first-of-type {
margin-left: 20px; }
.add-to-cart, .like {
/*background: #ff9f1a;*/
/*padding: 1.2em 1.5em;*/
border: none;
text-transform: UPPERCASE;
font-weight: bold;
color: #fff;
-webkit-transition: background .3s ease;
transition: background .3s ease; }
.add-to-cart:hover, .like:hover {
background: #b36800;
color: #fff; }
.not-available {
text-align: center;
line-height: 2em; }
.not-available:before {
font-family: fontawesome;
content: "\f00d";
color: #fff; }
.orange {
background: #ff9f1a; }
.green {
background: #85ad00; }
.blue {
background: #0076ad; }
.tooltip-inner {
padding: 1.3em; }
@-webkit-keyframes opacity {
0% {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes opacity {
0% {
opacity: 0;
-webkit-transform: scale(3);
transform: scale(3); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
/*# sourceMappingURL=style.css.map */
.cart-button {
position: relative;
padding: 10px;
width: 200px;
height: 60px;
border: 0;
border-radius: 10px;
background-color: #4834d4;
outline: none;
cursor: pointer;
color: #fff;
transition: .3s ease-in-out;
overflow: hidden;
}
.cart-button:hover {
background-color: #35269b;
}
.cart-button:active {
transform: scale(.9);
}
.cart-button .fa-shopping-cart {
position: absolute;
z-index: 2;
top: 50%;
left: -10%;
font-size: 2em;
transform: translate(-50%,-50%);
}
.cart-button .fa-box {
position: absolute;
z-index: 3;
top: -20%;
left: 52%;
font-size: 1.2em;
transform: translate(-50%,-50%);
}
.cart-button span {
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
font-size: 1.2em;
color: #fff;
transform: translate(-50%,-50%);
}
.cart-button span.add-to-cart {
opacity: 1;
}
.cart-button span.added {
opacity: 0;
}
.cart-button.clicked .fa-shopping-cart {
animation: cart 1.5s ease-in-out forwards;
}
.cart-button.clicked .fa-box {
animation: box 1.5s ease-in-out forwards;
}
.cart-button.clicked span.add-to-cart {
animation: txt1 1.5s ease-in-out forwards;
}
.cart-button.clicked span.added {
animation: txt2 1.5s ease-in-out forwards;
}
@keyframes cart {
0% {
left: -10%;
}
40%, 60% {
left: 50%;
}
100% {
left: 110%;
}
}
@keyframes box {
0%, 40% {
top: -20%;
}
60% {
top: 40%;
left: 52%;
}
100% {
top: 40%;
left: 112%;
}
}
@keyframes txt1 {
0% {
opacity: 1;
}
20%, 100% {
opacity: 0;
}
}
@keyframes txt2 {
0%, 80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.youtube-link {
position: fixed;
left: 20px;
bottom: 20px;
color: #000;
text-decoration: none;
font-size: 12px;
}
.nav-top{
height: 52px;
}
@media only screen and (max-width: 600px) {
.nav-top{
height: 100%;
}
.nav-top a{
padding-left: 80px;
}
}
.top-menu
.start-header {
opacity: 1;
transform: translateY(0);
padding: 20px 0;
box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
padding: 10px 0;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
height: 24px;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navigation-wrap{
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navbar{
padding: 0;
}
.navbar-brand img{
height: 28px;
width: auto;
display: block;
filter: brightness(10%);
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navbar-toggler {
float: right;
border: none;
}
.navbar-toggler:active,
.navbar-toggler:focus {
outline: none;
}
.navbar-light .navbar-toggler-icon {
width: 24px;
height: 17px;
background-image: none;
position: relative;
border-bottom: 1px solid #000;
transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before{
width: 24px;
position: absolute;
height: 1px;
background-color: #000;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}
.nav-link{
color: #1866b1 !important;
font-weight: 500;
padding-left: 200px;
transition: all 200ms linear;
}
.nav-item:hover .nav-link{
/*color: #8167a9 !important;*/
}
.nav-item.active .nav-link{
/*color: #777 !important;*/
}
.nav-link {
position: relative;
padding: 5px 0 !important;
display: inline-block;
}
/*.nav-item:after{*/
/* position: absolute;*/
/* bottom: -5px;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 2px;*/
/* content: '';*/
/* background-color: #1866b1 ;*/
/* opacity: 0;*/
/* transition: all 200ms linear;*/
/*}*/
.nav-item:hover:after{
bottom: 0;
opacity: 1;
}
.nav-item.active:hover:after{
opacity: 0;
}
.nav-item{
position: relative;
transition: all 200ms linear;
}
.navbar .navbar-collapse{
padding-left: 175px;
}
@media only screen and (max-width: 600px) {
.navbar .navbar-collapse {
padding-left: 50px;
}
}
.navbar img{
width: 400px;
margin: 10px 0px;
}
/*video as background; container element makes it responsive */
.video-bg {
position: relative;
width: 100%;
height: auto;
min-height: 100%;
background: transparent url('960x360.png') no-repeat;
background-size: cover;
}
video {
display: block;
}
/* disable video (e.g. in a media query) by setting .video-container to display: none; as appropriate */
.video-container {
width: 100%;
height: 100%;
max-height: 450px;
/* max-width: 960px; */
overflow: hidden;
/* position: absolute; */
top: 0;
right: 0;
}
.toggle-button {
display: block;
font-size: 0.9rem;
}
.toggle-button button {
padding: 0.25rem 0.5rem;
margin-bottom: 0.25rem;
}
@media only screen and (max-width: 600px) {
.navbar img {
width: 280px;
margin: 10px 0px;
}
}
.product-s h5{
background-color: #1866b1;
color:#fff;
margin-bottom: 40px;
padding: 20px 0px;
border-radius: 10px;
}
.product-s h2{
font-size: 20px;
}
.footer.footer-dark li{
padding: 8px 0px;
}
.distributors li{
list-style: disclosure-closed;
}
.sponsor{
margin-left: 3.25rem !important;
}
.footer p{
margin:0px;
}
.text-area1{
margin-left: 51px !important;
}
.top-area a{
color:#fff;
}
.top-area a:hover{
text-decoration: none;
}
.t-l{
text-align:left;
}
.t-r{
text-align:right;
margin-right: 20px;
}
.t-r i{
margin-right: 10px;
}
.banner{
position: absolute;
top: 280px;
left: 80px;
}
.banner h1{
color: #fff;
}
.banner a:hover{
text-decoration: none;
}
.common-header ul {
padding:2px;
height:400px;
}
.common-header li{
border:1px inset #fff;
height: 200px !important;
width:100%;
padding: 44px 0px;
text-align: center;
list-style: none;
}
.lSSlideWrapper{
height: 750px !important;
}
.table{
height: 390px;
}
.table td{
color:#aaa;
}
.table td, .table th {
border: 2px solid #1866b1 !important;
padding: 0.4rem;
}
.table thead{
background-color: #1866b1;
color: #fff;
}
.box{
height: 425px;
background-color: #fff;
padding: 30px;
margin: 10px 0px;
box-shadow: 0 10px 15px rgba(25,25,25,.1);
}
.box span{
font-size: 14px;
}
@media only screen and (max-width: 600px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 10%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 100%;
}
}
@media only screen and (min-width: 600px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 15%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 75%;
}
}
@media only screen and (min-width: 768px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 25%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 65%;
}
}
@media only screen and (min-width: 992px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 20%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 60%;
}
}
@media only screen and (min-width: 1200px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 20%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 74%;
}
}
@media only screen and (min-width: 2000px) {
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.flex-left {
width: 15%;
position: sticky;
top: 0;
justify-content: center;
align-self: flex-start;
}
.flex-right {
width: 45%;
}
}
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.f-left{
float:left;
width: 26%;
height:100%;
}
.f-right{
margin-left: 370px;
}
.ptb{
padding: 40px 0px;
}
.media .fa{
font-size: 2em;
color: #fff;
padding: 0px;
padding: 0px;
width: 27px;
margin: 0px;
}
.about-area{
padding-bottom: 245px;
}
.brand-img img{
width: 65%;
}
.list-unstyled {
padding-left: 25px;
}
.list-unstyled a:hover{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
.trade-name li{
list-style: inside disclosure-closed;
margin-left: 20px;
padding: 5px 0px;
font-size: 18px;
font-weight: 400;
}
.trade-name b{
color:#333;
}
.display-b{
display:none;
}
.branch{
margin-top: 42px;
}
.contact{
margin-right: -49px;
text-align: end;
}
.registered{
margin-bottom: 3rem;
}
@media only screen and (max-width: 600px) {
.button-home-page{
margin-bottom:30px;
}
.branch{
margin-top: 0px;
}
.contact{
margin-right: 0px;
text-align: start;
}
.registered{
margin-bottom: 0rem;
}
.display-b{
display:block;
}
.display-n{
display:none;
}
.ptb {
padding: 0px;
}
.about-area{
padding: 0px;
}
.top-area{
text-align:center;
}
.banner{
left: 40px;
top: auto;
}
.banner h1{
font-size:30px;
}
.bg-header-img-company-profile{
height:100%;
}
.f-left{
width: 100%;
height:100%;
margin-bottom: 30px;
position: relative;
}
.f-right {
margin-left: 0px;
}
.quick{
margin: 0px !important;
}
.list-unstyled {
padding-left: 50px;
}
}
/* Slider */
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.loader-bg {
width: 100%;
height: 100%;
background: #ffffff;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999;
}
.loader-bg h3 {
width: 165px;
position: fixed;
color: #ff5e31;
font-size: 24px;
text-align: center;
}
.loader-bg img {
width: 40%;
}
.loader {
width: 8em;
height: 8em;
font-size: 22px;
box-sizing: border-box;
border-top: 0.3em solid #0c54a0;
border-radius: 50%;
position: relative;
animation: rotating 2s ease-in-out infinite;
--direction: 1;
}
.loader span {
position: absolute;
color: #FF5E31;
width: inherit;
height: inherit;
text-align: center;
line-height: 10em;
font-family: sans-serif;
animation: rotating 2s linear infinite;
}
.loader::before,
.loader::after {
content: '';
position: absolute;
width: inherit;
height: inherit;
border-radius: 50%;
box-sizing: border-box;
top: -0.2em;
}
.loader::before {
border-top: 0.3em solid dodgerblue;
transform: rotate(120deg);
}
.loader::after {
border-top: 0.3em solid #0c54a0;
transform: rotate(240deg);
}
@keyframes rotating {
50% {
transform: rotate(calc(180deg));
}
100% {
transform: rotate(calc(360deg));
}
}
.sa-dev-dimensions {
width: 100%;
height: 366px;
}