/*================================= comoon css =================================*/ /* https://codepen.io/athimannil/pen/MaXxwv */ body { font-family: 'Poppins' !important; touch-action: manipulation; font-size:16px; background: #000; } .section-banner .owl-carousel .owl-item img { object-fit: fill; } /* text slector text and background color */ ::-moz-selection { /* Code for Firefox */ color: #fff; background: #ed3833; } ::selection { color: #fff; background: #ed3833; } /* text slector text and background color */ .normal-tran, .navbar-nav-link{ transition: all 0.5s ease 0s; } body, a, p, button { font-family: 'Poppins' !important; } .font-poppins, h3, h5, h1, h2, h5, h6{ font-family: 'Poppins' !important; } .font-medium{ font-weight:500; } .font-regular{ font-weight:400; } /* floating label css */ input:placeholder-shown + .form-control-placeholder, textarea:placeholder-shown + .form-control-placeholder { top: 0px; color: #868686; font-size: 14px; font-weight: 400; margin-bottom: 0; } input + .form-control-placeholder, .form-control:focus + .form-control-placeholder, textarea + .form-control-placeholder, textarea.form-control:focus + .form-control-placeholder { position: absolute; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; top:-12px; font-size: 14px; margin-left: 0; color: #ed3833; font-weight: 400; } textarea + .form-control-placeholder, textarea.form-control:focus + .form-control-placeholder { top: -22px; } /* floating label css */ /*================================= 3 Inputs ( #input ) =================================*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } ::-webkit-input-placeholder { color: #343434; font-style: normal; } :-moz-placeholder { color: #343434; font-style: normal; } ::-moz-placeholder { color: #343434; font-style: normal; } :-ms-input-placeholder { color: #343434; font-style: normal; } button::-moz-focus-inner { border: 0 } :focus { outline: none; } ::-moz-focus-inner { border: 0; } .text-blue, .i-blue:before, a.navbar-nav-link:hover, .footer-list li a:hover, .owl-nav i:before{ color: #ed3833 !important; } .bg-blue{ background-color:#ed3833; } .bg-light{ background-color:#f4f4f4; } .bg-black{ background-color:#000; } .bg-light-black { background: #161616b8 !important; } .text-light{ color:#aca3ba !important; } .text-grey{ color:#b2aabf; } .text-ligt-blue{ color:#8d8698; } input[type=number] { -moz-appearance: textfield } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input[type=submit] { padding: 12px 20px; background: red; font-weight: normal; color: #fff; display: block; margin: 0 auto } input[type=submit], input[type=button] { cursor: pointer; border: 0 } input:focus { outline: none; } textarea { border: none !important; border-bottom: 1px solid #e1e1e1 !important; border-radius: 0 !important; height: 70px !important; font-style:normal !important; } input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea { background: transparent; font-size: 15px; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; width: 100%; box-shadow: none; -webkit-appearance: none; color: #fff; padding: 12px 0px; font-weight:300; } input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus { background: transparent } form label { /* color: #006db7; */ font-size: 16px; display: block; /* font-weight: 900; */ margin-bottom: 10px; /* text-transform: uppercase */ } input:required { box-shadow: none } .user-select-none { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; } .error{ font-size: 13px; } button:focus { outline: none; } a, a:hover, button, button:hover { transition: all 0.5s ease 0s !important; } .icon:before{ margin:0px !important } /*================================= 4 Global Styles (#glob) =================================*/ p, span { font-weight: 400; font-size: 16px; line-height: 30px; } h1, h1 span { font-size: 50px !important; line-height: 65px; font-weight: 700 !important; } h2, h2 span { font-size: 45px; line-height: 50px; } h3 { font-size: 18px; color: #3f3849; } .i-blue:before { font-size: 25px; } h4{ font-size:45px; } h5 { font-size: 18px; line-height: 33px; } h6{ font-size: 18px; } .section-heading h6 { font-size: 60px; } .text-btn, .text-btn i:before, .social-icons i:before{ font-size:18px; } button { cursor: pointer; } .text-medium, .navbar-light .navbar-nav-link{ font-size:16px !important; } .font-small, .control-btn i:before, .normal-content-icon i:before, .copyright-text{ font-size: 16px !important; } .font-extra-small{ font-size:12px !important; line-height:20px; } .bg-light-yellow{ background-color:#fde2ab !important; } /*================================= comoon css end =================================*/ /*================================= custom css start =================================*/ i:before{ margin:0px !important; } .sticky .fixed-top { background: #0b0b0b; } .after-none:before{ display: none; } .justify-flex-end{ justify-content: flex-end; } .white-space-pre{ white-space: pre-line; } .text-light, .prev-btn i:before { color: #767676; } .text-light-black { color: #010101; } .bg-light-yellow{ background-color:#fdf1d0; } .bg-dark-grey{ background-color:#cacaca; } .bg-btn-grey { border: 1px solid #e1e1e1 !important; } .detail-btn { border-color: #e1e1e1 !important; } .box-shadow{ -webkit-box-shadow: 1px 1px 16px 0px rgba(225,225,225,1); -moz-box-shadow: 1px 1px 16px 0px rgba(225,225,225,1); box-shadow: 1px 1px 16px 0px rgba(225,225,225,1); } .bg-light-white { background-color: #f7f7f7; } .bg-dark-white { background-color: #f2f2f2; } .bg-grey { background-color: #cccccc; } .font-regular { font-weight: 400; } .font-semibold { font-weight: 600; } .font-bold, .i-blue:before { font-weight: 700; } .font-extrabold { font-weight: 900; } .footer-list li { list-style: none; } .border-normal-radius { border-radius: 50px !important; } .radius-normal{ border-radius: 5px; } .border-full { border-radius: 50% !important; } .section-spacer { padding: 80px 0px !important; } .after-none:after, .property-header li:last-child a:after, .navbar-inverse li a:after { display: none ; } .icon-margin-none:before, .notification-drop i:before, .navbar-inverse :before{ margin-left:0px !important; } .icon-font-normal:before, .side-social-icon i:before, .side-social-icon span{ font-size: 15px !important; } .btn-login { padding: 8px 25px; font-size: 15px; } .btn-login:hover, .btn-yellow:hover { background-color: #933638 !important; color:#fff !important; } .btn-yellow { padding: 12px 45px; } .btn-custom-forms { padding: 10px 50px; border-radius: 50px !important; width: 140px; } button.navbar-toggler i:before { margin-left: 0px !important; font-size: 18px !important; } button.navbar-toggler i.flaticon-close-1:before{font-size: 15px !important;} button.navbar-toggler i { background: #ed3833; color: #fff; border-radius: 6px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 20px; } button.navbar-toggler i.flaticon-close-2:before { font-size: 12px !important; } .sticky{ position: fixed; width: 100%; top: 0; z-index: 999; -webkit-box-shadow: -1px 3px 5px 1px rgba(20, 14, 20, 0.11); -moz-box-shadow: -1px 3px 5px 1px rgba(20, 14, 20, 0.11); box-shadow: -1px 3px 5px 1px rgba(20, 14, 20, 0.11); background-color: #000; } .custom-header { background: #000; } /*================================= second-header css start =================================*/ .btn-marun { padding: 10px 35px; display: inline-block; font-size: 15px; border:1px solid #933638; } .btn-marun:hover{ background-color:transparent; color:#933638 !important; } .contact-block i:before, .text-white, .form-control{ color:#fff !important; } .navbar-brand img, .footer-logo img { width: 210px; position: relative; z-index: 999; } .navbar-light .navbar-nav-link:focus, .navbar-light .navbar-nav-link:hover { color: #933638; background-color: transparent; } .banner-content { max-width: 100%; width: 100%; z-index: 1; position: relative; } .top-banner .row .col-lg-6:last-child { position: static !important; } .banner-img-content { background-image: url(../images/Banner_img.png); position: absolute; height: 100%; width: 50%; right: 0; top: 0px; background-position: right top; z-index: -1; background-size: 100% 100%; background-repeat: no-repeat; background-position: left -40px; } .section-bg{ background-image: url(../images/addvantage.png); } .section-counter { background-image: url(../images/about-video.jpg); background-position: left; } .section-counter:before { content: ""; background: #050505; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .content-wrapper{ overflow: hidden; } .navbar-nav-link{ padding: 61px 34px; } .top-slider .item{ height: 100vh; background-size: cover; background-position: bottom; } .slide-block-content.pt-5 { position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); } .side-social-icon { /* position: absolute; top:42%; left: 0; transform: translate(-0%, -50%); z-index: 99; */ position: fixed; top: calc(50%); bottom: auto; z-index: 99; } .side-social-icon span { color: transparent; } .side-social-icon a { width: 38px; white-space: nowrap; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .side-social-icon a:hover { width: 100%; } .side-social-icon a:hover span{ color:#fff; } .facebook-btn{ background-color:#5d82d1; } .twitter-btn{ background-color:#40bff5; } .insta-btn{ background-color:#ca2f77; } .WhatsApp-btn{ background-color:#18cf3d; } .email-btn{ background-color:#ffe03c; } .side-social-icon i { padding: 4px 0px; } .brand-section .item { width: 200px; height: 200px; margin: 50px auto; padding-top: 75px; text-align: center; } .brand-text { top: 20px; left: 20px; } .e-count { font-size: 170px; line-height: 0; } h2.text-marun.font-regular.ex-text { font-size: 60px; line-height: 66px; } .product-slider .owl-carousel .owl-item img { max-height: 160px; display: block; width: 70% !important; margin: 30px auto; } .product-slider .owl-carousel button.owl-dot{ margin: 7px; width: 10px; height: 10px; background: #c49696; border-radius: 50%; } .product-slider button.owl-dot.active { background: #933638 !important; width: 30px !important; border-radius: 5px !important; } .product-slider .owl-dots { display: flex; align-items: center; justify-content: center; margin-top: 40px; } .product-slider .owl-nav, .owl-nav, .top-slider .owl-dots { display:none; } /* .custom-footer{ background-image: url(../images/footer-bg.png); background-size: cover; } */ .section-help .inner-content { border-right: 1px solid #e9d6d7; } .round-icon { height: 100px; width: 100px; border-radius: 50%; } .section-shadow{ -webkit-box-shadow: 1px 1px 9px 0px rgba(225,225,225,1); -moz-box-shadow: 1px 1px 9px 0px rgba(225,225,225,1); box-shadow: 1px 1px 9px 0px rgba(225,225,225,1); } .home-tab li { padding-right: 50px; } /* .owl-carousel .owl-item img{ height: 100%; } */ .home-tab ul.nav.nav-pills li a img { filter: contrast(0.4); } .home-tab ul.nav.nav-pills a.d-block.text-center.active.show img, li.active a img { filter: none !important; } img.banner-image { object-fit: cover; object-position: bottom; } .brand-section img, .home-tab ul.nav.nav-pills li img, .section-time img, .product-slider .owl-carousel .owl-item img { -webkit-transition: 0.4s ease; transition: 0.4s ease; } .brand-section img:hover, .home-tab ul.nav.nav-pills li img:hover, .section-time img:hover, .product-slider .owl-carousel .owl-item img:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } img.banner-image { height: 100vh !important; } .col-md-7.w3-animate-right.w3-animate-opacity { animation: animateright 4s !important; } .about-watch.section-spacer, .section-video.section-spacer { background-image: url(http://jevelin.shufflehound.com/single-product/wp-content/uploads/sites/29/2018/03/Ellipse-974-copy-22-2.jpg?id=599) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed; } .img-block { overflow: hidden; cursor:pointer; } .img-block img { max-width: 100%; transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .img-block:hover img{ transform: scale(1.2); } .fixed-top{ transition: all 0.5s ease 0s; } .navbar{ transition: all 0.5s ease 0s; } .sticky a.navbar-nav-link { transition: color ease-in-out .15s; padding: 61px 10px; } img.banner-small-img { width: 65% !important; position: relative; bottom: 20px; } .btn-blue{ color: #fff; background: #ed3833; border-radius: 30px; font-size: 16px; padding: 17px 50px; font-weight: 700; } .border-button { background: transparent; border: 2px solid #fff; padding: 15px 50px; } /* video animate */ .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000; } .videoWrapper43 { padding-top: 75%; } .videoWrapper169 { padding-top: 56%; } .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none; background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .videoPoster:before { content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; border: 5px solid #ffffffa8; background: #ed3833; border-radius: 100%; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; animation: 1.6s playShadow ease-out infinite; } .videoPoster:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-left: 18px solid #fff; border-top: 13px solid transparent; border-bottom: 10px solid transparent; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; transform: translate(-22%, -50%); } .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } /* video animate */ .small-icon { position: absolute; bottom: 2%; width: 4% !important; z-index: 9; left: 50%; transform: translate(-50%, -50%); opacity: 0.5; } .social-icon i:before { color: #fff; opacity: 0.7; font-size: 25px; } .team-icon { width: 100px !important; height: 100px; border-radius: 50%; object-fit: cover; object-position: top; border: 2px solid #ed3833; padding: 6px; } .team-slide .owl-nav { display: block; } .team-slide button.owl-prev { position: absolute; top: 4%; left: 40%; transform: translate(0, 100%); } .team-slide button.owl-next { position: absolute; top: 4%; right: 40%; transform: translate(0, 100%); } .owl-nav i:before { font-size: 28px;; } .text-yellow{ color: #feb406; } .bg-yellow, .btn-blue{ background-color:#feb406; } .text-marun, .text-yellow, .icon-i:before, ul.fileList li i:before, .modal .close_btn i:hover:before, .text-btn i:before, .navbar-nav-link a:hover, a.drop-mega-menu-content h6{ color: #ed3833 !important; } .form-group-feedback-left .form-control { padding-left: 0; } .bg-marun, .btn-blue{ background-color:#ed3833 !important; } /* .section-banner .item:after, body:after, .breadcrumbs:after { content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; opacity: 0.6; } */ /* body:after{ background: #00000099; } */ .section-banner .item, .product-featured-img { background-image: url(../images/livic-slider.png); background-size: cover; position: relative; background-position: center; } .breadcrumbs{ background-image: url(../images/banner/slide-1.png); background-size: cover; background-position: bottom; } .product-featured-img { background-position: center; } .slider-content, .sec-z, .product-block{ position: relative; z-index:999; } .video-content{ background-image: url(../images/green-cutting.PNG) !important; height: 100%; background-size: cover; background-repeat:no-repeat; position: relative; } .video-content:after { content: ""; background: #000000d9; position: absolute; width: 100%; height: 100%; left: 0; } .heading-center h3 { display: flex; } .small-heading:after { content: ""; background: #ed3833; width: 44px; height: 3px; position: absolute; left: 0; top: 13px; height: 2px; } span.line-left, span.line-right { border: 1px solid #ed3833; width: 44px; background: #ed3833; left: -8px; top: 0px; position: relative; display: inline-block; } span.line-right{ left: auto; right:-8px; } .small-heading { letter-spacing: 1.3px; } .contact-block i:before { background: #ed3833; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto !important; position: relative; top: 5px; } .btn-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 9; } .videoPoster:before, button.video-btn:before { content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; border: 5px solid #ed3833; background: #ed3833; border-radius: 100%; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; animation: 1.6s playShadow ease-out infinite; } .videoPoster:after, button.video-btn:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-left: 18px solid #fff; border-top: 13px solid transparent; border-bottom: 10px solid transparent; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; transform: translate(-22%, -50%); } .bg-light-black{ background-color:#1c1c1c; } .product-block { height: 417px; position: relative; transition: all 0.5s ease 0s; } .product-img { position: absolute; top: 0; transition: all 0.5s ease 0s; } .product-detail { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease 0s; } .product-img{ opacity:0; transition: all 0.5s ease 0s; height: 417px !important; } .product-img img{ height: 417px !important; object-fit: cover; object-position: center; } .product-block:hover .product-img { opacity: 1; transition: all 0.5s ease 0s; } .text-white{ color:#fff !important; } h5.overlay-text { position: absolute; bottom: -9px; width: 100%; font-weight:700; } .product-heading h5 { font-weight: 600; margin-top: 19px; } .video-deck:before, .product-featured-img:before { top: -9px; left: -9px !important; content: ""; z-index: -1 !important; width: 135px; height: 135px; position: absolute; background-color: #ed3833; z-index: 9; } .video-deck .card { position: relative; z-index: 9; } .page-content, .custom-footer { position: relative; z-index: 99; } .about-flex-content img { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #e1e1e1; } .section-overlay-count { color: #ffffff12; position: absolute; font-size: 150px; top: -88px; right: 50px; } .section-right::after{ position: absolute; content: ''; top: -40px; right: -200px; width: 800px; height: 800px; border: 80px solid #161616b8; border-radius: 50%; z-index: 1; -webkit-box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); opacity: 0.3; } /* .sec-left:after{ position: absolute; content: ''; top: -40px; left: -200px; width: 800px; height: 800px; border: 80px solid #161616b8; border-radius: 50%; z-index: 1; -webkit-box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); opacity: 0.3; } .sectiom-about:before { position: absolute; content: ''; top: -40px; left: -247px; width: 800px; height: 800px; border: 80px solid #161616b8; border-radius: 50%; z-index: 1; -webkit-box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); box-shadow: 0 25px 60px rgb(0 0 0 / 67%), inset 0 25px 60px rgb(0 0 0 / 67%); opacity: 0.3; } */ .navbar-nav-link a { font-size: 16px; font-weight:700; } .content-border { border-left: 3px solid #ed3833; } /* .section-add-overlay:after { content: ""; position: absolute; width: 100%; height: 100%; background: #000000b8; top: 0; left: 0; } */ .add-center-panel.video-deck img { background: #000; } .breadcrumbs{ padding: 200px 0px 100px; height: 100vh; display: flex; align-items: center; justify-content: center; } .contact-inner-block { border-color: #ffffff36 !important; border-width: 2px !important; } .section-why-block { background: #161616; padding: 35px 28px 31px; } .section-why-block:after { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 12.5px 17px 12.5px; border-color: transparent transparent #fff transparent; content: ""; top: -17px; left: 0; right: 0; margin: auto; border-color: transparent transparent #161616 transparent; } .couter-block-img { background: #ed3833; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; animation: shadow-pulse-li 2.5s infinite; } @keyframes shadow-pulse-li { 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } } .couter-block-img img { object-fit: contain; object-position: center; WIDTH: 40PX; POSITION: RELATIVE; TOP: 8px; } .custom-footer{ border-top: 2px solid #ffffff0a; } .product-tab .nav-link { font-weight: 600; color: #ed3833 !important; } .product-tab .nav-pills .nav-link.active, .product-tab .nav-pills .show>.nav-link { color: #fff !important; background-color: #ed3833; border-radius: 30px; padding: .625rem 3.25rem; } .tab-listed-content p:before { content: "\f101"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 7px; top: 9px; color: #ed3833; } .breadcrumbs-content h4, .breadcrumbs-content h4 span { text-transform: uppercase; font-size: 35px; } .rwd-table { margin: auto; min-width: 100%; max-width: 100%; border-collapse: collapse; } .rwd-table tr:first-child { border-top: none; background: #ed3833; color: #fff; } .rwd-table tr { border-top: 1px solid #cecdca; border-bottom: none; background-color: #0b0b0b; } .rwd-table tr:nth-child(odd):not(:first-child) { background-color: #161616b8; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { margin-top: 0.5em; } .rwd-table td:last-child { margin-bottom: 0.5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 120px; display: inline-block; color: #fff; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table { color: #fff; border-radius: 0.4em; overflow: hidden; } .rwd-table th, .rwd-table td { padding: 0.5em 1em; } @media screen and (max-width: 601px) { .rwd-table tr:nth-child(2) { border-top: none; } } @media screen and (min-width: 600px) { .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: 0.25em 0.5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } tr.tr-bg-none { background-color: transparent !important; } th, tr.tr-bg-none td { text-align: center !important; } .rwd-table tr{ border: 0; } tr.tr-bg-none td:before{ display: none !important; } table.rwd-table img { width: 61px; } .header-tab ul a{ text-transform:uppercase; } .header-tab ul { background: #161616b8; width: fit-content; margin: 0 auto; border-radius: 30px; width: -moz-fit-content; } .section-banner { height: 100vh; } .section-banner .item{ height: 100vh; } .s-icon { width: 100px; object-fit: contain; margin-bottom:20px; } a.product-block:hover .product-detail { opacity: 0; } .section-m-cutting .product-img img { object-fit: contain; padding: 0px 30px; } .section-m-cutting-inner .product-featured-img { background: #000; background-repeat: no-repeat; background-size: contain; background-position: center; } .img-h{ height:350px !important } .form-control{ background-color: transparent; padding-left:0; } button.btn-submit { background-color: #ed3833 !important; border: 0; color: #fff; font-size: 14px; padding: 17px 50px; font-weight: 700; border-radius: 30px; } .active-link a{ color:#ed3833 !important; font-weight:700; } .footer-widget li a{ text-transform: uppercase; } .tab-left ul { margin: 0 !important; } .contact-block.d-flex.mb-4 { align-items: center; } .contact-block:first-child{ align-items: baseline !important; } .contact-block:first-child i { position: relative; top: 11px; } td { text-align: center !important; } .breadcrumbs-content{ display:none; } .section-gallery img { width: 100%; padding: 50px; border: 1px solid #e1e1e11f; text-align: center; margin: 0 auto; } .section-gallery .card, .section-gallery img, .section-gallery .card-image{ height:100%; } .fancybox-image, .fancybox-spaceball{ POINTER-EVENTS: none !IMPORTANT; } .sticky-wp-icon { position: fixed; top: 50%; right: 0; width: 100px; z-index:999; } .section-gallery .card{ background-color: transparent; } .fancybox-caption__body { display: none; } li.nav-item:hover .dropdown-menu { display: block; } .drop-mega-menu.bg-blue.dropdown-menu.top-header-mega-menu.mega-menu.p-0.m-0, ul.dropdown-menu.megamenu { background-image: url(../images/banner/slide-1.png); background-color: #1a1e5d !important; -webkit-animation: slide 20s linear infinite; background-size: cover; } a.drop-mega-menu-content img { border-left: 3px solid #de2b1d; border-top: 3px solid #fec931; width: 150px !important; height: 150px !important; background: #fff; border-radius: 100%; margin: 0 !important; animation: pulse 2s infinite; position: relative; z-index: 9999; } a.drop-mega-menu-content { position: relative; z-index: 99999; } /*=================================== CUSTOM_ CSS END dxsghskjdbgsdgbskdjgb ===================================*/ /*=================================== media query css ===================================*/ @media only screen and (min-width: 300px) and (max-width: 767px) { .product-featured-img { height: 350px !important; margin: 0 !important; margin-bottom: 50px !important; } .header-tab ul{ background: transparent; } .product-page-single-image-block img { width: 100%; } th, tr.tr-bg-none td { text-align: left !important; } .contact-block { justify-content: center; } .social-icons, .footer-widget .col-md-3, .counter-block, .section-how-inner-block { margin-bottom: 50px; } .footer-widget .inner-content.py-4.m-0.pr-5 { padding-right: 0 !important; } .custom-header li:last-child a { margin-top: 30px !important; display: flow-root; } td.text-center { text-align: left !important; } .navbar-nav-link, .sticky a.navbar-nav-link { padding: 20px 1rem 10px !important; } #navbar-navigation { position: fixed; top: 0; left: 0px; z-index: 99; width: 100%; height: 100%; background-color: #2b2b2b; overflow: hidden; right: 0px; } ul.nav.navbar-nav { align-items: baseline !important; margin: 100px 20px 20px; } .slide-block-content.pt-5{ position: absolute; top: 0px; left: 0px; transform: unset; } p, span, a, a:hover, button, button:hover, .navbar-light .navbar-nav-link{ font-size: 13px !important; } h3 { font-size: 18px; } .home-tab li { padding-right: 15px; } .e-count{ font-size: 40px; } h2.text-marun.font-regular.ex-text { font-size: 22px; line-height: 30px; } h1 { font-size: 27px !important; line-height: 35px; } .slider-content.p-5.w-75 { width: 100% !important; } h2 { font-size: 30px; } h4{ font-size:20px; } .section-spacer { padding: 60px 0px; } button.navbar-toggler.collapsed.jb_front_nav_close{ right: 8px; top: -1px; } .btn-login, .btn-yellow{ font-size: 13px; } /* menu-css */ .navbar-brand { padding: 10px 0px; } .navbar-light .navbar-nav-link, .mobile-text { font-size: 15px; } .navbar-light .navbar-nav-link { margin: 0 2px; } .property-header li a:after, .after-content:before, .side-social-icon { display: none; } .btn-login { margin-left: 20px; } .home-slider .owl-prev, .owl-next{ left: 0; } .home-slider .owl-next{ right: 0; } .home-slider i:before { margin-left: 0px !important; } .signup-form{margin: 0 auto;} .text-right button.navbar-toggler.collapsed.jb_front_nav_close{ left: 8px; } .navbar-inverse .navbar-nav-link, .navbar-inverse .navbar-nav-link i:before{ padding: 14px 5px; color: #000 !important; } .navbar-inverse .badge{ left: 16px; right:auto; } /* .dashboard-content h2 { font-size: 25px; } */ .icon-detail { width: 50px; height: 50px; } .text-right .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0){ padding-right: 0; } .text-right .navbar-inverse .badge{ right: 10px; } .notification-drop .dropdown-menu.dropdown-menu-right.jb_company_dm_lang.show { width: 300px; padding: 0; border: 0; margin: 0px 10px 10px; border-top: 1px solid #e1e1e1; } .trial-form .bg-yellow, .upgrade-btn{ padding: 9px 0; } .icon-image img{ width: 100px; height: 100px; } ul.fileList li{ margin-top:15px; } ul.fileList.pl-1.m-0 li strong, .tab-search{ width: 100%; } .tab-block-content ul.nav.nav-tabs .nav-item{ padding-right: 45px; } .pagination a.active { height: 20px; width: 20px; } .pagination a { font-size: 12px; } .banner-img-content{width: 120%;} .banner-content{background: rgba(255,255,255,0.9);} .feature-content .nav-link{font-size: 15px;} img.banner-image { height: 480px; object-fit: cover; } } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.nav.navbar-nav { align-items: baseline !important; margin: 100px 20px 20px !important; } .custom-header li:last-child a { margin-top: 30px !important; display: flow-root; } .navbar-nav-link, .sticky a.navbar-nav-link { padding: 20px 1rem 10px !important; } #navbar-navigation { position: fixed; top: 0; left: 0px; z-index: 99; width: 100%; height: 100%; background-color: #2b2b2b; overflow: hidden; right: 0px; } ul.nav.navbar-nav { align-items: baseline !important; margin: 50px 20px 20px; } img.w-70 { width: 100%; } h2 { font-size: 45px; } h1{ font-size: 45px !important; line-height: 50px; } .slider-content.p-5.w-75, .brand-section img, .product-slider .owl-carousel .owl-item img { width: 100% !important; } .top-banner .row { align-items: center; } .property-header li a:after { display: none; } .btn-login { margin: .875rem 20px !important; } button.navbar-toggler.collapsed.jb_front_nav_close { right: 24px; top: 0; } .text-right button.navbar-toggler.collapsed.jb_front_nav_close { left: 24px; } .navbar-light .navbar-nav-link { margin: 0 2px; } .signup-form{margin: 0 auto;} .navbar-inverse .navbar-nav-link, .navbar-inverse .navbar-nav-link i:before{ padding: 14px 5px; color: #000 !important; } .navbar-inverse .badge{ left: 16px; right:auto; } .text-right .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0){ padding-right: 0; } .text-right .navbar-inverse .badge{ right: 10px; } .notification-drop .dropdown-menu.dropdown-menu-right.jb_company_dm_lang.show { width: 380px; padding: 0; border: 0; margin: 0px 10px 10px; border-top: 1px solid #e1e1e1; } .custom-check-m { margin-right: 30px; } ul.fileList li { margin-top: 15px; } .tab-block-content ul.nav.nav-tabs .nav-item{ padding-right: 45px; } .tab-search { width: 280px; } .banner-content{background: rgba(255,255,255,0.9);} .banner-img-content{width: 90%;} } @media only screen and (min-width: 992px) and (max-width: 1024px) { .property-header li a:after { display: none; } .find-product.section-spacer.position-relative .block-content.section-shadow.p-3.bg-white.w-lg-75 { width: 100% !important; } .home-tab li { padding-right: 30px; } .banner-img-content{ width: 70%; } .file-upload { display: block !important; } .tab-block-content ul.nav.nav-tabs .nav-item{ padding-right: 45px; } .table-icon i:before{ margin: 0px !important; } .tab-search { width: 280px; } .sign-up-band .banner-content{background: rgba(255,255,255,0.9); padding: 10px !important;} input:placeholder-shown + .form-control-placeholder{font-size: 14px;} } @media only screen and (min-width: 1025px) and (max-width: 1366px) { .banner-img-content{ width: 60%; } .sign-up-band .banner-img-content{width: 50%;} .tab-block-content ul.nav.nav-tabs .nav-item{ padding-right: 56px; } .table-icon i:before { margin: 0px !important; } } @media (min-width: 1500px) { .container { max-width: 1440px !important; } }