/** Shopify CDN: Minification failed Line 79:28 Comments in CSS use "/* ... */" instead of "//" Line 79:94 Unterminated string token Line 5265:17 Expected identifier but found "!" Line 6160:0 Unexpected "}" Line 6168:0 Unexpected "}" Line 6761:0 Unexpected "}" Line 6930:49 Expected ":" Line 7001:3 Expected percentage but found ";" Line 7601:33 Expected identifier but found "!" Line 7602:27 Expected identifier but found "!" **/ *, *::after, *::before{ margin: 0; padding: 0; box-sizing: inherit; letter-spacing: .05rem; } a, a:active, a:hover, a:visited{ text-decoration: none; color: #000; } html{ font-size: 100%; scroll-behavior: smooth; background-color: #fff; } body{ font-family: 'Poppins', sans-serif; font-weight: 400; color: #000; font-size: 1rem; line-height: 1.6; box-sizing: border-box; text-align: justify; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #C73631; } h1{padding: 1rem 0;} h3{padding: 0; margin-bottom: 1.5rem; font-size: 2.5rem;} ul{list-style: none; margin: 0; padding: 0;} ul li p{display: block; height: 50px;} p{margin: 0; } .stickyNew { position: fixed; top: 0; left: 0; width: 100%; z-index:99999; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown>.dropdown-toggle:active { pointer-events: none; // Add this, to prevent clicking dropdown's default click function } .navbar-nav .dropdown-menu { /* display: block; */ position: static; float: none; margin-top: -10px; } .navbar-expand-lg .navbar-nav .dropdown-menu{ border-radius:0; border-color:transparent;} .dropdown-toggle::after{ display:none;} .dropdown-item{ border:1px solid transparent; border-radius:0; text-transform:uppercase; font-weight:bold} .dropdown-item.active, .dropdown-item:active{ background-color:transparent;} /* style.css*/ .single-comment-form input::placeholder{ color:#98999D !important; opacity:0.6 !important; } .single-comment-form input::-ms-input-placeholder{ color:#98999D !important; opacity:0.6 !important; } .single-comment-form input::-moz-placeholder{ color:#98999D !important; opacity:0.6 !important; } .single-comment-form input::-webkit-input-placeholder{ color:#98999D !important; opacity:0.6 !important; } .form-control{ height: calc(1.3em + 1px); padding: .375rem .75rem; font-size: 1.5rem; } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .carousel-bottom-row {padding:0 30px;} .carousel-bottom-row .col{ padding:0; } .slick-slider .slick-track{ width:100% !important;} .latest-row .col-6{ padding:0 5px;} /*===== All Button Style =====*/ .main-btn { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #049ae5; padding: 0 30px; font-size: 14px; height: 50px; line-height: 46px; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; background-color: #049ae5; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; z-index: 1; text-transform: uppercase; border-radius: 50px; } .main-btn::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #00aaff; z-index: -1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); border-radius: 50px; } .main-btn:hover { color: #fff; border-color: #00aaff; } .main-btn:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .main-btn.main-btn-2 { background-color: #fff; color: #049ae5; border-color: #fff; border-radius: 50px; } .main-btn.main-btn-2::before { display: none; } .main-btn.main-btn-2:hover { background-color: #049ae5; border-color: #049ae5; color: #fff; } /*===== All Section Title Style =====*/ .section-title .sub-title { font-size: 18px; color: #049ae5; text-transform: uppercase; padding-bottom: 15px; } .section-title .title { font-size: 50px; font-weight: 700; line-height: 65px; color: #6D6E72; text-transform: uppercase; } .section-title.section-title-two .sub-title, .section-title.section-title-two .title { color: #fff; } /*===== All Pagination Style =====*/ .pagination .page-item { margin: 0 10px; } .pagination .page-item a { width: 50px; height: 50px; line-height: 46px; text-align: center; font-size: 16px; border-radius: 50%; color: #56566a; border: 2px solid rgba(4, 154, 229, 0.1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; font-weight: 700; } .pagination .page-item a i { font-size: 18px; } .pagination .page-item a.active, .pagination .page-item a:hover { background-color: #049ae5; color: #fff; -webkit-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.4); -moz-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.4); box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.4); } /*===== All Preloader Style =====*/ .preloader { /* Body Overlay */ position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; /* Change Background Color */ background: #fff; z-index: 99999; } .preloader .loader { display: table-cell; vertical-align: middle; text-align: center; } .preloader .loader .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; z-index: 18; pointer-events: none; } .preloader .loader .ytp-spinner .ytp-spinner-container { pointer-events: none; position: absolute; width: 100%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; animation: ytp-spinner-linspin 1568.23529647ms linear infinite; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; right: 50%; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; left: 50%; } .preloader .loader .ytp-spinner-circle { box-sizing: border-box; position: absolute; width: 200%; height: 100%; border-style: solid; /* Spinner Color */ border-color: #049ae5 #049ae5 #ddd; border-radius: 50%; border-width: 6px; } .preloader .loader .ytp-spinner-left .ytp-spinner-circle { left: 0; right: -100%; border-right-color: #ddd; -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0; border-left-color: #ddd; -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } /* Preloader Animations */ @-webkit-keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } /*=========================== 2.HEADER css ===========================*/ .header-top { background-color: #C73631; } .header-top .header-info ul li { font-size: 16px; color: #fff; display: inline-block; } .header-top .header-social{ padding:0 0 26px 0; } .header-top .header-social ul li input{ width: 248px; border-radius: 20px; border: none; padding: 0px 20px; box-shadow: 0.3em 0.3em 1em rgba(57, 57, 58, 0.44); top: 4px; height: calc(1.6em + 0px); } input{ font-size:14px; } input:placeholder{ color:#B4B5B9; font-size:13px; font-weight:normal; } .header-top .header-social ul li .input-group>.form-control:not(:first-child) { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .header-top .header-social button.search{ background: #C73631; border: none; margin: 0 8px 0 0; } .header-top .header-social ul li i.fa { line-height: initial; border: none; border-radius: 50%; text-align: center; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; font-size: 30px; } .navigation.sticky{ position:relative !important; } .header-top .header-info ul li i { margin-right: 5px; font-size: 16px; } .header-top .header-info ul li i.fa-mobile { font-size: 18px; } .header-top .header-social ul li { display: inline-block; } .header-top .header-social ul li + li { margin-left: 20px; } .header-top .header-social ul li a:hover { background-color: transparent; color: #049ae5; } .navigation { padding: 5px 0 25px 0; } .navigation .navbar { padding: 0; position: relative; background-color: #fff; } .navigation .navbar .navbar-brand { padding: 0; position: absolute; top: -87px; } .bg-grey{ background:#5C5C5C; } .navigation .navbar .navbar-brand img { background-color: #fff; position: relative; z-index: 10; } .navigation .navbar .navbar-toggler { padding: 0; } .navigation .navbar .navbar-toggler .toggler-icon { width: 30px; height: 2px; display: block; margin: 5px 0; background-color: #212849; } .navigation .navbar .navbar-nav .nav-item { position: relative; } .navigation .navbar .navbar-nav .nav-item a { font-size: 18px; color: #000; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative; padding: 0px 10px; font-weight: 600; margin: 12px 4px 8px 4px; line-height: 27px; } .navigation .navbar .navbar-nav .nav-item a.active { background: #C73631; color: #fff; border-radius: 28px; } .navigation .navbar .navbar-nav .nav-item:hover > a.active:hover{ color:#fff !important; } .navigation .navbar .navbar-nav .nav-item:hover > a{ color:#fff !important; } .navigation .navbar .navbar-nav .nav-item a.active:hover{ color:#fff; } .navigation .navbar .navbar-nav .nav-item .sub-menu { min-width: 230px; border-top: 2px solid #049ae5; position: absolute; top: 110%; left: 0; background-color: #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); padding: 7px 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 9; } .navigation .navbar .navbar-nav .nav-item .sub-menu li a { padding: 8px 20px; display: block; text-transform: capitalize; font-weight: 400; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navigation .navbar .navbar-nav .nav-item .sub-menu li a { border-bottom: 1px solid rgba(4, 154, 229, 0.2); } } @media (max-width: 767px) { .navigation .navbar .navbar-nav .nav-item .sub-menu li a { border-bottom: 1px solid rgba(4, 154, 229, 0.2); } } .navigation .navbar .navbar-nav .nav-item .sub-menu li a.active, .navigation .navbar .navbar-nav .nav-item .sub-menu li a:hover { padding-left: 25px; color: #049ae5; } .navigation .navbar .navbar-nav .nav-item:hover > a { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #C73631 !important; } .navigation .navbar .navbar-nav .nav-item:hover .sub-menu { opacity: 1; visibility: visible; top: 100%; } .navigation .navbar .navbar-btn { margin-left: 45px; } .navigation.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); -moz-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); -webkit-animation: sticky 0.5s; -moz-animation: sticky 0.5s; -o-animation: sticky 0.5s; animation: sticky 0.5s; } .navigation.sticky .navbar .navbar-brand { margin-top: 0; } .navigation.sticky .navbar .navbar-brand img { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-ms-keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } .navigation-two .navbar-btn .main-btn { border-radius: 50px; -webkit-box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); -moz-box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); } .navigation-two .navbar-btn .main-btn::before { border-radius: 50px; } .sub-nav-toggler { display: none; } /*=========================== 3.SLIDER css ===========================*/ .slider-area{ padding-bottom:70px; } .carousel-indicators{ bottom:-38px; } /* .carousel-indicators li{ background: #BDBEC0; width: 28px; height: 4px; margin: 0; padding: 0; border-radius: 4px; opacity:1; margin:0 3px; } .carousel-indicators li.active{ background: #C73631; opacity:1; } */ .form-control-lg { height: calc(1.5em + 0.2em); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .login_sec{ border-radius:25px; padding:14px 25px; } .login_sec label{ color:#fff; margin-bottom:8px; } .login_sec .form-control-lg{ margin-bottom:20px; } .login_sec .head h3.purple{ color: #fff; font-weight: normal; font-size: 25px; text-align: center; margin: 20px 0 25px 0; } .btn_submit_sec{ width: 100%; text-align: center; float: left; margin-top:10px; } .btn_submit_sec button{ padding: 3px; text-transform: uppercase; background: #C73631; border: none; border-radius: 4px; width: 150px; margin: 0 auto; text-align: center; float: none !important; font-size: 1rem; } .btn-success:hover { color: #fff; background-color: #C73631; border-color: #C73631; opacity: 0.9; } .login_sec .custom-control{ padding-left: 0; padding-top: 17px; float: left; width: 100%; text-align:center; } .login_sec .custom-control a{ text-decoration: underline; color:#c1c2c5; } .login_sec .custom-control p{ color:#fff; text-align:center; margin-top:8px; } .login_sec .custom-control a.register-form-link{ color:#fff; text-align:center; padding: 1px; text-transform: uppercase; margin: 10px auto 0 auto; font-size: 1rem; text-decoration:none; width:100%; } .mb-5 { margin-bottom: 5px !important; } .slider-active { width: 100%; } .slider-active .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0px; z-index: 5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; } .slider-active .slick-arrow.next { left: auto; right: 0px; } .slider-active .slick-arrow i { width: 55px; height: 55px; line-height: 55px; text-align: center; background-color: #efefef; border-radius: 50%; cursor: pointer; font-size: 16px; color: #049ae5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-active .slick-arrow i { width: 45px; height: 45px; line-height: 45px; } } .slider-active .slick-arrow i:hover { background-color: #049ae5; color: #fff; } .slider-active:hover .slick-arrow { left: 30px; opacity: 1; } .slider-active:hover .slick-arrow.next { left: auto; right: 30px; } .slider-active .slick-dots { position: absolute; bottom: 30px; text-align: center; width: 100%; } .slider-active .slick-dots li { display: inline-block; margin: 0 3px; } .slider-active .slick-dots li button { font-size: 0; width: 13px; height: 13px; background-color: #efefef; border: 0; border-radius: 50%; } .slider-active .slick-dots li.slick-active button { background-color: #049ae5; } .single-slider { position: relative; } .single-slider .slider-image { height: 600px; width: 100%; } .single-slider .slider-image img { height: 800px; width: 100%; object-fit: cover; object-position: center center; } .single-slider .slider-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 9; } .single-slider .slider-content .slider-sub-title { font-family: "Open Sans", sans-serif; font-size: 24px; color: #049ae5; text-transform: uppercase; font-weight: 700; } .single-slider .slider-content .slider-sub-title.sub-title { color: #fff; } .single-slider .slider-content .slider-title { font-size: 60px; color: #212849; font-weight: 700; margin-top: 15px; } .single-slider .slider-content .slider-title.title { color: #fff; } .single-slider .slider-content .main-btn { margin-top: 50px; height: 60px; line-height: 60px; } .single-slider .slider-content .main-btn i { margin-left: 5px; } .kenburns { -webkit-animation: kenburns 10s; -moz-animation: kenburns 10s; -o-animation: kenburns 10s; animation: kenburns 10s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } @keyframes kenburns { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); transform: scale(1.2, 1.2) rotate(0.1deg); } } @-webkit-keyframes kenburns { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); transform: scale(1.2, 1.2) rotate(0.1deg); } } @-o-keyframes kenburns { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); transform: scale(1.2, 1.2) rotate(0.1deg); } } @-moz-keyframes kenburns { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); transform: scale(1.2, 1.2) rotate(0.1deg); } } @-ms-keyframes kenburns { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2) rotate(0.1deg); -moz-transform: scale(1.2, 1.2) rotate(0.1deg); -ms-transform: scale(1.2, 1.2) rotate(0.1deg); -o-transform: scale(1.2, 1.2) rotate(0.1deg); transform: scale(1.2, 1.2) rotate(0.1deg); } } /*==== INDEX 2 ====*/ .slider-two { position: relative; } .slider-two::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(4, 154, 229, 0.9); } .slider-two-active .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0px; z-index: 5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; } .slider-two-active .slick-arrow.next { left: auto; right: 0px; } .slider-two-active .slick-arrow i { width: 55px; height: 55px; line-height: 55px; text-align: center; background-color: #efefef; border-radius: 50%; cursor: pointer; font-size: 16px; color: #049ae5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .slider-two-active .slick-arrow i:hover { background-color: #049ae5; color: #fff; } .slider-two-active:hover .slick-arrow { left: 30px; opacity: 1; } .slider-two-active:hover .slick-arrow.next { left: auto; right: 30px; } .single-slider-two { padding-top: 235px; padding-bottom: 235px; position: relative; } .single-slider-two .single-slider-content .slider-title { font-size: 72px; font-weight: 700; color: #fff; margin-bottom: 20px; } .single-slider-two .single-slider-content .text { color: #fff; margin-bottom: 35px; font-size: 20px; line-height: 30px; } .single-slider-two .single-slider-content .main-btn i { margin-right: 10px; } .single-slider-two .slider-hero { position: absolute; height: 100%; width: 50%; right: 0; bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .single-slider-two .slider-hero { width: 45%; } } /*=========================== 4.FEATURES css ===========================*/ .single-features { border: 5px solid rgba(4, 154, 229, 0.1); padding: 55px 15px 47px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-features .features-icon i { font-size: 85px; line-height: 80px; color: #049ae5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-features .features-content { margin-top: 35px; } .single-features .features-content .features-title a { font-weight: 700; font-size: 24px; color: #212849; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-features .features-content .text { margin-top: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-features .features-content .more { color: #049ae5; font-size: 15px; font-weight: 700; margin-top: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-features .features-content .more i { font-size: 13px; } .single-features.active, .single-features:hover { background-color: #049ae5; } .single-features.active .features-icon i, .single-features:hover .features-icon i { color: #fff; } .single-features.active .features-content .features-title a, .single-features:hover .features-content .features-title a { color: #fff; } .single-features.active .features-content .text, .single-features.active .features-content .more, .single-features:hover .features-content .text, .single-features:hover .features-content .more { color: #fff; } /*=========================== 5.ABOUT css ===========================*/ .about-image { position: relative; } .about-image::before { position: absolute; content: ''; width: 183px; height: 183px; background-image: url(../images/dots.png); background-repeat: repeat; top: -50px; left: -50px; z-index: -1; -webkit-animation: up-down 3s infinite; -moz-animation: up-down 3s infinite; -o-animation: up-down 3s infinite; animation: up-down 3s infinite; } .about-image img { width: 100%; } @keyframes up-down { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes up-down { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-o-keyframes up-down { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-moz-keyframes up-down { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } @-ms-keyframes up-down { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } .about-content .text { margin-top: 20px; } .about-content .about-form { position: relative; margin-top: 35px; } .about-content .about-form input { width: 100%; height: 65px; border: 2px solid #049ae5; padding: 0 30px; border-radius: 50px; } .about-content .about-form input::placeholder { opacity: 0.6; color: #D6D6D8; } .about-content .about-form input::-ms-input-placeholder { opacity: 0.6; color: #D6D6D8; } .about-content .about-form input::-moz-placeholder { opacity: 0.6; color: #D6D6D8; } .about-content .about-form input::-webkit-input-placeholder { opacity: 0.6; color: #D6D6D8; } .about-content .about-form .main-btn { border-radius: 50px; position: absolute; top: 7px; right: 7px; } .about-content .about-form .main-btn:hover { -webkit-box-shadow: 0px 11px 20px 0px rgba(4, 154, 229, 0.4); -moz-box-shadow: 0px 11px 20px 0px rgba(4, 154, 229, 0.4); box-shadow: 0px 11px 20px 0px rgba(4, 154, 229, 0.4); } .about-content .about-form .main-btn::before { border-radius: 50px; } .about-two-image { margin-right: 45px; } .about-two-image img { padding: 6px; background-color: #fff; width: 100%; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.35); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.35); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.35); } .about-two-content > .text { margin-top: 25px; } .about-two-content .about-list { position: relative; margin-top: 20px; } .about-two-content .about-list .list-icon { position: absolute; top: 3px; left: 0; } .about-two-content .about-list .list-icon i { font-size: 18px; color: #049ae5; } .about-two-content .about-list .list-content { padding-left: 25px; } .about-two-content .about-list .list-content p { font-size: 18px; color: #212849; } /* ================== SHOP PAGE ===================== */ .inner_page_banner { padding-bottom:0; } .show_more_link a{ color: #C73631; font-size: 20px; font-weight: 600; } select:focus{ outline:none !important; } .shop-page-body .left-sidebar{ padding-left:25px; padding-right:25px; } .shop-page-body .left-sidebar .title h3{ color: #010204; text-transform: uppercase; font-size: 25px; text-align: left; padding-left: 10px; margin-bottom:12px; } .mt-5{ margin-top:5px !important; } .shop-page-body .right-section{ padding-left: 30px; padding-right: 30px; } .custom-select:focus{ outline:none !important; box-shadow:none !important; } .form-control:focus{ box-shadow:none !important; } .innerpage_slider .slick-slider{ padding: 20px 10px 0 10px; } .filter_sec .title h1{ font-size: 30px; color: #535353; margin-bottom: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: capitalize; font-weight: normal; line-height: 27px; } .filter_sec .details{ margin-bottom:60px; } .filter_sec .details input.form-control{ font-size: 1.10rem; height: calc(1.5em + 9px); background: #F4F4F4; border-radius: 10px; border-color: #C73631; border: 1px solid #C73631; } .filter_sec .details input::placeholder{ color:#86878B !important; } .filter_sec .details select.form-control{ font-size: 1.2rem; height: calc(1.5em + 7px); background: #F4F4F4; border-radius: 10px; border-color: #C73631; border: 1px solid #C73631; color:#86878B !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select{ padding:0; } .filter_sec .custom-select { display: inline-block; width: 100%; padding: .38rem 1.75rem .38rem .75rem; line-height: 1.2; color: #86878B !important; vertical-align: middle; background: #fff url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/up_down.png?v=1592920139) no-repeat right .5rem center; background-size: 18px 24px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1rem; /*1.2rem;*/ height: calc(1.7em + 6.36px); background-color: #F4F4F4 !important; border-radius: 10px; border-color: #C73631; border: 1px solid #C73631; margin-bottom: 17px; } .innerpage_slider .single-blog .thumb-content h3.title{ font-size: 13px; } .innerpage_slider .single-blog .thumb-content h3.title span { font-weight: bold; font-size: 19px; } .innerpage_slider .single-blog .thumb-content h3.sub_title { font-size: 13px; margin-top: 7px; } .innerpage_slider .single-blog .thumb-content h3.sub_title span { font-weight: bold; font-size: 19px; } .innerpage_slider .single-blog .add_to_cart { font-size: 13px; } /* Radio button */ .frb-group { margin: 0; } .frb ~ .frb { margin-top: 8px; } .frb input[type="radio"]:empty{ display: none; } .frb input[type="radio"] ~ label:before { font-family: FontAwesome; /* content: '\f096'; */ content: url(../images/icons/uncheck_icon.png); position: absolute; top: 50%; margin-top: -17px; left: 8px; border-radius: 0; font-size: 25px; } .frb input[type="radio"]:checked ~ label:before { /* content: '\f046'; */ content: url(../images/icons/check_icon.png); } .frb input[type="radio"] ~ label { position: relative; cursor: pointer; width: 100%; margin-bottom:0; margin-bottom:0; color:#818183; /* border: 1px solid #ccc; border-radius: 5px; background-color: #f2f2f2; */ } .frb input[type="radio"]:checked ~ label { color: #fafafa; } .frb input[type="radio"]:checked ~ label { background-color: #f2f2f2; } .frb.frb-default input[type="radio"]:checked ~ label { color: #333; } .frb.frb-primary input[type="radio"]:checked ~ label { background-color: #337ab7; } .frb.frb-success input[type="radio"]:checked ~ label { background-color: #5cb85c; } .frb.frb-info input[type="radio"]:checked ~ label { background-color: #5bc0de; } .frb.frb-warning input[type="radio"]:checked ~ label { background-color: #f0ad4e; } .frb.frb-danger input[type="radio"]:checked ~ label { background-color: #C73631; } .frb input[type="radio"]:empty ~ label span { display: inline-block; } .frb input[type="radio"]:empty ~ label span.frb-title { font-size: 20px; font-weight: 400; margin: 4px 5px 3px 40px; } .frb input[type="radio"]:empty ~ label span.frb-description { font-weight: normal; font-style: italic; color: #999; margin: 5px 5px 5px 50px; } .frb input[type="radio"]:empty:checked ~ label span.frb-description { color: #fafafa; } .frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description { color: #999; } /* End */ /* Product Details Page */ .product__carousel { display: block; max-width: 700px; margin: 1em auto 3em; } .product__carousel a { display: block; margin-bottom: 15px; } .product_detail .main_div{ -ms-flex: 0 0 98.5%; flex: 0 0 98.2%; max-width: 98.2%; margin: 0 auto; } .product__carousel .gallery-top { border: 1px solid #ebebeb; border-radius: 3px; margin-bottom: 5px; height:auto !important; border:none; } .product__carousel .gallery-top .swiper-slide { position: relative; overflow: hidden; } .product__carousel .gallery-top .swiper-slide a { position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; margin-bottom:20px; } .product__carousel .gallery-top .swiper-slide a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img { min-width: 100%; min-height: 100%; } .product__carousel .swiper-button-next.swiper-button-white, .product__carousel .swiper-button-prev.swiper-button-white { display:none; } .product__carousel .gallery-thumbs .swiper-slide { position: relative; -webkit-transition: border .15s linear; transition: border .15s linear; cursor: pointer; overflow: hidden; height: calc(100% - 2px); border:none; } .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: #000; } .product__carousel .gallery-thumbs .swiper-slide img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%; } .product_detail_slider{ -ms-flex: 0 0 35.8%; flex: 0 0 35.8%; max-width: 35.8%; } .product_disc{ padding-left: 5.5%; margin-top: 20px; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .product_disc .top_desc{ padding-right: 12.4%; } .product_disc .sub_title{ margin-top:17px; } .product_disc .left{ float: left; width: 25%; } .product_disc h1{ font-size: 22px; font-weight: 700; color: #000; } .product_disc h3{ font-size: 19px; font-weight: 600; color: #000; display:inline-block; } .product_disc .right h3.radio{ display: inline-block; line-height: 0; } .product_disc .right h3.spacing{ line-height: 36px; position: relative; top: -5px; } .product_disc .right h3.radio .radio1{ display:inline-block; } .product_disc .right h3.radio button.toggle_al{ background: #59595b; padding: 12px 6px; text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: 0.5px; margin-left: 10px; box-shadow: none; border: none; } .product_disc .right p.radio button.toggle_al{ background: #59595b; padding: 12px 6px; text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: 0.5px; margin-left: 10px; box-shadow: none; border: none; } .product_detail button.toggle_al span{ transform: rotate(90deg); } .product_detail .right h3.radio .toggle_al.active span{ transform: rotate(270deg); } .product_detail button.toggle_al_1 span{ transform: rotate(90deg); color:#000; } .product_detail button.toggle_al_1.active span{ transform: rotate(270deg); } .product_detail button.toggle_al_1.active{ color:#C63731; background:#F4F4F4; } .product_detail button.toggle_al_1{ font-size: 19px; color: #000; display: inline-block; background: #fff; border: none; padding: 0px 19px 4px 9px; font-weight: bold; letter-spacing: 0.5px; margin-left: 10px; box-shadow: none; border: none; } .product_detail button.toggle_al_1 span{ position: relative; right: -7px; font-size: 22px; top: 3px; } .product_detail button.toggle_al_2 span{ transform: rotate(90deg); color:#000; } .product_detail button.toggle_al_2.active span{ transform: rotate(270deg); } .product_detail button.toggle_al_2.active{ color:#C63731; background:#F4F4F4; } .product_detail button.toggle_al_2{ font-size: 19px; color: #000; display: inline-block; background: #fff; border: none; padding: 0px 19px 4px 9px; font-weight: bold; letter-spacing: 0.5px; margin-left: 10px; box-shadow: none; border: none; } .product_detail button.toggle_al_2 span{ position: relative; right: -7px; font-size: 22px; top: 3px; } #aluminium_pro{ background: #F4F4F4; padding-left: 19px !important; overflow: hidden; width: 100% !important; opacity: 1 !important; } #aluminium_pro a{ margin-left: 0; background: transparent; /* text-transform: capitalize; */ /* font-size: 19px; */ font-weight: 600; color: #000; display: inline-block; padding-left: 0; padding-right: 1px; line-height: 3; text-decoration: underline; text-decoration-color: #ABACAE; } .product_disc .right h3.radio input{ margin-right:0px; } .product_disc .right{ float: left; width: 75%; } .disc_1{ float: left; width: auto; padding-right: 22px; } .disc_1 h1{ font-size: 38px; color: #C42722; } .disc_1 p.the_price{ font-size: 38px; color: #C42722; font-weight: 700; } .details_cart_icon{float:left;width:auto;} .details_cart_icon a{ float: left; width: auto; padding-right: 0; position: relative; top: -8px; color: #fff; background: #C42722; padding: 0 15px 0 9px; font-size: 39px; border-radius: 50%; margin-right: 24px; } .quantity{float: left; width: auto; position: relative; top: -2px; padding-right: 24px; } .radio_btn{ float: left; width: auto; position: relative; top: -8px; padding-right: 23px; } .radio_btn .btn:first-child{ margin-bottom:17px; } .available_stock{ float: left; width: auto; position: relative; top: -11px;} .available_stock .green_color{ color: #08A852; font-size: 19px; font-weight: 600; width: auto; margin-bottom: 12px; } .available_stock .red_color{ color: #C93531; font-size: 19px; font-weight: 600; width: auto; } .warrenty_sec .left{ text-align:left; } .warrenty_sec .right{ text-align:left; padding-left: 44px; } #vehicle_fitment{ width:100% !important; } .vehicle_fitment_details { margin: 0 10px; padding-top: 24px; margin-left: 0; } table.vehicle_fitment_details table{ background: #F4F4F4; } table.vehicle_fitment_details th h1 { text-align: inherit; font-size: 19px; color: #000; background: #fff; font-weight: bold; margin-left: 0; padding: 9px 15px; background: #E7E8EA; } table.vehicle_fitment_details td h3 { font-size: 19px; font-weight: 600; color: #000; padding: 10px 15px; } .vehicle_disc{ padding-top: 30px; background-color: transparent; margin-left: 10px; padding-bottom:15px; } .vehicle_fitment_data{ min-height:350px; } .vehicle_fitment .title h3{ font-size: 19px; font-weight: 600; color: #000; display: inline-block; padding-left:20px; } #vehicle_fitment_2{ width:100% !important; } .vehicle_fitment_2 .title h3{ font-size: 19px; font-weight: 600; color: #000; display: inline-block; padding-left:20px; } /*****************/ label.btn span { font-size: 1.5em ; } label input[type="radio"] ~ i.fa.fa-circle-o{ color: #C73631; color: #C73631; display: inline; font-size: 1.2em; padding-right: 15px; } label input[type="radio"] ~ i.fa.fa-dot-circle-o{ display: none; } label input[type="radio"]:checked ~ i.fa.fa-circle-o{ display: none; } label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{ color: #C73631; display: inline; font-size: 19.2px; padding-right: 15px; } label:hover input[type="radio"] ~ i.fa { color: #C73631; } div.radio1 input[type="radio"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } div[data-toggle="buttons"] label { display: inline-block; padding: 0; margin-bottom: 0; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-appearance: none; } div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active { -webkit-box-shadow: none; box-shadow: none; } div.radio1 span{ color:#000; } .spinner { width: 55px; } .spinner input { text-align: right; padding-right: 24px; height: calc(2.5em + 1px); padding-left: 0; font-size: 19px; font-weight: 600; color: #000; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; border-radius: 11px; background: #F4F4F4; border: 1px solid #C42722; } .input-group-btn-vertical:focus{ outline:none; } .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; left: -23px; top: 7px; z-index: 99; outline: none; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px; margin-left: -1px; position: relative; border-radius: 0; } .input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; } .input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; } .input-group-btn-vertical i{ position: absolute; top: 0; left: 4px; } .product_details_toggle_sec a { /*background: #f1f1f1;*/ /*Sammar 27062024*/ background: #fff; color: #000; font-size: 1rem; text-transform: uppercase; font-weight: 600; padding: 1rem 1.2rem; border-top-left-radius: 0; border-top-right-radius: 0; height: 40px width: 217px; flex: unset !important; margin-right: 2px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; margin-top: 2px; } .product_details_toggle_sec .nav-tabs .nav-item.show .nav-link, .product_details_toggle_sec .nav-tabs .nav-link.active { color: #fff; background-color: #000; border-color: transparent; position: relative; top: 0px; font-weight:600; } .feature_detail_row{ padding-left:10px; } .feature_details .left_sec { border-bottom: 2px solid #E0E0E0; padding: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; background: transparent; } .feature_details .left_sec.last{ border:none; } .feature_details .right_sec.last{ border:none; } .feature_details .left_sec .title{ padding:.5rem; background: transparent; font-weight:600; } .feature_details .left_sec .title h1{ font-size: 19px; font-weight: 600; color: #000; display: inline-block; } .feature_details .right_sec{ padding: 7px 20px 2px 20px; background: #fff; border-bottom: 2px solid #E0E0E0; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; background: #fff; display:flex; align-items:center; } .feature_details .right_sec h1{ font-size: 19px; font-weight: 600; color: #000; display: inline-block; line-height:37px; } .adv_sec{ background: #C73631; text-align: center; padding-top: 10px; padding-bottom: 11px; -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; margin: 0 auto; } .adv_sec a.img{ display:inline-block; } .adv_sec h1{ display: inline-block; color: #FFE016; font-size: 31px; font-style: italic; padding-left: 32px; font-weight: 600; position: relative; top: 8px; } .adv_sec #shippingh1 { display: inline-block; color: #FFE016; font-size: 31px; font-style: italic; padding-left: 32px; font-weight: 600; position: relative; top: 8px; } .btn:focus{ box-shadow:none; } /* End */ /*=========================== 6.DEPARTMENT css ===========================*/ .gray-bg { background: #E7E8EA; } .product_category{ -ms-flex: 0 0 80%; flex: 0 0 90%; max-width: 90%; text-align:center; margin:0 auto; } .department-tab .nav .nav-item a { text-align: center; border: 1px solid #ddd; padding: 30px 5px; width: 165px; height: 165px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .department-tab .nav .nav-item a::before { position: absolute; content: ''; bottom: -16px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 30px; height: 30px; border-right: 1px solid #049ae5; border-bottom: 1px solid #049ae5; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-color: #ecf2ff; } .department-tab .nav .nav-item a i { font-size: 70px; color: #212849; line-height: 60px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .department-tab .nav .nav-item a span { font-size: 20px; font-weight: 500; color: #212849; display: block; margin-top: 15px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .department-tab .nav .nav-item a:hover, .department-tab .nav .nav-item a.active { border-color: #049ae5; background-color: #ecf2ff; } .department-tab .nav .nav-item a:hover i, .department-tab .nav .nav-item a.active i { color: #049ae5; } .department-tab .nav .nav-item a:hover span, .department-tab .nav .nav-item a.active span { color: #049ae5; } .department-tab .nav .nav-item a:hover::before, .department-tab .nav .nav-item a.active::before { opacity: 1; visibility: visible; } .department-tab .tab-content .tab-pane .department-content .department-image img { width: 100%; } .department-tab .tab-content .tab-pane .department-content .department-info-text .sub-title { font-size: 18px; font-weight: 500; color: #049ae5; text-transform: uppercase; padding-left: 70px; position: relative; } .department-tab .tab-content .tab-pane .department-content { /*border: 5px solid rgba(4, 154, 229, 0.72);*/ padding: 15px 30px 55px; } .department-tab .tab-content .tab-pane .department-content .department-info-text .sub-title::before { position: absolute; content: ''; width: 60px; height: 2px; background-color: #049ae5; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .department-tab .tab-content .tab-pane .department-content .department-info-text .title { font-size: 30px; font-weight: 700; margin-top: 15px; } .department-tab .tab-content .tab-pane .department-content .department-info-text .text { margin-top: 25px; } .department-tab .tab-content .tab-pane .department-content .department-info-text .main-btn { margin-top: 25px; } /*===== INDEX 2 =====*/ .department-two-area{ /*background: url(../images/category/category_bg.png);*/ background: #F4F4F4; } .single-department-two .department-thumb a { display: block; width: 230px; position:relative; } .single-department-two .department-thumb a span.bg{ width: 178px; height: 178px; position: absolute; background: rgba(108, 109, 113, 0.52); border-radius: 50%; z-index: 1; left: 20px; top:8px; } .single-department-two .department-thumb a:focus span.bg, .single-department-two .department-thumb a:hover span.bg{ background: #C73631; } .single-department-two .department-thumb a img { width: 100%; height: auto; position: relative; z-index: 1; left: 30px; } .single-department-two .department-content { border: none; border-top: 0; padding: 10px 33px; background: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-department-two .department-content .department-title a { font-size: 22px; color: #5f5f61; margin-bottom: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase; font-weight: normal; line-height: 27px; } .single-department-two .department-content .department-title a:hover { color: #C73631; background-color: transparent !important; } .single-department-two .department-content .text { margin-bottom: 25px; } .single-department-two .department-content .main-btn { border-color: rgba(4, 154, 229, 0.18); } .single-department-two .department-content .main-btn:hover { -webkit-box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); -moz-box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); box-shadow: 0px 6px 20px 0px rgba(4, 154, 229, 0.65); } .single-department-two:hover .department-content { border-color: #fff; } /* Sammar 29072024 */ @media (max-width: 480px) { .com-info-links {display:none;} #carouSelTwoIndicators { display: none; } #intro { display: none; } #search-box { display: flex !important; } .content-categories { display: flex !important; } #slider-bottom { display: none !important; } .header { height: 50px !important; } .navbar-toggler{ top: -40px !important; } .carousel-inner { display: none !important; } .carousel-indicators { display: none !important; } .carousel-inner2 { display: flex !important; } .lates-products { display: none !important; } .latest-products-mobile { display: flex !important; } } /*=========================== 10.BLOG css ===========================*/ .thumbnail-four-active .slick-arrow{ display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:100%; z-index:5; } .thumbnail-four-active .slick-arrow.prev{ position: absolute; left: -100%; width: 3%; z-index: 5; } .thumbnail-four-active .slick-arrow.prev i{ top: 50%; position: absolute; } .thumbnail-four-active .slick-arrow.next{ position: absolute; right: -100%; width: 3%; z-index: 4; left: 0 !important; } .thumbnail-four-active .slick-arrow.next i{ right: 0; position: absolute; top:50%; } .slick-slide:focus{ outline:none; } .slick-slide:hover{ transform:scale(1); } .slick-slide:hover .single-blog{ box-shadow:0.1em 0.1em 1em rgba(57, 57, 58, 0.44); } .single-blog:hover .thumb a img { -webkit-transform: unset !important; -moz-transform: unset !important; -ms-transform: unset !important; -o-transform: unset !important; transform: unset !important; } .single-blog .thumb { overflow: hidden; } .single-blog .thumb a { display: block; background: #F4F4F4; } .single-blog .thumb a img { width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-blog .thumb-content { text-align:center; padding: 25px 20px; border: 5px solid rgba(4, 154, 229, 0.1); border-top: 0; background-color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #949599; border: none; padding: 6px 20px; } .single-blog .add_to_cart{ color: #fff; background: #CA3531; text-transform: uppercase; padding: 0px 13px; border-radius: inherit; font-size: 15px; margin: 0 auto; text-align: center; margin-top: 7px; margin-bottom: 5px; } .single-blog .thumb-content h3.title{ color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; text-align: CENTER; } .single-blog .thumb-content h3.title span{ font-weight: bold; font-size: 22px; } .single-blog .thumb-content h3.sub_title{ color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; text-align: CENTER; margin-top:10px; } .single-blog .thumb-content h3.sub_title span{ font-weight: bold; font-size: 22px; } .single-blog .thumb-content .sub-title { font-size: 14px; font-weight: 400; color: #049ae5; font-family: "Open Sans", sans-serif; } .single-blog .thumb-content .more { font-size: 14px; text-transform: uppercase; color: #049ae5; font-weight: 500; margin-top: 15px; } .single-blog .thumb-content .more i { margin-right: 5px; } .single-blog:hover .thumb a img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .single-blog:hover .thumb-content { border-color: #fff; -webkit-box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); -moz-box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); } .single-blog .thumb-content .title a { font-size: 20px; font-weight: 700; color: #212849; margin-top: 13px; line-height: 30px; } .thumbnail-four-active .slick-arrow { position: absolute; z-index: 5; left: -365px; bottom: 36px; } .thumbnail-four-active .slick-arrow i { width: 47px; height: 55px; line-height: 55px; text-align: center; background-color: transparent; border-radius: 50%; cursor: pointer; font-size: 31px; color: #939498; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; font-weight: bolder;} .thumbnail-four-active .slick-arrow.prev i{ text-align:left; } .thumbnail-four-active .slick-arrow.next i{ text-align:right; } .thumbnail-four-active .slick-arrow i:hover { background-color: transparent; color: #6f6f6f; } /*=========================== 11. Call TO ACTION css ===========================*/ .call-action { position: relative; z-index: 5; } .call-action { border: 5px solid rgba(4, 154, 229, 0.1); padding: 0 30px 30px; background-color: #fff; } .call-action .action-btn { padding-top: 30px; } /*=========================== 12. FOOTER css ===========================*/ .footer-area { background-color: #222222; position: relative; } .footer_title h1{ color: #ffffff; text-transform: uppercase; font-weight: normal; font-size: 24px; padding-bottom: 40px; letter-spacing: 1px; } .footer_title h3{ color: #fff; font-weight: 300; font-size: 23px; font-style: italic; margin-top: 30px; letter-spacing: 1px; padding: 0 36px; } .footer_title h2{ text-align:center; color: #fff; font-weight: normal; font-size: 23px; margin-top: 30px; letter-spacing: 1px; } .footer_title .input-group{ width: 80%; margin: 0 auto; } .footer_title .input-group input{ margin-right: 15px; border-radius: 0; padding: 20px 13px; } .footer_title .input-group span{ background: #C73631; color: #fff; margin: 0; padding: 0; height: 42px; } .footer_title .input-group span button{ color: #fff; text-transform: uppercase; font-size: 29px; margin: 0; padding: 0 15px; line-height: 1.4; } .footer_icon{ width: 50px; float: left; } .footer_icon img{ width: auto; float: left; } .footer_icon_2{ width: 45px; float: left; } .footer_icon_2 img{ width: auto; float: left; position:relative; top:-3px; } .footer_bottom_sec { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 92%; margin: 0 auto; } .footer_content p{ width: calc(100% - 50px); float: left; color: #fff; font-size: 22px; font-weight: 300; line-height: 28px; letter-spacing: 1px; } .footer_content p span{ width:100%; float: left; color: #fff; font-size: 22px; font-weight: 300; line-height: 28px; letter-spacing: 1px; } .footer_content a span{ width:100%; float: left; color: #fff; font-size: 22px; font-weight: 300; line-height: 28px; letter-spacing: 1px; } .footer_social{ float:right; } .footer_content .footer_social_icon img{ width:auto; height:auto; margin-left:12px; } .footer_content .w-100{ width:100%; float:left; margin-bottom:7px; } .footer-title .title { font-size: 24px; color: #fff; } .footer-contact .single-f-contact { margin-top: 20px; } .footer-contact .single-f-contact .contact-icon i { color: #fff; font-size: 42px; line-height: 36px; } .footer-contact .single-f-contact .contact-content { padding-left: 20px; } .footer-contact .single-f-contact .contact-content p { color: #fff; } .footer-departments .footer-department-link ul { width: 50%; } .footer-departments .footer-department-link ul li a { font-size: 16px; color: #fff; margin-top: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .footer-departments .footer-department-link ul li a:hover { color: #049ae5; } .footer-news .single-f-news { margin-top: 30px; } .footer-news .single-f-news .news-thumb a img { width: 80px; height: 80px; object-fit: cover; object-position: center center; } .footer-news .single-f-news .news-content { padding-left: 25px; } .footer-news .single-f-news .news-content .news-title a { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 5px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height: 28px; } .footer-news .single-f-news .news-content span { font-size: 15px; color: #fff; font-style: italic; } .footer-news .single-f-news:hover .news-content .news-title a { color: #049ae5; } .footer-logo-area { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer-logo { padding-right: 70px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .footer-logo { padding-right: 30px; } } @media (max-width: 767px) { .footer-logo { padding-right: 0; } } .footer-logo .text { color: #fff; padding-top: 30px; } .footer-subscribe .subscribe-form { position: relative; } .footer-subscribe .subscribe-form input { width: 100%; height: 70px; border-radius: 50px; background-color: rgba(4, 154, 229, 0.35); border: 0; padding: 0 30px; color: #fff; } .footer-subscribe .subscribe-form input::placeholder { opacity: 1; color: #fff; } .footer-subscribe .subscribe-form input::-ms-input-placeholder { opacity: 1; color: #fff; } .footer-subscribe .subscribe-form input::-moz-placeholder { opacity: 1; color: #fff; } .footer-subscribe .subscribe-form input::-webkit-input-placeholder { opacity: 1; color: #fff; } .footer-subscribe .subscribe-form .main-btn { width: 210px; height: 70px; line-height: 70px; position: absolute; top: 0; right: 0; border-radius: 50px; } .footer-subscribe .subscribe-form .main-btn::before { border-radius: 50px; } .copyright{ background: #C73631; color: #fff; } .copyright .footer_nav li{ display: inline-block; padding-right: 15px; } .copyright .footer_nav li a{ color: #fff; padding: 10px 0; font-size: 12px; text-transform:uppercase; } .copyright-content p{ font-size:12px; color:#fff; text-align:right; padding: 5px 0; } .back-to-top { position: fixed; right: 20px; bottom: 20px; z-index: 99; -webkit-transform: rotate(-90deg) translate(50%, 100%); -moz-transform: rotate(-90deg) translate(50%, 100%); -ms-transform: rotate(-90deg) translate(50%, 100%); -o-transform: rotate(-90deg) translate(50%, 100%); transform: rotate(-90deg) translate(50%, 100%); } .back-to-top i { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #049ae5; color: #fff; text-align: center; font-size: 18px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .back-to-top span { font-size: 14px; text-transform: uppercase; color: #049ae5; font-weight: 500; margin-left: 10px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .back-to-top:hover i { background-color: #c73631; color: #fff; } .back-to-top:hover span { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); color:#c73631; } a.cart-btn{ position:relative; } a.cart-btn span{ background: transparent; color: #fff; padding: 1px 8px; border-radius: 100%; font-size: 15px; bottom: -5px; right: -20px; } /*=========================== 12. PAGE BANNER css ===========================*/ .page-content { position: relative; z-index: 5; padding-top: 60px; padding-bottom: 70px; } .page-content .page-title { font-size: 72px; font-weight: 700; color: #fff; margin-bottom: 20px; } .page-content ul li { display: inline-block; position: relative; } .page-content ul li + li { margin-left: 30px; } .page-content ul li + li::before { position: absolute; content: "\ea46"; font-family: lineicons; color: #fff; left: -24px; top: 3px; } .page-content ul li a { font-size: 18px; font-weight: 500; color: #fff; font-family: "Open Sans", sans-serif; } /*=========================== 16. DEPARTMENT css ===========================*/ .single-department { border: 5px solid rgba(4, 154, 229, 0.1); padding: 33px 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-department .department-icon i { width: 115px; height: 115px; line-height: 115px; text-align: center; background-color: rgba(4, 154, 229, 0.35); color: #049ae5; font-size: 60px; border-radius: 50%; } .single-department .department-content { padding-top: 35px; } .single-department .department-content .department-title a { font-size: 24px; font-weight: 700; color: #212849; margin-bottom: 15px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-department .department-content .department-title a:hover { color: #049ae5; } .single-department .department-content .text { margin-bottom: 25px; } .single-department .department-content .main-btn { border-radius: 50px; border: 2px solid rgba(4, 154, 229, 0.2); } .single-department .department-content .main-btn i { margin-left: 5px; } .single-department:hover { border-color: #fff; -webkit-box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); -moz-box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); box-shadow: 0px 0px 16px 0px rgba(4, 154, 229, 0.21); } .department-btn .main-btn { width: 160px; } /*=========================== 17. DEPARTMENT DETAILS css ===========================*/ .department-details .details-thumb img { width: 100%; } .department-details .details-title { margin-top: 25px; } .department-details .details-title .title { font-size: 50px; font-weight: 700; } .department-details .details-content { margin-top: 25px; } .department-details .details-image img { width: 100%; margin-top: 30px; } .department-details .details-list ul li { font-size: 18px; color: #212849; margin-top: 25px; } .department-details .details-list ul li i { color: #049ae5; margin-right: 8px; } .department-sidebar .sidebar-title { background-color: #049ae5; text-align: center; padding-top: 25px; padding-bottom: 30px; } .department-sidebar .sidebar-title .title { font-size: 24px; font-weight: 700; color: #fff; } .sidebar-department-list { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-department-list .department-list { padding: 0 30px; } .sidebar-department-list .department-list ul li a { font-size: 16px; color: #56566a; line-height: 65px; border-bottom: 1px solid #ddd; display: block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sidebar-department-list .department-list ul li a.active, .sidebar-department-list .department-list ul li a:hover { color: #049ae5; padding-left: 5px; } .sidebar-department-list .department-list ul li a i { margin-right: 8px; } .sidebar-department-list .department-list ul li:last-child a { border-bottom: 0; } .sidebar-department-appointment { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-department-appointment .department-appointment { padding: 0 30px 30px; } .sidebar-department-appointment .department-appointment .single-department-form { margin-top: 30px; position: relative; } .sidebar-department-appointment .department-appointment .single-department-form input, .sidebar-department-appointment .department-appointment .single-department-form textarea { width: 100%; height: 55px; padding-left: 45px; padding-right: 30px; background-color: #fafafa; border: 1px solid #ddd; } .sidebar-department-appointment .department-appointment .single-department-form input:focus, .sidebar-department-appointment .department-appointment .single-department-form textarea:focus { border-color: #049ae5; } .sidebar-department-appointment .department-appointment .single-department-form input::placeholder, .sidebar-department-appointment .department-appointment .single-department-form textarea::placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-department-appointment .department-appointment .single-department-form input::-ms-input-placeholder, .sidebar-department-appointment .department-appointment .single-department-form textarea::-ms-input-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-department-appointment .department-appointment .single-department-form input::-moz-placeholder, .sidebar-department-appointment .department-appointment .single-department-form textarea::-moz-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-department-appointment .department-appointment .single-department-form input::-webkit-input-placeholder, .sidebar-department-appointment .department-appointment .single-department-form textarea::-webkit-input-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-department-appointment .department-appointment .single-department-form textarea { height: 125px; resize: none; padding-top: 15px; } .sidebar-department-appointment .department-appointment .single-department-form i { position: absolute; top: 19px; left: 20px; font-size: 16px; color: #56566a; } .sidebar-department-appointment .department-appointment .single-department-form .main-btn { width: 160px; height: 55px; } .sidebar-department-download { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-department-download .department-download { padding: 0 30px; } .sidebar-department-download .department-download ul li { padding: 25px 0; border-bottom: 1px solid #ddd; } .sidebar-department-download .department-download ul li:last-child { border-bottom: 0; } .sidebar-department-download .department-download ul li a { display: block; color: #56566a; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; font-size: 16px; } .sidebar-department-download .department-download ul li a:hover { color: #049ae5; } .sidebar-department-download .department-download ul li a i { margin-right: 8px; color: #049ae5; } .sidebar-department-download .department-download ul li a span { float: right; } /*=========================== 19. BLOG PAGE css ===========================*/ .single-blog-post .blog-post-thumb { overflow: hidden; } .single-blog-post .blog-post-thumb a { display: block; } .single-blog-post .blog-post-thumb a img { width: 100%; } .single-blog-post .blog-post-content { background-color: #f6f9ff; padding: 35px; } .single-blog-post .blog-post-content .post-content { padding-bottom: 30px; } .single-blog-post .blog-post-content .post-content .blog-title a { font-weight: 700; font-size: 30px; color: #212849; margin-bottom: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height: 45px; } .single-blog-post .blog-post-content .post-content .blog-title a:hover { color: #049ae5; } .single-blog-post .blog-post-content .post-content .text { margin-bottom: 25px; } .single-blog-post .blog-post-content .post-content .main-btn i { margin-left: 5px; font-size: 18px; } .single-blog-post .blog-post-content .post-meta { padding-top: 15px; border-top: 1px solid #ddd; } .single-blog-post .blog-post-content .post-meta ul li { display: inline-block; margin-top: 15px; margin-right: 40px; } .single-blog-post .blog-post-content .post-meta ul li:last-child { margin-right: 0; } .single-blog-post .blog-post-content .post-meta ul li .admin .thumb img { width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 50%; padding: 2px; background-color: #fff; -webkit-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); -moz-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); } .single-blog-post .blog-post-content .post-meta ul li .admin .content { padding-left: 15px; } .single-blog-post .blog-post-content .post-meta ul li .admin .content a { font-size: 16px; color: #212849; font-family: "Open Sans", sans-serif; font-weight: 500; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-blog-post .blog-post-content .post-meta ul li .admin .content a:hover { color: #049ae5; } .single-blog-post .blog-post-content .post-meta ul li .meta-items { font-size: 14px; color: #56566a; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-blog-post .blog-post-content .post-meta ul li .meta-items:hover { color: #049ae5; } .single-blog-post .blog-post-content .post-meta ul li .meta-items i { margin-right: 5px; color: #049ae5; } .single-blog-post .post-thumb-active a { position: relative; } .single-blog-post .post-thumb-active a::before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(4, 154, 229, 0.25); top: 0; left: 0; } .single-blog-post .post-thumb-active .slick-arrow { position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .single-blog-post .post-thumb-active .slick-arrow.next { left: auto; right: 30px; } .single-blog-post .post-thumb-active .slick-arrow i { width: 55px; height: 55px; line-height: 55px; text-align: center; background-color: #efefef; border-radius: 50%; cursor: pointer; font-size: 16px; color: #049ae5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-blog-post .post-thumb-active .slick-arrow i:hover { background-color: #049ae5; color: #fff; } .blog-sidebar .sidebar-title { background-color: #049ae5; text-align: center; padding-top: 25px; padding-bottom: 30px; } .blog-sidebar .sidebar-title .title { font-size: 24px; font-weight: 700; color: #fff; } .sidebar-blog-about { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); } .sidebar-blog-about .about-card-image .cover-image img { width: 100%; } .sidebar-blog-about .about-card-image .cover-author { margin-top: -55px; position: relative; z-index: 5; } .sidebar-blog-about .about-card-image .cover-author img { width: 110px; height: 110px; padding: 5px; background-color: #fff; border-radius: 50%; object-fit: cover; object-position: center; } .sidebar-blog-about .about-card-content { padding: 30px 20px; } .sidebar-blog-about .about-card-content .title { font-size: 16px; font-weight: 700; color: #212849; margin-bottom: 10px; } .sidebar-blog-about .about-card-content .text { font-size: 14px; margin-bottom: 8px; } .sidebar-blog-about .about-card-content img { margin-bottom: 15px; } .sidebar-blog-about .about-card-content .social li { display: inline-block; margin: 0 3px; } .sidebar-blog-about .about-card-content .social li a { font-size: 16px; color: #a1a1a1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sidebar-blog-about .about-card-content .social li a:hover { color: #049ae5; } .sidebar-blog-category { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-blog-category .blog-category { padding: 0 30px; } .sidebar-blog-category .blog-category ul li a { display: block; font-size: 16px; color: #56566a; line-height: 65px; border-bottom: 1px solid #ddd; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sidebar-blog-category .blog-category ul li a span { float: right; } .sidebar-blog-category .blog-category ul li a:hover { color: #049ae5; } .sidebar-blog-category .blog-category ul li:last-child a { border-bottom: 0; } .sidebar-blog-post { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-blog-post .blog-post { padding: 0 30px; } .sidebar-blog-post .blog-post ul li { border-bottom: 1px solid #ddd; padding: 30px 0; } .sidebar-blog-post .blog-post ul li .single-post .post-thumb a img { width: 60px; height: 65px; object-fit: cover; object-position: center; } .sidebar-blog-post .blog-post ul li .single-post .post-content { padding-left: 20px; } .sidebar-blog-post .blog-post ul li .single-post .post-content .post-title a { font-size: 16px; font-weight: 500; color: #212849; margin-bottom: 5px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height: 28px; } .sidebar-blog-post .blog-post ul li .single-post .post-content span { font-size: 15px; color: #56566a; font-size: 14px; } .sidebar-blog-post .blog-post ul li .single-post:hover .post-content .post-title a { color: #049ae5; } .sidebar-blog-post .blog-post ul li:last-child { border-bottom: 0; } .sidebar-blog-appointment { background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); border-radius: 5px; overflow: hidden; } .sidebar-blog-appointment .blog-appointment { padding: 0 30px 30px; } .sidebar-blog-appointment .blog-appointment .single-blog-form { margin-top: 30px; position: relative; } .sidebar-blog-appointment .blog-appointment .single-blog-form input, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea { width: 100%; height: 55px; padding-left: 45px; padding-right: 30px; background-color: #fafafa; border: 1px solid #ddd; } .sidebar-blog-appointment .blog-appointment .single-blog-form input:focus, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea:focus { border-color: #049ae5; } .sidebar-blog-appointment .blog-appointment .single-blog-form input::placeholder, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea::placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-blog-appointment .blog-appointment .single-blog-form input::-ms-input-placeholder, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea::-ms-input-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-blog-appointment .blog-appointment .single-blog-form input::-moz-placeholder, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea::-moz-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-blog-appointment .blog-appointment .single-blog-form input::-webkit-input-placeholder, .sidebar-blog-appointment .blog-appointment .single-blog-form textarea::-webkit-input-placeholder { opacity: 0.6; color: #D6D6D8; } .sidebar-blog-appointment .blog-appointment .single-blog-form textarea { height: 125px; resize: none; padding-top: 15px; } .sidebar-blog-appointment .blog-appointment .single-blog-form i { position: absolute; top: 19px; left: 20px; font-size: 16px; color: #56566a; } .sidebar-blog-appointment .blog-appointment .single-blog-form .main-btn { width: 160px; height: 55px; } /*=========================== 19. BLOG PAGE css ===========================*/ .blog-details .blog-details-thum img { width: 100%; } .blog-details .blog-details-content { margin-top: 25px; } .blog-details .blog-details-content .blog-details-title { font-size: 30px; font-weight: 700; } .blog-details .blog-details-content .post-meta { padding-top: 5px; } .blog-details .blog-details-content .post-meta ul li { display: inline-block; margin-top: 15px; margin-right: 40px; } .blog-details .blog-details-content .post-meta ul li:last-child { margin-right: 0; } .blog-details .blog-details-content .post-meta ul li .admin .thumb img { width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 50%; padding: 2px; background-color: #fff; -webkit-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); -moz-box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); box-shadow: 0px 6px 9px 0px rgba(4, 154, 229, 0.35); } .blog-details .blog-details-content .post-meta ul li .admin .content { padding-left: 15px; } .blog-details .blog-details-content .post-meta ul li .admin .content a { font-size: 16px; color: #212849; font-family: "Open Sans", sans-serif; font-weight: 500; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-details .blog-details-content .post-meta ul li .admin .content a:hover { color: #049ae5; } .blog-details .blog-details-content .post-meta ul li .meta-items { font-size: 14px; color: #56566a; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-details .blog-details-content .post-meta ul li .meta-items:hover { color: #049ae5; } .blog-details .blog-details-content .post-meta ul li .meta-items i { margin-right: 5px; color: #049ae5; } .blog-details .blog-details-content .text { margin-top: 30px; line-height: 28px; } .blog-details .blog-details-content .blockquote { background-color: #049ae5; margin-bottom: 0; padding: 30px; border-radius: 5px; } .blog-details .blog-details-content .blockquote p { font-size: 18px; font-style: italic; line-height: 30px; color: #fff; } .blog-details .blog-details-content .blockquote p i { font-size: 30px; position: relative; opacity: 0.17; top: 8px; left: 5px; } .blog-details .blog-details-content .blog-details-image img { width: 100%; margin-top: 30px; } .blog-tag-share { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .blog-tag-share .blog-tag span { font-size: 16px; color: #212849; margin-right: 5px; font-weight: 500; } .blog-tag-share .blog-tag ul li { display: inline-block; } .blog-tag-share .blog-tag ul li a { font-size: 16px; color: #56566a; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-tag-share .blog-tag ul li a:hover { color: #049ae5; } .blog-tag-share .blog-share ul li { display: inline-block; margin-right: 18px; } .blog-tag-share .blog-share ul li:last-child { margin-right: 0; } .blog-tag-share .blog-share ul li a { width: 40px; height: 40px; line-height: 40px; background-color: #efefef; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #049ae5; } .blog-tag-share .blog-share ul li a:hover { background-color: #049ae5; color: #fff; } .blog-comment .comment-title .title { font-size: 24px; font-weight: 700; color: #212849; } .blog-comment .comment-items { border-bottom: 1px solid #ddd; padding-bottom: 50px; } .blog-comment .comment-items .single-comment { margin-top: 25px; } .blog-comment .comment-items .single-comment .comment-thumb img { width: 75px; height: 75px; border-radius: 50%; padding: 4px; background-color: #fff; -webkit-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08); } .blog-comment .comment-items .single-comment .comment-content { padding-left: 25px; position: relative; } .blog-comment .comment-items .single-comment .comment-content .author-name { font-size: 16px; color: #212849; font-weight: 700; margin-bottom: 5px; } .blog-comment .comment-items .single-comment .comment-content span { font-family: "Open Sans", sans-serif; color: #049ae5; margin-bottom: 15px; font-size: 14px; } .blog-comment .comment-items .single-comment .comment-content .replay { position: absolute; top: 0; right: 0; font-weight: 500; color: #049ae5; font-size: 16px; } .blog-comment .comment-items .single-comment .comment-content .replay i { margin-right: 5px; } .blog-comment .comment-items .comment-replay { padding-left: 100px; } .blog-comment .comment-form .single-comment-form { margin-top: 30px; } .blog-comment .comment-form .single-comment-form input, .blog-comment .comment-form .single-comment-form textarea { width: 100%; height: 60px; border: 1px solid #ddd; background-color: #fafafa; padding: 20px; font-size: 16px; color: #56566a; } .blog-comment .comment-form .single-comment-form input::placeholder, .blog-comment .comment-form .single-comment-form textarea::placeholder { opacity: 0.6; color: #D6D6D8; } .blog-comment .comment-form .single-comment-form input::-ms-input-placeholder, .blog-comment .comment-form .single-comment-form textarea::-ms-input-placeholder { opacity: 0.6; color: #D6D6D8; } .blog-comment .comment-form .single-comment-form input::-moz-placeholder, .blog-comment .comment-form .single-comment-form textarea::-moz-placeholder { opacity: 0.6; color: #D6D6D8; } .blog-comment .comment-form .single-comment-form input::-webkit-input-placeholder, .blog-comment .comment-form .single-comment-form textarea::-webkit-input-placeholder { opacity: 0.6; color: #D6D6D8; } .blog-comment .comment-form .single-comment-form input:focus, .blog-comment .comment-form .single-comment-form textarea:focus { border-color: #049ae5; } .blog-comment .comment-form .single-comment-form textarea { height: 190px; resize: none; padding-top: 15px; } .blog-comment .comment-form .single-comment-form .main-btn { width: 165px; height: 60px; } /*=========================== 20. CONTACT css ===========================*/ .form-group { margin: 0; } .form-message.success, .form-message.error { font-size: 16px; color: #333; background: #ddd; padding: 10px 15px; margin-left: 15px; margin-top: 15px; } .form-message.success.form-message.error, .form-message.error.form-message.error { color: #f00; } .contact-form .single-contact-form { margin-top: 30px; position: relative; } .contact-form .single-contact-form input, .contact-form .single-contact-form textarea { width: 100%; height: 60px; border: 1px solid #ddd; background-color: #fafafa; padding: 20px; font-size: 16px; color: #56566a; } .contact-form .single-contact-form input::placeholder, .contact-form .single-contact-form textarea::placeholder { opacity: 0.6; color: #D6D6D8; } .contact-form .single-contact-form input::-ms-input-placeholder, .contact-form .single-contact-form textarea::-ms-input-placeholder { opacity: 0.6; color: #D6D6D8; } .contact-form .single-contact-form input::-moz-placeholder, .contact-form .single-contact-form textarea::-moz-placeholder { opacity: 0.6; color: #D6D6D8; } .contact-form .single-contact-form input::-webkit-input-placeholder, .contact-form .single-contact-form textarea::-webkit-input-placeholder { opacity: 0.6; color: #D6D6D8; } .contact-form .single-contact-form input:focus, .contact-form .single-contact-form textarea:focus { border-color: #049ae5; } .contact-form .single-contact-form textarea { height: 190px; resize: none; padding-top: 15px; } .contact-form .single-contact-form i { position: absolute; top: 20px; right: 20px; color: #56566a; font-size: 16px; } .contact-form .single-contact-form .main-btn { width: 165px; height: 60px; } .contact-form .single-contact-form .list-unstyled li { font-size: 13px; margin-left: 2px; margin-top: 5px; color: #f00; } .contact-info { padding: 50px 30px 55px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); } .contact-info .info-title { font-size: 24px; color: #212849; font-weight: 700; padding-bottom: 15px; line-height: 36px; } .contact-info .single-info { position: relative; margin-top: 15px; } .contact-info .single-info .info-icon { position: absolute; top: 0; left: 0; } .contact-info .single-info .info-icon i { font-size: 16px; color: #212849; } .contact-info .single-info .info-content { padding-left: 25px; } .contact-info .social { margin-top: 40px; } .contact-info .social li { display: inline-block; margin-left: 18px; } .contact-info .social li:first-child { margin-left: 0; } .contact-info .social li a { width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #efefef; border-radius: 50%; font-size: 18px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #049ae5; } .contact-info .social li a:hover { -webkit-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.43); -moz-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.43); box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.43); background-color: #049ae5; color: #fff; } .contact-map .gmap_canvas iframe { width: 100%; height: 480px; -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); box-shadow: 0px 0px 20px 0px rgba(4, 154, 229, 0.2); padding: 8px; } /*=========================== 21. CONTACT css ===========================*/ .faq-content .faq-collapse .accordion .card { margin-top: 30px; margin-bottom: 0; border: 2px solid rgba(4, 154, 229, 0.2); border-radius: 0; -webkit-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); -moz-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1); } .faq-content .faq-collapse .accordion .card .card-header { padding: 25px 30px; background: none; border-bottom: 0; } .faq-content .faq-collapse .accordion .card .card-header a { font-size: 18px; color: #212849; display: block; position: relative; padding-right: 20px; } .faq-content .faq-collapse .accordion .card .card-header a i { font-size: 16px; width: 20px; height: 20px; line-height: 18px; text-align: center; background-color: #049ae5; border-radius: 50%; color: #fff; -webkit-transform: rotate(90deg) translate(-50%, 0%); -moz-transform: rotate(90deg) translate(-50%, 0%); -ms-transform: rotate(90deg) translate(-50%, 0%); -o-transform: rotate(90deg) translate(-50%, 0%); transform: rotate(90deg) translate(-50%, 0%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: absolute; top: 50%; right: 0; } .faq-content .faq-collapse .accordion .card .card-header a.collapsed i { background-color: rgba(4, 154, 229, 0.5); color: #049ae5; -webkit-transform: rotate(0) translateY(-50%); -moz-transform: rotate(0) translateY(-50%); -ms-transform: rotate(0) translateY(-50%); -o-transform: rotate(0) translateY(-50%); transform: rotate(0) translateY(-50%); } .faq-content .faq-collapse .accordion .card .card-body { padding: 0 30px 25px; } .faq-call { position: relative; margin-left: 45px; } .faq-call .faq-call-image { position: relative; } .faq-call .faq-call-image img { width: 100%; } .faq-call .faq-call-image::before { position: absolute; content: ''; background-color: rgba(4, 154, 229, 0.45); left: 0; top: 0; width: 100%; height: 100%; } .faq-call .faq-content { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 50px; padding-right: 30px; } .faq-call .faq-content i { font-size: 90px; color: #fff; line-height: 80px; margin-bottom: 40px; } .faq-call .faq-content .faq-title { font-size: 50px; font-weight: 700; color: #fff; padding-bottom: 10px; } .faq-call .faq-content .main-btn { line-height: 60px; height: 60px; border-radius: 50px; margin-top: 25px; } input::placeholder{color:#BABBBD !important;} /*# sourceMappingURL=style.css.map */ /* Responsive */ /* @media screen and (min-width: 768px) and (max-width: 880px) { body, html{ overflow-x:hidden !important; } .carousel{ margin-top: 32px; margin-bottom: 53px; } .header-top-content { padding:0; } .navigation .navbar .navbar-brand{ top:-97px; } .navigation .navbar .navbar-brand img { width: 126px; } .slider-area .col-md-9{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } button.navbar-toggler { position: absolute; right: 0; top: -43px; } .navigation .navbar .navbar-toggler .toggler-icon { width: 30px; height: 2px; display: block; margin: 5px 0; background-color: #fff; } .header-top .header-social { padding: 13px 0 50px 0; text-align: right !important; padding-right: 11px; } .header-top .header-social button.search { background: #C73631; border: none; margin: 0; } .header-top .header-social ul li input{ width: 160px; } .header-social .input-group-append .btn { position: relative; z-index: 2; } .header-top .header-social ul li + li{ margin-left:5px; } a.cart-btn span{ bottom: -7px; padding: 0 8px; top: 10px; line-height: 26px; } .navigation .navbar .navbar-collapse { position: absolute; top: 173%; right: 0; width: 58%; z-index: 999; padding: 8px 12px; left: auto; } .navigation .navbar .navbar-nav .nav-item a { display: block; padding: 0px 7px; font-size: 15px; margin: 9px 4px 6px 4px; text-align:center; } .carousel-inner .carousel-item img{ width: 100%; height: auto; } .login_sec { border-radius: 25px; padding: 14px 23%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 93%; margin: 0 auto; } .product_category .col-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product_category { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; text-align: center; margin: 0 auto; } .thumbnail-four-active .slick-arrow{ top: 45% !important; } .thumbnail-four-active .slick-arrow.prev { position: absolute; left: -103% !important; width: 3%; z-index: 5; } .thumbnail-four-active .slick-arrow.next{ display: block; position: absolute; right: -103% !important; width: 3%; z-index: 5; } .footer-departments { width: 62%; margin: 0 auto; } .footer_social { float: initial; } .footer_nav{ text-align:center; } .copyright-content p{ text-align:center; } .footer_bottom_sec { -ms-flex: 0 0 80%; flex: 0 0 100%; max-width: 100%; margin: 0 auto; }.footer_bottom_sec .col-md-4{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin: 0 auto; } .shop-page-body .left-sidebar { margin-bottom: 30px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .filter_sec .details input.form-control { margin-bottom: 16px; } .inner_page_banner{ margin-top: 40px; } .shop-page-body{ padding-top:40px; } .shop-page-body .right-section .filter_sec .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .product__carousel .gallery-thumbs .swiper-slide{ width: 23% !important; margin: 0 auto; } .available_stock{ width:40%; float:left; } .radio_btn{ width:60%; float:left; } .product_details_toggle_sec{ width:100%; margin-top:20px; } .product_details_toggle_sec a{ width:32.5%; font-size:17px; line-height:1.9; } .feature_details .left_sec { padding: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } .feature_details .right_sec { padding: 7px 20px 2px 20px; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 67%; } .feature_details .right_sec h1{ font-size:17px; } .feature_details .left_sec .title h1{ font-size:17px; } .vehicle_fitment_data .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product_detail button.toggle_al_1 { font-size: 17px; } .product_detail button.toggle_al_2{ font-size:17px; } .vehicle_disc { width: 100%; overflow: auto; margin-left: 1px; background-color:transparent; } .product_details_toggle_sec .nav-tabs{ border-bottom:2px solid #dee2e6; } table.vehicle_fitment_details th h1 { font-size: 17px; padding: 9px 1px 9px 8px; } table.vehicle_fitment_details td h3 { font-size: 17px; font-weight: 600; color: #000; padding: 9px 4px 9px 6px; } .top_advertisement{ margin-top:40px; } .adv_sec img{ width:60px; } .adv_sec h1 { color: #FFE016; font-size: 25px; padding-left: 15px; position: relative; top: 4px; } .swiper-container{ height:70px !important; } .product_disc .top_desc { padding-right: 0; } .product_disc .left { width: 35%; } .product_disc .right { width: 65%; } .product_disc .right h3.radio button.toggle_al{ margin-left:0; } .disc_1{ margin-bottom:30px; } /* End */ /* @media (max-width: 768px){ body, html{ overflow-x:hidden !important; } .carousel{ margin-top: 32px; margin-bottom: 53px; } .header-top-content { padding:0; } .navigation .navbar .navbar-brand{ top:-92px; } .navigation .navbar .navbar-toggler .toggler-icon { width: 30px; height: 2px; display: block; margin: 5px 0; background-color: #fff; } .header-top .header-social { padding: 13px 0 50px 0; text-align: right !important; padding-right: 11px; } .header-top .header-social button.search { background: #C73631; border: none; margin: 0; } .header-top .header-social ul li input{ width: 160px; } .header-social .input-group-append .btn { position: relative; z-index: 2; } .header-top .header-social ul li + li{ margin-left:5px; } a.cart-btn span{ bottom:-5px; } .navigation .navbar .navbar-collapse { position: absolute; top: 173%; right: 0; width: 58%; z-index: 999; padding: 8px 12px; left: auto; } .navigation .navbar .navbar-nav .nav-item a { display: block; padding: 0px 7px; font-size: 15px; margin: 9px 4px 6px 4px; text-align:center; } .carousel-inner .carousel-item img{ width: 100%; height: auto; } .login_sec { border-radius: 25px; padding: 14px 25px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 93%; margin: 0 auto; } .product_category { -ms-flex: 0 0 80%; flex: 0 0 100%; max-width: 100%; text-align: center; margin: 0 auto; } .thumbnail-four-active .slick-arrow{ top: 45% !important; } .thumbnail-four-active .slick-arrow.prev { position: absolute; left: -106% !important; width: 3%; z-index: 5; } .thumbnail-four-active .slick-arrow.next{ display: block; position: absolute; right: -106% !important; width: 3%; z-index: 5; } .footer-departments{ width: 72%; margin: 0 auto; } .footer_social { float: initial; } .footer_nav{ text-align:center; } .copyright-content p{ text-align:center; } .inner_page_banner{ padding-top:40px; } .shop-page-body .left-sidebar{ margin-bottom:30px; } .filter_sec .details input.form-control{ margin-bottom:16px; } .filter_sec .title h1{ font-size:23px; } .filter_sec .details { margin-bottom: 30px; } .shop-page-body{ padding-top:40px; } .top_advertisement{ margin-top:40px; } .adv_sec h1 { font-size: 16px; padding-left: 10px; position: relative; top: 2px; } .product_detail_slider { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product_disc { padding-left: 15px; margin-top: 20px; -ms-flex: 0 0 64%; flex: 0 0 100%; max-width: 100%; } .product_disc .top_desc { padding-right: 15px; } .product_disc .left { width: 40%; } .product_disc .right h3.radio button.toggle_al{margin-left:30px;} .product_disc .right { width: 60%; } .disc_1{margin-bottom:30px;} } */ /* @media screen and (min-width: 581px) and (max-width: 768px) { .product__carousel .gallery-thumbs .swiper-slide{ width:25% !important; } .available_stock{ width:40%; float:left; } .radio_btn{ width:60%; float:left; } .product_details_toggle_sec{ width:100%; margin-top:20px; } .product_details_toggle_sec a{ width:32.91%; font-size:17px; line-height:1.9; } .feature_details .left_sec { padding: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } .feature_details .right_sec { padding: 7px 20px 2px 20px; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 67%; } .feature_details .right_sec h1{ font-size:17px; } .feature_details .left_sec .title h1{ font-size:17px; } .vehicle_fitment_data .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product_detail button.toggle_al_1 { font-size: 17px; } .product_detail button.toggle_al_2{ font-size:17px; } .vehicle_disc { width: 100%; overflow: auto; margin-left: 1px; } .product_details_toggle_sec .nav-tabs{ border-bottom:2px solid #dee2e6; } table.vehicle_fitment_details th h1 { font-size: 15px; padding: 9px 1px 9px 8px; } table.vehicle_fitment_details td h3 { font-size: 14px; font-weight: 600; color: #000; padding: 9px 4px 9px 6px; } .swiper-container{ height:110px !important; } } */ /* @media (max-width:580px){ .slick-slider{ width:98%; margin:0 auto; } .single-department-two .department-thumb a{ margin:0 auto; } .disc_1 { margin-bottom: 30px; width: 100%; } .details_cart_icon{ margin-bottom:20px; } .radio_btn{width:100%;} .radio_btn .btn:first-child { margin-bottom: 8px; } .available_stock .green_color{ margin-bottom:0; } .available_stock{ width:100%; top:0; } .product_disc h3 { font-size: 16px; } #aluminium_pro a{ font-size:16px; line-height:1.4; } .product_disc .sub_title{ margin-top:12px; } .product_details_toggle_sec{ margin-top:20px; } .product_details_toggle_sec a{ width:100%; } .feature_details .left_sec { border-bottom: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 9px; } .feature_details .right_sec { padding: 7px 20px 2px 20px; border-bottom: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background: #fff; } .product_details_toggle_sec .nav-tabs{ height:auto; } .vehicle_fitment{ padding:0; } .vehicle_fitment_data .col-lg-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .vehicle_disc{ width:100%; overflow:auto; margin-left:1px; } table.vehicle_fitment_details th h1{ font-size:16px; } table.vehicle_fitment_details td h3{ font-size:14px; } .feature_details .left_sec .title h1{ font-size:16px; } .feature_details .right_sec h1{ font-size:16px; } .product_details_toggle_sec a{ font-size:18px; } .product_detail button.toggle_al_1{ font-size:17px; } .product_detail button.toggle_al_2{ font-size:17px; } .product__carousel .gallery-thumbs .swiper-slide{ width:25% !important; } .swiper-container{ height:110px !important; } } */ /* @media (max-width: 500px){ .header-top .header-social { padding: 13px 0 104px 0; text-align:center !important; } a.cart-btn span{ bottom: -14px; right: -19px; } .single-department-two .department-thumb a{ margin:0 auto; } .footer-departments { width: 100%; margin: 0 auto; } .footer_title .input-group span{ width:100%; } .footer_title .input-group input{ width:100%; margin-right:0px; margin-bottom:10px; } } */ /* @media (max-width: 380px){ .footer_content .footer_social_icon img { width: 45px; height: auto; margin-left: 12px; } .footer_icon_2 { width: 40px; float: left; } .footer_icon_2 img { width: 30px; float: left; position: relative; top: -5px; } .footer_content p span{ font-size: 18px; } .footer_icon img { width: 30px; float: left; } .disc_1 { margin-bottom: 30px; width: 100%; } .details_cart_icon{ margin-bottom:20px; } .radio_btn{width:100%;} .radio_btn .btn:first-child { margin-bottom: 8px; } .available_stock .green_color{ margin-bottom:0; } .available_stock{ width:100%; top:0; } .product_disc h3 { font-size: 14px; } #aluminium_pro a{ font-size:14px; line-height:1.4; } .product_disc .sub_title{ margin-top:12px; } .product_details_toggle_sec{ margin-top:20px; } .product_details_toggle_sec a{ width:100%; } .feature_details .left_sec { border-bottom: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 9px; } .feature_details .right_sec { padding: 7px 20px 2px 20px; border-bottom: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background: #fff; } .product_details_toggle_sec .nav-tabs{ height:auto; } .vehicle_fitment{ padding:0; } .vehicle_fitment_data .col-lg-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .vehicle_disc{ width:100%; overflow:auto; margin-left:1px; } table.vehicle_fitment_details th h1{ font-size:15px; } table.vehicle_fitment_details td h3{ font-size:14px; } } */ /* css by dipal */ .copyright { float: left; width: 100%; } .input-group-append{ float:left; } .header-top .header-social ul li input{ min-height:30px !important; height:calc(1.5em + 15px) !important; font-size: 1rem; } .header-top .header-social button.search{ margin-top:-5px !important; } .footer_title h2{ text-transform:capitalize; } .footer_title .input-group span button{ font-family:"Open Sans", sans-serif; } div#shopify-section-1592992646453 { padding: 0; } .slideshow__arrows .slick-dots li button::before, .slideshow__arrows .slick-dots li a::before { color: rgb(189, 190, 192); border-radius:5px; } h3#RecoverHeading { color: #fff; font-weight: normal; font-size: 20px; } div#RecoverPasswordForm { float: left; width: 100%; margin-top: 20px; } div#RecoverPasswordForm p { color: #fff; padding-top: 15px; line-height: 20px; } input.btn { color: #fff; background-color: #c73631; } a#HideRecoverPasswordLink { color: #fff; } .index-section{ padding-bottom:0; } a.cart-btn span { padding: 5px; border-radius: 50%; text-align:center; bottom: 0; font-weight: normal; } .single-blog .thumb a img { min-height: 205px; } .form-message.form-message--error { float: left; width: 100%; margin: 20px 0; } span#RegisterForm-email-error span, span#RegisterForm-password-error span { padding-left: 20px; padding-bottom: 20px; } .myaccount__account-details h2, .myaccount__order-history h2 { font-size: 25px; letter-spacing: 0; color: #c73631; padding-bottom: 10px; } a#customer_logout_link, a#customer_register_link, .template-customers-login a#RecoverPassword { color: #c73631; } a#RecoverPassword { padding-bottom: 20px; } .template-index a#RecoverPassword { padding-bottom: 0; } .slideshow__arrows .slick-dots li.slick-active-mobile a::before{ color:#c73631; } .navigation.sticky { box-shadow: none; } .login_sec .head h3.purple{ margin-bottom:20px; } .product-card__image-with-placeholder-wrapper{ min-height:210px; } span#ContactForm-email-error span { padding-left: 20px; } span#RecoverEmail-email-error span { padding-left: 20px; } .frb input[type="radio"] ~ label:before{ content:url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/uncheck_icon_e75942cf-b98f-4484-a434-14173faea574.png?v=1592920139); } .frb input[type="radio"]:checked ~ label:before{ content:url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/check_icon_597cc166-b111-4452-af33-1f2147908b87.png?v=1592920139); } .gf-block-title h3 { font-size: 25px !important; color: #010204; text-transform: uppercase; } .gf-left .gf-option-block .gf-block-title h3:after, .gf-offcanvas .gf-option-block .gf-block-title h3:after{ content: '' !important; } .gf-option-block.gf-option-block-checkbox ul li a:before{ content:url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/uncheck_icon_e75942cf-b98f-4484-a434-14173faea574.png?v=1592920139) !important; border:none !important; left: 15px !important; top:8px !important; } .gf-option-block ul li a.checked { font-weight: normal !important; background-color: #c73631; color: #fff !important; width: 100%; padding-top:5px !important; } .gf-option-block ul li a.checked:before { border: none !important; left: 15px !important; content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/check_icon_597cc166-b111-4452-af33-1f2147908b87.png?v=1592920139) !important; top: 13px !important; } .gf-option-block.gf-option-block-checkbox ul li a.checked:after{ background:transparent !important; } .gf-option-block.capitalize ul li a{ padding-left:15%; font-size:20px; } .gf-option-block ul li a{ padding-top:0 !important; color: #818183 !important; } .gf-option-box li{ margin-top:8px !important; margin-bottom:15px !important; } img.spf-product-card__image{ background-color:#f4f4f4; } .spf-product-card__images-navigation { display: none !important; } .spf-product-card{ background-color:#949599 !important; } img.spf-product-card__image{ top:auto !important; } .spf-product__info{ text-align:center; } .h4.spf-product-card__title a{ color:#fff !important; } span.spf-product-card__saleprice, span.spf-product-card__oldprice { color: #fff !important; } .spf-product-card.spf-product-card__template-2 button.spf-product__form-btn-addtocart{ float: left; width: 100%; margin: 0 auto; max-width: 150px; } i.fa.fa-shopping-bag { display: none; } .spf-product-card__template-2 .spf-product__form .spf-product__form-btn-addtocart span{ transform: none !important; } .spf-product-card.spf-product-card__template-2 button.spf-product__form-btn-addtocart{ line-height:25px; height:25px; } #atharva_minicart_count { right: -17px !important; font-size: 13px !important; top: 15px !important; } h1.h2 { font-family: "Open Sans", sans-serif; letter-spacing: 0; } button.search-form__connected-submit { background-color: #c73631; } #gf_pagination_wrap button.gf-loadmore-btn{ background-color:#ca3531 !important; font-family: "Open Sans", sans-serif; letter-spacing: 0 !important; font-size: 16px !important; } nav.breadcrumb { background-color: transparent; padding:20px 3px; } nav.breadcrumb a { color: #c73631; padding: 0 10px; font-weight: bold; } nav.breadcrumb span { color: #222; padding: 0 10px 0 0; font-weight: bold; } span.spf-product-card__price{ color:#fff !important; } .h4.spf-product-card__title{ min-height:90px; } .h4.spf-product-card__title a { font-size: 18px !important; } .product_detail .right h3.radio .toggle_al.active span { transform: rotate(270deg); } .product_detail button.toggle_al span { transform: rotate(90deg); } .product_disc .top_desc { padding-right: 6% !important; } .full-width { width: 75% !important; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { opacity: 1 !important; } input[type=number] { width: 10rem !important; background-color: #ffffff; border: 1px solid #f1f1f2; font-size: 1rem; font-weight: 600; border-radius: 5px; /* padding: 1rem !important; */ outline:none; } button.btn.product-form__cart-submit { float: left; width: auto; position: relative; top: -8px; color: #fff; background: #C42722; font-size: 32px; border-radius: 50%; margin-right: 18px; line-height: unset; min-width: 58px; } .disc_1{ padding-right:5px !important; } .product_disc { padding-left: 4.5% !important; } .radio_btn{ padding-right:14px !important; } .product-form__controls-group { float: left; width: 100%; max-width: 75px; } span.spr-summary-actions { float: left; width: 100%; } .spr-summary { float: left; } a.spr-summary-actions-newreview { float: left; width: 100%; text-align: center; margin-top: 20px; } .spr-review-footer { display: none; } .vehicle_fitment_details th, td { border: none ; padding: 0 ; } input#Quantity-product-template { padding: 7px 10px; } span.astrik { color: #c73631; } .template-product .main-content { padding-top: 0; } .product-card__image-with-placeholder-wrapper { background-color: #F4F4F4; margin-bottom: 10px; } .product-card { background-color: #949599; text-align: center; } .h4.grid-view-item__title.product-card__title { font-size: 18px; line-height: 20px; color: #000; min-height:80px; } .price dd span { color: #fff; text-align: center !important; } .price, .price--on-sale .price__sale { display: block; padding: 5px 0 5px 0; } .product-card:hover .product-card__title, .product-card:focus-within .product-card__title { border-bottom-color: transparent !important; } #gf_pagination_wrap .pagination>.current, .pagination>.current>a:hover, #gf_pagination_wrap .pagination>.current:focus{ background-color:#ca3531 !important; } .price--on-sale .price__badge--sale { display: block; width: 100px; margin: 0 auto 10px auto; } .compare-products { float: left; margin: 10px 15px; } .template-product .compare-products input.SPCMP_Add { background-color: #c73631 !important; font-weight: 700; font-size: 18px; opacity:1 !important; } .template-product .compare-products input.SPCMP_Add:hover { background-color: #e7e8ea !important; font-weight: 700; font-size: 18px; color: #000 !important; } .container-fulid { max-width: 1280px !important; } div#SP_CmpHtml { width: 1280px; margin-left: auto; margin-right: auto; padding: 0; } /* .header-top .header-social ul li input{ width:338px !important; } */ .show-pdf { float: left; margin: 10px 15px; background-color: #c73631; } .show-pdf a { color: #fff; font-weight: 700; padding: 10px; } .show-pdf a:hover { background-color: #e7e8ea; } .printme { display: none; } /* Css by mehul */ .product_search span.input-group-btn { position: absolute; right: 8px/*29px*/; top: 5px; } .product_search span.input-group-btn .btn-danger { padding: 0; background: none; border: none; color: #C73631; } .product_search span.input-group-btn .btn-danger i { font-size: 27px; } .product_search input.search-query { padding-right: 45px !important; } .show-pdf { float: right; } .print-pdf{ /* float: right; */ margin: 10px 15px; background-color: #c73631; width: 175px; } .print-pdf a{ padding: 10px; background-color: #c73631; color: #fff; font-weight: 700; display: block; width:200px; text-align:center; } .print-pdf a:hover { background-color: #e7e8ea; } .rfq-table .item_qty{ margin-top:5px; !important } .product-card__image-with-placeholder-wrapper { min-height: unset !important; } .force_hide{ display:none !important; } .item_remove.btn:hover { background-color:#C42722; } .kca-form input{ display: block; width: 100%; margin-bottom: 19.44444px; } #kca-forms-container .kca-forms-wrapper { max-width: 800px; } #kca-forms-container .kca-forms-wrapper.kca-forms-wrapper--with-password-form.kca-forms-wrapper--with-info-form .kca-form { max-width: unset !important; } #kca-forms-container .kca-forms-wrapper { max-width:80% !important; } .kca-form__message{ color:#dc3545 !important; } .error{ display: block; color: #d20000; margin-top:-10px; } .list-view-item__price-column{ padding-right:10px; } /* Added on 27-07-2020 by JCasp deveoper (Mehul Patel) START HERE*/ div.radio1 input[type="radio"] { display:none; } .bg-grey .social_heading, .ndnapps-sociallogin-wrapper span a{ color:#FFF !important; } /* .ndnapps-sociallogin-wrapper span{ display:none !important; visibility: hidden !important; } */ .single-blog .thumb a img { min-height: 205px; } .social_heading { padding: 0px 0px 10px 0px !important; } .login_sec { padding: 0px 25px; } /* Added on 27-07-2020 by JCasp deveoper (Mehul Patel) END HERE*/ /* Added on 30-07-2020 by JCasp deveoper (Mehul Patel) START HERE*/ .warranty_sec .right { text-align: left; padding-left: 44px; } .filter_sec .custom-select { text-overflow: ellipsis; } .nice-select.open .list { max-height: 500px; overflow-y: scroll; } #kca-forms-container { outline: unset !important; } .product-card__image-with-placeholder-wrapper { min-height: 252px !important; } .product-card__image-with-placeholder-wrapper { background-color: #FFFF; } /* @media only screen and (min-width: 750px){ .medium-up--one-half { width: 100%; } } */ /* Added on 30-07-2020 by JCasp deveoper (Mehul Patel) END HERE*/ /* Added on 31-07-2020 by JCasp deveoper (Mehul Patel) START HERE*/ .single-blog .thumb a img { min-height: 150px; max-height: 150px; } .ProductCardImage-product-recommendations { min-height: 150px; } .mm15{ margin-top: 0px; } /* Added on 31-07-2020 by JCasp deveoper (Mehul Patel) END HERE*/ .vehicle_fitment_details th, td { border: none ; padding: 0; } .thead { background-color: #c73631; color: #fff; } .search_table .search_first_row{ padding-top: 10px !important; vertical-align: middle; } .search_table td, .search_table th{ padding: 5px !important; min-width: 150px; } /* Added on 06-08-2020 by JCasp deveoper (Mehul Patel) START HERE*/ .slideshow { max-height: 120vh; } /* Added on 06-08-2020 by JCasp deveoper (Mehul Patel) END HERE*/ /* Added on 07-08-2020 by JCasp deveoper (Mehul Patel) START HERE*/ .dropdown-menu{ position: absolute; transform: translate3d(5px, 32px, 0px) !important ; top: 0px; left: -20px; will-change: transform; } .dropdown.show{ display:inline-block !important; } .dropdown-item#customer_logout_link{ color:#212529; } .header-top .header-social ul li a:hover, .dropdown-item#customer_logout_link:hover { background-color: transparent; color: #C73631; } /* Added on 07-08-2020 by JCasp deveoper (Mehul Patel) END HERE*/ /* Added on 10-08-2020 by Jcasp Developer (dipal patil) */ .header_text { float: left; display: flex; margin-top: -4.5%; position: relative; left: 120px; /* font-size: 16px; Commented at 20-08-2020 by mehul patel */ font-size:18px; color: #fff; font-weight: 700; } .whatsup_number { float: left; width: 100%; margin: 0; color: #fff; font-size: 16px; padding: 10px 0; font-weight: bold; text-align:center; } i.fa.fa-whatsapp { font-size: 20px; padding-right: 10px; } .whatsup_number a:hover { color: #fff; } .atharva_minicart_close{ line-height:18px !important; } .dropdown-item{ padding:.25rem 0.5rem !important; } .dropdown-menu{ min-width:7rem !important; } .minicart_table_left{ margin-top:-10px; } .minicart_table_left img{ display:inherit !important; padding-top:3px; } table.responsive-table tr td { padding: 10px !important; border: 1px solid #ebebeb!important; } .cart__qty_error_message { float: left; width: 100%; font-size: 12px; position: relative; top: 20px; color: #f00; } /* Added on 10-08-2020 by Jcasp Developer (dipal patil) END HERE px /* Added on 18-08-2020 by JCasp Developer (Mehul Patel) START */ .rfq_popup p span{ display:unset; font-weight: 500 !important; } /* Added on 18-08-2020 by JCasp Developer (Mehul Patel) END */ .search-form__input{ font-weight:500 !important; } #gtranslate_wrapper { right:20rem !important; } #gtranslate_wrapper a:first-child:after { content: "|"; color:#fff; } .nice-select span{ overflow: hidden; text-overflow: ellipsis; width: 100%; } .nice-select .list { overflow:auto !important; } .search_table tbody td { vertical-align: middle; text-align: center; background-color: #ecb2b0; } .shopify-challenge__container { max-width: 500px; margin: 0 auto; } .product-column .item_title{ padding-right:10px; } .thumbnail-four-active .slick-arrow.prev{ width: 100%;left:-15px;right:auto; } .thumbnail-four-active .slick-arrow.next{ width: 100%;left:auto;right:-15px; } .thumbnail-four-active .slick-arrow{ bottom: auto; top: 50%; transform: translateY(-50%); } #product_slider li.col-lg-12{ display:none; } .thumb-content .price .price__regular{ margin:0 auto; } .filter_sec .details select{ text-transform:capitalize; } .filter_sec .details select option{ text-transform:uppercase; } .filter_sec .details #sortme{ width:100%; } .filter_sec .details #sortme .col-lg-6{ width:50%;float:left; } .innerpage_slider .single-blog .thumb-content h3.title span{ font-size:14px;height: 22px; overflow: hidden; } header .navigation-two .navbar .navbar-nav { width: 100%; justify-content: flex-end; display: flex; } /* Landing Page Template */ #lp-custom-header .navigation { position: absolute; margin: auto; width: 100%; display: flex; background: transparent; z-index: 999; } #lp-custom-header .navigation .navbar{ background-color: transparent; } #lp-custom-header .navigation .navbar .navbar-nav li a { color: #ffffff; } #lp-custom-header .navigation .navbar .navbar-nav li a.active { background: #C73631; color: #fff; } .ot-estimated-shipping-item-shipping-method { margin-top: 50px !important; } /*end style.css */ .white{color: #fff;} .red{color:#ce0102 ;} .green{color:#82a535 ;} .light-grey{color:#f1f1f2 ;} .mid-grey{color: #808184;} .dark-grey{color:#231f20 ;} .bgred{background-color:#ce0102 ;} .bggreen{background-color:#82a535 ;} .bglight-grey{background-color:#f1f1f2 ;} .bgdark-grey{background-color:#231f20 ;} .upper{text-transform: uppercase;} .center{text-align: center; align-items: center;} .left{text-align: left ;} .right{float: right;} .h1{height: 1rem;} .h2{height: 2rem;} .h5{height: 2rem;} .f2{font-size: 1.1rem; font-weight: 500;} .container{ padding-top: 2rem; padding-bottom: 2rem;} .bclass{ border: 1px dotted red;} .btn-red{ display: inline-block; background-color: #ce0102; color: #fff !important; padding: 0.5rem 1.5rem;margin-top: 0rem; border-radius: 3px; } .btn-grey{ display: inline-block; background-color: #231f20; color: #fff !important; padding: 0.5rem 1.5rem;margin-top: 1.4rem; border-radius: 3px; } .view{display: inline-block; background-color: #ce0102; color: #fff !important; border-radius: 5px; padding:.3rem 1rem; margin-top:0 } .show-and-hide{ font-size:1rem;} .btn-white{color: #fff !important;} .btn-subscribe{ margin-top: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;} .btn-red:hover, .view:hover{opacity: .5; transition: .3s all;} .btn-cart{font-size:.9rem; padding: 0.3rem 0.7rem; margin: .5rem 0 0 0; cursor: pointer; } .btn-cart i{font-size: 1rem;} .btn-cart span{ color: #f1f1f2; display: inline-block; padding-top: .1rem;} .title-small{ font-weight: 500; font-size: 1.2rem; position: relative;padding-left: 1.5rem; padding-bottom: .5rem;} .title-small::before{content: ''; display: block; position: absolute; left: 0; top: 20%; background-color: #ce0102; width: 10px; height: 10px;} .form-control{ border: 1px solid transparent; background-color: #f1f1f2;} .form-control:focus{border-color: transparent; box-shadow: none;} .frm-2{ border: 1px solid #000; border-radius: 0; background-color: #fff; margin: 1rem 0;} .frm-2:focus{ border-color: #808184;} .frm-input { padding:1.5rem; font-family:poppins;} .btn-submit{ border-radius: 0; background-color: #000; width: 100%; border-color: transparent;} .btn-submit:hover{ background-color: #ce0102; transition: .4s all; border-color: transparent;} i{padding:.3rem .35rem; border-radius: 50%; float: left; margin-right: 1rem; font-size: .8rem;} .breadcrubs-wrapper{ display: block; position: absolute; left: 50%; transform: translateX(-50%);} .breadcrumb{ margin-bottom: 0; text-align: center; background-color: transparent;} .breadcrumb .breadcrumb-item{ color: #ce0102; text-transform: capitalize;} .breadcrumb .breadcrumb-item a{ color: #808184;} .left-a{position: relative; transform: none; left: 0;} .logo-wrapper div{float: left;} .logo{ height: 5rem;} .logo-title{font-weight: 600; font-size: 1.4rem; padding: .0rem 0 0 0.0rem; margin-bottom: 0;} .logo-slogan{padding-left: 0rem; font-weight: 500; width: 72%;} .logo-slogan p span{ float: right; color: #ce0102; font-style: italic;} .logo-slogan2{padding-left: 0.5rem; font-weight: 500; width: 72%;} .logo-slogan2 p span{ float: left; color: #ce0102; font-style: italic;} .logo-global{padding-left: 0rem; font-size: 1rem; font-weight: 500; width: 72%;} .logo-global p span{ float: left; color: #000; font-style: italic;} .iso{ width: 50px; padding-right:3px;} .iso:hover{transform: scale(2); transition: .5s all;} .navbar-expand-lg .navbar-nav .nav-link{ color: #000; text-transform: uppercase; font-weight: 600; padding: 0 1rem; position: relative; } .navbar-expand-lg .navbar-nav .nav-link:hover{color: #ce0102; transition: .4s all; } .navbar-expand-lg .navbar-nav .nav-link.active{ color: #ce0102;} .navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after{ content: ""; position: absolute; left:10%; top: -1rem; display: block; width: 80%; height: 6px; background-color: #ce0102; border-radius: 5px; } .navbar-toggler{ border: 1px solid transparent; border-radius: 0;} .navbar-toggler:focus{box-shadow: none; outline:none} .navbar-toggler-icon { position: relative; display: inline-block; width: 1.8rem; height: 2px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color: #ce0102; } .navbar-toggler-icon::before{ content: ''; display: block; height: 2px; width: 1.5rem; position: absolute; top: -.5rem; left: 0; background-color: #231f20; } .navbar-toggler-icon::after{ content: ''; display: block; height: 2px; width: 1.2rem; position: absolute; top: .5rem; left: 0; background-color: #231f20; } .nav-fill .nav-item{ margin-top:20px} .search{ background-color: #f1f1f2;} .cart{ margin-left: 1rem; position: relative;} .icofont-cart{font-size: 1.5rem;} .cart-count { position: absolute; right: .1rem; top: 0; width: 20px; height: 20px; font-size: .8rem; background-color: rgb(0 0 0 / 72%); padding: 0.2rem 0.6rem; color: #fff; border-radius: 100%; } .slider-caption{position: absolute; top: 30%; left: 0; width: 100%;height: 100%; padding: 3rem; } .slider-caption .container h5{font-size: 2rem;} .carousel-caption{ left: 10%; top: 0; text-align: left;} .com-info {font-size: 1.6rem;} .com-info .col:first-child{ border-right:1px solid #808184;} .icon-large{font-size: 3rem; } .number{font-weight: 200; font-size: 3.5rem;} .com-info-links{background-image: linear-gradient(60deg, #231f20 70%, #ce0102 20%); margin-top: 1rem;} .link-large{font-size: 1.5rem; color: #fff !important; padding: 0 1rem;} .link-large:hover{ transition: .3s all; opacity: .5; padding: 0 2rem; } article [class^=col]{padding-top: 1.8rem; padding-bottom: 1.8rem;} .carousel-indicators{bottom: 0} .carousel-indicators [data-bs-slide-to].slider-control { background-color: #ce0102; height: 5px; width: 20px; /* border: 5px solid transparent; */ /* outline: 2px solid #808184; */ } .company{position: relative; background-image: linear-gradient(90deg, #f1f1f2 50%, transparent 50%);} .certificates{z-index: 999;} .certificate{max-width:250px; float: left; padding: 1.5rem;} /* sammar 07082024 */ .product{ padding:1rem .5rem; border: 1px solid #000; text-align: left; border-radius: 5px; position:relative; } .product div{padding: .5rem 0;} .product div:first-child{ display:flex; justify-content:center; } .product-img{ max-height:17rem; } .product-detail{ padding:1.2rem !important; } .product-number{font-size: 1rem; font-weight: 600; line-height:1rem} .product-text{color: #808184;} .price{ color: #ce0102; font-weight: 700; font-size: 1.2rem; letter-spacing: normal;} .product:hover{transition: .4s all; -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.03); transform: scale(1.01); } .product-card { position: relative; padding: .5rem 1rem; border: 1px solid #f1f1f2; text-align: center; border-radius: 5px; background-color: transparent; } .products_mn .h4.grid-view-item__title.product-card__title{color: #000 !important;} .usf-vehicle span, .usf-sr-container .usf-part{ color:#808184 !important ;} .price dd span{ color:#ce0102} .usf-add-to-cart-btn { padding: 0; display: inline-block; text-transform: uppercase; white-space: nowrap; background: #ce0102; color: #fff; border: 1px solid transparent; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; outline: 0; opacity: 1 !important; transform: none !important; transition: all .25s ease-in-out; font-size: .8rem !important; margin: 0; cursor: pointer; z-index: 10; border-radius:3px; } .filter_sec .details input.form-control { border-radius: 0 !important; height: 40px; background: #f4f4f4; border-radius: 10px; /* border-color: #c73631; */ border: 1px solid transparent; } .products_mn .usf-facets .usf-facets__body .usf-title.usf-no-select span { display: inline-block; width: 100%; padding: 0.38rem 1.75rem 0.38rem 0.75rem; line-height: 1.2; color: #86878b!important; vertical-align: middle; background: white url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/up_down.png?v=1592920139) no-repeat right 0.5rem center; background-size: 18px 24px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1rem; font-weight: 400; height: calc(1.7em + 6.36px); background-color: #f4f4f4!important; border-radius: 0; border-color: #c73631; border: 1px solid transparent; margin-bottom: 17px; text-transform: capitalize; height: 40px; padding: 1rem; } .products_mn .usf-sr-config .usf-sr-summary{background-color:#c73631;} .products_mn button.usf-add-to-cart-btn span { font-weight:400 !important; opacity: 1 !important; transform: none !important; transition: all .25s ease-in-out; font-size: .9rem ; } .products_mn .grid-view-item__image-wrapper, .products_mn .grid-view-item__image-wrapper img { padding-bottom: 3rem; } .usf-vehicle { padding: 1rem 0; } .products_mn .usf-sr-paging ul li span.btn, .products_mn .usf-sr-paging ul li a.btn--narrow{ border-color:transparent;} .frb input[type=radio]~label{ background-color:#f1f1f2; padding: 0.25rem; } .frb input[type=radio]~label:before { width:45px; height:45px; padding: .5rem; left: 0; top: 1.3rem; background-color:#c73631; } .frb input[type=radio]~label[for='radio-button-cat-2']:before{ content: ''; background-image:url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/car-alt-1.svg?v=1642959324); } .frb input[type=radio]~label[for='radio-button-cat-1']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/tractor.svg?v=1642956501); background-color: #c73631; } /*content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/cube.svg?v=1642956501);*/ .frb input[type=radio]~label[for='radio-button-cat-3']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/core-icon.svg?v=1723909655); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-4']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/bus-alt-1.svg?v=1642960691); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-5']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/truck.svg?v=1642956502); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-6']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/ind_icon_0d9dff04-570a-4c02-ae85-378e5eea9367.svg?v=1723906527); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-7']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/fork-lift.svg?v=1642956502); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-4'], .frb input[type=radio]~label[for='radio-button-cat-8'], .frb input[type=radio]~label[for='radio-button-cat-10'], .frb input[type=radio]~label[for='radio-button-cat-12'], .frb input[type=radio]~label[for='radio-button-cat-13'], .frb input[type=radio]~label[for='radio-button-cat-14'], .frb input[type=radio]~label[for='radio-button-cat-15'], .frb input[type=radio]~label[for='radio-button-cat-16'], .frb input[type=radio]~label[for='radio-button-cat-17'], .frb input[type=radio]~label[for='radio-button-cat-18'], .frb input[type=radio]~label[for='radio-button-cat-19'], .frb input[type=radio]~label[for='radio-button-cat-20'] {display:none;} .frb input[type=radio]~label[for='radio-button-cat-8']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/car-alt-1.png?v=1642952848); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-9']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/bull-dozer.svg?v=1642960631); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-10']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/vehicle-excavator.svg?v=1642956501); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-11']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/bull-dozer.svg?v=1642960631); background-color: #c73631; } .frb input[type=radio]~label[for='radio-button-cat-12']:before{ content: url(https://cdn.shopify.com/s/files/1/0418/8586/0008/files/fork-lift.svg?v=1642956502); background-color: #c73631; } .frb input[type=radio]:empty~label span.frb-title{ font-size: 1rem;padding:.5rem 1rem;} .frb.frb-danger input[type=radio]:checked~label { background-color: #000; color: #fff; } .frb.frb-danger input[type=radio]:checked .frb input[type=radio]:empty~label span.frb-title{ color:#fff !important;} .hands, .env{position: relative; z-index: 999;} .hands::before{ content: ''; display: block; position: absolute; background-image: url('/assets/images/hands.jpg'); background-size: cover; left: -100%; top: 0; width: 100%; height: 100%; } /* .env::after{ content: ''; display: block; position: absolute; background-color: #82a535; right: -17%; top: 0; width: 100%; height: 100%;z-index: -1;} */ .partner{height: 70px;} .ficon{font-size: 1.5rem;} .social{position: absolute; left: 50%; transform: translateX(-50%);} .contact-f li, .social li {display: inline-block;} .contact-f li:not(:last-child){ margin-right: 3rem; } .social li a i{ font-size: 2rem;} .page-info{text-align: center;} .page-title{ text-transform: capitalize;} .col-bg{ background-image: url(https://cdn.shopify.com/s/files/1/0623/5986/3542/files/bg-pattern.jpg?v=1642758806); background-repeat: no-repeat; background-position: bottom right; } .enviornment{ background-image: url(https://cdn.shopify.com/s/files/1/0623/5986/3542/files/hands.jpg?v=1642761439); background-repeat: no-repeat; background-position: left top; background-size: 25%; background-color: #82a535; } .eco-list li{ display:block; height:40px} .footer-links li {display: inline-block; padding: 1rem;} .single-pages li{display: block; background-color: #f1f1f2; margin-bottom: 1rem;} .single-pages li a { display: block; padding: 1rem; } .single-pages li i{font-size: 2.5rem; padding: .5rem; background-color: #ce0102; color: #fff; border-radius: 0; margin-left: -1rem; margin-top: -1rem;} /* th{ width: 20%; } */ tr{ border-top:1px solid #f1f1f2; } .table>:not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: transparent; border-top:1px solid #f1f1f2; border-bottom:1px solid #f1f1f2; border-left:1px solid transparent; border-right:1px solid transparent; box-shadow: none; } table a { border-bottom: 1px solid transparent; } .varients{ display:block; padding:.5rem; margin-bottom:.5rem; background-color: #f1f1f2; border-radius:3px } .product-form__error-message{font-size:1rem; padding:1rem; font-weight:bold} td{ padding:.5rem} .slick-track, .slick-list{ padding: 0 !important;} .p_image{ padding: 1rem; } .thumb_images img{ width: 80px !important; } .thumb_images .slick-track .slick-slide { width: 120px !important;} /*.tab-content{border: 1px solid #f1f1f2; padding: 3rem; width: 100%;}*/ .nav-pills .nav-link{background-color: #f1f1f2;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: #000;} .nav-pills .nav-link { border-radius: 0;} .cart-header { margin-bottom: .7rem; text-align: center; } .new-dev-wrap{background-color: #f1f1f2; } .new-t-wrap{ background-color: #fff; -web-kit-border-radius:5px; border-radius:15px; padding:1rem} .table-top{ border-radius: 14px 15px 0 0; height: 1.5rem; padding: 0; margin: 0; } table.table-feature tr th{ width:20%; font-weight:bold} table.table-feature tr td{ width:80%} .new-dev-table thead { padding:.8rem; border: 1px solid transparent; text-transform:uppercase; } .new-dev-table tbody tr:nth-child(even){ background-color:#f9f9f9; } .new-dev-table thead tr th { text-transform: uppercase; color: #ce0102; /* font-weight: 400; */ padding: 1rem; border: 1px solid transparent; } .new-dev-table thead tr{ border: 1px solid transparent;} .new-dev-table tbody tr td{ padding:1rem;} .main-link{ position:relative;} .main-link a::after{ content: ">"; display:block; position:absolute; right:0; top:2px; padding:5px; transform:rotate(90deg); } ul.years li{ margin-bottom: .5rem;} ul.years li a { display: block; background-color:rgba(255,255,255,.5); padding: 0.5rem 1rem; border-radius: 5px; } ul.years li a:hover, ul.months li a.active{ background-color: #fff; } .pt-0{ padding-top:0;} ul.months{ display:none; margin-left:1rem} .cart-header__title { margin-bottom: .5rem; } .cart { color: #333232; } .cart th, .cart td { border: 0; } .cart td { padding-top: 22px; padding-bottom: 22px; } }.cart th { font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif; font-weight: 400; font-size: .88889em; text-transform: uppercase; width: 100%; } }.cart td:first-child, .cart th:first-child { padding-left: 0; } .cart td:first-child.cart__removed-product, .cart th:first-child.cart__removed-product { padding: 1rem 0 1.2rem .5rem; } .cart td:last-child, .cart th:last-child { padding-right: 0; } .cart dd { margin-left: 0; } .cart__meta { width: 50%} .product-details { padding: .27778em 0 0; font-size: .88889em; } .product-details.hide+.cart__remove { margin-top: 0; } .product-details__item { margin-bottom: .15em; } .product-details__item--variant-option:not(.hide)+.product-details__item--property { margin-top: .8rem; } .product-details__item-label { font-weight: 700; } .cart__qty { margin-top: .83333em; } .cart__qty-label { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .cart__qty-input { text-align: center; width: 60px; padding-left: .27778em; padding-right: .27778em; } .cart__qty-error-message-wrapper, .cart__error-message-wrapper { line-height: 1.2; } .cart__qty-error-message-wrapper .icon-error, .cart__error-message-wrapper .icon-error { margin-top: 0; } .cart__qty-error-message-wrapper--desktop { display: none; } .cart__qty-error-message-wrapper--mobile { display: block; } .cart__qty-error-message, .cart__error-message { font-size: .88889em; color: #333232; vertical-align: middle; } .cart__error-message-wrapper { margin-top: 1rem; } .cart__row { border-bottom: 1px solid #ebebeb; } .cart__row p { margin-bottom: 0; } .cart__row p+p { margin-top: 10px; } .cart__row td { vertical-align: top; } .cart__row--heading { color: #3a3a3a; } .cart__removed-product-details { font-weight: 700; } .cart-subtotal__title { font-size: 1.11111em; } .cart-subtotal__price { padding-left: 27.5px; } cart__footer { padding-top: 17.5px; } .cart__buttons-container { display: flex; flex-direction: column; max-width: 20rem; margin: 0 auto; } .cart__submit-controls { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart__submit { margin-bottom: 0; min-height: 44px; width: 100%} .cart__submit+.cart__submit { margin-top: 10px; margin-left: 0; } .cart__shipping { font-size: .88889em; padding: 10px 0 20px; margin-bottom: 25px; } .cart-note__label, .cart-note__input { display: block; } .cart-note__label { margin-bottom: 15px; } .cart-note__input { min-height: 50px; width: 100%} .cart__product-title { border-bottom: none; color: #333232; } .cart__product-title:not([disabled]):hover, .cart__product-title:focus { color: #333232; border-bottom: 1px solid currentColor; } .cart__image { max-height: 95px; display: block; margin: 0 auto; } .cart__remove { margin-top: .44444em; } .cart__price { text-align: right; padding-right: 0; font-size: .94444em; width: 50%} .cart__price dl { margin: 0; } .cart__quantity-td { width: 20%} .cart__final-price { width: 15%} .cart--no-cookies .cart__continue-btn, .cart--no-cookies .cart--empty-message { display: none; } .cookie-message { display: none; padding-bottom: 25px; } .cart--no-cookies .cookie-message { display: block; } .additional-checkout-buttons { margin-top: 1rem; } .additional-checkout-buttons input[type=image] { padding: 0; border: 0; background: transparent; } [data-shopify-buttoncontainer] { justify-content: flex-end; } .myaccount { display: flex; flex-wrap: wrap; } .order-table { border: 1px solid #ebebeb; } .order-table a { border-bottom: 1px solid transparent; } .order-table th, .order-table td { border: 0; } .order-table tbody th, .order-table tfoot th { font-weight: 400; text-transform: none; letter-spacing: 0; } .order-table tbody tr+tr { border-top: 1px solid #ebebeb; } .order-table thead { border-bottom: 1px solid #333232; } .order-table tfoot { border-top: 1px solid #333232; } .order-table tfoot tr:first-child th, .order-table tfoot tr:first-child td { padding-top: 1.25em; } .order-table tfoot tr:nth-last-child(2) th, .order-table tfoot tr:nth-last-child(2) td { padding-bottom: 1.25em; } .order-table tfoot tr:last-child th, .order-table tfoot tr:last-child td { border-top: 1px solid #333232; font-weight: 700; padding-top: 1.25em; padding-bottom: 1.25em; text-transform: uppercase; } .order-discount { color: #ea0606; display: block; line-height: 1.2em; } .order-discount .icon-saletag { fill: currentColor; width: 1em; height: 1em; margin-right: .4em; } .order-discount--title { text-transform: uppercase; word-break: break-word; padding-right: 1em; } .order-discount--list { margin: .8em 0 0 1.3em; list-style: none; padding: 0; } .order-discount__item { text-indent: -1.3em; } .order-discount__item+.order-discount__item { margin-top: .6em; } .order-discount-card-wrapper { display: flex; justify-content: center; } .order-discount--cart { font-size: .94444em; padding-right: 0; } .order-discount--cart-total { padding-left: 27.5px; } .site-header { position: relative; background-color: #fff; } .site-header__logo { margin: 15px 0; } .logo-align--center .site-header__logo { text-align: center; margin: 0 auto; } .site-header__logo-link { display: inline-block; word-break: break-word; } .site-header__logo-image { display: block; } .site-header__logo-image img { width: 100%} .site-header__logo-image--centered img { margin: 0 auto; } .site-header__icons { position: relative; white-space: nowrap; } .site-header__icons-wrapper { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .site-header__cart, .site-header__search, .site-header__account { position: relative; } .no-svg .site-header__search { display: inline-block; } .site-header__search.site-header__icon { display: none; } .site-header__search-toggle { display: block; } .site-header__cart-title, .site-header__search-title { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; display: block; vertical-align: middle; } .site-header__cart-title { margin-right: 3px; } .site-header__cart-count { display: flex; align-items: center; justify-content: center; position: absolute; right: 3px; top: 10px; font-weight: 700; color: #fff; border-radius: 50%; min-width: 1em; height: 1em; } .site-header__cart-count span { font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: .6875em; line-height: 1; } .site-header__menu { display: none; } .announcement-bar { z-index: 10; position: relative; text-align: center; border-bottom: 1px solid transparent; padding: 2px; } .announcement-bar__link { display: block; } .announcement-bar__message { display: block; padding: 11px 22px; font-size: .88889em; font-weight: 700; } .article-listing { padding-top: 55px; margin-bottom: 55px; } .article { margin-bottom: 55px; } .article__meta { margin-bottom: 22px; } .article__title { margin-bottom: 11px; } .article__author { margin-right: 10px; } .article__author, .article__date { display: inline-block; margin-bottom: 22px; } .template-article .article__author, .article__meta .article__author, .template-article .article__date, .article__meta .article__date { margin-bottom: 0; } .article__tags { margin-bottom: 27.5px; } .article__tags--list { font-style: italic; } .article__link { display: block; } .article__link:not([disabled]):hover .article__grid-image-wrapper:before, .article__link:focus .article__grid-image-wrapper:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #685858; opacity: .4; z-index: 1; } .article__link--fixed-overlay:not([disabled]):hover .article__grid-image-wrapper:before, .article__link--fixed-overlay:focus .article__grid-image-wrapper:before { bottom: auto; } .article__meta-buttons li:first-child { margin-right: 1.5rem; } .article__comment-count { border-color: transparent; border-bottom-color: currentColor; padding: 0 0 3px; } .article__comment-count:not([disabled]):hover, .article__comment-count:focus { border-color: transparent; border-bottom-color: currentColor; } .rte--article { margin-bottom: 20px; } .grid--blog { margin-bottom: -55px; overflow: auto; } .article__grid-tag { margin-right: 10px; } .article__grid-meta { margin-bottom: 55px; } .article__grid-excerpt { margin-bottom: 17.5px; } .article-image-wrapper.article__grid-image-wrapper { margin-left: 0; margin-right: 0; } .article__grid-image-wrapper { margin: 0 auto; position: relative; width: 100%} .article__grid-image-wrapper--small { width: 50%} .article__grid-image-container { display: block; clear: both; position: relative; margin: 0 auto 27.5px 0; min-height: 1px; width: 100%; height: 100%} .article__grid-image-container img { display: block; } .article__grid-image { margin: 0 auto; width: 100%} .js .article__grid-image { position: absolute; top: 0; } .article__list-image-container { display: block; clear: both; position: relative; min-height: 1px; width: 100%; height: 100%} .article__list-image-wrapper { width: 100%; margin-bottom: 20px; } .article__list-image { margin: 0 auto; width: 100%; position: absolute; top: 0; } .blog-card { margin-bottom: 30px; margin-top: 30px; } .blog-card__image-wrapper { margin-bottom: 30px; padding-bottom: 100%; position: relative; width: 100%} .blog-card__image-wrapper:hover .blog-card__title-wrapper:before, .blog-card__image-wrapper:focus .blog-card__title-wrapper:before { opacity: .8; } .blog-card__image-wrapper:focus { opacity: 1; } .blog-card__image-wrapper--small { padding-bottom: 50%} .blog-card__image-wrapper--medium { padding-bottom: 75%} .blog-card__title { color: #fff; font-size: 1.44444em; hyphens: auto; margin-bottom: 11px; padding: 0 5px; position: absolute; text-align: center; text-shadow: 0 0 4px rgba(0, 0, 0, .4); transition: .1s cubic-bezier(.44, .13, .48, .87); top: 50%; width: 100%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog-card__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .blog-card__overlay { position: relative; display: block; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; } .blog-card__title-wrapper:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #685858; opacity: .4; } .blog-card__excerpt { margin-bottom: 17.5px; } .blog-card__comment-count { border-color: transparent; border-bottom-color: currentColor; padding: 0 0 3px; } .blog-card__comment-count:not([disabled]):hover, .blog-card__comment-count:focus { border-color: transparent; border-bottom-color: currentColor; } .cart-popup-wrapper { display: block; position: fixed; width: 100%; background-color: #fff; z-index: 9999; border: 1px solid #ebebeb; transform: translateY(0); transition: all .4s cubic-bezier(.29, .63, .44, 1); } }.cart-popup-wrapper--hidden { display: none; transform: translateY(-100%); } .cart-popup { padding: .2rem 1.5rem 1rem; } .cart-popup__header { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #ebebeb; } .cart-popup__heading { flex-grow: 1; padding: .5rem 0rem; margin: 0; color: #333232; line-height: 1.2em; letter-spacing: 0; text-transform: uppercase; font-size: .88889em; font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif; font-weight: 400; } .cart-popup__close { padding: .9rem; margin-right: -.9rem; background-color: transparent; border: none; line-height: 0; } .cart-popup__close .icon-close { width: 1rem; height: 1rem; fill: currentColor; } .cart-popup__close:hover, .cart-popup__close:focus { color: #606060; } .cart-popup-item { display: flex; margin: 1rem 0; } .cart-popup-item__image-wrapper { position: relative; flex-basis: 18%; flex-shrink: 0; margin-right: 1rem; text-align: center; } .cart-popup-item__image { display: block; margin: 0 auto; max-height: 95px; } .cart-popup-item__image--placeholder { position: relative; width: 100%} .cart-popup-item__description { display: flex; color: #333232; flex-basis: 100%; justify-content: space-between; line-height: 1.2rem; } .cart-popup-item__title { color: #3a3a3a; font-size: 1.11111em; font-family: Helvetica, Helvetica Neue, Arial, Lucida Grande, sans-serif; font-weight: 700; margin-bottom: 0; } .product-details { margin-top: .25rem; font-size: .88889em; } .product-details__item { margin-bottom: .2rem; line-height: 1.5; } .product-details__item:last-child { margin-bottom: 0; } .product-details__item--variant-option+.product-details__item--property { margin-top: .8rem; } .product-details__property-label { font-weight: 700; } .cart-popup-item__quantity { flex-basis: 30%; flex-shrink: 0; margin-left: 1rem; text-align: right; font-size: .88889em; } .cart-popup__cta-link { width: 100%} .cart-popup__dismiss { margin-top: .5rem; text-align: center; } .cart-popup__dismiss-button { font-size: .88889em; } .srch{ font-family: 'Poppins'; padding:1rem; height:40px; font-size:1rem; width:400px; } .srch2{ font-family: 'Poppins'; padding:1rem; height:40px; font-size:1rem; width:400px; } .slick-slide img { display: block; padding: .5rem; } .ot-wrapper-discount-code{ display:none;} .icofont-check-circled{ font-size:2rem; margin-right:1.7rem; margin-top:-.5rem} .icofont-fast-delivery{ font-size:3rem ; margin-top:-.5rem} .icofont-user-alt-3{ font-size: 2rem;} .form-message--success { text-align: center; /* border: 1px solid #c73631; */ color: #ffffff; display: block; width: 100%; font-weight: 600; background-color: #ce0102; border-radius: 1rem; } .usf-sr-container .usf-sku, .usf-sr-container .usf-part{ color:#000 !important;} .usf-add-to-cart-btn { background: rgb(206 1 2) !important; color: #fff; border: none !important; } .btn-search { border-radius: 0; position: absolute; right: 0; } .cart-popup{display:none;} .cart { color: #333232; /* padding: 1.5rem 1rem !important; */ width: 40px; height: 39px; padding: .6rem !important; } .navbar{ padding:1rem 0 !important; } .prod-price{ display:inline-block;} .crossed{ font-size:1.3rem; font-weight:bold; text-decoration:line-through;} .promo-prices li{ display:block; float:left; font-size:1.2rem} .promo-prices li:last-child{margin-left:1rem; em; color:#7d7d7d; font-weight:600; margin-top:.4rem; } .sale { position: absolute; display: block; right: 0; top: 0; background-color: #ce0102; color: #fff; padding: 0.5rem !important; border-radius:0 5px 0 0; z-index:9999; } ul.promo-link li{ display:block; text-align:left;} ul.promo-link li a{font-weight:600; color: #000; border-radius:3px 3px 0 0; position:relative; background-color:#f1f1f2;} ul.promo-link li a:hover, ul.promo-link li a:focus{ color: #fff; display: block; background-color: #ce0102; border-radius: 5px; } ul.promo-link li a:hover::after, ul.promo-link li a:active::after{ position: absolute; color: #fff; content: ""; display: block; background-color: #fff; height: 10px; width: 10px; border-radius: 5px; right: 5px; top: 25%; } .promo-products{ display:none;} .promo-title{margin:0 0 3rem 0;} #Automotive{ display:block;} .no-promo{ text-align: center; padding: 2rem; width: 100%; } .product_detail_slider { -ms-flex: 0 0 35.8%; flex: 0 0 100%; max-width: 100%; } .product-q li{ display:inline-block; } .nav-item:nth-child(6) a{ /* background-color:#ce0102; color:#fff !important; */ padding: 0.5rem !important; margin-top: -0.5rem; border-radius: 5px; animation-name: bgAnim; animation-duration: 1.5s; animation-iteration-count: infinite; } @keyframes bgAnim2 { 100% { color:#fff; /*background: #ce0102;*/ background: #fff; } 100%{ /*color:#ce0102;*/ color:#000; background: #fff; }; } @media (max-width:48em){ html { font-size: 85% } .stickyNew{ position:relative !important; } #gtranslate_wrapper{ display: block; position: absolute !important; top: 0px; left: 2.2rem; z-index: 2147483647; } h3{ font-size:1.5rem;} body{padding: 0 1rem;} .container{padding: 1rem 0;} .slider-caption{top:15%;} .com-info {font-size: 1.5rem;} .icon-large{font-size: 1.5rem; } .number{font-weight: 200; font-size: 2rem; } .p-sm{padding: 1rem 0;} .sm-center{float: none;} .navbar-expand-lg .navbar-nav .nav-link{ padding: 1rem;} .navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after{ display: none; } .logo-title{ font-size:.75rem;} .logo-slogan, .language{font-size: .8rem;} .slider-caption{font-size:.8rem; line-height: 1; position: absolute; top: 10%; left: 0; width: 100%;height: 100%; padding: 1rem; } .slider-caption .container h5{font-size: 1rem;} .carousel-caption{ left: 10%; top: 0; text-align: center;} .com-info {font-size: .8rem;} .com-info .col:first-child{ border-right:1px solid #808184;} .icon-large{font-size: 1.4rem; } .number{font-weight: 200; font-size: 1.2rem;} .com-info-links{background-image: linear-gradient(60deg, #231f20 70%, #ce0102 20%); margin-top: 1rem;} .link-large{font-size: 1rem; color: #fff !important; padding: 0 1rem;} .link-large:hover{ transition: .3s all; opacity: .5; padding: 0 2rem; } .navbar-expand-lg .navbar-nav .nav-link{ text-align:center} .btn-red {font-size: .9rem;} .vehicle_fitment .title h3{ text-align:left;} .contact-f li{ padding: .5rem 0;} .nav-fill .nav-item { font-size: .9rem; } .social { position: absolute; left: 45%; transform: translateX(-45%); } table.vehicle_fitment_details td h3{ font-size:1rem;} .breadcrubs-wrapper { left: 40%; transform: translateX(-35%); } .breadcrumb{ padding: 0} .new-dev-wrap{ background-color:#fff;} ul.months li a { display: block; background-color: #f1f1f2; padding: 0.5rem 1rem; border-radius: 5px; float: left; margin: 3px; } .navbar-toggler { position: absolute; top: -55px; right: 1px; border: 1px solid transparent; border-radius: 0; } .new-dev-table thead tr th, .new-dev-table tbody tr td{ padding:.5rem} .table { width: 100%; margin-bottom: 1rem; color: #212529; font-size: .8rem; } .button.navbar-toggler{ position: absolute; top: -80px; right: 1px; } .cart-popup-wrapper { width: 23rem; right: 0; } .cart { position: absolute; padding: 0.1rem !important; right: 60px; background-color:transparent; } .account{display:block; position:absolute; right:100px; } .logo{ height:2.5rem;} .icofont-user-alt-3 { font-size: 1.4rem; margin-top:3px; } .icofont-cart{font-size: 1.7rem;} .search { margin-left: 15px; } .btn-search { border-radius: 0; position: absolute; right: 0; padding: 0.85rem 1rem; height:40px; } .product_search{ margin-top:2rem;} /* ul.promo-link{ position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; text-align:left; padding:2rem 0; z-index:99999; } ul.promo-link li{ display:inline-block; text-align:center;} ul.promo-link li a{margin:0 0.2rem } */ .new-t-wrap {background-color:transparent; padding:0} .promo-page{ background-color: #f1f1f2; padding-bottom: 350px !important; } .promo-banner{ margin:15px; border-radius:15px; display:none; } .promo-inner{ border-radius:15px; } .promo-product{ width:100%; overflow:hidden; border-radius: 15px; border: none; background-color: #fff; padding:0; margin-bottom:15px !important; } .promo-product .sale{ left:0; right:auto; font-size: .8rem; font-weight: bold; } .promo-product div{ padding:0;} .promo-product-img-wrapper{ float:left; width:30%; } .promo-product-img{ padding:0; } .promo-product-detail{ width:70%; float:left; padding: 1rem 0 1rem 1.5rem !important } .promo-product-number{ letter-spacing:normal; } .promo-prices{ position:absolute; bottom:1rem; } .promo-prices .price{ margin-left:1.5rem; } .promo-form{ position: relative; padding-right: 15px; } .search-promo{ border-radius: 2rem; background-color:#fff; border: 1px solid #000; font-family: poppins; font-size: 1.2rem; padding: 1.2rem; } .btn-search-promo{ top: 0; background-color: transparent; padding: 0.2rem 0.7rem; height:0; } .btn-search-promo .icofont-search-1{ color:#000; font-size: 1.2rem; } .top-menu{ position:fixed; padding:1rem 0 .8rem; top:0; left:0; width:100%; border-bottom:1px solid #f1f1f2; background-color:#fff; z-index:9999; } .top-nav-btn span, .top-nav-btn span::after, .top-nav-btn span::before{ position:absolute; display: block; height: 3px; background-color: #000; width: 30px; border-radius: 25%; } .top-nav-btn span::after, .top-nav-btn span::before{ content:""; } .top-nav-btn span::after{ top:10px } .top-nav-btn span::before{ bottom:10px } .bottom-toggle{ cursor:pointer; } .bottom-menu::before{ content: ""; display: block; width: 100%; background-image: linear-gradient(359deg , white 40%, transparent); bottom: 0; left: 0; position: fixed; height: 200px; z-index: -1; } .bottom-menu-row .col-6{ padding:0 } .bottom-menu-row .col-2{padding:0; max-width:14.8% } .bottom-menu{ position: fixed; left: 0; width: 100%; bottom: 0; background-color: #fff; padding: 1rem 2.5rem; z-index:9999; border-top:1px solid #000; } .bottom-icon{ font-size:2rem; text-align:center; } .promo-cart-count{ background-color: #aaaaaa; width: 15px; height: 15px; padding: 0.2rem 0.35rem; left: 35px; top: 0; } .promo-filter-menu{ display: block; position: fixed; top: 0; background-color: #fff; height: 100%; left: -300px; padding: 15px; z-index: 9999; opacity:0; } .promo-filter-nav{ } .promo-filter-nav li a{ padding: 1rem; display: block; border-bottom: 1px solid #f1f1f2; } /* .bottom-toggle{ height:50px; width:50px; position:fixed; top:15px; left:15px;} */ .navigation__checkbox{display:none;} .navigation__button{ position: absolute; top: 15px; left:35px; background-color:#fff; z-index:9999;} .navigation__checkbox:checked ~ .promo-filter-menu{ opacity: 1; left:0; } .navigation__checkbox:checked ~ .navigation__button{ left:230px } .navigation__checkbox:checked + .navigation__button .navigation__icon{ background-color: transparent; } .navigation__checkbox:checked + .navigation__button .navigation__icon::before{ top: 0; transform: rotate(45deg); } .navigation__checkbox:checked + .navigation__button .navigation__icon::after{ transform: rotate(-45deg); top: 0; } .promo-filter-menu:focus, .promo-filter-menu:active{ left:0} .mobile-search { display: block !important; } } #usf_container .h4.grid-view-item__title.product-card__title { min-height:none; height:auto !important; padding: 0 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit !important; } /* Put this on the element you jump to (e.g.,
) */ .anchor-target { /* If you have a sticky header, set its height here */ scroll-margin-top: 220px; /* adjust to your header height */ } /* Add temporary space *after* the target only when it's the URL hash target */ .anchor-target:target::after { content: ""; display: block; height: 50px; /* space so it won’t be hidden near the footer */ } @media (min-width:48em) and (max-width:80em) { html { font-size: 60% } .stickyNew{ position:relative !important;} #gtranslate_wrapper{ display: block; position: absolute !important; top: 0px; left: 2.2rem; z-index: 2147483647; } .navbar{ padding:0} .account{display:block; position:absolute; right:4rem;} .carousel{margin:0;} .search-form__input-wrapper { width: 100%; } .search { margin-left: 15px; } header .container{ padding:2rem 0; } .logo-title{ font-size:1rem;} .logo-wrapper div { font-size: .8rem; } .navbar-expand-lg .navbar-nav .nav-link { padding: 1rem; text-align: center; } .table { width: 100%; margin-bottom: 1rem; color: #212529; font-size: 1rem; } .breadcrubs-wrapper { left: 50%; transform: translateX(-50%); } ul.months li a { display: block; background-color:rgba(255,255,255,.5); float:none; padding: 0.5rem 1rem; border-radius: 5px; } .new-dev-wrap{ background-color:#f1f1f2;} .new-dev-table thead tr th, .new-dev-table tbody tr td{ padding:1rem} .iso{width:30px} .navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after{ display:none;} .cart-popup-wrapper { width: 23rem; right: 0;} .cart { position: static; left: 0; padding: 1rem !important; } .product_search{ margin-top:2rem;} .btn-search { border-radius: 0; position: absolute; right: 0; padding: 1.2rem 1rem !important; } } @media (min-width:80em) and (max-width:102em) { html { font-size: 80% } .slider-active .slick-arrow i { width: 45px; height: 45px; line-height: 45px; } .section-title .title { font-size: 40px; line-height: 55px; } .header-top .header-info ul li + li { margin-left: 20px; } .header-top .header-social ul li + li { margin-left: 10px; } .navigation .navbar .navbar-brand img { width: 126px; } .navigation .navbar .navbar-nav .nav-item a { padding: 0px 12px; line-height: 1.5; } .navigation .navbar .navbar-btn { margin-left: 35px; } .single-slider .slider-image { height: 700px; } .slider-two-active .slick-arrow i { width: 45px; height: 45px; line-height: 45px; } .single-slider-two { padding-top: 160px; padding-bottom: 180px; } .single-slider-two .single-slider-content .slider-title { font-size: 62px; } .single-slider-two .single-slider-content .text { font-size: 18px; line-height: 27px; } .single-features { padding: 40px 10px 35px; } .single-features .features-content .features-title a { font-size: 20px; } .about-content .text { margin-top: 10px; } .about-content .about-form { margin-top: 25px; } .about-two-content .about-list .list-icon i { font-size: 16px; } .about-two-content .about-list .list-content p { font-size: 16px; } .thumbnail-four-active .slick-arrow { left: -305px; } .thumbnail-four-active .slick-arrow.next { left: -240px; } .thumbnail-four-active .slick-arrow i { width: 45px; height: 45px; line-height: 45px; } .call-action .action-content .action-title { font-size: 30px; } .page-content .page-title { font-size: 62px; } .department-details .details-title .title { font-size: 40px; } .department-sidebar .sidebar-title .title { font-size: 20px; } .sidebar-department-download .department-download ul li a { font-size: 14px; } .sidebar-department-download .department-download ul li a i { margin-right: 5px; } .single-blog-post .blog-post-content { padding: 25px; } .single-blog-post .blog-post-content .post-meta ul li { margin-right: 20px; } .single-blog-post .post-thumb-active .slick-arrow i { width: 45px; height: 45px; line-height: 45px; } .blog-sidebar .sidebar-title .title { font-size: 20px; } .blog-details .blog-details-content .blog-details-title { font-size: 26px; } .blog-details .blog-details-content .post-meta ul li { margin-right: 20px; } .contact-info .social li { margin-left: 12px; } .faq-content .faq-collapse .accordion .card .card-header { padding: 15px 20px; } .faq-content .faq-collapse .accordion .card .card-header a { font-size: 16px; } .faq-content .faq-collapse .accordion .card .card-body { padding: 0 20px 15px; } .faq-call { margin-left: 25px; } .faq-call .faq-content i { font-size: 70px; line-height: 60px; } .faq-call .faq-content .faq-title { font-size: 40px; } .table { width: 100%; margin-bottom: 1rem; color: #212529; font-size: 1rem; } .breadcrubs-wrapper { left: 50%; transform: translateX(-50%); } ul.months li a { display: block; background-color:rgba(255,255,255,.5); float:none; padding: 0.5rem 1rem; border-radius: 5px; } .new-dev-wrap{ background-color:#f1f1f2;} .new-dev-table thead tr th, .new-dev-table tbody tr td{ padding:1rem} .navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after{ display:none;} } @media (min-width:102em) and (max-width:128em) { html { font-size: 80% } .table { width: 100%; margin-bottom: 1rem; color: #212529; font-size: 1rem; } .breadcrubs-wrapper { left: 50%; transform: translateX(-50%); } ul.months li a { display: block; background-color:rgba(255,255,255,.5); float:none; padding: 0.5rem 1rem; border-radius: 5px; } .new-dev-wrap{ background-color:#f1f1f2;} .new-dev-table thead tr th, .new-dev-table tbody tr td{ padding:1rem} .btn-search { border-radius: 0; position: absolute; right: 0; padding: 0.75rem 1rem !important; } } @media screen and (max-width: 480px) { .mobile-search { display: block; !important } /* show it on small screens */ .switcher { display: none; !important } /* show it on small screens */ } .tp-content-holder ul {padding-left:20px;} html body {text-align:inherit;} @media only screen and (max-width:767px) { .lp-main-container .lp-form-holder, .lp-main-container .lp-text-image-holder, .lp-product-holder {padding: 20px 0 !important;} .product-btn {margin-top:20px;} body .lp-cta-holder .cta-column .cta-content h5 {font-size:18px;padding: 0 10px;} .tp-content-holder {padding: 0 15px;} .pl-5, .px-5 {padding-left: 1.5rem!important; padding-right: 1.5rem!important;} .logo-global{padding-left: 0rem; font-size: 0.7rem; font-weight: 500; width: 72%;} .logo-global p span{ float: left; color: #000; font-style: italic; font-size: 0.7rem;} }