/*Import google fonts */ @import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Poppins:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap'); /* Import third party CSS library */ @import url(vendor/bootstrap.min.css); @import url(vendor/owl.carousel.min.css); @import url(vendor/ticker-style.css); @import url(vendor/material-icons.min.css); @import url(vendor/weather-icons.min.css); @import url(vendor/flaticon.css); @import url(vendor/slicknav.css); @import url(vendor/animate.min.css); @import url(vendor/magnific-popup.css); @import url(vendor/fontawesome-all.min.css); @import url(vendor/themify-icons.css); @import url(vendor/slick.css); @import url(vendor/nice-select.css); @import url(vendor/perfect-scrollbar.css); @import url(vendor/jquery-ui.css); /* GENERAL */ @font-face { font-family: "font-electro"; src:url("../fonts/font-electro.eot"); src:url("../fonts/font-electro.eot?#iefix") format("embedded-opentype"), url("../fonts/font-electro.woff") format("woff"), url("../fonts/font-electro.ttf") format("truetype"), url("../fonts/font-electro.svg#font-electro") format("svg"); font-weight: normal; font-style: normal; } body { font-weight: normal; font-style: normal; display: flex; font-size: 0.9rem; flex-direction: column; min-height: 100vh; } h1, h2, h3, h4, h5, h6, .readmore-btn, .widget-taber a.nav-link { font-family: "Poppins", sans-serif; margin-top: 0px; font-style: normal; font-weight: 600; text-transform: normal } p { font-size: 14px; margin-bottom: 15px; } object{ pointer-events: none; } .img { max-width: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s } .fix { overflow: hidden } .clear { clear: both } a, .button { -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s } *:focus { text-decoration: none; outline: none } a { color: #171616; } a:hover { color: #ef3f48; } a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { text-decoration: none } .transition-02s, .transition-02s:hover { -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0 } input:focus::-moz-placeholder { opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } ul { margin: 0px; padding: 0px } li { list-style: none } hr { border-bottom: 1px solid #eceff8; border-top: 0 none; margin: 30px 0; padding: 0 } img { max-width: 100%; } ul { padding: 10px; margin: 0; } .divider { position: relative; overflow: hidden; height: 4px; z-index: 9; } .divider i { background-color: #fff; color: #d9d9d9; position: relative; z-index: 1; font-size: 30px; padding: 0 40px; } .divider.center_icon, .divider.left_icon, .divider.right_icon, .divider.text_divider { height: auto; } .divider.center_icon { text-align: center; } .divider::before, .divider::after { content: ''; position: absolute; width: 100%; top: 50%; left: 0px; height: 0; border-top: 1px solid #dddddd; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .divider::before { margin-top: -1px; } .divider::after { margin-top: 1px; } .readmore-btn:hover i { padding-left: 6px; } .boxed-btn { background: #fff; display: inline-block; padding: 18px 44px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid; letter-spacing: 3px; text-align: center; text-transform: uppercase; cursor: pointer } .boxed-btn:hover { color: #fff !important; border: 1px solid } .boxed-btn:focus { outline: none } .boxed-btn.large-width { width: 220px } [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center } [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "" } [data-opacity="1"]::before { opacity: 0.1 } [data-opacity="2"]::before { opacity: 0.2 } [data-opacity="3"]::before { opacity: 0.3 } [data-opacity="4"]::before { opacity: 0.4 } [data-opacity="5"]::before { opacity: 0.5 } [data-opacity="6"]::before { opacity: 0.6 } [data-opacity="7"]::before { opacity: 0.7 } [data-opacity="8"]::before { opacity: 0.8 } [data-opacity="9"]::before { opacity: 0.9 } ::placeholder { color: #838383 } .section-padding { padding-top: 120px; padding-bottom: 120px } .font-x-small { font-size: 11px; } .font-small { font-size: 12px; } .font-medium { font-size: 15px; } .font-large { font-size: 20px; } .separator { border-top: 1px solid #f2f2f2 } .owl-carousel .owl-nav div { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: 40px; left: 20px; line-height: 40px; font-size: 22px; color: #646464; opacity: 1; visibility: visible; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.2s ease 0s; width: 40px } .owl-carousel .owl-nav div.owl-next { left: auto; right: -30px } .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: 1px } .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: 0px } .owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible } .owl-carousel:hover .owl-nav div:hover { color: #fff; background: #ff3500 } .btn { background: #ff656a; -moz-user-select: none; text-transform: uppercase; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 0; margin-bottom: 0; padding: 27px 44px; border-radius: 5px; min-width: 200px; margin: 10px; cursor: pointer; transition: color 0.4s linear; position: relative; z-index: 1; border: 0; overflow: hidden; margin: 0 } .btn::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e6373d; z-index: 1; border-radius: 5px; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleX(0) } .btn:hover::before { transform: scaleX(1); color: #fff !important; z-index: -1 } .btn.btn-dark { background: #092b4d; } .btn.btn-dark::before { background: #020e1a; } .btn.focus, .btn:focus { outline: 0; box-shadow: none } #scrollUp { height: 40px; width: 40px; right: 31px; bottom: 18px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 40px; border: 2px solid transparent; font-size: 16px; } #scrollUp:hover { color: #fff } .sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); background: #000; } .preloader { background-color: #f7f7f7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; margin: 0 auto } .align-center-vertical { margin-top: auto; margin-bottom: auto; } .text-limit-2-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; } .text-limit-3-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; } .img-hover-scale { overflow: hidden; position: relative; } .img-hover-scale img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .img-hover-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .img-hover-slide { background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 280px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .post-thumb:hover .img-hover-slide, .single-header-2:hover .img-hover-slide { background-position: 30%; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .img-link { display: block; width: 100%; height: 100%; position: absolute; z-index: 1; } .thumb-overlay { position: relative; } .thumb-overlay::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .8))); background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%); background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .8) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .8) 100%); -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease } .thumb-overlay:hover::before { background-color: rgba(0, 0, 0, .2) } .transition-ease-04 { -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .top-right-icon { position: absolute; top: 15px; right: 15px; border-radius: 50px; width: 30px; height: 30px; text-align: center; line-height: 30px; z-index: 3; color: #fff; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition-duration: 0.4s; -ms-transition: all 0.4s ease; } .top-right-icon i { top: 2px; } .img-hover-scale:hover .top-right-icon, .img-hover-slide:hover .top-right-icon { margin-top: -3px; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition-duration: 0.4s; -ms-transition: all 0.4s ease; } .hover-box-shadow { -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition-duration: 0.4s; -ms-transition: all 0.4s ease; } .hover-box-shadow:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition-duration: 0.4s; -ms-transition: all 0.4s ease; } .letter-background { line-height: 1.2; color: rgba(0, 0, 0, .07); z-index: 1; position: absolute; top: 50%; left: -15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -moz-user-select: none; user-select: none; pointer-events: none; text-transform: uppercase; font-size: 4rem; font-weight: 900; } .font-weight-ultra { font-weight: 900; } .scroll-progress { height: 3px; width: 0px; z-index: 9999999; position: fixed; top: 0; } /*cursor*/ #off-canvas-toggle, .user-account, .subscribe, .search-close, button.slick-arrow, .off-canvas-close, .search-button, .slick-dots button, .slider-post-thumb, button.search-icon, .range .ui-slider-handle.ui-state-default.ui-corner-all { cursor: pointer; } /*Header*/ h1.logo-text { font-size: 20px; font-weight: 600; margin-left: 5px; margin-bottom: 0; line-height: 1; margin-top: 7px; } #off-canvas-toggle span, #off-canvas-toggle span::before, #off-canvas-toggle span::after { background: #353c49; display: inherit; height: 2px; position: relative; width: 15px; } #off-canvas-toggle span::before, #off-canvas-toggle span::after { content: ""; left: 0; position: absolute; right: 0; } #off-canvas-toggle span::before { top: -8px; width: 15px; } #off-canvas-toggle span::after { top: -4px; width: 15px; } .signup, .gen_btn { cursor:pointer; } #off-canvas-toggle p { display: inline; font-size: 12px; margin: 0 0 0 5px; } .off-canvas-close { background: none; border: 0; width: 30px; height: 30px; position: absolute; right: 20px; top: 18px; color:#ffffff; } #datetime { min-width: 160px; margin-bottom: -8px; margin-left: 15px; } .vline-space { height: 15px; width: 1px; background: #cbd3d7; margin: 0 10px -2px 10px; } button.search-icon { background: none; padding: 0; border: 0; font-size: 16px; width: 30px; } .search-close { padding-left: 5px; } .top-bar ul.header-social-network li a { padding: 0px; font-size: 12px; } button.subscribe { border: 1px solid; background: none; margin: 0 0 0 15px; border-radius: 30px; padding: 5px 15px; font-weight: bold; } .user-account .ti-user { margin-right: 2px; } .dropdown-menu { border-radius: 5px; } #userMenuDropdow.dropdown-menu, #langMenuDropdow.dropdown-menu { background: #ffff; border: 0; padding: 5px 15px; margin-top: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } #langMenuDropdow.dropdown-menu { min-width: 110px; } #userMenuDropdow.dropdown-menu a, #langMenuDropdow.dropdown-menu a { font-size: 12px; padding: 7px 0; } #userMenuDropdow.dropdown-menu a i, #langMenuDropdow.dropdown-menu a i { margin-right: 8px; color: #b0b8cc; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } form.menu-search-form input { width: 100%; } /*Offcanvas Sidebar*/ .off-canvas-toggle-cover { position: absolute; left: 0; width: 120px; text-align: left; top: 0; z-index: 300; } #sidebar-wrapper { background: #f4f5f9; height: 100%; left: 0; overflow-y: auto; overflow-x: hidden; position: fixed; width: 0; z-index: 1009; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; top: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); } #sidebar-wrapper.position-right { right: 0; left: unset; } .canvas-opened #sidebar-wrapper { width: 350px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-color:#000000; } .canvas-opened #off-canvas-toggle span { background: none; } .canvas-opened #off-canvas-toggle span::after { top: -4px; width: 15px; transform: rotate(-45deg); } .canvas-opened #off-canvas-toggle span::before { top: -4px; width: 15px; transform: rotate(45deg); } .cat-item a { width: 100%; display: block; z-index: 9999; } .ps__rail-x, .ps__rail-y { display: none !important; } .cat-item { display: block; } .sidebar-inner { padding: 30px; padding-top: 4rem; line-height: 2rem; } .dark-mark { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1003; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transition: visibility 0s linear .3s, opacity .3s ease, -webkit-transform .3s ease; /* transition: visibility 0s linear .3s,opacity .3s ease,-webkit-transform .3s ease; */ /* transition: visibility 0s linear .3s,transform .3s ease,opacity .3s ease; */ transition: visibility 0s linear .3s, transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } .canvas-opened .dark-mark { opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } /*Search form*/ .open-search-form .main-search-form { height: 100%; opacity: 1; visibility: visible; } .main-search-form .search-form label { width: 100%; } .main-search-form .search-form input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: transparent; border: none; border-radius: 999px; display: inline-block; font-size: 10px; font-weight: 300; margin: 0; padding: 12px 0 12px 30px; text-align: left; width: 100%; border: 1px solid #dfe0e6; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); background: #00000082; } .main-search-form .search-form-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 23px; margin-top: -5px; } .inner-sub-heading .row { margin:0; } .search-form-icon { width: 2rem; background: none; border: none; } .search-form-icon button { background:none; border:none; cursor:pointer; } .main-search-form .search-switch { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); margin-top: -3px; line-height: 1; border-left: 1px solid #dfe0e6; padding-left: 15px; font-size: 14px; } /*Main header*/ .main-header .main-nav ul li a { color: #092b4d; font-weight: 500; padding: 27px 12px; display: block; font-size: 12px; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; font-family: 'Poppins', sans-serif; line-height: 1; } .main-header .main-nav ul li>a { text-transform: uppercase; } .main-header .main-nav ul li.menu-item-has-children>a { padding-right: 15px; } .main-header .main-nav ul li.menu-item-has-children>a::after { content: "\e64b"; font-family: 'themify'; font-size: 8px; display: inline-block; padding-left: 5px; } .main-header .main-nav ul ul.sub-menu { text-align: left; position: absolute; width: 170px; background: #fff; left: 0; top: 120%; visibility: hidden; opacity: 0; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); padding: 17px 0; border-top: 2px solid; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s } .main-header .main-nav ul ul.sub-menu>li { margin-left: 7px; display: block } .main-header .main-nav ul ul.sub-menu>li>a { padding: 10px !important; font-size: 14px; color: #0b1c39; text-transform: capitalize } .main-header .main-nav ul ul.sub-menu>li>a:hover { background: none } .header-area .header-top .header-info-right .header-social a i { -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg) } .header-area .header-top .header-info-right .header-social a:hover i { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .main-header ul>li:hover>ul.sub-menu { visibility: visible; opacity: 1; top: 100% } .main-header .main-nav ul li h6 a { font-size: 1rem; font-weight: 600; line-height: 1.2; } /* Mega menu */ .main-menu { list-style-type: none; margin: 0; height: 100%; align-items: center; } .main-menu>li { height: 100%; position: relative; display: inline-block; } .main-menu>li.mega-menu-item { position: static; } .sub-mega-menu { flex-wrap: wrap; position: absolute; top: 100%; left: 0; background-color: #fff; width: 100%; display: none; box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.05); border-top: 1px solid #f4f5f9; border-radius: 0 0 5px 5px; } .main-menu>li:hover>.sub-mega-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .sub-mega-menu .nav { width: 240px; border-right: 1px solid #f4f5f9; padding: 30px 0; } .sub-mega-menu .tab-content { width: calc(100% - 240px); } .sub-mega-menu .nav-pills .nav-link { font-size: 12px; line-height: 1.8; color: #222; border-radius: 0; padding: 8px 20px 8px 33px; text-align: left; } .sub-mega-menu .nav-pills .nav-link.active, .sub-mega-menu .show>.nav-pills .nav-link { color: #fff; background-color: #152035; } .sub-mega-menu .tab-content .tab-pane { padding: 25px 50px 35px 30px; } .main-header .main-nav ul li.mega-menu-item .tab-content a { padding: 0; text-transform: none; } .header-sticky.sticky-bar.sticky .header-flex { justify-content: space-between } .header-sticky.sticky-bar.sticky .header-btn .get-btn { padding: 20px 20px } .header-area .slicknav_btn { top: -51px; right: 17px } .slicknav_menu .slicknav_nav a:hover { background: transparent; } .slicknav_menu { background: transparent; } .mobile_menu { position: fixed; right: 0px; width: 100%; z-index: 99; } .header-sticky.sticky-bar.sticky .header-right-btn { display: none !important } .header-sticky.sticky-bar.sticky .sticky-logo { display: block !important } .sticky-logo { display: none !important } .sticky-logo.info-open { padding: 12px } /*Header layouts*/ .main-header { position: relative; z-index: 1002; } .main-header #userMenuDropdow.dropdown-menu, .main-header #userMenuDropdow.dropdown-menu { margin-top: 15px; } .header-style-1 { box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05) } .header-style-1 .header-bottom, .header-style-2 .header-bottom, .header-style-2.header-style-3 .header-bottom { height: 75px !important; padding: 15px 0; } .header-style-1 .search-button, .header-style-2 .search-button { position: absolute; right: 15px; top: 0; line-height: 68px; background: #fff; z-index: 899; } .open-search-form .header-style-1 .search-button, .open-search-form .header-style-2 .search-button { z-index: 1000; } .header-style-1 .top-bar, .header-style-2 .topbar-inner { border-bottom: 1px solid #f4f5f9; } .header-style-2 .off-canvas-toggle-cover { right: 55px; left: unset; } .header-style-2.header-style-3 .topbar-inner { border: 0; } .open-search-form .header-style-2 .off-canvas-toggle-cover { right: 80px; } .header-style-2 .header-bottom { border: none; } .header-style-2 .nav-shopping-cart a.cart-icon { right: 15px; } .header-style-2 .search-button { right: 35px; } /*Page layouts*/ .footer-area .footer-logo { margin-bottom: 40px } .footer-area .footer-pera p { color: #a8a8a8; font-size: 15px; margin-bottom: 50px; line-height: 1.8 } .footer-area .footer-pera.footer-pera2 p { padding: 0 } .footer-area .footer-tittle h4 { color: #fff; font-size: 20px; margin-bottom: 29px; font-weight: 500; text-transform: capitalize } .footer-area { color: #a8a8a8 } .footer-area .footer-tittle ul li { color: #012f5f; margin-bottom: 15px } .footer-area .footer-tittle ul li a { color: #333333; font-weight: 300 } .footer-area .footer-tittle ul li a:hover { padding-left: 5px } .footer-area .footer-form form { position: relative } .footer-area .footer-form form input { width: 100%; height: 43px; border: 0; border-bottom: 1px solid #403f3f; background: none } .footer-area .footer-form form .form-icon button { position: absolute; top: 0; right: -20px; background: none; border: 0; cursor: pointer; padding: 13px 22px; line-height: 1 } .footer-area .footer-social a i { color: #222222; margin-right: 12px; font-size: 19px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s } .footer-area .footer-social a i:hover { box-shadow: 0 -3px 0 0 rgba(24, 24, 24, 0.15) inset, 0 3px 10px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .footer-area .insta-feed { padding-top: 5px; margin: -2px; display: flex; flex-wrap: wrap } .footer-area .insta-feed li { width: 29.33%; margin: 5px } .footer-area .insta-feed li img { width: 100% } .footer-area a { color: #a8a8a8 } .footer-bottom-area .footer-copy-right p { font-weight: 300; line-height: 1; margin: 0; font-family: 'Poppins'; color: #8d8d8e; } .footer-bottom-area .footer-copy-right p a:hover { color: #fff } .text-white { color: white; } .footer-menu ul li { display: inline-block; margin-left: 36px } .footer-menu ul li:first-child { margin-left: 0px } .footer-menu a { color: #a8a8a8; } /*Pagination*/ .pagination-area .page-item { margin: 0 } .pagination-area .page-item:first-child { margin: 0 } .pagination-area .page-link { color: #777777; border: 0; font-size: 15px; text-align: center; background: none; padding: 0 10px; box-shadow: none; outline: 0 } .pagination-area .page-item.active .page-link { z-index: 1; color: #000; background: none; border: 0; position: relative; box-shadow: none; outline: 0 } /*Breadcrumb*/ .breadcrumb { display: inline-block; padding: 0; text-transform: capitalize; color: #6e6e6e; font-size: 0.875rem; background: none; margin: 0; border-radius: 0; } .breadcrumb span { position: relative; text-align: center; padding: 0 10px; } .breadcrumb span::before { content: "\e649"; font-family: 'themify'; display: inline-block; color: #101d35; font-size: 9px; } /*CATEGORY PAGES*/ .archive-header h2 { font-size: 45px; } .archive .loop-list-1 .first-post .img-hover-slide { min-height: 400px; } .animate-conner-box::after { content: " "; width: 45px; height: 45px; display: block; position: absolute; bottom: -45px; right: -45px; border-left: 45px solid #ef3f48; border-bottom: 45px solid #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .animate-conner:hover .animate-conner-box::after { bottom: 0 !important; right: 0 !important } /*SINGLE POST*/ .entry-header-1 h1 { max-width: 80%; } .overflow-hidden { overflow: hidden; } .single-social-share a { width: 35px; display: block; height: 35px; text-align: center; line-height: 37px; font-size: 13px; border-radius: 50%; } .single-thumnail .arrow-cover i { color: #fff; } .single-excerpt p { line-height: 1.5; } .entry-main-content p { line-height: 1.75; } .entry-main-content h2 { line-height: 1.25; margin-top: 30px; margin-bottom: 28px; font-size: 24px; } .entry-main-content p { font-size: 15px; } .entry-main-content figure { margin-bottom: 30px; margin-top: 30px; } .entry-bottom .tags a { display: inline-block; font-weight: normal; text-decoration: none; padding: 1px 15px; background-color: #fff; border: 1px solid #bbb; margin-top: 2px; margin-bottom: 2px; margin-right: 5px; border-radius: 30px; font-size: 14px; } .related-posts .img-hover-slide { min-height: 200px; } .single-header-2 .single-thumnail { min-height: 540px; position: relative; background-size: cover; background-position: center center; } .single-header-2 .entry-header-1 { padding: 100px; } .single-header-3.single-header-2 .entry-header-1 { padding: 50px; } /*Author box*/ .author-bio { margin-bottom: 40px; text-align: left; display: flex; border-bottom: 1px solid #e0dede; padding-bottom: 40px; } .author-bio .author-image img { border-radius: 50%; width: 90px; height: 90px; } .author-bio .author-image { flex-grow: 0; flex-shrink: 0; overflow: hidden; width: 90px; height: 90px; margin-right: 40px; } .author-bio .author-info { flex-grow: 1; } .author-bio h3 { font-size: 22px; margin-bottom: 10px; } .author-bio h5 { font-size: 12px; text-transform: uppercase; margin-bottom: 0; font-weight: 500; color: var(--color-black); } .author-bio .author-description { margin-top: 15px; margin-bottom: 15px; } .author-bio .author-bio-link { display: inline-block; font-weight: normal; text-decoration: none; text-transform: lowercase; padding: 1px 15px; background-color: #fff; border: 1px solid #e0dede; margin-right: 20px; border-radius: 30px; font-size: 14px; } .author-bio .author-social { display: inline-block; } .author-bio .author-social-icons { margin: 0; padding: 0; list-style: none; } .author-bio .author-social-icons li { display: inline-block; } .author-bio .author-social-icons li:first-child a { margin-left: 0; } .author-bio .author-social-icons li a { text-align: center; font-size: 16px; margin-left: -1px; padding-top: 0; display: block; margin-left: 20px; } .author-bio .author-social-icons li a i { font-size: 14px; } .author .author-bio { margin: 0; padding: 50px; border: 0; background: #f4f5f9; border-radius: 5px; } /*comment*/ .comments-area { background: transparent; border-top: 1px solid #eee; padding: 45px 0; margin-top: 50px; } @media (max-width:414px) { .comments-area { padding: 50px 8px; } } .comments-area h4 { margin-bottom: 35px; color: #2a2a2a; font-size: 18px; } .comments-area h5 { font-size: 16px; margin-bottom: 0px; } .comments-area a { color: #2a2a2a; } .comments-area .comment-list { padding-bottom: 48px; } .comments-area .comment-list:last-child { padding-bottom: 0px; } .comments-area .comment-list.left-padding { padding-left: 25px; } .comments-area .thumb { margin-right: 20px; } .comments-area .thumb img { width: 70px; border-radius: 50%; } .comments-area .date { font-size: 14px; color: #999999; margin-bottom: 0; margin-left: 20px; } .comments-area .comment { margin-bottom: 10px; color: #777777; font-size: 15px; } .comments-area .btn-reply { background-color: transparent; color: #888888; padding: 5px 18px; font-size: 14px; display: block; font-weight: 400; } .comment-form { border-top: 1px solid #eee; padding-top: 45px; margin-top: 50px; margin-bottom: 20px; } .comment-form .form-group { margin-bottom: 30px; } .comment-form h4 { margin-bottom: 40px; font-size: 18px; line-height: 22px; color: #2a2a2a; } .comment-form .name { padding-left: 0px; } @media (max-width:767px) { .comment-form .name { padding-right: 0px; margin-bottom: 1rem; } } .comment-form .email { padding-right: 0px; } @media (max-width:991px) { .comment-form .email { padding-left: 0px; } } .form-control { border: 1px solid #f0e9ff; border-radius: 5px; height: 48px; padding-left: 18px; font-size: 14px; background: transparent; } .form-control:focus { outline: 0; box-shadow: none; } .form-control::placeholder { font-weight: 300; color: #efefef; } .form-control::placeholder { color: #efefef; } .custom_select { position: relative; width: 100%; } .custom_select .nice-select { width: 100%; margin-bottom: 1rem; } .nice-select .list { width: 100%; } .comment-form textarea { padding-top: 18px; border-radius: 12px; height: 100% !important; } .comment-form::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 13px; color: #777; } .comment-form::-moz-placeholder { /* Firefox 19+ */ font-size: 13px; color: #777; } .comment-form:-ms-input-placeholder { /* IE 10+ */ font-size: 13px; color: #777; } .comment-form:-moz-placeholder { /* Firefox 18- */ font-size: 13px; color: #777; } .button-contactForm { background: #ef3f48; color: #fff; border-color: #ef3f48; padding: 12px 25px; } .button { display: inline-block; border: 1px solid transparent; font-size: 14px; font-weight: 500; padding: 12px 54px; border-radius: 4px; color: #fff; border: 1px solid #ef3f48; text-transform: uppercase; background: #ef3f48; cursor: pointer; transition: all 300ms linear 0s; } .button:hover { background: #010f22; border: 1px solid #010f22 } /*post-share-social*/ figure .social-share, .post-thumb .social-share { position: absolute; float: left; overflow: hidden; padding-left: 0; bottom: 10px; right: 0; margin: 0; z-index: 200; } .animate-conner .post-thumb .social-share { right: 35px; } figure .social-share li, .post-thumb .social-share li { width: 100%; text-align: center; max-width: 0px; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; float: left; margin-left: 5px; } figure .social-share li:first-child, .post-thumb .social-share li:first-child { max-width: 30px; opacity: 1; pointer-events: none; } figure .social-share li a, .post-thumb .social-share li a { display: block; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 50%; font-size: 12px; color: #fff; } figure .social-share:hover li:nth-child(1), .post-thumb .social-share:hover li:nth-child(1) { opacity: 0; max-width: 0; } figure .social-share:hover li, .post-thumb .social-share:hover li { opacity: 1; max-width: 30px; } figure .social-share:hover li:last-child, .post-thumb .social-share:hover li:last-child { margin-right: 15px; } .social-share { height: 0; transition-duration: 0.2s; } .bgcover:hover .social-share, .post-thumb:hover .social-share { height: 30px; transition-duration: 0.2s; } .post-thumb .social-share li a { background: #007aff; } .post-thumb .social-share li a.fb { background: #3b5999; } .post-thumb .social-share li a.tw { background: #55acee; } .post-thumb .social-share li a.pt { background: #bd081c; } /*Login*/ .divider-text-center { text-align: center; position: relative; } .divider-text-center::before { content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: 1px solid #ddd; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .divider-text-center span { background-color: #fff; padding: 0 15px; position: relative; text-transform: uppercase; } .btn-login .btn { min-width: unset; } .btn-login li { margin: 0px 5px 0; display: inline-block; } .btn-login li a { border-radius: 5px; padding: 15px 25px; color: #fff; display: block; line-height: 1; text-transform: none; letter-spacing: 0; font-size: 1rem; } .btn-facebook { background: #3b5998; border-color: #3b5998; } .btn-google { background: #d85040; border-color: #d85040; } /*Page My Account*/ .dashboard-menu li { padding: 7px 10px; } .dashboard-menu li:not(:last-child) { border-bottom: 1px solid #e6e6e6; } .dashboard-menu a { color: #999; } .dashboard-menu li.active a { color: #333; } .dashboard-content .card { border: 0; } .dashboard-content .card-header { background: none; } /*WP STYPE*/ .wp-block-separator { border-top: 1px solid #f4f5f9; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .wp-block-image, .wp-block-embed, .wp-block-gallery { margin-bottom: 30px; } .blocks-gallery-grid, .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .blocks-gallery-grid, .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc((100% - 32px)/3); margin-right: 16px; } .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } .wp-block-separator.is-style-dots { border: none; width: auto; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: currentColor; font-size: 20px; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-separator.is-style-dots { text-align: center; line-height: 1; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; margin-top: 40px; margin-bottom: 40px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 0 0 16px; padding: 30px; background: #f4f5f9; border-radius: 5px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 30px; line-height: 1.3; font-style: normal; } .wp-block-image { margin-bottom: 30px; } .entry-main-content figure.alignleft { margin-right: 30px; margin-top: 20px; } .wp-block-image .alignleft { float: left; margin-right: 1em; } .wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption { display: table-caption; caption-side: bottom; width: 100%; } .wp-block-image figcaption { color: #6a6a6a; z-index: 1; bottom: 0; right: 0; line-height: 1.5; margin-bottom: 0; margin-top: 15px; text-align: center; font-size: 12px; } .tooltip-inner { font-size: 0.7em; } table { width: 100%; margin-bottom: 1.5rem; color: #212529; border-collapse: collapse; } table p { margin-bottom: 0; } .entry-main-content table td, .entry-main-content table th, .comment-content table td, .comment-content table th { padding: 0.5em 1em; border: 1px solid #e6e6e6; } .entry-main-content dd, .single-comment dd { margin: 0 0 1.65em; } .entry-main-content ul { list-style: disc; } .entry-main-content ul li, .comment-content ul li { list-style: disc inside; line-height: 2; } .entry-main-content ul li.blocks-gallery-item { list-style: none; } .entry-main-content li>ul, .entry-main-content li>ol, .comment-content li>ul, .comment-content li>ol { padding-left: 2rem; } .entry-main-content ol { padding-left: 0; } ol li { list-style: decimal inside; width: 100%; line-height: 2; } pre { border: 1px solid #eee; font-size: 1em; line-height: 1.8; margin: 15px 0; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #fff; border-radius: 15px; } /*custom amine*/ [data-loader='spinner'] { width: 35px; height: 35px; display: inline-block; -webkit-animation: spinner 1.2s infinite ease-in-out; -o-animation: spinner 1.2s infinite ease-in-out; animation: spinner 1.2s infinite ease-in-out; background: url(../imgs/favicon.png); box-shadow: 0 0 10px #fff; } @-webkit-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); -ms-transform: perspective(120px) rotateX(0) rotateY(0); -o-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0); -o-transform: perspective(120px) rotateX(-180deg) rotateY(0); transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); -ms-transform: perspective(120px) rotateX(0) rotateY(0); -o-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0); -o-transform: perspective(120px) rotateX(-180deg) rotateY(0); transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @-o-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); -ms-transform: perspective(120px) rotateX(0) rotateY(0); -o-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0); -o-transform: perspective(120px) rotateX(-180deg) rotateY(0); transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0); -ms-transform: perspective(120px) rotateX(0) rotateY(0); -o-transform: perspective(120px) rotateX(0) rotateY(0); transform: perspective(120px) rotateX(0) rotateY(0); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0); -o-transform: perspective(120px) rotateX(-180deg) rotateY(0); transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.8); } 100% { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); } } @keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } .menucolor{ color:#ffffff; } /*Left Side Buttons Start*/ .sticky-left-container{ padding: 0px; margin: 0px; position: fixed; left: -158px; top:40%; width: 200px; z-index:2; } .sticky-left li{ list-style-type: none; background-color: none; color: #efefef; height: 43px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer; } .sticky-left li:hover{ margin-right: -150px; background:#333; border-radius: 25px 25px 25px 0; } .sticky-left li img{ float: right; border-radius:50%; margin: 5px 5px; margin-left: 10px; } .sticky-left li p{ padding: 0px; float:right; margin: 0px; text-transform: uppercase; line-height: 43px; } /*Left Side Buttons End*/ /*Left right Buttons Start*/ .sticky-right-container{ padding: 0px; margin: 0px; position: fixed; right: -158px; top:40%; width: 200px; z-index:2; } .sticky-right li{ list-style-type: none; background-color: none; color: #efefef; height: 43px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer; } .sticky-right li:hover{ margin-left: -150px; background:#333; border-radius: 25px 25px 25px 0; } .sticky-right li img{ float: left; border-radius:50%; margin: 5px 5px; margin-right: 10px; } .sticky-left li p{ padding: 0px; float:left; margin: 0px; text-transform: uppercase; line-height: 43px; } .logo-img { max-width: 160px; } .search_field::placeholder { color:#efefef; font-size: 16px; font-weight:300; } .search_field { color:white; font-size: 17px !important; font-weight:300; } .main-wrap { flex: 1; position:relative; } body.index-page .main-wrap::before { content: ''; background: #000000a6; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; } .suggested-area a { color: white; font-family: 'Poppins'; } .suggested-area { text-align: center; font-size: 14px; font-weight: 400; } .suggested { font-size: 14px; } .bg-black { background: #000; } .search-form-inner { background: #FFE9DA; } .inner_search_field { border: 1px solid #000000 !important; } .inner_search_field::placeholder { color:#000; font-size: medium; } .inner_search_field { font-size: 16px !important; background: white !important; font-weight: 300 !important; } .breadcrumb-area { color:black; text-align: center; } .breadcrumb-area li { margin-right: 0 !important; } /* .breadcrumb-area .list-inline-item:after { content: '>'; margin: 0px 6px; font-size: 12px; margin-right: 4px; } */ .breadcrumb-area .list-inline-item:nth-last-child(1)::after { display: none; } .sub-heading { font-weight: 300; } .product-container, .auto-container { width:95%; margin: auto; } .product-list { border-top: 1px solid #efefef; padding-top: 2rem; border-bottom: 1px solid #efefef; padding-bottom: 2rem; } .listing-product-image { margin-right: 2rem; } .product-title { font-weight: 500; } .compatible-text { font-size: 12px; color: #dc3545; margin-top: 0.6rem; } .product-title a:hover { color: #000; } .color-inks { font-size: 13px; font-weight: 300; text-transform: capitalize; } .color-inks span { display: inline-block; border-radius: 6rem; } .ink-gray path { stroke: grey; fill: grey; } .ink-black path { stroke: black; fill: black; } .ink-cyan path { stroke: cyan; fill: cyan; } .ink-yellow path { stroke: yellow; fill: yellow; } .ink-magenta path, .ink-light-magenta path { stroke: magenta; fill: magenta; } .ink-red path { stroke: red; fill: red; } .ink-light-cyan path { stroke: #E0FFFF; fill: #E0FFFF; } .ink-light-gray path { stroke: #D3D3D3; fill: #D3D3D3; } .guide-me { font-size: 12px; color: #c50031 !important; } .page-icon { width: 18px; } .text-grey { color:grey; } .text-currency { font-weight: 500; position: relative; } .minus-counter { border: 1px solid #a1a1a1; display: flex; align-items: center; padding: 0 10px; cursor: pointer; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .counter-field input { border: 1px solid #a1a1a1; border-left: none; border-right: none; text-align: center; } .plus-counter { border: 1px solid #a1a1a1; display: flex; align-items: center; padding: 0 10px; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .plus-counter::selection, .minus-counter::selection { background-color: transparent; } .plus-counter:active, .minus-counter:active { background-color: #cbcbcb; } .counter-field { width: 60%; } .counter-field input { width: 100%; padding: 6px; font-weight: 300; } .add-to-cart-button { background-color: black; color: white; border:none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; } .theme-btn, .theme-btn:hover { background-color: black; color: white; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; font-size: 0.85rem; display: inline-block; font-weight: 500; text-transform: uppercase; } .count-product-view { font-size: 13px; } .font-bold { font-weight: 500; } .pagination { text-align: center; justify-content: center; } .pagination ul { display: inline-flex; } .pagination ul li { margin: 0 5px; } .pagination ul li a { padding: 5px 12px; background: #efefef; font-size: 13px; font-weight: 400; border-radius: 5px; } .pagination-previous, .pagination-next { background: #d3d1d1 !important; } .tab-heading { display: flex; justify-content: center; } .tab-heading li { padding: 10px 20px; cursor: pointer; } .category-info-tabs { border-top: 1px solid #efefef; padding-top: 1.5rem; } .hide { display: none; } .tab-heading li.selected { border-bottom: 2px solid #000000; } .category-info-tabs h1, .category-info-tabs h2, .category-info-tabs h3 { font-size:1rem; } .category-info-tabs a { color: #ee2a7b; } .bg-grey { background: #d6d7d7; } .disclaimer-tab { padding: 2rem 0; } .disclaimer-tab h1, .disclaimer-tab h2, .disclaimer-tab h3 { font-size:1rem; } .footer-bottom-area h3 { font-size: 15px; color: #fff; text-transform: uppercase; } .footer-bottom-area a { font-size: 14px; color: #d2d2d2; font-weight: 300; } .footer-copy-right { background-color: #000; color: white; font-size: 12px; border-top: 1px solid #2e2e2e; } .footer-copy-right p { font-size:13px; } .ec-support { margin-left: -4px; color: #b3b3b3; } .ec-support:before { content: "\6f"; font-size: 2.5rem; } .ec { display: inline-block; font: normal normal normal 14px/1 font-electro; font-size: inherit; text-rendering: auto; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .call-us-text { font-weight: 400; font-size: 0.7rem; display: block; line-height: 1.429em; color: #b3b3b3; } .call-us-number { font-size: 1rem; display: block; line-height: 1.429em; color: #b3b3b3; } .footer-contact li { font-size:13px; color: #d2d2d2; } .footer-social-icons { letter-spacing: 15px; margin-top: 18px; } .footer-social-icons svg { font-size:1.3rem; } .footer-social-icons svg path { fill: #8e8f8e; } .footer-menu-link { padding-left:0px; } .footer-menu-link li { margin-bottom: 5px; } .follow-text { letter-spacing: 0; font-weight: 600; } .inner-cart-icon { right:0 !important; } footer { background: black; padding-top: 1rem; z-index: 1; } .choose-from-brands-text { font-weight: 400; font-size: 1.2rem; text-transform: uppercase; } .nav-currency { position: absolute; right: 0rem; top: 13px; color: white; } .nav-currency a, .nav-currency a:hover { color: white !important; } .currency_box { box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); border: 0; border-radius: 4px; line-height: 1; z-index: 900; text-align: right; min-width: 110px; padding: 0; overflow: hidden; } .currency_list { line-height: 2.4rem; } .currency_list li { cursor: pointer; padding: 0 0.5rem; } .currency_list li:hover { background: #efefef; } .currency_list li.selected { background: #dc3545; color: white; } .tag-fulfilled { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; padding: 2px 5px; font-size: 9px; color: white; border-radius: 3px; } .bulk-purchase-button-add-to-cart { background: linear-gradient(-45deg, #023e98, #088383, #1291cc, #2985e8); background-size: 400% 400%; animation: gradient 15s ease infinite; padding: 10px; color: white; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; border:none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .eligible-offer { align-items: center; font-size: 12px; border: 1px dashed black; margin: 1rem 0rem; border-radius: 5px; position: relative; } .eligible-offer dotlottie-player { width: 150px; height: 80px } .eligible-offer-close { position: absolute; right: 6px; top: 5px; color: black; } .product-review-on-list { font-size: 13px; margin-top: 5px; } .product-review-on-list i.fa-star, .product-review-on-list i.fa-star-o { color:#FFA41C; } .product-review-on-list .review-link { color: #007ab0; } .review_box { box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); border: 0; border-radius: 4px; line-height: 1; z-index: 900; text-align: left; min-width: 110px; padding: 1rem; top:5px !important; left:5rem !important; overflow: hidden; width: 300px; border: 1px solid #00000052; overflow: visible; } .review_box::before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; display: block; border-bottom: 5px solid #414141; position: absolute; top: -6px; left: 10.8rem; } .review_box_inner { padding: 0.2rem 0 0.5rem 0; display: block; } .text-global-rating { font-size: 13px; font-weight: 400; margin-bottom: 10px; } .a-meter, .a-meter-with-txt { overflow: hidden; box-shadow: inset 0 0 0 1px #BBBFBF; background-color: #F0F2F2; height: 20px; border-radius: 4rem; } .a-meter .a-meter-bar, .a-meter-with-txt .a-meter-bar { border-radius: 4px; box-shadow: inset -2px 0 0 -1px #F5961D, inset 0 0 0 1px #DE7921; background-color: #FFA41C; border-top-right-radius: 0; border-bottom-right-radius: 0; } .a-meter .a-meter-bar, .a-meter-with-txt .a-meter-bar { -webkit-transition: width .5s ease; transition: width .5s ease; float: left; font-size: 0; height: 100%; width: 0; } td.a-span10, th.a-span10 { width: 66%; float: none!important; } .a-size-base { font-size: 13px!important; line-height: 24px!important; font-weight: 400; } .a-size-base a { font-weight: 400; } .a-letter-space { display: inline-block; width: 0.385em; } .a-text-right { text-align: right !important; width: 38px; } .inc_vat { font-size: 10px; line-height: 10px; color: grey; margin-bottom: 10px; margin-top: 5px; text-align: center; } .stock-status { font-size: 12px; text-align: center; margin-top: 5px; } .stock-status.instock { color:green; } .stock-status.outofstock { color:#c60030; } .ask-for-price-button { background: linear-gradient(-45deg, #023e98, #088383, #1291cc, #2985e8); background-size: 400% 400%; animation: gradient 15s ease infinite; padding: 10px; color: white; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; border:none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; } .pointer-events-none { pointer-events: none; background: #b8b8b8b0; color: #a4a2a2; } .discounted { font-size: 12px; color: #c60030; opacity: 0.8; display: block; } .discount-tag { width: 24px; position: absolute; left: 3px; } .text { height: 47px; } /* leftcontainer */ .text1 { margin-top: 16px; margin-left: 20px; font-size: 25px; font-weight: 400; } .text2 { margin-left: 19px; } .text3 { text-decoration: underline; } .text4 { display: flex; } .text5 { margin-top: -15px; margin-left: 21px; font-weight: 700; } .product-rating-title { display: flex; place-content: space-between; width: 340px; height: 32px; } .btn1 { color: gold } .starborder{ color: rgb(255, 217, 0); } .btn2 { background-color: white; border-color: ghostwhite; margin-top: 83px; height: 64px; margin-left: 20px; } #playcircle { font-size: x-large; } .img1 { margin-left: 13px; margin-top: 11px; } .abc { width: 58px; } .img2 { margin-left: 13px; margin-top: 0px; width: 72px; border: none; font-size: 31px; } .img3 { width: 579px; } .view1 { margin-left: 18px } #high1 { font-weight: 700; } .icon { font-size: 75px; margin-left: 18px; } .text6 { margin-top: -15px; margin-left: 0px; font-weight: 700; } .text7 { margin-top: -15px; margin-left: 42px; font-weight: 700; } .text8 { color: black; font-size: 18px; margin-left: 10px; } .eco { margin-top: -65px; margin-left: -20px; } .eco1 { border: none; } .icon2 { color: forestgreen; font-size: 26px; margin-left: -5px; display: flex; } .icon3 { display: flex; } .carousel-inner { position: relative; width: 100%; overflow: hidden; width: 511px; } .free1 { margin-top: 15px; margin-left: -4px; border: none; } .text9 { margin-left: 7px; margin-top: -5px; } .carousel-control-next { right: -210px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; background-color: black; position: absolute; } /* rightcontainer */ .righttext1 { font-size: xx-large; font-weight: 600; margin-left: -11px; } .righttext2 { text-align: justify; border: none; background-color: white; width: 228px; } .textbtn1 { display: flex; margin-top: -10px; margin-left: -15px; } .righticon1 { color: dodgerblue; margin-top: -10px; } .rightbtn1 { border: none; background: white; height: 25px; } hr { /* margin: 0; */ color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; margin-top: 6px; } .btncart { margin-top: 0px; width: 65px; color: black; text-align-last: justify; background-color: aliceblue; border-block-start: none; margin-left: -1px; } .product-cart-wrap { margin-top: 15px; display:flex; } .cart-wrap { display: flex; } .product-btn-add-to-cart { width: 100%; height: 48px; border-radius: 5px; background: #dc3545; color: white; border: solid 1px; font-family: sans-serif; text-transform: uppercase; font-weight: bold; cursor:pointer; } .hr1 { margin-top: 36px; } .hr2 { margin-top: 19px; } .share { display: flex; justify-content: center; } .btnshare { background-color: white; border: none; } .interest { display: flex; margin-left: 28px; } .paypal { display: flex; } .pay { color:rgb(37, 59, 128); font-weight: 700; margin-left: 9px; } .pal { color: rgb(22, 155, 215); font-weight: 700; } .seprator { margin-left: 7px; font-size: 19px; margin-top: -3px; color: #ddd; } .btnlearnmore { border: none; background-color: white; margin-left: 5px; } .package { display: flex; margin-left: 15px; } .package1 { font-size: 20px; font-weight: 600; } .delivery { margin-top: 5px; margin-left: 8px; font-size: 17px; } .btnprint { width: 138px; background-color: white; margin-left: 17px; border: 0.1px solid black; text-align: justify; padding: 10px; height: 96px; border-radius: 13px; } .btnprint:hover{ background-color: aliceblue; border-color: blue; } .text11 { margin-top: -18px; font-weight: bolder; } .btnprint2 { width: 138px; background-color: white; margin-left: -10px; border: 0.1px solid black; text-align: justify; padding: 8px; height: 96px; border-radius: 13px; font-size: 13px; } .btnprint2:hover{ background-color: aliceblue; border-color: blue; } .btnprint3 { width: 138px; background-color: white; margin-left: -36px; border: 0.1px solid black; text-align: justify; padding: 10px; height: 96px; border-radius: 13px; } .btnprint3:hover{ background-color: aliceblue; border-color: blue; } .btnprint4 { width: 138px; background-color: white; margin-left: 17px; border: 0.1px solid black; text-align: justify; padding: 10px; height: 96px; border-radius: 13px; margin-top: 14px; } .btnprint4:hover{ background-color: aliceblue; border-color: blue; } .protection { display: flex; } .btnprotect { border-radius: 42px; font-size: 27px; color: white; background-color: rgb(111, 141, 200); border: none; } .text12 { margin-top: 10px; margin-left: 12px; } .text13 { font-weight: bolder; font-size: larger; font-family: sans-serif; } .text14 { margin-top: -20px; } .text15 { margin-top: -16px; } .btnplan { width: 445px; margin-left: 48px; text-align: start; background-color: white; border-color: dodgerblue; border-radius: 14px; } .text16 { margin-left: 8px; margin-bottom: 10px; margin-top: 5px; } .text17 { margin-left: 52px; margin-top: 16px; } .text18 { font-weight: 500; font-size: 17px; } .btnyear { background-color: white; border-radius: 13px; width: 220px; } .btnyear:hover{ background-color: aliceblue; border-color: blue; } .year { margin-top: 6px; display: flex; justify-content: space-around; margin-bottom: -6px } .icon6 { margin-left: -36px; } .updown { margin-left: 282px; margin-top: -46px; } .side { margin-left: 53px; } .fontbold { font-weight: bolder; } .abb img { width: 100%; transition: 0.5s all ease-in-out; } .abb:hover img { transform: scale(1.5); } .top-bar { justify-content: space-between; display: flex; padding: 5px 0; font-size: 13px; } .top-divider { border-right: 1px solid #c4c4c4; margin: 20px 0; } .top-bar a span { color: #dc3545; } .product-top-sponsored-section { border-bottom:1px solid #efefef; } .sponsored-text { line-height:21px; } .sponsored-text small { font-size: 11px; color: grey; } .inner-product-title { font-size: 1.5rem; } .product-breadcrumb { display: inline-block; } .product-breadcrumb li { display: inline-block; padding: 0px 2px; font-size: 12px; color: rgb(117, 117, 117); } .color-variations ul { margin: 0px; display: flex; margin-top:10px; flex-flow: wrap; } .color-variations ul li { width: 105px !important; height: 105px !important; border: 1px solid rgb(155, 155, 155); margin-right: 8px; margin-bottom: 8px; border-radius:10px; padding: 10px; position:relative; cursor:pointer; } .color-variations ul li span { height: inherit; display: block; background-repeat: no-repeat; background-size: contain; border-radius: 15px; } .color-variations li div { position: absolute; top: -28px; left: 0; background: black; color: white; padding: 3px 10px; border-radius: 5px; font-size: 11px; display:none; } .color-variations li div:after { content:''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000000; position: absolute; bottom: -6px; left: 12px; } .color-variations li:hover div { display:flex; } .delivery_info { display:flex; } .delivery_info svg { margin-top: 5px; margin-right: 4px; } .single-divider { border-top: 1px solid #dcdcdc; margin-top: 10px; margin-bottom: 10px; } .qty-option { margin-right: 1rem; } .qty-option ul { height: 200px !important; overflow-y: scroll !important; width: 95px !important; } .qty-option:before { content: 'Quantity'; display: block; font-size: 11px; position: absolute; top: -12px; background: white; line-height: 15px; padding: 5px 5px; left: 5px; font-weight: 400; } b, strong { font-weight: 500; } .location_btn { color: #04939d !important; } .btn-location-submit { padding: 24px 44px; min-width: inherit; width: 100%; } .btn-primary:hover { color: #fff; background-color: #05acff; border-color: #05acff; } .location_dd { border: 1px solid #efefef; padding: 14px 0; position: absolute; width: 100%; max-width: 400px; background: white; z-index: 999; box-shadow: 0px 1px 2px 1px #8080800f; border-radius: 5px; } .location_btn { cursor:pointer; } .location_dd label { position: absolute; font-size: 12px; top: -8px; left: 25px; background: white; padding: 0px 6px; } .location_dd:before { content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c1c1c1; top: -5px; right: 14px; } .addon_pages_wrap li { display: flex; justify-content: space-between; line-height: 40px; } .recycling_wrap { margin-top:1rem; margin-bottom:2rem; } .nav-tabs { border-bottom: 1px solid #dee2e6; text-align: center; justify-content: center; } .nav-tabs li a { padding: 16px 24px; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 600; } .tab-content { padding: 2rem 2rem; line-height: 1.5rem; font-weight: 300; } .nav-tabs li a.active { border-bottom: 2px solid; } .tab-content ul { padding-left:1rem; margin-bottom:1rem; } .tab-content ul li { list-style:disc; } .tab-content table tr { border-bottom: 1px solid #ddd; } .tab-content table { max-width: 1000px; margin: auto; } .tab-content table tbody tr td:first-child { width: 50%; font-weight: 400; } .tab-content table tbody tr td { padding:10px; } .product-wrap { margin-top: 0.5rem; } .app-figure { border: 1px solid #efefef; padding: 1rem 25px; } .product-highlights { font-size: 15px; font-weight: 300; text-transform: capitalize; text-align: center; justify-content: space-between; } .product-highlights li { width: 170px; display: inline-block; margin-bottom: 1rem; } .highlights { margin-top:1rem; } .highlights h5 { border-bottom: 1px dashed #dcdcdc; padding-bottom: 12px; margin-bottom: 2rem !important; } .highlights_links { justify-content: space-between; display: flex; } .highlights_links a { color: #ef3f49; font-size: 13px; } .product-top-sponsored-section { width:100%; } .mobile-brands { display:none; overflow-x: scroll; white-space: nowrap; padding-bottom: 20px; } .mobile-brands-inner object { width: 120px; } .search-offer-bottom { font-weight: 300; font-size: 13px; margin-top: 0.5rem; height: 54px; white-space: pre-line; } .main-search-form .carousel-inner { width:100%; } .carousel-item { transition: transform 2.6s ease-in-out; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: opacity 0s 2.6s; } .home-banner img { border-radius: 7px; background: #f3f3f3; padding: 15px 0px; } .desktop-brands img { border-radius: 8px; } .cart-update-loader { background: #ffffffbf; width: 100%; height: 100%; position: absolute; z-index: 99; left: 0; top: 0; border-radius: 10px; } .m-counter { display: none !important; } .login-link { cursor: pointer; } .nav-users { cursor: pointer; } .signup_form .form-group, .login_form .form-group { margin-bottom: 0px; } @media screen and (max-width:465px){ .cart-wrap { display: block; } .cart-calculation { margin-top: 12px; } .cart_count { display: block !important; } .cta_btn_bv { text-align: center; } .start-selling-heading { font-size: 2rem !important; text-align: center; } .add-to-cart-button { margin-top:5px !important; } .stock-status { margin-top:0px; } .m-counter { display: flex !important; margin-top: 1rem; } .discounted { display: inline-block; } .nav-users { right: 4rem !important; } .nav-users i { margin-right:0px !important; } .nav-users small { display:none; } .listing-content-heading { font-size:1rem; text-align:center; } .tab-heading { overflow-x: scroll; white-space: nowrap; } .tab-heading::-webkit-scrollbar { width: 10px; background: transparent; } .tab-heading li { font-size: 12px; } .pagination { margin-bottom:2.5rem; } .counter-field input { border-radius:0 !important; } .counter-field { width:100%; } .discount-tag { position:inherit; width: 14px; } body .listing-price-section .col-md-6 div { text-align:left !important; } .listing-price-section { /*margin-top:1rem;*/ } .color-inks { font-size: 11px; padding: 0; line-height: 20px; } .desk-counter { display: none !important; } .listing-product-image { margin-right: 0rem; } .compatible-text { font-size: 12px !important; color: #dc3545 !important; margin-top: 0 !important; } body .inner-section { padding-top:15px !important; } .inner-search-form-cover h5 { font-size:1rem; margin-bottom: 15px !important; } .inner-sub-heading { text-align:center; } .guide-me { display: block; text-align: center; } .search-form-icon button { width: 50px; height: 50px } .find-printer-title { margin-bottom: 1.2rem !important; font-size: 16px; } body .main-search-form-cover { padding-bottom:0px !important; margin-bottom:0px !important; } .mobile-brands-inner { width: 125em; display: flex; } .mobile-brands a { display: flex; width: 120px; height: 80px; background: white; border-radius: 10px; justify-content: center; margin-right: 10px; padding: 5px; align-items: center; overflow:hidden; } .desktop-brands { display:none; } .mobile-brands { display: block; overflow-x: scroll; white-space: nowrap; padding-bottom: 20px; } .top-bar { display:none; } body #off-canvas-toggle { margin-left: 10px !important; } .logo-img { max-width: 135px; } .nav-shopping-cart { right: 0.5rem !important; } .nav-currency { display:none; } .product-breadcrumb { display:none; } .product-wrap .leftsec { padding: 0; order: 2; } .product-wrap .rightsec { padding: 0; } .slider-wrap { display:none; } .mob-figure { display:block; margin-bottom: 1rem; } .inner-product-title { font-size: 1.2rem; line-height: 25px; margin-top: 1rem; } .color-variations ul li { width: 80px !important; height: 80px !important; padding: 5px; } .shipping-info { margin-bottom: 2px; margin-top:1rem; } .product-wrap { margin-top: 0; } .delivery_info { display: block; } .location_btn { display:block; } .delivery_info svg { margin-top: -2px; margin-right: 0px; } .share { text-align:center; justify-content: space-between; } .share1, .share2, .share3 { padding: 0 !important; } .btnshare { font-size: 13px; } .tab-content { padding:1rem; padding-top:0px; } .footer-bottom-area { text-align:left !important; } .footer-bottom-area .auto-container { width: 90%; } .footer-bottom-area .footer-border { padding-top: 20px !important; padding-bottom: 10px !important; } .footer-bottom-area .col-md-4 { margin-bottom:1rem; } .footer-copy-right { padding: 0 4rem; } .nav-tabs-wrap { overflow-x: auto; padding-bottom:20px; } .nav-tabs li a { padding: 10px 24px; border-bottom: 2px solid transparent; } .nav-tabs { width: 30rem; justify-content: left; } .nav-tabs-wrap::-webkit-scrollbar { width: 1px; background: transparent; } .nav-tabs-wrap::-webkit-scrollbar-thumb { background: white; border-radius: 2px; } body .tabs_containers { margin-top:1.5rem !important; } .main-search-form-cover { padding: 0 1rem; } .search_field::placeholder { font-size:13px !important; } .search_field { font-size:14px !important; padding-left:15px !important; } .main-search-form .search-form-icon { right: 18px; } .main-search-form .search-form-icon img { width:14px; } .home-content-container .auto-container { width: 90%; } .brand-logos li { width: 140px !important; } .brand-logos a object { width:125px !important; } } @media screen and (max-width:320px) { .highlights_links { display: inline-grid; justify-content: center; text-align: center; width: 100%; line-height: 1.8rem; margin: 0 !important; } } .home-content-container p { font-size:13px; text-align:justify; } .home footer { padding-top: 0px !important; border-top: 1px solid #2e2e2e; } .home-content-container { padding-top: 2rem; background: black; color: #8f8f8f; font-weight: 300; padding-bottom: 1rem; } .dropdown-menu.cart_box { z-index:999 !important; transform: translate3d(-320px, 50px, 0px) !important; } .find-printer-title { font-weight: 300; margin-bottom: 1.5rem !important; } .inner-content ol { padding:0; } .inner-content ol li { line-height: 25px; list-style: none; } .form-control { width: 100%; padding: 9px 13px; } .nice-select .current { margin-top: -5px; display: block; } .text-small { font-size:12px; } .inner-content a { color: #ff334d; } #become_vendor_terms { margin-top: 2px; float: left; margin-right: 7px; } .vendor-form { padding: 20px 10px; border: 1px solid #efefef; border-radius: 10px; background: white; box-shadow: 10px 10px 1px 2px #efefefad; } .brand-logos, .category-list { text-align: center; } .brand-logos li { border: 1px solid #e5e5e5; width: 200px; display: inline-flex; height: 100px; align-items: center; justify-content: center; margin: 10px; border-radius: 5px; } .brand-logos a object { width:180px; pointer-events: none; } .category-list li { border: 1px solid #e5e5e5; max-width: 300px; display: inline-flex; align-items: center; justify-content: center; margin: 10px; border-radius: 5px; position:relative; border-radius: 10px; overflow: hidden; } .category-list li div { position: absolute; bottom: 0; background: #000; width: 100%; padding-top: 10px; color: white; left:0; } .category-list li div h5 { color:white !important; font-size: 17px; } .category-list a object { width:180px; pointer-events: none; } .start-selling-heading { font-size: 2rem; } .list-view { padding-left: 1.8rem !important; } .list-view li:before { content: ''; background: url(../imgs/check-icon.png); width: 20px; height: 20px; background-size: cover; display: inline-block; float: left; margin-right: 6px; margin-top: 5px; position: absolute; margin-left: -27px; } .text-black-important { color:black !important; } .text-underline, .text-underline:hover { text-decoration:underline; } .product-container { border-bottom: 1px solid #efefef; margin-bottom: 2rem; padding-bottom: 2rem; } .listing-product-image { display: flex; justify-content: center; align-items: center; } .ink-tricolor { background: url(../imgs/tri-color-ink.png) no-repeat center; background-size: 9px; margin-top: 3px; height: 14px; float: left; width: 13px; } .search-results { display:none; background: white; border-radius: 1rem; padding: 16px 0rem; position: absolute; width: 100%; z-index: 9; } .search-results p { cursor:pointer; padding: 0 2rem; } .search-results p:hover { background: #efefef; } .listing-product-image { background:url(../../uploads/spinner.svg) no-repeat center center; background-size: 40px; } .wdth-100 { width:100%; } .remove_cart { cursor:pointer; font-size: 12px; color: #3d3c3c; } .cart-item-wrap { border: 1px solid #efefef; margin-bottom: 1rem; padding: 25px 15px; border-radius: 10px; position: relative; padding-bottom: 15px; } .cart-calculation { background-color: #f3f3f3; padding: 24px 16px; border-radius: 16px; margin-bottom: 28px; box-shadow: 0 0 2px 0 #ddd; font-size: 13px; } .cart-calculation li { display:flex; } .cart-calculation li label:nth-child(1) { flex:2; } .cart-calculation li label:nth-child(2) { flex:1; text-align: right; } .st_text { font-size: 1rem; font-weight: 500; } .st_price { font-size: 1rem; font-weight: 500; } .st-cart-wrap { border-top: 1px solid #e3e3e3; padding-top: 5px; border-bottom: 1px solid #e3e3e3; } .st-cart-coupon { margin-top: 10px; border-bottom: 1px solid #e3e3e3; } .coupon_cart_row { color:green; } #beginCheckoutBtn { width: 100%; border: none; background: #db2b3e; color: white; margin-top: 15px; padding: 10px; border-radius: 4rem; font-weight: 600; font-size: 15px; cursor:pointer; } .coupon_cart_row a { text-decoration:underline; } .user-icon { right: 45px !important; position: absolute; font-size: 17px; margin-top: 1px; } .nav-users { position: absolute; right: 10rem; top: 9px; font-size: 18px; } .nav-users i { margin-top: 4px; float: left; margin-right: 10px; } .gen_btn { width: 100%; border: none; background: #db2b3e; color: white !important; margin-top: 15px; padding: 10px; border-radius: 4rem; font-weight: 600; font-size: 15px; } .myaccount_dd { top: 24px; min-width: 275px; padding: 19px; transform: translate3d(-105px, 45px, 0px) !important; } .link-default { color:#db2b3e; } #signin_btn, #signin_btn_proceed_checkout { width: 100%; display: block; text-align: center; } .text-red { color:red; } .register-right-canvas-opened #signup-right-sidebar-wrapper { width:100%; max-width: 480px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #fff; } .right-canvas-opened #right-sidebar-wrapper { width: 480px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #fff; max-width:100%; } #right-sidebar-wrapper { background: #f4f5f9; height: 100%; right: 0; overflow-y: auto; overflow-x: hidden; position: fixed; width: 0; z-index: 1009; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; top: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); } #signup-right-sidebar-wrapper { background: #f4f5f9; height: 100%; right: 0; overflow-y: auto; overflow-x: hidden; position: fixed; width: 0; z-index: 1009; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; top: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); max-width: 480px; } .right-sidebar-title { padding: 20px 25px; font-weight: 600; font-size: 1rem; background: #dc3545; } #right-sidebar-wrapper .off-canvas-close { top: 18px; } #right-sidebar-wrapper .sidebar-inner { display: block; padding-top: 2rem; } .cartridge-search .search-form-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 23px; margin-top: -5px; } .cartridge-search .inner_search_field { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: transparent; border: none; border-radius: 999px; display: inline-block; font-size: 10px; font-weight: 300; margin: 0; padding: 12px 0 12px 30px; text-align: left; width: 100%; border: 1px solid #dfe0e6; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); background: #00000082; font-size: 16px !important; background: white !important; font-weight: 300 !important; } .bx-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 9px 14px 0px; } .compatible-printer-list li { list-style:none; display:flex; border: 1px solid black; border-radius: 30px; padding: 15px; margin-bottom: 20px; font-size: 16px; font-weight: 600; text-align:center; } .singup_terms { line-height: 20px; font-size: 13px; } samp { font-family: 'Poppins'; } .btn_signin { width: 100%; border: none; border: 1px solid #000; color: black !important; margin-top: 15px; padding: 10px; border-radius: 4rem; font-weight: 600; font-size: 15px; cursor:pointer; background:#efefef; } .btn_signin_switch { width: 100%; border: none; border: 1px solid #000; color: black !important; margin-top: 15px; padding: 10px; border-radius: 4rem; font-weight: 600; font-size: 15px; cursor:pointer; background:#efefef; } .product-list .product-container:nth-last-child(1) { border-bottom:none; } .go-to-cart-button, .go-to-cart-button:hover { background-color: black; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; display: block; text-align: center; } .selectors { height: 554px; overflow-y: scroll; } .mobile-brands img { height: 30px; -webkit-transform: translate3d(0,0,0); } .dropdown-toggle:after { border: none; content: "\f107"; font: normal normal normal 14px / 1 FontAwesome; margin-top: 8px; float: right; margin-left: 7px; } .invalid { color: white; background: #dc3545; padding: 1px; border: 2px solid #a30817; width: 100%; display: block; text-align: center; border-radius: 3px; margin-bottom: 10px; } .valid { background: #4aa14a; padding: 1px; border: 2px solid green; width: 100%; display: block; text-align: center; border-radius: 3px; margin-bottom: 10px; color: white; } .cart-row { border-bottom:1px solid #efefef; padding-bottom:1rem; }