body {
font-family: "Roboto", sans-serif;
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
a {
display: inline-block;
}
a,
button {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
}
p {
font-size: 15px;
line-height: 24px;
font-weight: 400;
}
.support-secN{
color: red;
}
.btn-comm { color: #fff; text-align: center;
font-weight: 400;
font-size: 15px;
border-radius: 5px;
display: inline-block;
}
.btn-comm i {
color: #ffcc00;
margin-left: 5px;
font-size: 12px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.btn-comm:hover {
text-align: center;
color: #ffcc00;
}
.btn-comm:hover i {
margin-left: 10px;
}
.btn-comm-lg {
background: #000;
color: #fff;
padding: 5px 25px;
border: 1px solid #616161;
text-align: center;
font-weight: 400;
font-size: 14px;
letter-spacing: .3px;
border-radius: 50px;
display: inline-block;
width: auto !important;
}
.btn-comm-lg:hover {
background:#ffcc00;
color:#000;
}
.btn-comm-brdr {
background: #000;
color: #fff;
padding: 6px 16px;
border: 1px solid #616161;
text-align: center;
font-weight: 300;
font-size: 14px;
border-radius: 5px;
display: inline-block;
width: auto !important;
}
.btn-comm-brdr i {
font-size: 14px;
margin-left: 5px;
color: #ffcc00;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.btn-comm-brdr:hover {
background: #000;
color: #fff;
border-color: #ffcc00;
}
.btn-comm-brdr:hover i {
margin-left: 10px;
color: #fff;
}
.btn-comm-sm {
padding: 4px 10px;
font-size: 14px;
}
.btn-comm-brdr-lft:hover i {
margin-right: 10px;
color: #000;
}
.btn-corners {
display: flex;
align-items: center;
justify-content: space-between;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #ffcc00;
}
.scrollbar-cusH {
scrollbar-color: #ce0101 rgba(255, 255, 255, 0.1) !important;
scrollbar-height: thin !important;
}
.scrollbar-cusH::-webkit-scrollbar {
height: 5px;
}
.scrollbar-cusH::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
.scrollbar-cusH::-webkit-scrollbar-thumb {
background-color: #ffcc00;
outline: 1px solid #2a2929;
}
.scrollbar-cusH::-webkit-scrollbar {
height: 5px;
}
.scrollbar-cusH::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.scrollbar-cusH::-webkit-scrollbar-thumb {
background-color: #ffcc00;
outline: 1px solid #ddd;
}
.scrollbar-cus::-webkit-scrollbar {
width: 6px;
}
.scrollbar-cus::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.scrollbar-cus::-webkit-scrollbar-thumb {
background-color: #ffcc00;
outline: 1px solid #ffe787;
}
.scrollbar-cus::-webkit-scrollbar {
width: 6px;
}
.scrollbar-cus::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.scrollbar-cus::-webkit-scrollbar-thumb {
background-color: #ffcc00;
outline: 1px solid #ffe787;
}
.scrollbar-cus {
scrollbar-color: #ffcc00 rgba(0, 0, 0, 0.1) !important;
scrollbar-width: thin !important;
}
.container-custom {
max-width: 1450px;
width: 90%;
}
.section-heading {
font-size: 24px;
font-weight: 500;
color: #000;
}
.section-heading span {
color: #ffcc00;
font-weight: 500;
}
.section-headingY {
font-size: 35px;
font-weight: 300;
color: #ffcc00;
}
.box-heading {
font-size: 18px;
font-weight: 400;
}
.heading-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
header.header-sec {
position: sticky;
top: 0;
z-index: 9999;
}
.topbar-search-sec {
overflow: hidden;
position: relative;
}
.topbar-search-btn {
position: absolute;
top: -10px;
right: 0px;
background: transparent;
z-index: 5;
color: transparent;
border: 0;
}
.topbar-sec {
background: #000;
padding: 15px 0;
}
.topbar-sec .container-fluid {
display: flex;
align-items: center;
justify-content: space-between;
}
.topbar-rgt-sec {
display: flex;
align-items: center;
flex: 0.3;
justify-content: flex-end;
}
.topbar-links-sec {
margin-right: 15px;
}
.topbar-links-sec ul {
display: flex;
}
.topbar-links-sec ul li i {
font-size: 20px;
}
nav ul.topbar-links-list li a {
color: rgba(0, 0, 0, 1);
font-size: 16px;
font-weight: 600;
display: inline-block;
padding: 10px 8px;
}
nav ul.topbar-links-list a:hover:before {
display: none;
}
.topbar-links-sec li a:hover {
color: rgba(0, 0, 0, 1);
}
.topbar-logo-mobile {
display: none;
}
.topbar-search-deskN {
padding: 6px 8px;
background: transparent;
border-radius: 2px;
margin-right: 8px;
}
.search-desk-icon {
cursor: pointer;
}
.topbar-searchDesk-input {
position: fixed;
width: 100%;
left: 0; top: -280px;
opacity: 0;
pointer-events: none;
background: #1a1a1a;
padding: 15px 0;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.topbar-searchDesk-input.open {
animation: searchSlideIn 0.3s ease-in-out forwards;
}
@keyframes searchSlideIn {
0% {
top: -80px;
opacity: 0;
}
100% {
top: 118px;
opacity: 1;
pointer-events: unset;
}
}
.topbar-searchDesk-inputGrp {
width: 100%;
margin: 0 auto;
position: relative;
background: #111111;
border: 1px solid #4e4d4d;
}
.topbar-searchDesk-inputGrp input {
border: 0;
box-shadow: unset;
width: 100%;
background: transparent;
height: 100%;
color: #fff;
padding: 10px 80px 10px 15px;
}
.topbar-searchDesk-inputGrp input:focus {
box-shadow: unset;
outline: ;
}
.topbar-searchDesk-inputGrp input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
.topbar-searchDesk-inputGrp input::placeholder {
color: rgba(255, 255, 255, 0.3);
}
.topbar-searchDesk-inputGrp .btn-search {
position: absolute;
top: 0;
right: 0;
border: 0;
height: 100%;
padding: 0px 15px;
background: #ffcc00;
font-size: 16px;
font-weight: 600;
}
.topbarN-sec {
background: #eff2f7;
padding: 5px 0;
}
.topbarN-container {
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
}
.topbarN-lft-sec ul {
display: flex;
align-items: center;
}
.topbarN-lft-sec li {
margin: 0 5px;
}
.topbarN-lft-sec li:first-child a {
border-right: 1px solid rgba(255, 255, 255, 0.4);
padding-right: 7px;
}
.topbarN-lft-sec li a {
color: #424242;
font-size: 13px;
font-weight: unset;
letter-spacing: .2px;
}
.topbarN-lft-sec li a i {
font-size: 10px;
color: #424242;
margin-right: 2px;
}
.topbarN-lft-sec li a:hover {
color: #000;
}
.topbarN-lft-sec li a:hover i {
color: #fff;
}
.socialLinks-topbarN {
display: flex;
align-items: center;
}
.socialLinks-topbarN a{
font-size: 17px;
color: #000;
padding: 2px 5px;
}
.socialLinks-topbarN a .fa-facebook-f{
font-size: 13px;
}
.socialLinks-topbarN a .fa-instagram-square{
font-size: 15px;
}
.socialLinks-topbarN a .fa-youtube{
font-size: 14px;
}
.socialLinks-topbarN a:hover {
color: #ffcc00;
}
.navbar-cus {
background: #000;
border-bottom: 1px solid #ffcc00;
}
.navbar-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.navbar-cus ul {
display: flex;
align-items: center;
justify-content: center;
}
.navbar-cus ul li a {
display: inline-block;
font-size: 15px;
font-weight: 400;
color: #fff;
padding: 30px 20px;
text-align: center;
position: relative;
}
.navbar-cus ul li a:before {
content: "";
position: absolute;
top: 98%;
left: 0;
width: 0%;
height: 2px;
background: #ffcc00;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.navbar-cus ul li:hover a:before {
width: 100%;
}
.navbar-cus ul li a:hover {
color: #fff;
}
.navbar-cus .drp {
position: relative;
}
.navbar-cus .drp i {
color: #fff;
font-size: 10px;
position: absolute;
top: 36px;
right: 5px;
}
.navbar-cus .drp-menu {
position: fixed;
width: 100%;
top: -320px;
left: 0;
background: #222;
padding: 30px 0;
opacity: 0;
pointer-events: none;
border-top: 1px solid #fc0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.navbar-cus .drp-menu .container {
display: flex;
justify-content: center;
}
.navbar-cus .drp-menu li a {
padding: 20px 5px;
}
.navbar-cus .drp-menu li a img {
display: block;
margin: 0px auto 5px;
height: 35px;
}
.navbar-cus .drp:hover .drp-menu {
animation: slideInn 0.5s ease-in-out forwards;
}
@keyframes slideInn {
0% {
top: -320px;
opacity: 0;
}
80% {
top: 180px;
opacity: 0;
}
100% {
top: 118px;
opacity: 1;
pointer-events: unset;
}
} .accessories-megamenu {
position: relative;
}
.acc-sub-megamenu {
width: 100%;
position: fixed;
left: 0;
top: 89px;
background: #161515;
padding: 20px 0;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.8);
display: none;
} .accessories-megamenu .drp-menu .container-custom {
max-width: 1280px;
margin: 0 auto;
flex-wrap: wrap;
height: 450px;
overflow-y: scroll;
}
.accessories-megamenu .drp-menu div[class ^= "col-"] {
margin-bottom: 25px;
}
.navbar-cus div.acc-submenu-box a {
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 5px 0;
font-size: 14px;
font-weight: 400;
text-align: left;
border: 1px solid transparent;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
div.acc-submenu-box a:hover { color: #ffcc00 !important;
}
.navbar-cus ul li:hover .acc-submenu-box a:before {
display: none;
}
div.acc-submenu-box a img {
width: 40px;
height: 40px;
object-fit: contain;
margin-right: 15px;
opacity: 0.8;
}
div.acc-submenu-box span {
display: inline-block;
}
.accessories-megamenu > span {
position: absolute;
top: 18px;
right: 2px;
cursor: pointer;
width: 15%;
height: 84%;
text-align: left;
display: inline-block;
}
.accessories-megamenu > span:after {
position: absolute;
top: 20px;
right: 7px;
content: "";
border-color: transparent #fff #fff transparent;
border-style: solid;
border-width: 0 1px 1px 0;
display: block;
height: 6px;
transform: rotate(45deg);
transition: border 0.3s ease 0;
width: 6px;
}
.accessories-megamenu .box-heading {
color: #ffcc00;
font-weight: 500;
font-size: 16px;
margin-bottom: 10px;
}
.accessories-megamenu-row {
margin-left: 0px;
}
.acc-submenu-cols {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.acc-submenu-cols:first-child {
flex: 0 0 auto;
max-width: 100%;
}
.acc-submenu-cols:nth-child(2) {
flex: 2;
}
.acc-submenu-cols:last-child {
border-right: 0;
flex: 1;
margin-left: 8%;
}
.acc-submenu-box {
padding: 0;
}
.topbar-searchMob-sec {
display: none;
}
ul.navbar-cus-mob {
display: none;
}
.cart-topbar a {
position: relative;
}
.cart-topbar a span {
position: absolute;
top: 5px;
right: -2px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #ffcc00;
color: #000;
line-height: 15px;
text-align: center;
font-size: 12px;
}
.bar-iconMob {
display: none;
}
.topbar-logo {
flex: 0.3;
}
.topbar-logo img {
height: 22px;
object-fit: contain;
}
.topbar-search-desk {
flex: 0.4;
}
.topbar-search-input {
width: 100%;
border: 1px solid #787878;
border-radius: 10px;
padding: 0px;
}
.topbar-search-input input {
width: 93%;
border: 0;
box-shadow: unset;
outline: 0;
background: transparent;
padding: 8px 0px 8px 15px;
color: #fff;
}
.btn-search-desk {
background: transparent;
border: 0;
outline: 0;
text-align: center;
font-size: 18px;
color: #fff;
}
.bannerH-slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
.categoryH-sec {
margin: 30px auto 0;
padding: 0 15px;
}
.categoryH-boxInn {
position: relative;
overflow: hidden;
height: 721px;
}
.categoryH-boxInn a {
position: relative;
display: block;
height: 100%;
}
.categoryH-boxInn img {
height: 100%;
width: 100%;
object-fit: cover;
}
.categoryH-box-content {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
color: #fff;
text-align: center;
width: 100%;
}
.categoryH-box:last-child .categoryH-box-content {
top: 80%;
}
.categoryH-box-contentRgt {
left: unset;
right: 30px;
transform: unset;
text-align: right;
}
.categoryH-box-contentlft {
left: 30px;
transform: unset;
text-align: left;
}
.categoryH-box-content .box-heading {
margin-bottom: 15px;
font-size: 22px;
}
.categoryH-box {
margin-bottom: 30px;
}
.categoryH-box:last-child {
margin-bottom: 0;
}
.latest-products-slider {
width: 96%;
margin: 30px auto 0;
}
#latestProducts {
display: none;
}
#latestProducts.slick-initialized {
display: block;
}
#ourProductsSlider {
width: 96%;
margin: 30px auto 0;
display: none;
}
#ourProductsSlider.slick-initialized {
display: block;
}
.product-list-sec {
width: 98%;
margin: 20px 0;
padding: 0 15px;
}
.pList-box-img {
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
background: #eff2f75e;
}
div.pList-box-img img {
height: 250px;
object-fit: contain;
margin: 0 auto;
}
.pList-box-content {
text-align: center;
padding: 15px;
color: #2e2e2e;
}
.pList-box-content .box-heading {
font-size: 16px;
line-height: 18px;
}
.pList-price {
font-size: 18px;
}
.pList-price i {
font-size: 16px;
}
.pList-price span {
font-weight: 700;
}
.pList-box-content .btn-comm-brdr img {
display: inline-block;
}
.pList-box-inn a {
display: inline-block;
width: 100%;
}
section.product-listP {
padding: 40px 20px;
width: 100%;
}
section.product-listP .pList-box {
margin-bottom: 30px;
}
section.product-listP .pList-box-img img {
height: 200px;
margin: 0 auto;
}
.banner-between-sec {
margin: 40px 0;
}
.blogH-sec {
margin: 30px 0;
}
.blog-box-inn {
border: 0px solid #f6f6f9;
background: #f6f6f9;
border-radius: 3px;
}
.blog-box-img img {
width: 100%;
height: auto;
}
.blog-box-content {
padding: 20px;
color: #4a4a4a;
}
.blog-box-info {
display: flex;
margin: 8px 0;
}
.blog-box-info li {
font-size: 13px;
color: #979696;
font-weight: 500;
}
.blog-box-info li:nth-child(2) {
margin: 0 3px;
}
.instaH-sec {
margin: 40px 0;
}
.instaH-sec img {
width: 60%;
margin: 30px auto 0;
display: block;
}
.subscribe-sec {
margin: 40px 0 0;
min-height: 350px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
background: url(//antesports.com/wp-content/themes/storefront/assets/theme-3/images/subscribe-bg.jpg) no-repeat center;
background-size: cover;
color: #fff;
}
.subscribe-sec .section-heading {
color: #fff;
margin-bottom: 30px;
}
.subscribe-input {
width: 40%;
flex: 0 0 40%;
max-width: 40%;
}
.subscribe-input .form-control {
background: rgba(0, 0, 0, 0.5);
color: #fff;
border: 1px solid #ffcc00;
border-radius: 0;
padding: 10px 15px;
height: auto;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.subscribe-input .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.subscribe-input .form-control::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.subscribe-input .form-control:focus {
border-color: #fff;
box-shadow: unset;
}
.footer-sec {
padding: 50px 0 20px;
color: #fff;
background: #1a1a1a;
}
.footer-sec p {
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #fff;
}
.contactInfo-footer h2 {
font-weight: 500;
font-size: 14px;
margin-bottom: 8px;
}
.contactInfo-footer h2 i {
color: #ffcc00;
font-size: 12px;
}
.contactInfo-content-cols a i{
color: #ffcc00;
font-size: 12px;
margin-right: 3px;
}
.contactInfo-content-cols p{
margin-bottom: 0;
}
.contactInfo-content-cols {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.contactInfo-footer a {
color: #fff;
}
.contactInfo-content-cols p:nth-child(1) {
margin-right: 5px;
padding-right: 5px;
}
.socialLinks-footer {
display: flex;
align-items: center;
justify-content: flex-start;
}
.socialLinks-footer li {
margin: 0 5px;
}
.socialLinks-footer li a {
color: #fff;
font-size: 17px;
display: block;
}
.socialLinks-footer li a:hover {
color: #ffcc00;
margin-top: -5px;
}
.footer-linksHeading {
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.quick-linksFooter li a {
padding: 10px 0;
font-weight: 400;
display: block;
border-bottom: 1px solid #2a2a2a;
color: #fff;
font-size: 14px;
}
.quick-linksFooter li a:hover {
color: #ffcc00;
border-color: #ffcc00;
}
.footerNewsletter-input-grp {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 5px;
position: relative;
}
.footerNewsletter-input-grp input {
border: 0;
box-shadow: unset;
background: transparent;
color: #fff;
padding: 0 10px;
font-size: 13px;
width: 100%;
}
.footerNewsletter-input-grp input:focus {
box-shadow: unset;
outline: 0;
}
.footerNewsletter-input-grp input::-webkit-input-placeholder {
font-size: 13px;
}
.footerNewsletter-input-grp input::placeholder {
font-size: 13px;
}
.footerNewsletter-input-grp input[type = 'submit'] {
width: 25%;
background: #ffcc00;
color: #000;
font-weight: 700;
font-size: 13px;
border-radius: 5px;
border: 0;
padding: 4px 10px;
position: absolute;
right: 5px;
top:5px;
}
.footerNewsletter-input-grp label {
width: 75%;
margin-bottom:0 ;
display: inline-block;
}
.footerNewsletter-input-grp label .wpcf7-form-control-wrap{
width: 100%;
display: inline-block;
}
.footerNewsletter-input-grp .wpcf7-spinner{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0;
}
.footerNewsletter-input-grp>div{
width: 100%;
}
.footerNewsletter-input-grp p {
margin-bottom: 0;
display: flex;
align-items: center;
width: 100%;
}
.copyrights-sec {
text-align: center;
padding: 20px 0 0;
}
.copyrights-sec p {
margin-bottom: 0;
font-size: 12px;
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
.testimonials-sec {
margin: 40px 0;
}
.test-img {
padding: 0;
}
.test-content {
padding: 0;
}
.test-content {
background: #161616;
padding: 50px 150px;
position: relative;
}
.test-content-inn {
position: absolute;
top: 20%;
left: 50%;
transform: translateX(-50%);
width: 60%;
margin: 0 auto;
}
.test-img img {
height: 550px;
width: 100%;
object-fit: cover;
object-position: center;
}
.testimonials-box .item {
text-align: center;
}
.testimonials-box {
margin: 80px auto;
position: relative;
color: #fff;
}
.testimonials-box:before {
content: "\f10d";
position: absolute;
top: -50px;
left: -100px;
color: #fff;
font-size: 50px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.testimonials-box:after {
content: "\f10e";
position: absolute;
bottom: -50px;
right: -100px;
color: #fff;
font-size: 50px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.slick-dots li button:before {
width: auto !important;
height: auto !important;
font-size: 8px !important;
}
.slick-dots li.slick-active button:before {
opacity: 0.75 !important;
color: #343a40 !important;
}
.slick-dots li button:before {
color: #b9babd  !important;
} .slick-dots .slick-slide li button {
border: 1px solid #c4c9da;
}
.ez-slider .easyzoom .easyzoom-flyout {
top: 0;
left: 0;
right: 0;
bottom: 0;
} .ez-slider {
max-width: 98%;
margin: 0 auto 20px auto !important;
}
.ez-slider FIGURE {
margin: 0;
display: block;
position: relative;
overflow: hidden;
}
.ez-slider FIGURE > A {
height: auto;
display: block;
width: 100%;
}
.ez-slider FIGURE > A > IMG {
height: auto;
width: 100%;
display: block;
}
.ez-slider .slick-dots {
margin: 10px -6px 0;
position: relative;
bottom: 0;
width: auto;
display: block;
}
.ez-slider .slick-dots LI {
width: calc(20% - 10px);
height: auto;
margin: 0 0px 10px;
padding: 0 5px 0 5px;
display: inline-block;
}
.ez-slider .slick-dots LI.slick-active BUTTON,
.ez-slider .slick-dots LI:hover BUTTON {
opacity: 1;
}
.ez-slider .slick-dots LI BUTTON {
overflow: hidden;
position: relative;
height: auto;
padding: 0;
transition: all 0.5s ease;
width: 100%;
opacity: 0.8;
}
.ez-slider .slick-dots LI BUTTON IMG {
display: block;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ez-slider .slick-dots LI BUTTON:before {
display: block;
position: relative;
content: "";
width: 100%;
padding-top: 100%;
height: auto;
}
.ez-slider img {
max-width: unset;
vertical-align: unset;
}
.ez-slider .slick-dots .slick-next:before,
.ez-slider .slick-dots .slick-prev:before {
color: #ffcc00;
}
.ez-slider .slick-dots .slick-prev {
left: -10px;
z-index: 5;
}
.ez-slider .slick-dots .slick-next {
right: -10px;
z-index: 5;
}
.productP-gallery-sec {
background: #eff2f7;
padding: 50px 0;
}
.productP-contentInn {
width: 90%;
margin: 0;
position: relative;
color: #fff;
padding: 20px 20px;
}
.productP-heading {
font-size: 30px;
color: #000;
padding: 0 15px;
width: 90%;
}
.productP-catergory {
font-size: 14px;
}
.productP-catergory a {
font-weight: 600;
color: #ffcc00;
}
.productP-contentInn ul {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.productP-contentInn ul li a {
display: inline-block;
color: #fff;
margin: 0 5px;
font-size: 22px;
}
.productP-price {
font-size: 30px;
font-weight: 700;
}
.productP-des-sec {
background: #000;
padding: 30px 0;
}
.productP-des-box {
border: 1px solid #1a1a1a;
padding: 15px;
}
.productP-des-box img {
max-width: 100%;
margin: 15px auto;
}
.cart-sec {
background: #1a1a1a;
padding: 60px 0;
color: #fff;
}
.cart-pdetails-secInn tr th {
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 14px;
font-weight: 500;
}
.cart-pdetails-secInn tr td {
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 14px;
font-weight: 500;
vertical-align: middle;
padding: 30px 15px;
}
.cart-pTitle-img {
display: flex;
align-items: center;
}
.cart-pTitle-img img {
height: 80px;
margin-right: 10px;
}
.cart-pTitle-img h2 {
font-size: 14px;
}
.cart-pDelete i {
color: #ffcc00;
}
.cart-sec .input-grp-qty {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #ddd;
border-radius: 5px;
}
.cart-sec .input-grp-qty span {
width: 30px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
text-align: center;
border-right: 1px solid #ddd;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.cart-orderInfoBox-qty .form-control {
padding-left: 0;
text-align: center;
}
.cart-sec .input-grp-qty input {
background: transparent;
border: 0;
text-align: center;
padding: 0;
color: #fff;
height: auto;
width: calc(100% - 65px);
}
.cart-sec .input-grp-qty input::-webkit-input-placeholder {
color: #fff;
}
.cart-sec .input-grp-qty input::placeholder {
color: #fff;
}
.cart-sec .input-grp-qty span:last-child {
border-right: 0;
border-left: 1px solid #ddd;
}
.cart-sec .input-grp-qty span:hover {
background: #ffcc00;
color: #000;
}
.cart-pPrice i {
font-size: 11px;
}
.cart-sub-total-secInn th,
.cart-sub-total-secInn td {
border-top: 0;
}
.cart-sub-total-secInn tr th {
color: #fff;
font-size: 14px;
font-weight: 500;
vertical-align: middle;
padding: 0;
}
.cart-sub-total-secInn tr td {
color: #fff;
font-size: 14px;
font-weight: 500;
vertical-align: middle;
padding: 0;
}
.cart-sub-total-secInn h3 {
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.cart-sub-total-secInn h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
width: 18%;
padding: 0px 20px 0 0;
}
.cart-sub-total-secInn h2 i {
font-size: 20px;
}
.cart-sub-total-secInn {
background: #2a2929;
padding: 30px 0;
}
.cart-subtotal {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.cart-subtotal p {
margin-bottom: 0;
}
.cart-text-sm {
display: flex;
justify-content: flex-end;
padding: 0 5px;
padding-right: 20px;
}
.cart-text-sm span {
font-size: 12px;
font-weight: 400;
display: inline-block;
text-align: center;
}
.cart-checkout-btn {
text-align: right;
padding-right: 15px;
margin: 40px auto 0;
}
.cart-coupon-code {
display: flex;
justify-content: flex-end;
margin: 10px 20px 10px 0;
}
.cart-coupon-input {
max-width: 250px;
position: relative;
border: 1px dashed rgba(255, 255, 255, 0.2);
}
.cart-coupon-input .form-control {
border: 0;
background: transparent;
color: #fff;
height: auto;
padding-right: 85px;
font-size: 14px;
}
.cart-coupon-input .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.cart-coupon-input .form-control::placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.btn-coupon {
background: black;
border: 0;
border-left: 1px solid rgba(255, 255, 255, 0.4);
color: #ffcc00;
outline: 0;
box-shadow: unset;
position: absolute;
right: 0;
top: 0;
height: 100%;
padding: 5px 20px;
font-size: 13px;
text-transform: uppercase;
}
.btn-coupon:hover {
background: #ffcc00;
color: #000;
}
.cart-table-mobile {
display: none;
}
.chat-sec {
position: fixed;
bottom: 0;
right: 0;
z-index: 999;
color: #fff;
text-align: center;
}
.chat-sec a{
color: #000;
font-weight: bold;
}
.chat-icon {
position: fixed;
bottom: 230px;
right: 0;
display: block;
padding: 10px 20px;
background: #ffcc00;
border-radius: 12px 0 0 12px;
color: #000;
font-size: 23px;
cursor: pointer;
}
.chat-icon:before {
content: "";
position: absolute;
top: -5px;
right: 0;
width: 15px;
height: 15px;
background: #ffcc00;
z-index: 5;
transform: skewX(295deg);
}
.chat-icon:after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
width: 15px;
height: 15px;
background: #ffcc00;
z-index: 5;
transform: skewX(-290deg);
}
.chat-icon h1 {
font-size: 14px;
font-weight: 500;
color: #000;
margin-bottom: 0;
}
.chat-window-sec {
width: 350px;
background: #fff;
border-radius: 15px 0 0 0px;
border: 2px solid #fc0;
border-right: 0;
border-bottom: 0;
z-index: 5;
position: relative;
color: #000;
display: none;
}
.chat-window-heading {
padding: 15px 0;
text-align: center;
background: #000;
color: #fff;
border-radius: 15px 0 0 0px;
}
.chat-window-content {
height: 450px;
overflow-y: auto;
padding: 5px 15px;
text-align: left;
}
.chat-qa-row {
margin: 10px 0;
}
.chat-ques-heading {
display: flex;
align-items: center;
font-size: 15px;
line-height: 20px;
cursor: pointer;
}
.chat-ques-heading span {
display: block;
background: rgba(255, 204, 0, 0.3);
color: #000;
padding: 5px 15px;
border-radius: 20px;
text-align: left;
}
.chat-ques-heading i {
color: rgba(255, 204, 0, 1);
font-size: 30px;
margin-right: 10px;
}
.chat-ans {
padding: 12px 15px;
margin-bottom: 0;
background: rgba(0, 0, 0, 0.04);
border-radius: 20px;
font-size: 14px;
display: none;
}
.chat-ans-open {
display: block;
}
.chat-window-icon {
position: absolute;
top: -41px;
right: 5px;
background: #ffcc00;
color: #000;
padding: 5px 15px;
border-radius: 5px;
cursor: pointer;
}
.cart-sec {
padding: 80px 0;
color: #fff;
}
.cart-content-sec {
margin-top: 60px;
margin-bottom: 60px;
color: #fff;
}
.cart-content-sec .table {
color: #fff;
}
.cart-table td {
vertical-align: middle;
font-weight: 500;
font-size: 14px;
}
.cart-pQty .form-control {
height: auto;
padding: 2px 5px;
text-align: center;
}
.cart-pImg img {
height: 100px;
margin-right: 15px;
}
.cart-pImgName {
}
.cart-pImgName-inn {
display: flex;
align-items: center;
}
.cart-pName {
font-size: 14px;
margin-bottom: 0px;
}
.cart-pConfigBtn {
font-size: 13px;
font-weight: bold;
color: #ce0101;
cursor: pointer;
}
.cart-pConfigBtn i {
font-size: 10px;
}
.cart-pConfigContent {
display: none;
margin-top: 10px;
}
.cart-pConfigContent p {
margin-bottom: 5px;
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.cart-pConfigContent span {
font-weight: normal;
}
td.cart-pRemove i {
font-size: 12px;
color: #ffcc00;
cursor: pointer;
}
.cart-details th,
.cart-details td {
border-top: 0;
padding: 0 5px;
font-weight: 500;
}
.cart-box {
margin: 0 0px;
padding: 25px 10px;
text-align: center;
background: #171717;
}
.cart-box p {
font-size: 14px;
}
.cart-box .form-control {
background: transparent;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: unset;
border-radius: 0;
font-size: 14px;
color: #fff;
}
.cart-box .form-control::-webkit-input-placeholder {
font-size: 14px;
}
.cart-pTotal {
background: #171717;
}
.cart-heading {
font-size: 15px;
}
.cart-heading-m {
display: none;
}
.table.cart-table select {
background: transparent;
color: #fff;
}
.cartDetails-mobile {
display: none;
}
.topbar-sec {
display: none;
}
.accessories-megamenu-mainRow {
width: 100%;
}
.accessories-megamenu-row-lg {
display: flex;
height: 150px;
flex-wrap: wrap;
width: 48%;
flex-direction: column;
align-items: unset;
align-content: flex-start;
padding: 0;
margin-left: 8%;
}
.accessories-megamenu-row-lg .acc-submenu-box {
padding: 0;
flex: 0 0 auto;
max-width: unset;
}
.contactP-secN {
padding: 80px 0 80px;
background: #161616; background-size: cover;
position: relative;
z-index: 0;
}
.contactP-secN:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
}
.contactP-secN .section-heading {
font-size: 40px;
}
.contact-subHeading {
text-align: center;
font-size: 18px;
color: #fff;
margin-top: 10px;
}
.contactP-info-rowN {
display: flex;
justify-content: space-between;
width: 98%;
margin: 60px auto;
flex-wrap: wrap;
}
.contactP-infoBoxN {
flex: 1;
padding: 15px;
}
.contactP-infoBoxInnN {
border: 0px solid rgba(255, 255, 255, 0.3);
text-align: center;
padding: 20px 10px;
height: 100%;
color: #343a40;
}
.contactP-infoBoxInnN i {
font-size: 25px;
color: #ffcc00;
margin-bottom: 15px;
}
.contactP-infoBoxInnN p {
margin-bottom: 0;
color: #fff;
}
.contactP-infoBoxInnN p a {
color: #fff;
}
.contactP-infoBoxInnN p a:hover {
color: #ffcc00;
}
.blog-left-bar {
width: 98%;
margin: 0 1%;
display: inline-block;
padding: 20px;
background: #fff;
box-shadow: unset;
}
.blog-left-bar .widget-area {
width: 100% !important;
float: left !important;
}
.blog-body h2 {
color: #2e2e2e !important;
}
.blog-cont-wrap {
padding: 25px 0;
}
.contactP-sec {
padding: 40px 0;
}
.blog-leftBar-sec {
background: #fff;
}
.blog-left-bar .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.blog-body input {
background: transparent;
color: #2e2e2e;
border-color: #000;
}
.blog-body .wp-block-search__button {
background: #000;
color:#fff;
border: 0 !important;
text-transform: uppercase;
}
.blog-body h2 {
color: #2e2e2e !important;
font-size: 18px;
font-weight: 400;
}
.blog-body label {
color: #2e2e2e;
font-weight: 400 !important;
}
.blog-body ol {
margin: 0;
padding: 0;
}
.blog-body li {
position: relative;
padding-left: 12px;
margin-bottom: 12px;
}
.blog-body .widget-area .widget a {
text-decoration: none;
display: block;
line-height: normal;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.blog-body .widget-area .widget a:hover {
color: #000;
}
.blog-body li {
color: #2e2e2e;
font-weight: 400;
}
.blog-body table{
font-weight: 400;
font-size:15px;
}
.blog-body li:before {
content: "\f0da";
position: absolute;
top: 2px;
left: 0;
color: #2e2e2e;
font-size: 12px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.blog-body li a {
color: #727272;
font-size: 14px;
}
.blog-left-bar .widget_block {
margin-bottom: 20px;
}
.blog-cont-wrap a { color: #343a40;
}
.blogP-boxInn {
border: 1px solid #fff;
height: 100%;
margin-bottom: 15px;
}
.blogP-boxInn .post-thumb img {
width: 100%;
height: auto;
}
.blogP-box-content {
padding: 10px 10px 20px;
}
.blogP-box-content p {
color: #343a40;
font-size: 15px;
}
.blogP-box-content .btn-comm-brdr {
display: inline-block;
width: auto;
}
.blog-cont-wrap {
padding: 0px 0;
}
.blog-body {
margin-top: 30px;
margin-bottom: 30px;
width: 98%;
}
header.woocommerce-products-header {
padding: 40px 0 0;
}
.related.products .pList-box-img {
background: #e9ecf1;
}
.page-title h1 {
font-size: 24px;
font-weight: 500;
color: #2e2e2e;
padding: 25px 0;
}
.single-blog .blog-cont-wrap{
color: #2e2e2e;
font-weight: 300;
}
.single-blog .blog-cont-wrap p{
font-weight: 400;
}
.blog-cont-wrap .blog-date{
font-size: 14px;
color: rgb(114 114 114 / 80%);
font-weight: 300;
}
.downloadsP-box{
margin-bottom: 15px;
}
.downloadsP-boxInn{
border: 1px solid rgb(229 229 233);
height: 100%;
background: #f4f6f9;
border-radius: 3px;
}
.downloadsP-boxInn img{
max-width: 100%;
}
.downloadsP-boxInn .box-heading{
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 0px 0 10px;
text-align: left;
padding: 0px;
}
.downloadsP-boxInn a{
display: flex;
}
.downloadsP-boxInn a img{
flex: 0 0 140px;
width: 140px;
height: auto;
padding: 5px 0;
}
.downloadsP-boxInn .downloadsP-drp-grp img{
flex: 0 0 140px;
width: 140px;
height: auto;
padding: 5px 0;
}
.downloadsP-box-content{
margin-left: 20px;
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex:2;
}
.downloadsP-drp-grp a{
display:inline-block;
margin-bottom:5px
}
.downloadsP-box-content .btn-comm-brdr{
padding: 6px 10px;
font-size: 14px;
background: #2a2a2a;
}
.single-product form.cart .quantity {   
float: left;  
}
.single-product .single_add_to_cart_button.btn-comm-brdr {
margin-left: 10px;
font-size: 15px;
padding: 7px 25px;
}
.single-product .single_add_to_cart_button.btn-comm-brdr img{width:20px;}
.single-product form.cart .quantity input.qty {
height: 35px;
width: 50px;
text-align: center;
background: transparent;
border: 1px solid #d3dbe9;
color: #2e2e2e;
border-radius: 5px;
}
.related.products .pList-box-inn>a{
display: block;
}
.related.products .pList-box-inn a.add_to_cart_button{
display: none;
}
.related.products h2.woocommerce-loop-product__title{
margin-bottom: 0;
}
.related.products .pList-box-content .price{
margin-top: 0;
}
.related.products .pList-box-inn {
margin-bottom: 0px;
}
.contactP-infoBox-heading{
font-size: 18px;
}
.contactP-boxN-details{
display: flex;
justify-content: space-evenly;
align-items: center;
margin-top: 20px;
}
.contactP-boxN-details>a{ margin: 0 5px;
background: #1a1a1a;
padding: 15px;
flex: 1;
}
.contactP-infoBox-subheading{
font-size: 16px;
}
#downloadMotherboardTab .nav-item .nav-link.active:after{
content: '\f0da';
top: 50%;
left: 99%;
transform: translateY(-50%);
font-size: 28px;
}
#downloadMotherboardTab .nav-item{
margin-bottom: 20px;
}
#downloadMotherboardTab .nav-item .nav-link.active {
border-radius: 10px;
}
.downloadsP-mainTab{
background: #1d1b15;
margin-bottom: 0 !important;
border-radius: 5px 5px 0 0;
}
.downloadsP-sec .downloadsP-mainTab .nav-item  .nav-link.active:after{
display: none;
}
.downloadsP-sec .downloadsP-mainTab .nav-item{
flex: 0 0 50%;
width: 50%;
}
.downloadsP-sec ul.downloadsP-mainTab .nav-item  .nav-link{
background: #ffffff;
border: solid 1px #eff2f7;
border-radius: 0;
color: #464545;
margin: 0;
padding: 20px 0;
text-align: center;
}
.downloadsP-sec .downloadsP-mainTab .nav-item  .nav-link{
font-size: 18px; 
}
.downloadsP-sec .downloadsP-mainTab .nav-item  .nav-link.active{
background:  #eff2f7;;
font-weight: bold;
color: #000;
}
.downloadsP-mainTab-content{
background: #f8fafc;
padding: 20px;
margin-bottom: 30px;
}
.downloadsP-sec li.nav-item{
list-style-type: none;
}
.feedback-tnc{
border: 1px;
}
.feedback-form-tnc-row{
color: #fff;
margin-top: 0px;
}
.feedback-tncInn{
text-align: center;
padding: 0px;
width: 100%;
max-width: 700px;
margin: 0 auto;
font-size: 15px; }
.feedback-tncInn p{
margin-bottom: 0;
}
.feedback-tncInn ul{
text-align: left;
width: 100%;
max-width: 350px;
margin: 0 auto;
}
.feedback-tncInn ul li{
position: relative;
padding-left: 16px;
font-size: 13px; }
.feedback-tncInn ul li:before{
content: '\f14a';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
color: #ffcc00;
top: 0;
left: 0;
}
.feedback-formInn{
max-width: 70%;
margin: 40px auto 0;
background: #eff2f738;
padding: 40px;
border-radius: 5px;
}
.custom-form .form-control{
background: transparent;
}
.custom-form label{
font-size: 14px;
}
.feedback-info{
background: #fff;
padding: 0;
}
.custom-form .custom-control-label::before{
top: 0.10rem;
}
.custom-form .custom-control-label::after{
top: 0.10rem;
}
.custom-form  .custom-control-input:checked~.custom-control-label::before{
border-color: #ffcc00;
background-color: #000000;
}
.first-yes-content{
display: none;
}
.product-type-content{
display: none;
}
.custom-form .form-group>label{
font-size: 14px;
color: #5a5a5a;
}
.feedback-form-sec .form-group{
margin-bottom: 30px;
}
.custom-width-radio{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-width-radio div{
flex: 0 0 45%;
margin-bottom: 5px;
}
.bad-experience,.good-experience,.good-experience-overall,.bad-experience-overall{
display: none;
}
.good-experience{
display: none;
}
.experience-content h5{
color: #ffcc00;
display: block;
font-size: 14px;
font-weight: 400;
}
.experience-content h5{
font-size: 14px;
font-weight: 400;
margin-bottom: 25px;
color: #ffcc00;
}
.good-experience h5{
margin-bottom: 0;
}
@media(min-width:2100px){
.categoryH-boxInn{
height: 821px;
}
.categoryH-box:nth-child(4) img,  .categoryH-box:nth-child(5) img{
object-position: top;
}
}
@media (max-width: 1600px) {
section.product-listP .pList-box-img img {
height: 160px;
}
.categoryH-boxInn {
height: 521px;
}
.downloadsP-box{
padding: 0 5px;
margin-bottom: 10px;
}
.downloadsP-boxInn a img {
flex: 0 0 100px;
width: 100px;
}
.downloadsP-boxInn .box-heading{
font-size: 14px;
}
.downloadsP-box-content .btn-comm-brdr {
padding: 5px 8px;
font-size: 12px;    
}
}
@media (max-width: 1280px) {
.topbar-search-input input {
width: 90%;
}
.product-listP .pList-box {
flex: 0 0 20%;
max-width: 20%;
}
.footerNewsletter-input-grp label {
width: 70%;
}
.footerNewsletter-input-grp input[type = 'submit'] {
width: 30%;
}
.downloadsP-box{
flex: 0 0 33%;
max-width: 33%;
}
.contactP-boxN-details>div {  
padding: 15px 10px;
}
.contactP-infoBoxN {   
padding: 0;
margin: 0 5px;
}
.contactP-infoBoxInnN p a {
font-size: 14px;
}
}
@media (max-width: 1080px) {
.bar-iconMob {
display: block;
font-size: 18px;
color: #ffcc00;
}
.topbar-sec {
display: block;
}
.topbar-searchMob-sec {
display: flex;
}
.topbar-logo-mobile {
display: block;
}
.topbar-logo-desk {
display: none;
}
.topbar-login-searchMob {
display: flex;
}
.topbar-login-searchMob li {
padding: 5px 15px;
}
.topbar-search-sec {
display: none;
}
.topbar-search-desk {
display: none;
}
.cart-topbar a span {
top: -5px;
right: -10px;
background: #000;
color: #ffcc00;
width: 18px;
height: 18px;
line-height: 18px;
border: 1px solid #ffcc00;
}
.topbar-searchMob-sec i {
font-size: 18px;
color: #fff;
}
.topbar-links-sec {
display: none;
}
.topbar-searchMob-input {
position: fixed;
width: 100%;
left: 0; top: -280px;
opacity: 0;
pointer-events: none;
background: #1a1a1a;
padding: 15px 0;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.topbar-searchMob-input.open {
animation: searchSlideIn 0.3s ease-in-out forwards;
}
@keyframes searchSlideIn {
0% {
top: -80px;
opacity: 0;
}
100% {
top: 100px;
opacity: 1;
pointer-events: unset;
}
}
.topbar-searchMob-inputGrp {
width: 100%;
margin: 0 auto;
position: relative;
background: #111111;
border: 1px solid #4e4d4d;
}
.topbar-searchMob-inputGrp input {
border: 0;
box-shadow: unset;
width: 100%;
background: transparent;
height: 100%;
color: #fff;
padding: 10px 80px 10px 15px;
}
.topbar-searchMob-inputGrp input:focus {
box-shadow: unset;
outline: ;
}
.topbar-searchMob-inputGrp input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
.topbar-searchMob-inputGrp input::placeholder {
color: rgba(255, 255, 255, 0.3);
}
.topbar-searchMob-inputGrp .btn-search {
position: absolute;
top: 0;
right: 0;
border: 0;
height: 100%;
padding: 0px 15px;
background: #ffcc00;
font-size: 16px;
font-weight: 600;
}
.navbar-cus ul.navbar-cus-desk {
display: none;
}
.navbar-cus-mob {
width: 100%;
display: block;
padding: 20px 0;
}
.navbar-cus ul.drp-menu-mob {
display: none;
width: 100%;
}
.navbar-container{
width: 98%;
}
.topbarN-container{
width: 98%;
}
.navbar-cus .navbar-cus-mob li a {
padding: 10px 0;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 15px;
font-weight: 400;
}
.navbar-cus ul li a:before {
display: none;
}
.navbar-cus-mob .drp-mob > a i {
font-size: 14px;
}
.navbar-cus .navbar-cus-mob a {
padding: 8px 0;
}
.navbar-cus .navbar-cus-mob ul.drp-menu-mob li a {
padding: 5px 0;
color: #fff;
font-size: 15px;
font-weight: 400;
margin-left: 10px;
}
.drp-menu-mob-rows {
width: 100%;
display: flex;
justify-content: space-around;
}
.drp-menu-mob-cols h2.box-heading a {
color: #ffcc00;
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
margin-left: 15px;
}
.drp-menu-mob-cols > ul {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.drp-menu-mob-cols > ul li {
margin-left: 20px;
}
.navbar-cus {
background: #2e2e2e;
}
div.pList-box-img img {
height: 180px;
object-fit: contain;
}
.categoryH-box {
margin-bottom: 10px;
padding: 0 5px;
}
.categoryH-boxInn img {
object-position: top;
}
.categoryH-boxInn {
height: 370px;
}
.categoryH-box-contentRgt {
left: 30px;
transform: unset;
text-align: left;
}
.categoryH-box-content .box-heading {
font-size: 18px;
}
.footer-contact-info {
margin-left: 2% !important;
flex: 0 0 23%;
max-width: 23%;
}
.section-heading {
font-size: 24px;
}
.test-img img {
height: 400px;
}
.test-content-inn {
width: 90%;
}
.testimonials-box:before {
top: -70px;
left: -5px;
font-size: 30px;
}
.testimonials-box:after {
bottom: -70px;
right: -5px;
font-size: 30px;
}
.drp-menu-mob li a img {
height: 35px;
opacity: 0.8;
}
.contactP-info-rowN {
width: 98%;
}
.pList-box-img {
padding: 15px;
}
.proListPage .pList-box {
flex: 0 0 25%;
max-width: 25%;
padding: 0 5px;
}
.related.products .pList-box{
flex: 0 0 25%;
max-width: 25%;
padding: 0 5px;
}
.feedback-tncInn{
max-width: 80%;
}
.feedback-formInn{
max-width: 98%;
padding: 15px;
}
.custom-width-radio div{
flex: 0 0 100%;
margin-bottom: 5px;
}
.contactP-secN .section-heading {
font-size: 30px;
}
}
@media (max-width: 992px) {
.footer-about {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.footer-about p {
width: 100%;
}
.product-listP .pList-box {
flex: 0 0 25%;
max-width: 25%;
}
.contactP-secN {
padding: 30px 0;
}
.blog-rightBar-sec {
flex: 0 0 100%;
max-width: 100%;
order: 1;
}
.blog-leftBar-sec {
flex: 0 0 100%;
max-width: 100%;
order: 2;
margin-top: 15px;
}
.contactInfo-footer>img{
height: 25px !important;
}
.contactP-info-rowN {    
flex-direction: column;
}
.contactP-infoBoxN{
margin: 10px 0;
}
}
@media(max-width:850px){
.footer-sec div[class ^= "col-"]{
flex: 0 0 50%;
max-width: 50%;
margin-left: 0 !important;
margin-bottom: 20px;
}
.footer-sec .col-sm-12:nth-child(2){
order: 4;
}
.footer-sec .col-sm-12:nth-child(3){
order: 4;
}
.newsletterSec-footer{
order: 2;
}
}
@media (max-width: 768px) {
.footer-contact-info {
margin-top: 20px;
}
.footer-contact-info {
margin-left: 0% !important;
flex: 0 0 100%;
max-width: 100%;
}
.pList-box {
margin-bottom: 20px;
}
.test-content-inn {
position: static;
transform: translate(0, 0);
}
.test-content {
padding: 50px 20px;
}
.test-content-inn {
width: 90%;
margin: 0 auto;
}
div.contactInfo-footer img {
height: auto !important;
}
.newsletterSec-footer {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0 !important;
}
.contactInfo-footer {
flex: 0 0 33%;
max-width: 33%;
}
.quickLinks-footer {
flex: 0 0 33%;
max-width: 33%;
margin-left: 0 !important;
}
div.pList-box-img img {
height: 150px;
object-fit: contain;
}
.product-listP .pList-box {
flex: 0 0 33%;
max-width: 33%;
}
.cartDetails-mobile {
display: block;
}
.cart-heading-m {
display: table-row;
}
.h-mobile {
display: none;
}
.cart-pQty p {
margin-bottom: 0;
}
.cartDetails-price {
font-size: 16px;
font-weight: 600;
}
.cart-pImg img {
height: 60px;
}
.cart-pPrice-lg,
.cart-pTotalPrice-lg,
.cart-pPrice-lg {
display: none;
}
td.cart-pRemove {
display: none;
}
.drp-menu-mob-rows {
justify-content: space-between;
}
.contactP-info-rowN {
justify-content: center;
}
.categoryH-boxInn img {
object-position: center;
}
.categoryH-boxInn {
height: 521px;
}
.categoryH-box-content {
left: 30px;
transform: translateX(0);
text-align: left;
}
.blogP-box {
margin-bottom: 30px;
}
.categoryH-box {
flex: 0 0 50%;
max-width: 50%;
}
.downloadsP-box {
flex: 0 0 50%;
max-width: 50%;
}
.downloadsP-boxInn a img {
flex: 0 0 90px;
width: 90px
}
.downloadsP-boxInn .box-heading {
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.blog-box {
margin-bottom: 15px;
}
.cart-table-desk {
display: none;
}
.cart-table-mobile {
display: block;
}
.cart-sub-total-secInn h2 {
width: 35%;
}
.order-steps-boxInn {
flex-direction: column;
}
.order-steps-boxInn img {
width: 30px;
height: 30px;
margin-right: 0px;
margin-bottom: 15px;
}
.order-steps-boxInn .box-heading {
font-size: 14px;
line-height: 16px;
text-align: center;
}
.cart-pPrice-mob {
font-size: 18px;
margin: 8px auto;
}
.cart-pPrice-mob i {
font-size: 15px;
}
section.product-listP {
padding: 20px;
}
section.product-listP .pList-box {
flex: 0 0 33%;
max-width: 33%;
padding: 0 5px;
}
.footer-sec div[class ^= "col-"] {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0 !important;
margin-bottom: 20px;
}
.footer-sec .col-sm-12:nth-child(2) {
order: unset;
}
.footer-sec .col-sm-12:nth-child(3) {
order: unset;
}
.newsletterSec-footer {
order: unset;
}
}
@media (max-width: 547px) {
.topbar-logo img {
height: 22px;
}
.topbar-login-searchMob li {
padding: 5px 8px;
}
.topbar-login-searchMob li img{
width: 100%;
height: auto;
}
.contactInfo-footer {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.quickLinks-footer {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.pList-box-content .box-heading {
font-size: 13px;
line-height: 15px;
min-height: 35px;
}
.pList-box-img {
padding: 15px;
}
.pList-box-content .btn-comm-brdr {
font-size: 14px;
display: block;
padding: 5px;
}
.pList-box-content {
padding: 10px 0;
}
.components-perpherals-secN .pList-box-content{padding:15px; height: auto;}
.pList-box {
padding: 0 5px;
}
.slick-prev {
left: -18px;
}
.slick-next:before,
.slick-prev:before {
font-size: 16px;
}
.cart-pTitle-img {
flex-direction: column;
align-items: flex-start;
}
.cart-pTitle-img img {
height: 80px;
margin-right: 0px;
margin-bottom: 10px;
}
.cart-table-mobile td:nth-child(1),
.cart-table-mobile th:nth-child(1) {
width: 60%;
}
section.product-listP .pList-box {
flex: 0 0 50%;
max-width: 50%;
}
.navbar-cus-mob {
height: 550px;
overflow-y: scroll;
}
.drp-menu-mob-rows {
flex-direction: column;
}
.drp-menu-mob-cols .box-heading {
margin: 10px 0 10px 15px;
}
.categoryH-box {
flex: 0 0 100%;
max-width: 100%;
}
.categoryH-boxInn img {
object-position: center;
}
.categoryH-box:last-child .categoryH-boxInn img {
object-position: top;
}
.categoryH-box:last-child .categoryH-box-content {
top: 30px;
}
.topbarN-container {
width: 98%;
padding: 0;
}
.socialLinks-topbarN a {   
padding: 0px 2px;
}
.topbarN-rgt-sec .traking-btn-header{
padding: 0 5px 0 0;
}
.topbarN-lft-sec li:first-child a{
padding-right: 0;
}
.topbarN-lft-sec li a{
font-size: 12px;
}
ul.socialLinks-topbarN li{
width: auto;
height: auto;
}
.test-img img {
height: 250px;
}
.proListPage .pList-box {
flex: 0 0 50%;
max-width: 50%;
}
.downloadsP-box {
flex: 0 0 50%;
max-width: 50%;
}
.downloadsP-boxInn a {
display: flex;
flex-direction: column;
}
.downloadsP-boxInn a img {
flex: unset;
width: unset;
height: 120px;
object-fit: contain;
object-position: center;     
}
.downloadsP-box-content .btn-comm-brdr {
padding: 2px 5px;
font-size: 12px;
}
.downloadsP-boxInn .box-heading {
margin-bottom: 5px;
text-align: center;
}
.downloadsP-box-content {   
padding: 10px 0;
align-items: center;
margin-left: 0;
}
.topbar-logo-mobile{
flex: .6;
}
.related.products .pList-box-content .btn-comm-brdr{
display: inline-block;
}
.drp-menu-mob-cols .box-heading {
margin: 0px 0 0px;
}
.drp-menu-mob-cols h2.box-heading a{
margin-bottom: 0;
}
.related.products .pList-box{
flex: 0 0 50%;
max-width: 50%;
}
@keyframes searchSlideIn {
0% {
top: -80px;
opacity: 0;
}
100% {
top: 124px;
opacity: 1;
pointer-events: unset;
}
}
}
@media (max-width: 480px) {
.chat-window-sec {
width: 290px;
}
.contactP-infoBoxInnN{
padding: 20px 10px;
}
.contactP-info-rowN{
width: 100%;
}
.contactP-boxN-details{
flex-direction: column;
}
.contactP-boxN-details>div{
width: 100%;
margin-bottom: 10px;
}
#downloadMotherboardTab .nav-item .nav-link.active:after{
content: "\f0d7";
top: 32%;
left: 50%;
transform: translate(-50%,0);
}
#downloadMotherboardTab .nav-item .nav-link{
text-align:center;
}
}
@media (max-width: 380px) {
.chat-window-sec {
width: 290px;
}
}
.whatsapp-chat-footer{
position: fixed;
right: 25px;
bottom: 175px;
border-radius: 50px;
font-size: 40px;
padding: 4px;
color: #ffcc00;
width: 50px;
height: 50px;
text-align: center;
z-index: 9999;
}
.whatsapp-chat-footer .chat-iconN {
display: block;
padding: 10px 20px;
background: #25D366;
border-radius: 12px 0 0 12px;
color: #fff;
font-size: 23px;
cursor: pointer;
position: relative;
bottom: unset;
right: unset;
}
.whatsapp-chat-footer .chat-iconN i{
color: #fff;
font-size: 36px;
}
.whatsapp-chat-footer .chat-iconN:before {
content: "";
position: absolute;
top: -5px;
right: 0;
width: 15px;
height: 15px;
background: #25D366;
z-index: 5;
transform: skewX(295deg);
}
.whatsapp-chat-footer .chat-iconN:after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
width: 15px;
height: 15px;
background: #25D366;
z-index: 5;
transform: skewX(-290deg);
} .support-secN {
padding: 30px 0 80px;
background: #161616;    
background-size: cover;
position: relative;
z-index: 0;
}
.support-tracking{
max-width: 350px;
margin: 0 0 0 auto;
}
.support-tracking-inputGrp{
border: 1px solid rgba(255,255,255,.4);  
border-radius: 5px;
}
.support-tracking-inputGrp form{
display: flex;
align-items: center;
padding: 0 10px 0 0;
}
.support-tracking .form-control{
background: transparent;
border:0;
color: #fff;
flex:2;
font-size: 15px
}
.support-tracking .form-control:focus{
box-shadow: unset;
outline: 0;
}
.support-tracking .form-control::-webkit-input-placeholder{
color: rgba(255,255,255,.5);
font-size: 15px;
}
.support-tracking .form-control::placeholder{
color: rgba(255,255,255,.5);
font-size: 15px
}
.support-tracking .btn-comm{
font-size: 14px;
background: #ffcc00;
color: #000;
font-weight: 700;
border:0;
outline: 0;
}
.faqs-sec{
background: #202020;    
color:#fff;
margin-top: 0px;
border-radius: 0;
}
.faqs-sec .card-header{
background: transparent;
cursor: pointer;
padding: 10px 0;
}
.faqs-sec .card-header a{
color: #fff;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
line-height: normal;
}
.faqs-sec .card-header a i{
color: #ffcc00;
} .faqs-sec .card{
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(255,255,255,.2);
}
.faqs-sec .card .card-body{  
padding:0 0px 10px ;
}
.faqs-sec .card .card-body a{
color:#ffcc00 ;
}
.support-secN .contactP-info-rowN {  
width: 100%;
margin: 20px auto;
}
.contactInf-supportP{
margin-top: 0px;
background: #fff;
padding: 0px 50px 20px;
}
.order-tracking-supportP{
font-size: 15px;
text-align: left;
}
.contactP-boxN-details .contactP-infoBox-subheading{
color: #fff;
}
.contactInf-supportP .contactP-boxN-details>a {
margin: 0 5px;
background: #f8fafc;
padding: 15px;
flex: 1;
border-radius: 3px;
border: solid 1px #f0f2f5;
}
#accordion_search_bar_container {
position: relative;  
max-width: 550px;
margin: 20px auto 30px;
border: 1px solid rgba(255,255,255,.4);
border-radius: 5px;
}
#accordion_search_bar_container:after{
content: '\f002';
position: absolute;
top: 9px;
right: 15px;
color: #ffcc00; 
font-weight: 900;
font-family: 'Font Awesome 5 Free';
font-size: 12px;
}
#accordion_search_bar_container #accordion_search_bar {
display: block;
margin: 0;
width: calc(100% - 20px);
padding: 7px 10px;
border: 0;
outline: 0;
background: transparent;
color: #2e2e2e;
font-size: 15px;
margin-right: 20px;
}
.faqs-containerInn{
padding: 0px 0 40px;
}
#accordion_search_bar_container #accordion_search_bar::-webkit-input-placeholder{
color: #2e2e2e;
font-size: 15px
}
#accordion_search_bar_container #accordion_search_bar::placeholder{
color: #2e2e2e;
font-size: 15px
}
@media(max-width:1080px){
.contactP-infoBox-subheading {
font-size: 15px;
margin-bottom: 0;
}
.contactInf-supportP .contactP-boxN-details>a{
margin: 0 2px;
}
.contactP-boxN-details>a{
margin: 0 4px;
padding: 15px 5px;
}
}
@media(max-width:547px){
.faqs-sec .card-header {   
padding: 5px;
}
.contactP-boxN-details{
flex-direction: column;
}
.contactInf-supportP .contactP-boxN-details>a{
flex: 0 0 100%;
width: 100%;
margin: 5px 0;
}
.contactP-boxN-details>a {
flex: 0 0 100%;
width: 100%;
margin: 5px 0;
}
.downloadsP-drp-grp{
flex-direction:column;
}
.downloadsP-boxInn .downloadsP-drp-grp img {
flex: unset;
width: unset;
height: 120px;
object-fit: contain;
object-position: center;
}
} #wpgs-gallery .gallery-navigation-carousel .wcgs-swiper-arrow{
background: transparent !important;
}
#wpgs-gallery .gallery-navigation-carousel .wcgs-swiper-arrow:before{
color: #fc0 !important;
} #wpgs-gallery .wcgs-carousel .wcgs-swiper-arrow, #wpgs-gallery .wcgs-carousel .wcgs-swiper-arrow{
background:transparent !important;  ;
}
.wcgs-carousel .wcgs-swiper-arrow.wcgs-swiper-button-next,.wcgs-carousel .wcgs-swiper-arrow.wcgs-swiper-button-prev{
min-width: 25px  !important;
min-height: 25px  !important;
border-radius: 50%  !important;
}
.wcgs-carousel .wcgs-swiper-arrow.wcgs-swiper-button-next:before,.wcgs-carousel .wcgs-swiper-arrow.wcgs-swiper-button-prev:before{
color: #fc0 !important;
}
.productP-gallery-sec .qty-label{
float: left;
margin-top: 10px !important;
margin-right: 5px !important;
font-weight: 500;
font-size: 14px !important;
font-weight: 400 !important;
color: #2e2e2e !important;
text-transform: lowercase;
}
.productP-gallery-sec .qty-label:first-letter{
text-transform: uppercase !important;
}
.productP-gallery-sec .quantity{
float: left;
margin-right:10px !important;
margin-bottom: 0 !important;
}
.single-product form.cart .quantity .qty{
height: 35px !important;
}
.productP-content label[for= "pa_color"]{
color: #fff;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.productP-content th[class = "label"]{
vertical-align: top !important;
padding-top: 5px;
padding-right: 6px;
}
.productP-gallery-sec .reset_variations{
display: block;
margin: 15px auto 5px;
color: #fc0;
}
.productP-gallery-sec .input-text.qty.text{
border-radius: 5px;
border: 0;
}
.productP-gallery-sec .pincodeSearch{
margin-top: 15px;
}
.productP-gallery-sec .single_variation_wrap .woocommerce-Price-amount.amount{
margin-bottom: 10px;
display: inline-block;
}
.productP-gallery-sec .woocommerce-variation-add-to-cart{
margin-top: 5px;
}
.cat-banner img{
max-width: 100%;
display: block;
}
.leftBarWrap{
display: flex;
justify-content: flex-end;
color: #fff;
}
.leftBarWrap .wpf_item .wpf_item_name{
border-bottom: 2px solid transparent;
margin-bottom: 15px;
font-size: 16px;
color: #e7b900;
}
.leftBarWrap .wpf_item input[type=checkbox] { 
border-radius: 3px;  
height: 20px;  
margin: 0 5px 0 0;   
width: 20px;
}
.leftBarWrap  .wpf_item label{
font-size: 14px;
}
.leftBarWrap .wpf_item_count {
background: #e7b900;   
color: #000000;  
padding: 0.4em .7em;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul{
height: 350px;
overflow-y: scroll;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul ul{
height: auto;
overflow-y: unset;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar {
width: 6px;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar-thumb {
background-color: #e7b900;
outline: 1px solid #fff;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar {
width: 6px;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul::-webkit-scrollbar-thumb {
background-color: #e7b900;
outline: 1px solid #70F570;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul {
scrollbar-color: #e7b900 rgba(255, 255, 255, 0.1) !important;
scrollbar-width: thin !important;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul li {  
margin: 0 0 .5em;  
}
.leftBarWrap .wpf_pa_color_329 label{
color: #000 !important;
}
.leftBarWrap .wpf_slider.ui-slider .ui-widget-header {
background: #e7b900;   
}
.leftBarWrap .wpf_submenu.wpf_level_2{
padding-left: 10px !important;
}
.leftBarWrap .wpf_slider.ui-slider{
background: rgb(51 51 51);
}
.leftBarWrap .wpf_slider.ui-slider{
margin: 0 0 16px;
}
.leftBarWrap .wpf_color_icons li label{
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
@media(max-width:767px){
.leftBarWrap .wpf_item input[type=checkbox]{
margin: 0;
}
.leftBarWrap .wpf_item_count{
padding: 0.2em .5em;
margin-left: 1px;
}
.leftBarWrap .wpf_item label {
font-size: 13px;
}
.leftBarWrap .wpf_item.wpf_item_wpf_cat ul li {
margin: 0 0 .2em;
}
.leftBarWrap{
flex: 0 0 100%;
max-width: 100%;
justify-content: flex-start;
}
.leftBarWrap .wpf_item .wpf_item_name {
margin-bottom: 15px;
}
.leftBarWrap .leftBar{
width: 100%;
}
}
@media(max-width:547px){
.downloadsP-sec ul.downloadsP-mainTab .nav-item .nav-link{
padding: 10px;
font-size: 16px;
}
} #proDetailWrap{
justify-content: center;
margin-top: 30px;
border-bottom: 0;
}
#proDetailWrap li{
margin: 0 5px;
}
#proDetailWrap li a{
display: block;
padding: 10px 15px;
color: #343a40;
background: #eff2f7;
}
#proDetailWrap li a.active{
background: #1a1a1a;
color: #ffcd02;
border: 0px solid #ffcd02;
} .leftBar .bapf_head h3{
font-size: 18px;
color: #ffcc00;
margin-bottom: 15px;
}
.leftBar .bapf_body li label{
font-size: 14px;
}
.leftBar .irs--round .irs-from,.leftBar .irs--round .irs-single, .leftBar  .irs--round .irs-to{
font-size: 12px;
padding: 4px 4px;
border-radius: 2px;
background-color: #303030;
}
.leftBar .irs--round .irs-from:before, .leftBar .irs--round .irs-single:before, .leftBar .irs--round .irs-to:before{
border-top-color: #303030;
}
.leftBar .irs--round .irs-handle{
border: 4px solid #606060;
}
.leftBar .irs--round .irs-bar{
background-color: #ffcc00;
}
.leftBar .bapf_sfilter .bapf_clr_span.w2em{
border-radius: 50%;
}
.leftBar{
width: 100%;
}
.leftBarWrap{
padding-left: 30px;
}
.leftBar .bapf_sfilter {
margin-bottom: 45px;
}
.imageGalleryWrap .onsale{
position: absolute;
top: 10px;
left: 27px;
background: #000;
color: #d9ae03;
font-size: 12px;
padding: 3px 10px;
letter-spacing: .5px;
border-radius: 50px;
z-index: 99;
}
.bapf_sfilter.brchecked_default input:checked+label .bapf_clr_span{
border: solid 5px #36c759;
}
.topbarN-rgt-sec{
display: flex;
align-items: center;
}
.traking-btn-header{
color: #424242;
font-size: 13px;
display: inline-block;
padding: 0 15px 0 0;
letter-spacing: .2px;
}
.traking-btn-header i{
color: #424242;
}
.traking-btn-header:hover{
color: #000;
}
#trackingModal{
z-index: 99999;
}
#trackingModal .modal-content{
background: #fff;
color: #fff;
border:0px solid #2c2f31;
padding: 20px;
}
#trackingModal .modal-header{
border-bottom: 0;
justify-content: center;
padding: 15px 0 0;
}
#trackingModal .modal-header .section-heading{
text-align: center;
font-size: 18px;
}
#trackingModal .close{
position: absolute;
top: 10px;
right: 10px;
color: #000;
}
#trackingModal .support-tracking{
margin: 0 auto;
}
.survey-gaming-mouse .contact-subHeading{
line-height: 28px;
}
.survey-gaming-mouse .section-heading span{
display: block;
}
.survey-gaming-mouse .feedback-formInn {
max-width: 900px;
width: 98%;
background: transparent;
padding: 40px 80px;
border-radius: 5px;
}
.survey-gaming-mouse .feedback-form-sec .form-group{
background: rgba(255,255,255,.03);
padding: 30px;
border-radius: 5px;
}
.survey-gaming-mouse .feedback-info{
background: transparent;
}
.survey-gaming-mouse{
padding: 30px 0;
}
.survey-gaming-mouse .custom-form .form-group>label {
font-size: 20px;
font-weight: bold;
}
.survey-gaming-mouse .btn-comm-brdr{
background: #fc0;
color: #000;
font-weight: 500;
font-size: 18px;
padding: 6px 25px;
}
.survey-gaming-mouse .btn-comm-brdr:hover{
background: black;
color: #fff;
} .components-perpherals-secN{
background: #fff;
padding: 60px 0;
}
.components-perpherals-secN .pList-box-img {
background: #eff2f75e;
border-radius: 7px;
padding: 10px;
}
.components-perpherals-secN .pList-box-content{
background: #fff; 
color:#5a5a5a;
text-align: center;     
border-radius: 0 0 7px 7px; 
height: 150px;     
position: relative;
}
.components-perpherals-secN .pList-box-content .box-heading{
color: #2e2e2e;
font-size: 23px;
font-weight: 400;
line-height: normal;
}
.components-perpherals-secN .pList-box-content p{
line-height: normal; 
font-size: 13px;
letter-spacing: .3px;
}
.components-perpherals-secN .pList-box-content button{
padding: 3px 15px;
background: #f3f3f3;
border: 0;
border-radius: 50px;
color: #303030;
font-weight: 500;
font-size: 13px;
letter-spacing: .3px;
position: absolute;
left: 0;
right: 0;
width: max-content;
margin: auto;
bottom: 15px;
}
.components-perpherals-secN .pList-box-content button:hover{
background:#000;
color:#fff;
}
.comp-peri-boxInn{
height: 100%; padding: 50px;
border-radius: 10px; background: linear-gradient(124deg, #eff2f7 50%, #d1d8e4);
text-align: center;
}
.comp-peri-boxInn ul{
display: flex
;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px;
}
.comp-peri-boxInn ul li{
color: #fff;
flex: 0 0 25%;
margin: 1% 0;
}
.comp-peri-boxInn ul li a{
color: #222;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 14px ;
}
.comp-peri-boxInn .box-heading{
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgb(215 221 232);
padding-bottom: 15px;
}
.catN-img-box{
width: 40px;
height: 40px;
background: rgba(194, 202, 215,.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in;
}
.comp-peri-boxInn .btn-comm{
color: #222;
}
.comp-peri-boxInn ul li img{ height: 30px;
margin-bottom: 15px;
object-fit: contain;
transform: translateY(-5px);
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
transition: all .35s ease-in;
}
.comp-peri-boxInn ul li span{
display: block;
margin-top: 10px;
}
.btn-commN2 i{
margin-left: 5px;
}
.comp-peri-boxInn ul li:hover a span{
font-weight: 700;
}
.comp-peri-boxInn ul li:hover img{
transform: translateY(-8px);
}
.comp-peri-boxInn ul li:hover .catN-img-box{
background: rgb(74 65 65 / 15%);;
}
.projectors-acc-banner-sec{
padding: 0px 0 0px;
background: #fff;
}
.pro-acc-boxInn{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.pro-acc-boxInn .overlay-box{
position: absolute;
color: #fff;
z-index: 1;
top: 25px;
bottom: 25px;
left: 25px;
right: 25px;
padding: 0 15px;
text-align: left;
}
.pro-acc-boxInn .overlay-box h2{
text-transform:uppercase;
text-shadow: 1px 1px 10px #000000;
}
.pro-acc-boxInn .overlay-box p{
width: 50%;
font-size: 16px;
text-shadow: 1px 1px 10px #000000;
}
.pro-acc-boxInn .overlay-box button{
border-radius: 50px;
padding: 4px 20px;
border: 0;
font-size: 13px;
position: absolute;
bottom: 0;
}
.pro-acc-boxInn .overlay-box button:hover{background: #fc0;} 
.pro-acc-boxInn img{
max-width: 100%;
border-radius: 7px;
}
.product-list-secN2{
background: #fff;
width: 100%;
margin:0;
}
.product-list-secN2 .section-heading{
color: #222;
text-align: center;
display: block;
}
.product-list-secN2  #ourProductsSlider{
width: 100%;
}
.product-list-secN2 .pList-box-img{
background: #f6f6f9;
}
.product-list-secN2 .pList-box-content{
color: #222;
}
.pList-box-content .box-heading{
font-size: 15px;
line-height: 22px;
color: #3f3f44;
}
.product-list-secN2 .slick-next:before, .product-list-secN2 .slick-prev:before{
color: #222;
}
.slick-next, .slick-prev{
z-index: 5;
}
.slick-prev{
left: 5px;
}
.slick-next{
right: 5px;
}
.banner-stripN-sec{
background: #fff; 
}
.testimonials-box{
display: none;
}
.testimonials-box.slick-initialized{
display: block;
}
.product-list-secN2 .pList-box-img{
padding: 15px;
}
.banner-stripN-box{
text-align: center;
}
.banner-stripN-sec{
padding-bottom: 30px;
}
.slick-slider-sec{
display: none;
}
.slick-slider-sec.slick-initialized{
display: block;
}
.banner-stripN-sec .slick-next:before, .banner-stripN-sec .slick-prev:before{
color: #222;
}
.banner-stripN-sec .slick-dots li button:before{
color: #ddd !important;
opacity: 0.5 !important;
}
.banner-stripN-sec .slick-dots li.slick-active button:before {
opacity: 0.75 !important;
color: #ffcc00 !important;
}
.antvalue-bannerN-sec{
background: #fff;
padding-bottom: 40px;
}
.antvalue-bannerN-box img{
max-width: 100%;
border-radius:5px;
}
.antvalue-bannerN-box .overlay-box{
position: absolute;
color: #000;
z-index: 1;
top: 25px;
bottom: 25px;
left: 25px;
right: 25px;
padding: 0 15px;
text-align: left;
}
.antvalue-bannerN-box .overlay-box h2{
text-transform: capitalize;
font-size: 24px;
}
.antvalue-bannerN-box .overlay-box p{
width: 50%;
font-size: 14px;
line-height: normal;
}
.antvalue-bannerN-box .overlay-box button{
border-radius: 50px;
padding: 4px 20px;
border: 0;
font-size: 13px;
background :#000;
color:#fff;
position: absolute;
bottom: 0;
}
.antvalue-bannerN-box .overlay-box button:hover{color: #fc0;}
.accessories-bannerN-sec{
padding: 40px 0;
background: #fff;
}
.testimonials-secN-light{
padding: 0;
margin:0;
background: #fff;
}
section.testimonials-secN-light .test-content:before{
display: none;
}
section.testimonials-secN-light .test-content{
background: #f6f6f9;
}
.testimonials-secN-light .section-heading{
color: #222;
}
.testimonials-secN-light .test-content-inn:after{
background: #fff !important;
}
section.testimonials-secN-light .test-content p{
color: #222;
}
section.testimonials-secN-light .arrow-down2{
border-top:40px solid #fff;
}
section.testimonials-secN-light .test-content-inn:after{
}
.testimonials-secN-light .test-content-inn:before{
background: #000 !important;
}
.testimonials-secN-light .arrow-down{
border-top: 40px solid #000 !important;
}
.testimonials-secN-light .slick-dots li button:before{
color: #ddd !important;
opacity: 5 !important;
} .our-products .slick-next, .slick-prev{top:28%;} .navbar-cus .drp-menu.drp-menu-sm{
width: 240px;
position: absolute;
top: 100% ;
left: 0;
display: block;
padding: 0 15px;
text-align: left;
}
.navbar-cus .drp-menu.drp-menu-sm li a{
display: block;
text-align: left;
padding: 10px 15px ;
}
.navbar-cus .drp-menu.drp-menu-sm li a:hover{
color:#fc0 ;
}
.navbar-cus ul li .drp-menu-sm a:before{
display: none;
}
.navbar-cus .drp:hover .drp-menu-sm {
animation: slideInn2 .50s ease-in-out forwards;
}
@keyframes slideInn2 {
0% {
top: 120%;
opacity: 0;
}
80% {
top: 110%;
opacity: 0;
}
100% {
top: 100%;
opacity: 1;
pointer-events: unset;
}
}
@media(min-width:1080px){
ul.navbar-cus-mob{
display: none !important;
}
} .antvalue-bannerN-boxInn{
display: flex;
}
.antvalue-bannerN-content{
width: 50%;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: space-between;
}
.antvalue-bannerN-content .box-heading{
font-size: 20px;
font-weight:600 ;
}
.antvalue-bannerN-content p{
line-height: 20px;
font-size: 14px;
}
.antvalue-bannerN-boxInn{
text-decoration: none;
color: #222;
background: #f5f5f6;
padding: 20px 15px;
height: 100%;
}
.antvalue-bannerN-boxInn:hover{
color: #222;
}
.antvalue-bannerN-boxInn img{ 
width: 50%;
object-fit: contain;
}
.banner-between-secN{
margin: 0;
padding: 40px 0;
}
.blogH-secW{
background: #fff;
margin: 0;
padding: 30px 0;
}
.btn-comm-brdr {  
padding: 4px 10px;
border: 1px solid #616161;   
font-size: 12px;
border-radius: 30px;
font-weight: 400;
}
.btn-text{
font-size: 16px;
font-weight: 400;
color: #222;
}
@media(max-width:1080px){
.antvalue-bannerN-box{
padding: 0 5px;
}
}
@media(max-width:991px){
.antvalue-bannerN-boxInn{
flex-direction: column;
}
.antvalue-bannerN-content{
width: 100%;
order:2;
}
.antvalue-bannerN-boxInn img{
width: 100%;
order:1;
margin-bottom: 15px;
height: 170px;
}
}
@media(max-width:767px){
.antvalue-bannerN-box{
margin-bottom: 15px;
}
.antvalue-bannerN-content{
align-items: center;
text-align: center;
}
} @media(max-width: 1100px){
section.downloadsP-sec .tab-content ul{
margin-left: 0;
}
section.downloadsP-sec .nav-item .nav-link{
border-radius: 10px;
}
section.downloadsP-sec .downloadsP-boxInn .box-heading{
font-size: 13px;
}
.downloadsP-sec li.nav-item {   
margin-bottom: 15px;
}
}
@media(max-width: 767px){
#downloadMotherboardTab .nav-item .nav-link.active:after {
content: "\f0d7";
top: 40%;
left: 50%;
transform: translateX(-50%);
font-size: 28px;
}
section.downloadsP-sec .tab-content ul{
flex-direction: row !important;
justify-content: center;
}
} .ant-value-landingP-cat{
margin-top: 40px;
}
.ant-value-landingP-cat .pList-box{
margin-bottom: 30px;
}
.ant-value-landingP-cat{
padding-bottom: 40px;
}
.term-description{
max-width: 1450px;
width: 90%;
margin:0 auto;
} .youtube-videos-sec.youtube-shorts-sec {
padding-bottom:0;
}
.youtube-videos-sec{
padding:60px 0
}
.youtube-videos-boxInn{
height: 100%;
}
.youtube-videos-boxInn a{
height: 100%;
position: relative;
z-index: 0;
}
.youtube-videos-box{
padding: 0 5px;
}
.youtube-videos-boxInn a i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: red;
font-size: 44px;
text-shadow: 0 0 15px rgba(0, 0, 0, .8);
-webkit-transition:all 100ms ease-in;
-o-transition:all 100ms ease-in;
-moz-transition:all 100ms ease-in;
transition:all 100ms ease-in;
}
.youtube-videos-boxInn img{
object-fit: cover;
-webkit-transition:all 100ms ease-in;
-o-transition:all 100ms ease-in;
-moz-transition:all 100ms ease-in;
transition:all 100ms ease-in;
}
.youtube-videos-box:hover img{
filter: blur(1px);
}
.youtube-shorts-sec .youtube-videos-box{
flex: 0 0 20%;
max-width: 20%;
}
.youtube-videos-box:hover i{
font-size:48px;
color:white;
}
.youtube-shorts-sec  a{
min-height: 480px;
}
.youtube-shorts-sec a img{
height: 100%;
}
@media(max-width:1280px){
.youtube-shorts-sec a {
min-height: 350px;
}
}
@media(max-width:990px){
.youtube-shorts-sec a {
min-height: 280px;
}
}
@media(max-width:767px){
.youtube-shorts-sec .youtube-videos-box {
flex: 0 0 33%;
max-width: 33%;
}
.youtube-videos-box {
margin-bottom: 10px;
}
}
@media(max-width:547px){
.youtube-shorts-sec a {
min-height: 210px;
}
.youtube-videos-boxInn a i{
font-size:30px;
}
.youtube-videos-box:hover i {
font-size: 32px;
}
.topbarN-rgt-sec{
display:none;
}
.topbarN-lft-sec{
width:100%;
}
.topbarN-lft-sec ul{
justify-content:space-between;
}
}
@media(max-width:380px){
.youtube-shorts-sec a {
min-height: 190px;
}
} .cat-bannerN{
background: #1e2832;     
padding:40px 0;
border-bottom: solid 1px #c0cd04;
box-shadow: 0 0 7px #ccc;
}
.cat-banner-caption{
color: #FFF;
}
.cat-banner-caption .small-text{
font-size: 13px;
font-weight: 100;
letter-spacing: 20px;
color: rgba(255, 255, 255, .7);
}
.cat-banner-heading{
font-size: 45px;
line-height: 15px;
margin-top: 45px;
}
.cat-banner-heading span {  
font-family: "Roboto", sans-serif;
font-weight: 100 !important;
display: block;
font-size: 70px;
line-height: normal;
}
.cat-banner-caption .caption-text{
margin-top: 15px;
color: rgba(255, 255, 255, .7);
font-weight: 300;
}
.cat-banner-light .cat-banner-caption{
color:#5e6418;
}
.cat-banner-light .cat-banner-caption .caption-text{
color:#5e6418;
}
.cat-banner-light .cat-banner-caption .small-text{
color:#929b1c;
font-weight:400;
}
.cat-gaming-headphones .cat-banner-caption , .cat-gaming-headphones .cat-banner-caption .caption-text,  .cat-gaming-headphones  .cat-banner-caption .small-text{
color:#77818f;
}
.cat-gaming-headphones{
border-bottom-color:#dfdfdf;
box-shadow:none;
}
.cat-gaming-headphones .cat-banner-img img{
width:80%;
margin:0 auto;
}
@media(max-width:768px){
.cat-banner-caption{
text-align:center;
}
}
@media(max-width:567px){
.cat-banner-heading {
font-size: 36px;
margin-top: 50px;
}
.cat-banner-heading span {
font-size: 60px;
}
.cat-banner-caption .small-text {
font-size: 13px;
padding-left: 15px;
}
.cat-banner-img{
padding:0;
margin-top:20px;
}
}
.call-header i{
font-size: 12px;
margin-right: 4px;
}
.call-us-contactPN i{
font-size:18px;
}