html{
overflow-x: hidden;
scroll-behavior: smooth;
}
body{
margin: 0;
overflow-x: hidden;
font-family: 'Kinn' !important;
background-color: #fff;
}
@font-face {
font-family: 'Kinn';
src: url('../font/Kinn-Bold.eot');
src: url('../font/Kinn-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/Kinn-Bold.woff2') format('woff2'),
url('../font/Kinn-Bold.woff') format('woff'),
url('../font/Kinn-Bold.ttf') format('truetype'),
url('../font/Kinn-Bold.svg#Kinn-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Kinn Book';
src: url('../font/Kinn-Book.eot');
src: url('../font/Kinn-Book.eot?#iefix') format('embedded-opentype'),
url('../font/Kinn-Book.woff2') format('woff2'),
url('../font/Kinn-Book.woff') format('woff'),
url('../font/Kinn-Book.ttf') format('truetype'),
url('../font/Kinn-Book.svg#Kinn-Book') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Kinn';
src: url('../font/Kinn-Light.eot');
src: url('../font/Kinn-Light.eot?#iefix') format('embedded-opentype'),
url('../font/Kinn-Light.woff2') format('woff2'),
url('../font/Kinn-Light.woff') format('woff'),
url('../font/Kinn-Light.ttf') format('truetype'),
url('../font/Kinn-Light.svg#Kinn-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* width */
::-webkit-scrollbar {
width:3px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 0px #023856;
border-radius:0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #023856;
border-radius:0px;
}
a{
text-decoration: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
a:hover {
text-decoration: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
button{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.header-1{
float: left;
width: 100%;
padding: 4px 0px;
background-color: #ffffff;
}
.log_area_atoor {
background-color: white;
width: 535px;
margin-left: auto;
margin-right: auto;
padding: 25px;
border-radius: 25px;
}
.logins-img img {
width: 70% !important;
}
.header-11{
width: 71%;
float: left;
}
.header-12{
float: left;
width: 29%;
}
.head1-h2{
margin-bottom: 0px;
padding-top: 10px;
float: left;
width: 100%;
color: #323031;
font-weight:400;
font-size: 14px;
}
.h1-box1{
float: left;
width: 50%;
padding-top:7px;
}
.h1-box11{
width: 17%;
float: left;
}
.h1-box12{
width: 80%;
float: left;
}
.h1-box11 img{
width: 30px;
float: left;
object-fit: cover;
}
.head-mail{
width: 37px !important;
}
.h1-box12 h3{
float: left;
color: #023856;
font-weight: 400;
font-size: 13px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.h1-box12 h5{
margin: 0px;
float: left;
color: #000000;
font-weight: 400;
font-size: 12px;
font-family: 'Kinn Book';
}
.h1-box12 a h5:hover{
text-decoration: none;
color: #023856;
}
.news-navhome{
/* float: left;
width: 100%; */
text-align: center;
color: white;
font-weight: 500;
font-size: 17px;
/* margin-left: auto; */
/* margin-right: auto; */
margin-top: 30px;
border: solid 1px #fff;
border-radius: 50px;
padding: 14px;
padding-left: 20px;
padding-right: 20px;
}
.align-news{
float: left;
width: 100%;
text-align: center;
padding-top: 50px;
}
.h1-box2{
float: left;
width: 50%;
padding-top:7px;
}
.h1-box21{
width: 19%;
float: left;
}
.h1-box22{
width: 80%;
float: left;
}
.h1-box21 img{
width: 30px;
float: left;
object-fit: cover;
margin-top: -3px;
}
.head-mail{
width: 37px !important;
}
.h1-box22 h3{
color: #023856;
font-weight: 400;
font-size: 13px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.h1-box22 h5{
margin: 0px;
color: #000000;
font-weight: 400;
font-size: 12px;
font-family: 'Kinn Book';
}
.h1-box22 a h5:hover{
text-decoration: none;
color: #023856;
}
.header-2{
float: left;
width: 100%;
padding: 0px 0px;
background: #00466d;
padding-bottom:7px;
}
.logobox{
width: 100%;
float: left;
padding: 10px 0px;
}
.logobox img{
width: 270px;
object-fit: cover;
float: left;
margin-top:20px;
}
.header-search-btn img{
width: 20px;
}
.header-2 form button{
position: absolute;
right: 3%;
background: transparent;
border: 0;
top: 32%;
}
.header-2 input{
font-size: 13px;
width: 100%;
height: 55px;
border-radius: 17px;
color: #ffffff;
padding: 11px 20px 10px;
/* border-top-left-radius: 4px; */
border: none;
/* border-bottom-left-radius: 4px; */
margin: 0;
border: 0;
font-weight: 400;
background: #00466d;
border: solid 1px #c1e5f9;
font-family: 'Kinn Book';
}
.header-2 form{
width:100%;
float: left;
/* margin-left: 50px; */
margin-top: 14px;
padding: 10px 0%;
position: relative;
}
.h2-box{
width: 100%;
float: left;
margin-top:30px;
margin-left: 26px;
}
.h2-in1{
width: 50%;
float: left;
}
.h2-img{
margin-right: 10px;
padding: 9px 10px;
border-radius: 100%;
width: 40px;
height: 40px;
float: left;
margin-bottom: 20px;
background-color: #00a3ff;
position: relative;
}
.h2-in1 img {
width: 20px;
float: left;
}
.h2-in1 h5{
font-size: 13px;
color: #c2e5f9;
font-weight: 400;
font-family: 'Kinn Book';
}
.h2-in1 a h5:hover{
color: #7f1431;
}
.h2-in1 h6{
font-weight: 400;
font-size: 13px;
color: #ffffff;
margin: 0px;
padding-top: 4px;
font-family: 'Kinn Book';
}
.h2-in1 h5 span{
color: #c2e5f9;
font-weight: 500;
}
.h2-img h3 {
float: right;
border-radius: 50px;
background: #00466d;
width: 18px;
height: 18px;
font-size: 11px;
color: white;
font-weight: 500;
position: absolute;
top: -9px;
margin: 0px;
padding: 1.5px 0px;
text-align: center;
right: 3px;
font-size: 11px;
}
.header-3{
float: left;
width: 100%;
background-color: #023856;
padding: 10px 0px;
}
.h3-box1{
float: left;
width: 2%;
}
.h3-box1-img{
width: 21px;
float: left;
/* margin-right: 8px; */
position: relative;
margin-top: -6px;
top: 6px;
}
.h3-box1 h1{
float: right;
width: 39px;
margin-right: 0px;
color: #eae0e2;
font-weight: 400;
font-size: 16px;
margin-top: 4px;
margin-bottom: 0px;
}
.menu-wrapper {
width: 98%;
height: auto;
padding: 0 30px;
/* margin: 20px auto; */
position: relative;
/* overflow: hidden; */
}.menu-wrapper .menu-item ul{
padding: 0;
margin: 0;
width: 100%;
float: left;
}.menu-wrapper .menu-item ul li{
display: inline-block;
position: relative;
padding: 0 0 10px;
float: left;
}.menu-wrapper .menu-item ul li ul li{
width: 22%;
float: left;
padding: 10px 15px;
}.menu-wrapper .menu-item ul li ul li a{
color: #000;
}.menu-wrapper .menu-item ul li ul{
display:none;
visibility: hidden;
opacity: 0;
margin: 0;
top: 34px;
padding: 0;
height: auto;
width: 1200px;
position: absolute;
left: -30px;
background: #daf0fd;
z-index: 9999;
transform: translate(0, 20px);
transition: all .2s ease-out;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}.menu-wrapper .menu-item ul li:hover ul{
display: block;
visibility: visible;
opacity: 1;
transform: translate(0, 0);
}
.menu-wrapper .menu-item {
height: 100%;
/* overflow: auto; */
/* white-space: nowrap; */
}
.menu-wrapper .menu-item a {
display: inline-block;
padding: 0px 20px;
color: #fff;
height: 100%;
/* font-weight: 400; */
font-size: 14px;
font-family: 'Kinn Book';
}
.menu-wrapper .menu-item a:hover {
text-decoration: none;
}
.menu-wrapper .menu-item a:first-child {
padding-left: 5px;
}
.menu-wrapper .menu-item::-webkit-scrollbar {
display: none;
}
.menu-wrapper .pointer {
height: 31px;
width: 12px;
line-height: 38px;
text-align: center;
position: absolute;
top: -5px;
/* left: 2px; */
}
.menu-wrapper .pointer i {
color: #00a6ff;
cursor: pointer;
}
.menu-wrapper .left-pointer {
left: 8px;
}
.menu-wrapper .right-pointer {
right: 0px;
}
.menu-wrapper .dis i {
color: #00a6ff;
}
a.active{
color: #eaabbc;
}
.banner-1{
float: left;
width: 100%;
background-color: #e4f5ff;
padding: 30px 20px;
}
.slide {
float: left;
width: 100%;
background-image: url(../images/banner.svg);
background-size: cover;
background-position: bottom;
position: relative;
z-index: 1;
background-repeat: no-repeat;
}
.slide .item {
border-radius: 20px;
width: 100%;
float: left;
position: relative;
/* background: #1a1b1c; */
/* background: url(../images/slider_bg.webp); */
/* background-size: cover; */
/* background-position: center; */
}
.slide-3 {
float: left;
width: 100%;
background-color: #fff;
border-radius: 20px;
background-position: bottom;
position: relative;
z-index: 1;
background-repeat: no-repeat;
}
.slide-3 .item {
border-radius: 20px;
width: 100%;
float: left;
position: relative;
/* background: #1a1b1c; */
/* background: url(../images/slider_bg.webp); */
/* background-size: cover; */
/* background-position: center; */
}
.slide .item .slide-image {
float: left;
height: 400px;
margin-left: 0px;
/* position: absolute; */
/* width: auto !important; */
/* z-index: 9999; */
width: 100%;
right: 0;
object-fit: cover;
top: 0;
/* max-height: 1000px; */
/* border-top-left-radius: 5px; */
/* border-bottom-left-radius: 7px; */
}
.slider-ban .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 30px;
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 136px;
left: -30px;
position: relative;
}
.slider-ban .owl-next img {
object-fit: cover;
right: -27px;
float: right;
position: relative;
top: 81px;
}
.slide .owl-carousel .owl-stage-outer {
border-radius: 30px;
}
.slider-ban .owl-nav.disabled {
display: block !important;
}
.slider-ban .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.slide-2{
float: left;
width: 100%;
background-color: #fff;
padding: 0px;
border-radius: 30px;
}
.slide-inner{
max-height: 400px;
overflow-y: scroll;
}
.inner-1{
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 6px;
/* border-bottom: 1px solid #fdf3e5; */
}
.in-11{
float: left;
width: 25%;
/* padding: 10px 0px; */
/* padding-left: 20px; */
}
.in-11 img{
max-width: 90%;
object-fit: cover;
border-radius: 10px;
}
.in-12{
float: left;
width: 70%;
padding-right: 15px;
}
.in-12 h6{
font-size: 13px;
font-weight: 400;
color: #00466d;
background-color: #e4f5ff;
padding: 4px 8px;
/* width: auto; */
float: left;
border-radius: 30px;
padding-top: 6px;
}
.in-12 h5
{
font-size: 18px;
font-weight: 500;
float: left;
width: 100%;
color: #000;
margin-bottom: 5px;
line-height: 26px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.in-12 p{
margin-bottom: 7px;
font-weight: 500;
color: #000000;
font-size: 14px;
float: left;
width: 100%;
line-height: 20px;
}
.in-12 a h4{
font-weight: 500;
color: #00466d;
font-size: 14px;
float: left;
width: 100%;
text-decoration: underline;
padding-top: 4px;
}
.slide-2 a h2{
background-color: white;
padding: 4px 10px;
/* width: 100%; */
position: absolute;
font-weight: 500;
color: #8b2a44;
font-size: 15px;
text-decoration: underline;
top: 7px;
border-radius: 20px;
right: 37px;
float: right;
}
.inner-1:hover .in-12 h6 {
background-color: #038fde;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.inner-1:hover .in-12 h5 {color: #038fde;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
/* ===== Scrollbar CSS ===== */
.slide-inner::-webkit-scrollbar-track
{
border-radius: 50px;
background-color: #00a3ff;
height: 3px;
border-top-left-radius: 50px;
}
.slide-inner::-webkit-scrollbar
{ border-radius: 50px;
width: 5px;
height: 3px;
background-color: #00a3ff;
}
.slide-inner::-webkit-scrollbar-thumb
{
border-radius: 50px;
background-color: #00a3ff;
height: 3px;
}
.banner-2{
float: left;
width: 100%;
padding: 56px 0px;
}
.banner-2 h2{float: left;width: 100%;color: #121212;font-weight: 500;font-size: 26px;}
.banner-2 h2 span{
color: #8b2a44;
}
.panel1{
width: 100%;
padding-top: 30px;
float: left;
}
.p1-carousel .owl-nav {
float: left;
position: absolute;
top: 10px;
right: 0px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 45px;
margin-right: 10px;
}
.p1-carousel .owl-next img {
width: 45px;
object-fit: cover;
}
.p1-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.loop-box {
width: 100%;
float: left;
background: linear-gradient(180deg, rgba(255,243,246,1) 24%, rgba(254,251,252,1) 67%);
position: relative;
padding: 30px 0px;
border-radius: 30px;
border: 1px solid #f3e9ec00;
}
.loop-box:hover{
background: linear-gradient(180deg, rgba(255,255,246,1) 24%, rgba(254,254,252,1) 67%);
border: 1px solid #f3e9ec;
}
.loop-box img{
/* width: unset !important; */
width: 100px !important;
float: none;
margin: auto;
display: block;
}
.loop-box h5{
color: #0e0e0e;
font-size: 17px;
font-weight: 600;
float: left;
width: 100%;
text-align: center;
margin-top: 15px;
}
.p1-carousel .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 30px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
float: right;
top: -95px;
right: 65px;
position: relative;
}
.p1-carousel .owl-next img {
object-fit: cover;
right: 21px;
float: right;
position: relative;
top: -140px;
}
.p1-carousel .owl-nav.disabled {
display: block !important;
}
.banner-3{
float: left;
width: 100%;
padding: 30px 0px;
background: white;
}
.banner-3 h2
{
float: left;
width: 100%;
color: #121212;
font-weight: 500;
font-size: 30px;
font-family: 'Kinn Book';
}
.banner-3 h2 span{
color: #8b2a44;
}
.panel2{
width: 100%;
padding-top: 30px;
float: left;
}
.p2-carousel .owl-nav {
float: left;
position: absolute;
top: 10px;
right: 0px;
}
.p2-carousel .owl-prev img {
object-fit: cover;
width: 40px;
margin-right: 10px;
}
.p2-carousel .owl-next img {
width: 40px;
object-fit: cover;
}
.p2-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.p2-carousel .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 30px;
}
.p2-carousel .owl-prev img {
object-fit: cover;
float: right;
top: -13px;
right: 40px;
position: relative;
}
.p2-carousel .owl-next img {
object-fit: cover;
right: 0;
float: right;
position: relative;
top: -53px;
}
.p2-carousel .owl-nav.disabled {
display: block !important;
}
.trending-box:hover {
color: #038fde;
border: 1px solid #66c8ff;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.trending-box{
width: 100%;
float: left;
padding: 6px 0px;
border: 1px solid #f0f2f5;
background: white;
color: #000;
border-radius:10px;
}
.trending-box2{
background-color: white;
float: left;
width: 100%;
padding: 20px 20px;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.trending-box2 h5
{
/* color: #000; height:45px; */
font-size: 14px;
font-weight: 500;
float: left;
height:45px;
width: 100%;
line-height: 20px;
padding-bottom: 0px;
margin-bottom: 2px;
padding-top: 4px;
font-family: 'Kinn Book';
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trending-box2 h6{
padding-top: 5px;
color: #00466d;
font-size: 20px;
font-weight: bold;
float: left;
width: 100%;
/* padding-top: 5px; */
margin-bottom: 3px;
}
.trending-box2 h6 span{
font-size: 13px;
color: #0887cf;
/* text-decoration: line-through; */
/* padding-left: 10px; */
font-weight: 400;
float: left;
width: 100%;
padding-bottom: 3px;
font-family: 'Kinn Book';
}
.trending-box2 h3{
font-size: 12px;
color: #00466d;
font-weight: 400;
float: left;
width: 100%;
padding-top: 4px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.t-img
{
background-color: white;
/* padding-bottom: 11px; */
border-bottom: 1px solid #8cd6ff;
height: 230px;
object-fit: contain;
}
.trend-fav{
width: 36px;
position: absolute;
right: 18px;
cursor: pointer;
top: 16px;
border: 0;
background: #fff2f6;
padding: 8px;
border-radius: 30px;
}
.red-bac{
background: #daf0fd;
}
.rating{
float: left;
width: 100%;
text-align: right;
}
.ratingbox {
color: #fd8c26;
font-size: 12px;
}
.rate-home {
float: left;
width: 100%;
text-align: right;
padding-top: 0px;
padding-top: 17px;
}
.action-btn{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.add-cart
{
float:left;
border-radius:50px;
background-color: #00466d;
width: 110px;
height: 35px !important;
border: solid 1px #00466d;
color: #ffffff;
font-weight:500;
font-size: 12px !important;
width: 50% !important;
text-align: center;
line-height: 33px;
font-family: 'Kinn Book';
}
.add-cart:hover
{
background-color:white;
border:solid 1px #121611;
color:#121611;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.buy-now{
float:left;
border-radius:50px;
background-color: #038fde;
width: 48% !important;
height: 35px !important;
border: solid 1px #038fde;
color: white !important;
font-weight:500;
font-size: 12px !important;
margin-left:10px;
text-align:center;
line-height: 32px !important;
font-family: 'Kinn Book';
}
.buy-now:hover
{
background-color: #252323;
border: solid 1px #252323;
color: #ffffff !important;
text-decoration:none;
}
.new-arrival{
float: left !important;
background: #00466d;
padding: 4px 9px 3px 9px;
font-size: 11px !important;
color: #eaebe6;
font-weight: 500 !important;
top: 20px;
border-bottom-right-radius: 30px !important;
position: absolute;
border-radius: 30px;
text-align: center;
left: 10px;
font-family: 'Kinn Book';
width: auto !important;
padding-top: 2px !important;
}
.ofs{
float: left;
background: #c72121;
padding: 9px 15px 9px 7px;
font-size: 13px;
color: #ffffff;
font-weight: 500;
top: 0px;
left: 0;
border-bottom-right-radius: 30px;
position: absolute;
border-top-right-radius: 30px;
}
.p3-carousel .owl-nav {
float: left;
position: absolute;
top: 10px;
right: 0px;
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 45px;
margin-right: 10px;
}
.p3-carousel .owl-next img {
width: 45px;
object-fit: cover;
}
.p3-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.p3-carousel .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 30px;
}
.p3-carousel .owl-prev img {
object-fit: cover;
float: right;
top: -95px;
right: 65px;
position: relative;
}
.p3-carousel .owl-next img {
object-fit: cover;
right: 21px;
float: right;
position: relative;
top: -140px;
}
.p3-carousel .owl-nav.disabled {
display: block !important;
}
.banner-4{
float: left;
width: 100%;
background: #f4fbff;
padding: 30px 0px;
padding-top: 37px;
padding-bottom: 40px;
}
.banner-4 img{
/* object-fit: cover; */
width: 100%;
}
.banner-4 h2 {
float: left;
width: 100%;
color: #121212;
font-weight: 500;
font-size: 30px;
font-family: 'Kinn Book';
}
.action-btn-sp{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.add-cart-sp
{
cursor: pointer;
float:left;
border-radius:50px;
background-color: #000;
width: 110px;
height: 35px;
border: solid 1px #000;
color: #ddcbcf;
font-weight:500;
font-size: 14px;
}
.add-cart-sp:hover
{
background-color:white;
border: solid 1px #7f1431;
color: #7f1431;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.buy-now-sp{
cursor: pointer;
float:left;
border-radius:50px;
background-color:white;
width: 110px;
height: 35px;
border: solid 1px #7f1431;
color: #7f1431 !important;
font-weight:500;
font-size:15px;
margin-left:10px;
text-align:center;
line-height: 34px;
}
.buy-now-sp:hover
{
background-color:#000;
border:solid 1px #000;
color:#ddcbcf !important;
text-decoration:none;
}
.banner-5{
float: left;
width: 100%;
padding-bottom: 35px;
padding-top: 35px;
}
.banner-5 img{
float: left;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.offer{
float: right;
background: #633232;
padding: 7px 18px 5px 18px;
font-size: 13px;
color: #ece7e7;
font-weight: 500;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
margin-top: -52px;
margin-right: -21px;
position: relative;
z-index: 111;
}
.banner-6{
float: left;
width: 100%;
padding: 50px 0px;
background-color: #fefaf5;
}
.banner-6 h2{float: left;width: 100%;color: #121212;font-weight: 500;font-size: 26px;
padding-bottom: 30px;
}
.banner-6 h2 span{
color: #8b2a44;
}
.panel20{
width: 100%;
float: left;
}
.p20-carousel .owl-nav {
float: left;
position: absolute;
top: 10px;
right: 0px;
}
.p20-carousel .owl-prev img {
object-fit: cover;
width: 40px;
margin-right: 10px;
}
.p20-carousel .owl-next img {
width: 40px;
object-fit: cover;
}
.p20-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.loop-box-2 {
width: 100%;
float: left;
position: relative;
padding: 15px 0px;
border-radius: 16px;
background-color: #fff;
border: 1px solid #00466d;
}
.loop-box-2 img{
/* width: unset !important; */
width: 170px !important;
float: none;
margin: auto;
display: block;
}
.loop-box-2-h5{
color: #0e0e0e;
font-size: 17px;
font-weight: 600;
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
}
.p20-carousel .owl-nav {
float: left;
width:150px;
margin-top:-100px;
}
.p20-carousel .owl-prev img {
object-fit: cover;
float: right;
/* top: -119px; */
right: 40px;
position: relative;
}
.p20-carousel .owl-next img {
object-fit: cover;
right: 0;
float: right;
position: relative;
top: -40px;
}
.p20-carousel .owl-nav.disabled {
display: block !important;
}
.view-brand{
float: left;
width: 100%;
text-align: center;
padding-top: 50px;
}
.view-brand a{
display: inline-block;
float: none;
height: 50px;
width: 180px;
border-radius: 34px;
padding: 13px 16px;
text-align: center;
background-color: #7f1431;
border: 1px solid transparent;
font-size: 15px;
font-weight: 500;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
color: #e4d6d9 !important;
text-align: left;
box-shadow: -4px 10px 65px 23px rgba(235,216,216,0.75);
-webkit-box-shadow: 2px 3px 16px 0px rgb(127 20 49 / 21%);
-moz-box-shadow: -4px 10px 65px 23px rgba(235,216,216,0.75);
}
.view-brand img{
float: right;
width: 28px;
filter: brightness(100);
margin-top: -3px;
}
.view-brand a:hover{
text-decoration: none;
background-color: black;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.hov{
float: left;
width: 100%;
}
.hov:hover .loop-box-2 {
border: 1px solid #00466d;
box-shadow: -4px 10px 65px 23px rgba(235,216,216,0.75);
-webkit-box-shadow: 2px 3px 16px 0px rgba(235,216,216,0.75);
-moz-box-shadow: -4px 10px 65px 23px rgba(235,216,216,0.75);
}
.hov:hover .loop-box-2-h5{
color: #7f1431;
}
.loop-box-2 img:hover .loop-box-2 {
border: 2px solid #ebd8d8;
}
.banner-7{
float: left;
width: 100%;
background-color:#023856;
padding: 35px 0px;
padding-bottom: 0px;
}
.b7-box{
float: left;
width: 100%;
/* background-color: #f8fffa; */
padding-bottom: 18px;
}
.b7-1{
float: left;
width: 100%;
}
.b7-11{
width: 27%;
float: left;
/* background-color: #ffffff; */
/* border-radius: 20px; */
/* box-shadow: -4px 10px 65px 17px rgba(229,229,229,0.75); */
/* -webkit-box-shadow: -4px 10px 65px 0px rgba(229,229,229,0.75); */
-moz-box-shadow: -4px 10px 65px 17px rgba(229,229,229,0.75);
}
.b7-11 img{
width: 100%;
object-fit: cover;
/* padding: 25px 19px; */
margin: auto;
display: block;
}
.b7-12{
float: left;
width: 66% !important;
margin-left: 20px;
}
.b7-12 h1{
color: #fff;
font-weight: 500;
line-height: 27px;
float: left;
width: 100%;
/* margin-top: 26px; */
font-size: 20px;
font-family: 'Kinn Book';
}
.b7-12 h1 span{
color: #03541a;
}
.b7-box p{
color: rgb(205 234 250 / 84%);
font-weight: 400;
line-height: 20px;
float: left;
width: 100%;
font-size: 14px;
padding-top: 0px;
line-height: 23px;
font-family: 'Kinn Book';
}
.b7-12 h2{
color: #000;
font-weight: 500;
line-height: 27px;
float: left;
width: 100%;
margin-top: 26px;
font-size: 20px;
}
.b7-12 h2 span{
color: #872740;
}
.b7-12 h3{
color: #000;
font-weight: 500;
line-height: 27px;
float: left;
width: 100%;
margin-top: 26px;
font-size: 20px;
}
.b7-12 h3 span{
color: #2d179b;
}
.b7-12 h4{
color: #000;
font-weight: 500;
line-height: 27px;
float: left;
width: 100%;
margin-top: 26px;
font-size: 20px;
}
.b7-12 h4 span{
color: #c02382;
}
.footer{
float: left;
width: 100%;
/* padding: 50px 0px; */
background: #f4fbff;
}
.ftr-1{
float: left;
width: 100%;
/* border-right: 1px solid #f3f5f7; */
padding: 35px 0px 85px 0px;
}
.ftr-1-img{
width: 240px;
object-fit: cover;
float: left;
}
.ftr-1 p{
float: left;
padding-top: 21px;
font-size: 15px;
font-weight: 400;
width: 100%;
line-height: 25px;
color: #000;
padding-right: 58px;
font-family: 'Kinn Book';
}
.ftr-1 a h6{
float: left;
width: 100%;
text-decoration: underline;
color: #000;
font-weight: 500;
padding-top: 0px;
font-size: 15px;
font-weight: 500;
}
.ftr-media{
float: left;
width: 100%;
padding-top:5px;
}
.ftr-media img{
width: 24px;
/* float: left; */
/* margin-right: 13px; */
}
.sp-ftrimg{
width: 25px !important;
margin-top: 11px;
margin-left: -2px;
}
.no-ml{
margin-left: 0px !important;
}
.ftr-2{
float: left;
width: 100%;
padding: 40px 0px;
}
.ftr-2 h2{
float: left;
width: 100%;
font-size: 24px;
font-weight: 500;
color: #000;
/* margin-bottom: 36px; */
}
.ftr-in1{
float: left;
width: 100%;
margin-top: 34px;
margin-left: 20px;
}
.ftr-in1 img{
width: 59px;
float: left;
margin-right: 12px;
margin-bottom: 10px;
}
.ftr-in1 h5{
font-size: 17px;
color: #7f1431;
font-weight: 400;
}
.ftr-in1 h4{
font-size: 29px;
color: #000;
font-weight: 500;
}
.ftr-3{
float: left;
width: 33%;
padding: 40px 0px 0px 0px;
}
.ftr-3 h2{
float: left;
width: 100%;
font-size: 22px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
}
.ftr-3 a{
width: 100%;
float: left;
color: #000;
font-weight: 400;
font-size: 14px;
font-family: 'Kinn Book';
margin-bottom: 12px;
}
.pay{
/* width: 100%; */
float: left;
padding-top: 12px;
/*margin-top: -71px;*/
margin-bottom: 20px;
}
.pay h3{
float: left;
font-size: 22px;
font-weight: 600;
color: #000;
margin-right: 0px;
margin-top: 16px;
}
.pay img{
width: 93px;
object-fit: cover;
margin-left: 33px;
margin-top: 7px;
width: 65px;
object-fit: cover;
margin-left: 24px;
}
.copy{
float: left;
width: 100%;
/* padding: 20px 0px 10px 0px; */
/* border-top: 1px solid #f3f5f7; */
background: white;
margin-top: 15px;
}
.copy p{
float: left;
font-size: 14px;
color: #000;
font-weight: 400;
margin-bottom: 0;
margin-top: 25px;
width: 100%;
text-align: center;
padding-bottom: 15px;
font-family: 'Kinn Book';
}
.copy p span{
color: #00466d;
}
.copy p a{
color: #000;
text-decoration: none;
}
.copy img{
float: right;
width: 60px;
object-fit: cover;
}
.ftr-1 a h6:hover {
color: #7f1431;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.ftr-in1 h4:hover {
color: #7f1431;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.ftr-3 a:hover {color: #4093c1;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.ftr-media img:hover {
/* transform: rotateY(360deg); */
/* transform-style: preserve-3d; */
/* transition: transform 0.8s; */
/* transition: all ease-in-out .5s; */
/* -webkit-transition: all ease-in-out .5s; */
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.copy p a:hover {
text-decoration: underline!important;
}
.menu-wrapper .menu-item a:hover {color: #aadbf6;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
@media(min-width:1200px) and (max-width:1455px)
{
.b7-12 {
width: 60%;
}
.add-cart {
width: 50%;
height: 31px;
font-size: 13px;
}
.buy-now {
width: 95px;
height: 31px;
font-size: 13px;
margin-left: 3px;
line-height: 31px;
}
.add-cart-sp {
width: 95px;
height: 31px;
font-size: 13px;
}
.buy-now-sp{
line-height: 31px;
margin-left: 2px;
width: 95px;
height: 31px;
font-size: 13px;
}
.med-head1{
width: 60%;
}
.med-head2{
width: 20%;
}
.med-head3{
width: 20%;
}
.h1-box11 {
width: 20%;
}
.h1-box21 {
width: 23%;
}
.h1-box22{
width: 77%;
}
.ftr-in1 h4 {
font-size: 24px;
}
.pay img {
/* margin-top: 7px; */
/* width: 65px; */
/* object-fit: cover; */
/* margin-left: 24px; */
}
.header-12 {
float: left;
width: 32%;
}
.header-11 {
width: 68%;
float: left;
}
.h2-box {
margin-left: 19px;
}
.in-12 {
padding-right: 0px;
padding-left: 20px;
}
}
@media(min-width:1024px) and (max-width:1199px)
{
.header-12 {
float: left;
width: 40%;
}
.header-11 {
width: 60%;
float: left;
}
.logobox img {
width:230px;
}
.header-2 input {
font-size: 12px;
width: 100%;
height: 43px;
border-radius: 17px;
color: #161616;
padding: 11px 20px 9px 20px;
}
.h2-box {
margin-top: 31px;
margin-left: 0px;
}
.header-2 form {
margin-top: 17px;
}
.h2-img {
margin-right: 7px;
padding: 7px 8px;
width: 35px;
height: 35px;
}
.h2-in1 h5 {
font-size: 12px;
}
.h3-box1 {
margin-top: 2px;
}
.h3-box1 img {
width: 21px;
float: left;
margin-right: 8px;
}
.h3-box1 h1 {
margin-top: 3px;
}
.h3-box1 {
float: left;
width: 6%;
position: relative;
top: -2px;
}
.menu-wrapper {
width: 93%;
}
.menu-wrapper .menu-item a {
padding: 0px 13px
}
.b7-12 {
width: 100%;
margin-left: 0px;
}
.b7-11 img {
width: 100%;
object-fit: cover;
padding: 21px 18px;
}
.b7-11 {
width: 36%;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.b7-box p {
width: 100%;
padding-top: 0px;
}
.ftr-1-img {
width: 150px;
}
.ftr-in1 img {
width: 49px;
}
.ftr-in1 {
float: left;
width: 100%;
margin-top: 18px;
margin-left: 8px;
}
.in-12 {
padding-right: 0;
padding-left: 12px;
}
.in-12 h5 {
font-size: 18px;
}
.in-11 img {
margin-top: 29px;
}
.slide .item .slide-image {
float: left;
height: 300px;
}
.slide-2{
max-height: 300px;
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 91px;
}
.slider-ban .owl-next img {
top: 36px;
}
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.med-head1{
width: 60%;
}
.med-head2{
width: 20%;
}
.med-head3{
width: 20%;
}
.h1-box11 {
width: 20%;
}
.h1-box21 {
width: 23%;
}
.h1-box22{
width: 77%;
}
.ftr-in1 h4 {
font-size: 21px;
}
.pay img {
margin-top: 11px;
width: 64px;
object-fit: cover;
margin-left: 9px;
}
.pay {
width: 100%;
float: left;
padding-top: 1px;
margin-left: -88px;
}
}
@media(min-width:990px) and (max-width:1023px)
{
.list-img {
height: auto !important;
}
.rating {
text-align: left;
}
#login-user .modal-content {
width: 90%;
margin: auto;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p1-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p1-carousel .owl-prev img {
right: 57px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p2-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p2-carousel .owl-prev img {
/* right: 57px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p3-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p3-carousel .owl-prev img {
right: 57px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p20-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p20-carousel .owl-prev img {
/* right: 57px; */
}
.pay h3 {
float: left;
font-size: 22px;
}
.header-2 form button {
top: 30%;
}
.h1-box12 h5 {
font-size: 12px;
}
.h1-box22 h5 {
font-size: 12px;
}
.header-12 {
float: left;
width: 40%;
}
.header-11 {
width: 60%;
float: left;
}
.logobox img {
width: 230px;
}
.header-2 input {
font-size: 12px;
width: 100%;
height: 43px;
border-radius: 17px;
color: #161616;
padding: 11px 20px 9px 20px;
}
.h2-box {
margin-top: 31px;
margin-left: 0px;
}
.header-2 form {
margin-top: 17px;
}
.h2-img {
margin-right: 7px;
padding: 7px 8px;
width: 35px;
height: 35px;
}
.h2-in1 h5 {
font-size: 12px;
}
.h3-box1 {
margin-top: 2px;
}
.h3-box1 img {
width: 21px;
float: left;
margin-right: 8px;
}
.h3-box1 h1 {
margin-top: 3px;
}
.h3-box1 {
float: left;
width: 6%;
}
.menu-wrapper {
width: 93%;
}
.menu-wrapper .menu-item a {
padding: 0px 13px
}
.b7-12 {
width: 100%;
margin-left: 0px;
}
.b7-11 img {
width: 100%;
object-fit: cover;
padding: 21px 18px;
}
.b7-11 {
width: 36%;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.b7-box p {
width: 100%;
padding-top: 0px;
}
.ftr-1-img {
width: 150px;
}
.ftr-in1 img {
width: 49px;
}
.ftr-in1 {
float: left;
width: 100%;
margin-top: 18px;
margin-left: 8px;
}
.in-12 {
padding-right: 0;
padding-left: 12px;
}
.in-12 h5 {
font-size: 18px;
}
.in-11 img {
margin-top: 29px;
}
.slide .item .slide-image {
float: left;
height: 300px;
}
.slide-2{
max-height: 300px;
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 91px;
}
.slider-ban .owl-next img {
top: 36px;
}
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.med-head1{
width: 60%;
}
.med-head2{
width: 20%;
}
.med-head3{
width: 20%;
}
.h1-box11 {
width: 20%;
}
.h1-box21 {
width: 23%;
}
.h1-box22{
width: 77%;
}
.ftr-in1 h4 {
font-size: 21px;
}
.pay img {
margin-top: 11px;
width: 64px;
object-fit: cover;
margin-left: 9px;
}
.pay {
width: 100%;
float: left;
padding-top: 1px;
}
}
@media(min-width:768px) and (max-width:989px)
{
.list-img {
height: auto !important;
}
.rating {
text-align: left;
}
#login-user .modal-content {
width: 90%;
margin: auto;
}
.pay img {
width: 86px;
object-fit: cover;
margin-left: 14px;
}
.pay {
width: 486px;
margin-left: auto;
text-align: center;
margin-bottom: 40px;
margin-right: auto;
float: none;
display: table; }
.slide{
margin-bottom: 20px;
}
.h3-box1-img {
width: 23px;
}
.h3-box1 {
float: left;
width:7%;
}
.menu-wrapper {
width: 93%;
}
.menu-wrapper .menu-item a {
padding: 0px 12px
}
.h1-box12 h5 {
font-size: 14px;
}
.h1-box22 h5 {
font-size: 14px;
}
.header-12 {
float: left;
width: 50%;
}
.header-11 {
width: 50%;
float: left;
}
.head1-h2{
font-size: 15px;
}
.h1-box21 {
width: 23%;
float: left;
}
.h1-box11 {
width:23%;
float: left;
}
.h1-box12 {
width: 77%;
}
.h1-box22 {
width: 77%;
}
.trending-box2 {
padding: 20px 10px;
}
.add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.loop-box-2 img {
/* width: unset !important; */
width: 111px !important;
}
.b7-box p {
width: 100%;
}
.ftr-1 {
border-right: 0px;
padding: 41px 0px 0px 0px;
}
.ftr-1-img {
width: 215px;
object-fit: cover;
float: none;
margin: auto;
/* display: block; */
}
.ftr-1 p {
text-align: left;
}
.ftr-1 a h6 {
text-align: center;
}
.ftr-media img {
width: 24px;
float: none;
}
.ftr-media{
float: left;
text-align: center;
}
.ftr-2 h2 {
margin-bottom: 25px;
text-align: center;
}
.ftr-in1 {
float: none;
width: 271px;
display: block;
margin: auto;
padding-top: 18px;
}
.ftr-2 {
float: left;
width: 100%;
padding: 50px 0px 20px 0px;
}
.ftr-in1 a h4{
width: auto;
font-size: 22px;
}
.ftr-in1 img {
width: 51px;
float: left;
margin-right: 8px;
margin-bottom: 10px;
}
.ftr-3 {
float: left;
width: 50%;
padding: 30px 0px 0px 0px;
text-align: center;
}
.copy img {
float: right;
width: 51px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p1-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p1-carousel .owl-prev img {
right: 57px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p2-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p2-carousel .owl-prev img {
/* right: 57px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p3-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p3-carousel .owl-prev img {
right: 57px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p20-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p20-carousel .owl-prev img {
/* right: 57px; */
}
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.ofs{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.new-arrival{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.trend-fav {
width: 33px;
top: 9px;
}
}
@media(max-width:990px)
{
#panel-two{
display: block;
}
/* .header-2{
display: none;
}*/
}
@media(min-width:991px)
{
.header-2{
display: block;
}
}
@media (max-width: 575px) {
.order-detail-box {
float: left;
width: 100%;
padding: 18px;
}
}
@media(min-width:230px) and (max-width:767px){
.tab-invoice{
width:100% !important;
}
.tab-invoice {
width: 100% !important;
float: left !important;
}
.tab-invoice p {
text-align: left !important;
}
}
@media (min-width: 230px) and (max-width: 991px) {
.rwd-table td {
float: left !important;
width: 100%;
}
.tab-consi-no {
padding-left: 0px !important;
float: left;
width: 100%;
}
.invoice-dis {
float: left !important;
width: 230px;
margin-top: 15px;
text-align: center;
border-radius: 50px !important;
margin-bottom: 10px !important;
}
.hide-tbs {
font-size: 14px !important;
}
}
@media(min-width:576px) and (max-width:767px){
.list-img {
height: auto !important;
}
.rating {
text-align: left;
}
#login-user .modal-content {
width: 90%;
margin: auto;
}
.vendor-box{
margin-bottom:20px;
}
.steps {
font-size: 13px !important;
}
.copy p {
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.footer {
margin-bottom: 75px;
}
.copy img{display: none;}
.slide {
margin-bottom: 20px;
}
.pay h3 {
text-align: left;
width: 100%;
}
.pay img {
margin-top: 10px;
width: 83px;
object-fit: cover;
margin-left: 0px;
}
.ftr-in1 h5 {
display: none;
}
.ftr-in1 img {
width: 40px;
float: none;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
display: block;
}
.h2-box{
display: none;
}
.h1-box12 h3 {
display: none;
}
.h2-box {
margin-left: 0px;
}
.menu-wrapper {
width: 94%;
height: auto;
padding: 0 21px;
}
.h3-box1 img {
width: 21px;
float: left;
margin-right: 6px;
}
.h3-box1 {
float: left;
width: 10%;
}
.menu-wrapper{
width: 90%;
}
.menu-wrapper .menu-item a:first-child {
padding-left: 0px;
}
.menu-wrapper .menu-item a {
display: inline-block;
padding: 0px 11px;
}
/*.trending-box2 h6 span {*/
/* width: 100%;*/
/* font-size: 13px;*/
/* color: #565656;*/
/* text-decoration: line-through;*/
/* padding-left: 0px;*/
/* float: left;*/
/*}*/
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.banner-5 img {
float: none;
display: block;
margin: auto;
margin-bottom: 20px;
width: 80%;
}
.med-im{
width: 100% !important;
}
.banner-5 {
padding-bottom: 30px;
}
.banner-6 {
padding: 15px 0px;
}
.slide .item .slide-image {
float: left;
height: 280px;
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 78px;
}
.slider-ban .owl-next img {
top: 24px;
}
.banner-2 {
float: left;
width: 100%;
padding: 56px 0px 0px 0px;
}
.cart span {
background: #7f1431;
top: 144px !important;
}
/* .header-3{
display: none;
}
*/
.header-12 {
float: left;
width: 100%;
padding-top: 0px;
}
.h1-box22 h3 {
display: none;
}
.header-11 {
width: 100%;
float: left;
text-align: center;
}
.head1-h2{
display: none;
}
.h1-box12 h5 {
margin-top: 4px;
width: 100%;
font-size: 14px;
}
.h1-box22 h5 {
width: 100%;
text-align: right;
font-size: 14px;
}
.h1-box21 img {
width: 30px;
float: right;
}
.h1-box21 {
width: 100%;
float: right;
}
.h1-box11 {
width: 100%;
float: left;
}
.h1-box12 {
width: 100%; }
.h1-box22 {
width: 100%; }
.trending-box2 {
padding: 20px 10px;
}
.add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.loop-box-2 img {
/* width: unset !important; */
width: 111px !important;
}
.b7-box p {
width: 100%;
padding-top: 5px;
}
.view-brand {
padding-top: 25px;
}
.ftr-1 {
border-right: 0px;
padding: 41px 0px 0px 0px;
}
.ftr-1-img {
width: 215px;
object-fit: cover;
float: none;
margin: auto;
/* display: block; */
}
.ftr-1 p {
text-align: left;
}
.ftr-1 a h6 {
text-align: center;
}
.ftr-media img {
width: 24px;
float: none;
}
.ftr-media{
float: left;
text-align: center;
}
.ftr-2 h2 {
margin-bottom: 25px;
text-align: center;
}
.ftr-in1 {
float: none;
width: 365px;
display: block;
margin: auto;
padding-top: 18px;
}
.ftr-2 {
float: left;
width: 100%;
padding: 50px 0px 20px 0px;
}
.ftr-in1 a h4{
width: 100%;
text-align: center;
font-size: 20px;}
.ftr-3 {
float: left;
width: 50%;
padding: 30px 0px 0px 0px;
text-align: center;
}
.pay{
margin-left: 0px;
text-align: center;
margin-bottom: 40px;
}
.copy img {
float: right;
width: 51px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p1-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p1-carousel .owl-prev img {
right: 57px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p2-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p2-carousel .owl-prev img {
/* right: 57px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p3-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p3-carousel .owl-prev img {
right: 57px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p20-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p20-carousel .owl-prev img {
/* right: 57px; */
}
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.ofs{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.new-arrival{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.trend-fav {
width: 33px;
top: 9px;
}
}
@media(min-width:576px)
{
.slide-3{
display: none;
}
.slide-2{
display: block;
}
}
@media(max-width:575px)
{
.form-wizard .form-group {
position: relative;
margin: 15px 0 0 !important;
}.vendor-box{
margin-bottom:20px;
}
.steps {
float: left;
font-size: 15px;
color: #000;
font-weight: 600;
clear: both;
text-align: left;
margin-right: 10px;
}.step {
color: #7f1431;
font-size: 15px;
font-weight: 500;
float: left;
clear: both;
text-align: left;
}
.slide-3{
display: block;
}
.slide-2{
display: none;
}
.dataTables_wrapper .dataTables_filter input {
margin-bottom: 0px;
}
#remove .modal .modal-content{
width: 95%;
height: auto;
}
.modal .modal-content {
}
.close_form {
width: 32px !important;
height: 28px !important;
z-index: 999 !important;
right: 0 !important;
top: 0 !important;
background: #212121 !important;
background-image: url(../images/close.svg) !important;
background-size: 20px 20px !important;
background-repeat: no-repeat !important;
background-position-y: center !important;
background-position-x: center !important;
}
}
@media(min-width:500px) and (max-width:575px)
{
.header-2 form{
margin-top: 0px;
}
.slider-ban .owl-nav {
display: none;
}
.copy p {
text-align: center;
margin-bottom: 20px;
}
.footer {
margin-bottom: 35px;
}
.copy img{display: none;}
.slide {
margin-bottom: 20px;
}
.pay h3 {
text-align: center;
width: 100%;
}
.pay img {
margin-top: 10px;
width: 83px;
object-fit: cover;
margin-left: 0px;
}
.ftr-in1 h5 {
display: none;
}
.ftr-in1 img {
width: 40px;
float: none;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
display: block;
}
.h2-box{
display: none;
}
.h1-box12 h3 {
display: none;
}
.h2-box {
margin-left: 0px;
}
.menu-wrapper {
width: 94%;
height: auto;
padding: 0 21px;
}
.h3-box1 img {
width: 21px;
float: left;
margin-right: 6px;
}
.h3-box1 {
float: left;
width: 10%;
}
.menu-wrapper{
width: 90%;
}
.menu-wrapper .menu-item a:first-child {
padding-left: 0px;
}
.menu-wrapper .menu-item a {
display: inline-block;
padding: 0px 11px;
}
.ftr-1 {
padding: 50px 0px 0px 0px;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.banner-5 img {
float: none;
display: block;
margin: auto;
margin-bottom: 20px;
width: 80%;
}
.med-im{
width: 100% !important;
}
.banner-5 {
padding-bottom: 30px;
}
.banner-6 {
padding: 15px 0px;
}
.slide .item .slide-image {
float: left;
height: auto;
}
.in-11 {
float: left;
width: 25%;
padding: 21px 12px;
}
.banner-6 h2 {
font-size: 20px;
}
.b7-11 {
display: block;
width: 114px;
float: none;
margin: auto;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
/* text-align: center; */
margin-top: 10px;
}
.b7-12 h1 br{
display: none;
}
.b7-12 h2 {
text-align: center;
margin-top: 10px;
}
.b7-12 h2 br{
display: none;
}
.b7-12 h3 {
text-align: center;
margin-top: 10px;
}
.b7-12 h3 br{
display: none;
}
.b7-12 h4 {
text-align: center;
margin-top: 10px;
}
.b7-12 h4 br{
display: none;
}
.banner-7 {
padding: 20px 0px;
}
.footer {
padding: 20px 0px;
}
.b7-box p {
width: 100%;
padding-top: 5px;
/* text-align: center; */
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 78px;
}
.slider-ban .owl-next img {
top: 24px;
}
.banner-2 {
float: left;
width: 100%;
padding: 56px 0px 0px 0px;
}
.cart span {
background: #7f1431;
top: 144px !important;
}
/* .header-3{
display: none;
}
*/
.header-12 {
float: left;
width: 100%;
padding-top: 0px;
}
.h1-box22 h3 {
display: none;
}
.header-11 {
width: 100%;
float: left;
text-align: center;
}
.head1-h2{
display: none;
}
.h1-box12 h5 {
margin-top: 4px;
width: 100%;
font-size: 14px;
}
.h1-box22 h5 {
width: 100%;
text-align: right;
font-size: 14px;
}
.h1-box21 img {
width: 30px;
float: right;
}
.h1-box21 {
width: 100%;
float: right;
}
.h1-box11 {
width: 100%;
float: left;
}
.h1-box12 {
width: 100%; }
.h1-box22 {
width: 100%; }
.trending-box2 {
padding: 20px 10px;
}
.add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.loop-box-2 img {
/* width: unset !important; */
width: 111px !important;
}
.b7-box p {
width: 100%;
padding-top: 5px;
}
.view-brand {
padding-top: 25px;
}
.ftr-1 {
border-right: 0px;
}
.ftr-1-img {
width: 215px;
object-fit: cover;
float: none;
margin: auto;
/* display: block; */
}
.ftr-1 p {
text-align: left;
}
.ftr-1 a h6 {
text-align: center;
}
.ftr-media img {
width: 24px;
float: none;
}
.ftr-media{
float: left;
text-align: center;
}
.ftr-2 h2 {
margin-bottom: 25px;
text-align: center;
}
.ftr-in1 {
float: none;
width: 365px;
display: block;
margin: auto;
padding-top: 18px;
}
.ftr-2 {
float: left;
width: 100%;
padding: 50px 0px 20px 0px;
}
.ftr-in1 a h4{
width: 100%;
text-align: center;
font-size: 20px;}
.ftr-3 {
float: left;
width: 50%;
padding: 30px 0px 0px 0px;
text-align: center;
}
.pay{
margin-left: 0px;
text-align: center;
margin-bottom: 40px;
}
.copy img {
float: right;
width: 51px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p1-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p1-carousel .owl-prev img {
right: 57px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p2-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p2-carousel .owl-prev img {
/* right: 57px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 37px;
}
.p3-carousel .owl-next img {
width: 37px;
top: -132px;
}
.p3-carousel .owl-prev img {
right: 57px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
}
.p20-carousel .owl-next img {
/* width: 37px; */
/* top: -132px; */
}
.p20-carousel .owl-prev img {
/* right: 57px; */
}
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.ofs{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.new-arrival{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.trend-fav {
width: 33px;
top: 9px;
}
}
@media(max-width:575px){
.nopro-titel{
font-size: 28px !important;
}
.nonepro-desc {
font-size: 17px !important;
}
.wish-products .col-6{
padding:5px;
}
.rating {
text-align: left;
}
.main-products .col-md-4{
padding:5px;
}
.p2-carousel .owl-nav {
display: none !important;
}
.p20-carousel .owl-nav {
display: none !important;
}
.brand-carousel .owl-nav {
display: none;
}
.p20-carousel .owl-nav{
display: none;
}
.news-carousel .owl-nav{
display: none;
}
.filter-list {
border-right:0px !important;
}
.h-auto-new img {
width: 64% !important;
}
#login-user .modal-content{
width:80%;
margin: auto;
}
#addcart .modal-content{
width:80%;
margin: auto;
}
.h-auto-img{
width: 71% !important;
padding: 14px 0px !Important;
}
}
@media(min-width:575px) and (max-width:991px)
{
.h-auto-new img {
width: unset !important;
max-width: 100%;
padding: 10px 0px !important;
}
}
@media(min-width: 230px) and (max-width: 575px){
.p2-carousel .owl-nav {
display: none !important;
}
}
@media(min-width: 400px) and (max-width: 499px)
{
.in-12 h5 {
font-size: 17px;
}
.h1-box11 img {
display: none;
}
.h1-box21 img {
display: none;
}
.header-1{
background-color: #7f1431;
}
.mob-login {
margin-top: 23px;
float: right;
width: 90px;
border-radius: 30px;
padding: 7px 16px;
background-color: #7f1431;
}
.logobox img {
width: 150px;
}
.mob-login span{
color: #e3d3d7;
font-size: 15px;
font-weight: 400;
}
.banner-1{
padding: 30px 0px;
}
.mob-login img{
filter: invert(1);
float: none;
width: 17px;
margin-top: -2px;
margin-right: 0px;
}
.header-2 form{
margin-top: 0px;
}
.slider-ban .owl-nav {
display: none;
}
.copy p {
text-align: center;
margin-bottom: 20px;
}
.footer {
margin-bottom: 35px;
}
.copy img{display: none;}
.slide {
margin-bottom: 20px;
}
.pay h3 {
text-align: left;
width: 100%;
}
.pay img {
margin-top: 10px;
width: 83px;
object-fit: cover;
margin-left: 0px;
}
.ftr-in1 h5 {
display: none;
}
.ftr-in1 img {
width: 40px;
float: none;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
display: block;
}
.h2-box{
display: none;
}
.h1-box12 h3 {
display: none;
}
.h2-box {
margin-left: 0px;
}
.menu-wrapper {
width: 94%;
height: auto;
padding: 0 21px;
}
.h3-box1 img {
width: 20px;
float: left;
margin-right: 1px;
top: 3px;
}
.menu-wrapper .menu-item a:first-child {
padding-left: 0px;
}
.menu-wrapper .menu-item a {
display: inline-block;
padding: 0px 11px;
}
.ftr-1 {
padding: 50px 0px 0px 0px;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.banner-5 img {
float: none;
display: block;
margin: auto;
margin-bottom: 20px;
width: 100%;
}
.med-im{
width: 100% !important;
}
.banner-5 {
padding-bottom: 30px;
}
.banner-6 {
padding: 15px 0px;
}
.slide .item .slide-image {
float: left;
height: auto;
}
.h3-box1 {
float: left;
width: 7%;
top: 2px;
position: relative;
}
.menu-wrapper{
width: 93%;
}
.in-11 {
float: left;
width: 30%;
padding: 5px 12px;
}
.inner-1 {
padding-top: 30px;
padding-bottom: 20px;
}
.banner-6 h2 {
font-size: 20px;
}
.b7-11 {
display: block;
width: 114px;
float: none;
margin: auto;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
/* text-align: center; */
margin-top: 10px;
}
.b7-12 h1 br{
display: none;
}
.b7-12 h2 {
text-align: center;
margin-top: 10px;
}
.b7-12 h2 br{
display: none;
}
.b7-12 h3 {
text-align: center;
margin-top: 10px;
}
.b7-12 h3 br{
display: none;
}
.b7-12 h4 {
text-align: center;
margin-top: 10px;
}
.b7-12 h4 br{
display: none;
}
.banner-7 {
padding: 20px 0px;
}
.footer {
padding: 20px 0px;
}
.b7-box p {
width: 100%;
padding-top: 5px;
/* text-align: center; */
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 78px;
}
.slider-ban .owl-next img {
top: 24px;
}
.banner-2 {
float: left;
width: 100%;
padding:50px 0px;
}
.cart span {
background: #7f1431;
top: 144px !important;
}
/* .header-3{
display: none;
}
*/
.header-12 {
float: left;
width: 100%;
padding-top: 0px;
}
.h1-box22 h3 {
display: none;
}
.header-11 {
width: 100%;
float: left;
text-align: center;
}
.head1-h2{
display: none;
}
.h1-box12 h5 {
color: #e3d3d7;
margin-top: 4px;
width: 100%;
font-size: 14px;
}
.h1-box22 h5 {
color: #e3d3d7;
width: 100%;
text-align: right;
font-size: 14px;
}
.h1-box21 img {
width: 30px;
float: right;
}
.h1-box21 {
width: 100%;
float: right;
}
.h1-box11 {
width: 100%;
float: left;
}
.h1-box12 {
width: 100%; }
.h1-box22 {
width: 100%; }
.trending-box2 {
padding: 20px 10px;
}
.add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.loop-box-2 img {
/* width: unset !important; */
width: 111px !important;
}
.b7-box p {
width: 100%;
padding-top: 5px;
}
.view-brand {
padding-top: 25px;
}
.ftr-1 {
border-right: 0px;
}
.ftr-1-img {
width: 215px;
object-fit: cover;
float: none;
margin: auto;
/* display: block; */
}
.ftr-1 p {
text-align: left;
padding-right: 15px;
}
.ftr-1 a h6 {
text-align: center;
}
.ftr-media img {
width: 24px;
float: none;
}
.ftr-media{
float: left;
text-align: center;
}
.ftr-2 h2 {
margin-bottom: 25px;
text-align: center;
}
.ftr-in1 {
float: none;
width: 365px;
display: block;
margin: auto;
padding-top: 18px;
}
.ftr-2 {
float: left;
width: 100%;
padding: 50px 0px 20px 0px;
}
.ftr-in1 a h4{
width: 100%;
text-align: center;
font-size: 20px;}
.ftr-3 {
float: left;
width: 50%;
padding: 30px 0px 0px 0px;
text-align: center;
}
.pay{
margin-left: 0px;
text-align: center;
margin-bottom: 40px;
}
.copy img {
float: right;
width: 51px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 29px;
}
.p1-carousel .owl-next img {
width: 29px;
top: -125px;
}
.p1-carousel .owl-prev img {
top: -96px;
right: 45px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
/* top: -96px; */
}
.p2-carousel .owl-next img {
/* width: 29px; */
/* top: -125px; */
}
.p2-carousel .owl-prev img {
/* right: 45px; */
/* width: 29px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 29px;
}
.p3-carousel .owl-next img {
width: 29px;
top: -125px;
}
.p3-carousel .owl-prev img {
right: 45px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 29px; */
/* top: -94px; */
}
.p20-carousel .owl-next img {
/* width: 29px; */
/* top: -124px; */
}
.p20-carousel .owl-prev img {
/* right: 45px; */
}
.trending-box2 h5 br{
display: none;
}
/*.trending-box2 h6 span {*/
/* float: left;*/
/* width: 100%;*/
/* font-size: 13px;*/
/* color: #565656;*/
/* text-decoration: line-through;*/
/* padding-left: 0px;*/
/*}*/
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.ofs{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.new-arrival{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.trend-fav {
width: 33px;
top: 9px;
}
}
@media(max-width:399px) {
.in-12 h5 {
font-size: 17px;
}
.h1-box11 img {
display: none;
}
.h1-box21 img {
display: none;
}
.header-1{
background-color: #7f1431;
}
.mob-login {
margin-top: 21px;
float: right;
width: 90px;
border-radius: 30px;
padding: 7px 16px;
background-color: #7f1431;
}
.logobox img {
width: 150px;
}
.mob-login span{
color: #e3d3d7;
font-size: 15px;
font-weight: 400;
}
.banner-1{
padding: 30px 0px;
}
.mob-login img{
filter: invert(1);
float: none;
width: 17px;
margin-top: -2px;
margin-right: 0px;
}
.header-2 form{
margin-top: 0px;
}
.slider-ban .owl-nav {
display: none;
}
.copy p {
text-align: center;
margin-bottom: 20px;
}
.footer {
margin-bottom: 35px;
}
.copy img{display: none;}
.slide {
margin-bottom: 20px;
}
.pay h3 {
text-align: left;
width: 100%;
}
.pay img {
margin-top: 10px;
width: 83px;
object-fit: cover;
margin-left: 0px;
}
.ftr-in1 h5 {
display: none;
}
.ftr-in1 img {
width: 40px;
float: none;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
display: block;
}
.h2-box{
display: none;
}
.h1-box12 h3 {
display: none;
}
.h2-box {
margin-left: 0px;
}
.menu-wrapper {
width: 94%;
height: auto;
padding: 0 21px;
}
.h3-box1 img {
width: 21px;
float: left;
margin-right: 6px;
}
.h3-box1 {
float: left;
width: 10%;
}
.menu-wrapper{
width: 90%;
}
.menu-wrapper .menu-item a:first-child {
padding-left: 0px;
}
.menu-wrapper .menu-item a {
display: inline-block;
padding: 0px 6px;
font-size: 12px;
}
.ftr-1 {
padding: 10px 0px 0px 0px;
}
.header-2 input {
height: 45px;
border-radius: 13px;
font-size:10px;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
margin-top: 10px;
}
.b7-12 h2 {
margin-top: 10px;
}
.b7-12 h3 {
margin-top: 10px;
}
.b7-12 h4 {
margin-top: 10px;
}
.banner-5 img {
float: none;
display: block;
margin: auto;
margin-bottom: 20px;
width: 100%;
}
.banner-3 h2 {
font-size: 21px;
}
.trending-box2 h3 {
font-size: 12px;
}
.med-im{
width: 100% !important;
}
.banner-5 {
padding-bottom: 30px;
}
.banner-6 {
padding: 15px 0px;
}
.slide .item .slide-image {
float: left;
height: auto;
}
.h3-box1 {
float: left;
width: 8%;
top: 1px;
position: relative;
}
.menu-wrapper{
width: 92%;
}
.in-11 {
float: left;
width: 30%;
padding: 29px 11px;
}
.inner-1 {
padding-top: 30px;
padding-bottom: 20px;
}
.banner-6 h2 {
font-size: 17px;
}
.b7-11 {
display: block;
width: 114px;
float: none;
margin: auto;
}
.b7-12 {
float: left;
width: 100%;
margin-left: 0px;
}
.b7-12 h1 {
/* text-align: center; */
margin-top: 10px;
}
.b7-12 h1 br{
display: none;
}
.b7-12 h2 {
text-align: center;
margin-top: 10px;
}
.b7-12 h2 br{
display: none;
}
.b7-12 h3 {
text-align: center;
margin-top: 10px;
}
.b7-12 h3 br{
display: none;
}
.b7-12 h4 {
text-align: center;
margin-top: 10px;
}
.b7-12 h4 br{
display: none;
}
.banner-7 {
padding: 20px 0px;
}
.footer {
padding: 20px 0px;
}
.b7-box p {
width: 100%;
padding-top: 5px;
/* text-align: center; */
}
.slider-ban .owl-prev img {
object-fit: cover;
float: left;
top: 78px;
}
.slider-ban .owl-next img {
top: 24px;
}
.banner-2 {
float: left;
width: 100%;
padding: 50px 0px;
}
.cart span {
background: #7f1431;
top: 144px !important;
}
/* .header-3{
display: none;
}
*/
.header-12 {
float: left;
width: 100%;
padding-top: 0px;
}
.h1-box22 h3 {
display: none;
}
.header-11 {
width: 100%;
float: left;
text-align: center;
}
.head1-h2{
display: none;
}
.h1-box12 h5 {
color: #e3d3d7;
margin-top: 4px;
width: 100%;
font-size: 14px;
}
.h1-box22 h5 {
color: #e3d3d7;
width: 100%;
text-align: right;
font-size: 14px;
}
.h1-box21 img {
width: 30px;
float: right;
}
.h1-box21 {
width: 100%;
float: right;
}
.h1-box11 {
width: 100%;
float: left;
}
.h1-box12 {
width: 100%; }
.h1-box22 {
width: 100%; }
.trending-box2 {
padding: 20px 10px;
}
.add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.loop-box-2 img {
/* width: unset !important; */
width: 111px !important;
}
.b7-box p {
width: 100%;
padding-top: 5px;
}
.view-brand {
padding-top: 25px;
}
.ftr-1 {
border-right: 0px;
}
.ftr-1-img {
width: 181px;
object-fit: cover;
float: none;
margin: auto;
/* display: block; */
}
.ftr-1 p {
text-align: left;
padding-right: 15px;
}
.ftr-1 a h6 {
text-align: center;
}
.ftr-media img {
width: 24px;
float: none;
}
.ftr-media{
float: left;
text-align: center;
}
.ftr-2 h2 {
margin-bottom: 25px;
text-align: center;
}
.ftr-in1 {
float: none;
width: 365px;
display: block;
margin: auto;
padding-top: 18px;
}
.ftr-2 {
float: left;
width: 100%;
padding: 30px 0px 20px 0px;
}
.ftr-in1 a h4{
width: 100%;
text-align: center;
font-size: 20px;}
.ftr-3 {
float: left;
width: 50%;
padding: 10px 0px 0px 0px;
text-align: center;
}
.pay{
margin-left: 0px;
text-align: center;
margin-bottom: 20px;
}
.copy img {
float: right;
width: 51px;
}
.p1-carousel .owl-prev img {
object-fit: cover;
width: 29px;
}
.p1-carousel .owl-next img {
width: 29px;
top: -125px;
}
.p1-carousel .owl-prev img {
top: -96px;
right: 45px;
}
.p2-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 37px; */
/* top: -96px; */
}
.p2-carousel .owl-next img {
/* width: 29px; */
/* top: -125px; */
}
.p2-carousel .owl-prev img {
/* right: 45px; */
/* width: 29px; */
}
.p3-carousel .owl-prev img {
object-fit: cover;
width: 29px;
}
.p3-carousel .owl-next img {
width: 29px;
top: -125px;
}
.p3-carousel .owl-prev img {
right: 45px;
}
.p20-carousel .owl-prev img {
/* object-fit: cover; */
/* width: 29px; */
/* top: -94px; */
}
.p20-carousel .owl-next img {
/* width: 29px; */
/* top: -124px; */
}
.p20-carousel .owl-prev img {
/* right: 45px; */
}
.trending-box2 h5 br{
display: none;
}
/*.trending-box2 h6 span {*/
/* float: left;*/
/* width: 100%;*/
/* font-size: 13px;*/
/* color: #565656;*/
/* text-decoration: line-through;*/
/* padding-left: 0px;*/
/*}*/
.add-cart {
width: 100% !important;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now {
width: 100% !important;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.add-cart-sp {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.buy-now-sp{
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.ofs{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.new-arrival{
padding: 5px 13px 5px 4px;
font-size: 12px;
}
.trend-fav {
width: 33px;
top: 9px;
}
.banner-3 h2 {
font-size: 21px;
}
}
#menu-wrapper {
overflow: hidden;
max-width: 100%;
cursor: pointer;
}
#menu-wrapper #hamburger-menu {
position: relative;
width: 23px;
height: 20px;
margin: 3px 6px 0px 0px;
}
#menu-wrapper #hamburger-menu span {
opacity: 1;
left: 0;
display: block;
width: 100%;
height: 2px;
border-radius: 10px;
color: black;
background-color: #f6f0f2;
position: absolute;
transform: rotate(0deg);
transition: .4s ease-in-out;
}
#menu-wrapper #hamburger-menu span:nth-child(1) {
top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
transform: translateY(9px) rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
opacity: 0;
transform: translateX(-60px);
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
transform: translateY(-9px) rotate(-135deg);
}
#menu-container .menu-list .menu-submenu {
padding-top: 20px;
padding-bottom: 20px;
}
#menu-container .menu-list {
top: 35px;
padding-left: 0;
display: block;
position: absolute;
width: 100%;
max-width: 284px;
background: white;
box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
z-index: 999;
overflow-y: auto;
overflow-x: hidden;
left: -100%;
}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
font-size: 16px;
padding: 16px 20px;
/* text-transform: uppercase; */
border-top: 1px solid #dbdcd2;
}
#menu-container .menu-list li:first-of-type {
border-top: 0;
}
.accordion-toggle, .accordion-content {
cursor: pointer;
font-size: 16px;
position: relative;
letter-spacing: 1px;
}
.accordion-content {
display: none;
}
.accordion-toggle a:before, .accordion-toggle a:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 30px;
width: 15px;
height: 2px;
margin-top: -1px;
background-color: #5a5858;
transform-origin: 50% 50%;
transition: all 0.3s ease-out;
}
.accordion-toggle a:before {
transform: rotate(-90deg);
opacity: 1;
z-index: 2;
}
.accordion-toggle.active-tab {
background: #7f1431;
transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
transform: rotate(0deg);
background: #fff !important;
}
.accordion-toggle a.active:after {
transform: rotate(180deg);
background: #fff !important;
opacity: 0;
}
.menu-link{
color: #7f1431;
font-family: jost;
}
@media (min-width:767px)
{
.ftr-mbf{
display: none;
}
}
@media (max-width:767px)
{
.ftr-mbf{
display: block;
}
}
.ftr-mbf{
padding-top: 7px;
float: left;
width: 100%;
left: 0px;
position: fixed;
bottom: 0px;
height: 67px;
z-index: 99;
background: aliceblue;
/* padding-top: 9px; */
}
.tab-mb{
width: 33.333%;
float:left;
font-size: 12px;
color:#000;
text-align:center;
border-right: solid 1px rgb(200 200 200 / 21%);
height: 59px;
padding-top: 11px;
}
.tab-mb img{width: 23px;height:20px;/* background-color: white; */}
.tab-mb strong{
color: black;
float:left;
width:100%;
font-weight: 500;
font-size: 12px;
padding-top: 5px;
margin-bottom:10px;
}
.badge-fav2{
background-color: #00466d;
border-radius: 10px;
color: white;
display: inline-block;
font-size: 9px;
line-height: 22px;
/* padding: 3px 7px; */
text-align: center;
vertical-align: middle;
white-space: nowrap;
border-radius: 50%;
top: -10px;
width: 21px;
height: 21px;
text-align: center;
/* margin-top: -23px; */
left: -11px;
position: relative;
}
.badge-fav3{
background-color: #00466d;
border-radius: 10px;
color: white;
display: inline-block;
font-size: 9px;
line-height: 22px;
/* padding: 3px 7px; */
text-align: center;
vertical-align: middle;
white-space: nowrap;
border-radius: 50%;
top: -10px;
width: 21px;
height: 21px;
text-align: center;
/* margin-top: -23px; */
left: -11px;
position: relative;
}
#whole-flex {
position: absolute;
flex-direction: column;
text-align: center;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
z-index: -10;
}
/* NavBar */
.sidenav {
max-width: 380px;
width: 85%;
overflow-x: hidden;
overflow-y: hidden;
height: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background-color: white;
transform-origin: left center;
transform: translateX(-380px);
}
.sidenavHeader {
color: white;
font-weight: 400;
background-color: #00466d;
padding: 10px 0px 10px 30px;
font-size: 22px;
font-family: 'Kinn Book';
}
.sidenavContentHeader {
margin-top: 5px;
padding: 15px 0px 15px 25px;
font-size: 20px;
font-weight: bold;
}
.sidenavHeader img{
width: 27px;
object-fit: cover;
float: left;
margin-right: 10px;
margin-top: 3px;
}
.menu-img{
width:25px;
object-fit: cover;
}
.dwn-img{
width: 22px;
object-fit: cover;
margin-left: 9px;
margin-top: 1px;
}
.sidenavContent {
padding: 15px 0px 15px 25px;
color: #212121;
font-size: 14px;
font-family: 'Kinn Book';
}
.sidenavContent:hover {
background-color: #c8e3f6;
}
hr {
height: 1px;
border: 0;
color: gray;
background-color: gray;
margin: 15px auto 10px auto;
}
.sidenavRow {
display: flex;
width: 100%;
justify-content: space-between;
padding: 15px 25px 15px 25px;
color: #212121;
font-size: 14px;
}
.sidenavRow:hover {
background-color: #c8e3f6;
}
.sidenavRow:hover i {
color: #111111 !important;
}
#closeBtn {
display: none;
position: absolute;
top: -170px;
left: -9px;
margin-left: 390px;
color: white;
font-size: 50px;
cursor: pointer;
z-index: 75;
transform: translateY(-5px);
transition: visibility 0.5s;
}
/* animation */
@keyframes collapse {
0% {
z-index: 100;
transform: translateX(0px);
}
100% {
transform: translateX(-380px);
}
}
@keyframes expand {
0% {
z-index: 100;
transform: translateX(-380px);
}
100% {
transform: translateX(0px);
}
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Overlay */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-color: rgba(0, 0, 0, 0.7);
}
/* Dropdown */
.sidenavContainer hr {
width: 85%;
}
.sidenavRowDropdown {
display: flex;
width: 100%;
justify-content: start;
align-items: center;
padding: 15px 25px 15px 25px;
cursor: pointer;
}
.sidenavRowDropdown:hover {
background-color: #c8e3f6;
}
.sidenavRowDropdown:hover i {
color: #111111 !important;
}
.sidenavContainer {
display: none;
height: 0px;
opacity: 0;
transform: scaleY(0);
transform-origin: center top;
}
@keyframes expandDropDown {
0% {
transform: scaleY(0);
opacity: 0;
}
100% {
transform: scaleY(1);
opacity: 1;
}
}
@keyframes collapseDropDown {
0% {
transform: scaleY(1);
opacity: 1;
}
100% {
transform: scaleY(0);
opacity: 0;
}
}
/* Container part */
#main-container {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
}
@keyframes mainAway {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(-380px);
}
}
@keyframes mainBack {
0% {
transform: translateX(-380px);
}
100% {
transform: translateX(0px);
}
}
#sub-container {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
background-color: white;
transform: translateX(380px);
}
@keyframes subBack {
0% {
transform: translateX(380px);
}
100% {
transform: translateX(0px);
}
}
@keyframes subPush {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(380px);
}
}
#mainMenu {
margin-top: 5px;
padding: 15px 0px 15px 25px;
font-weight: bold;
}
#mainMenu:hover {
background-color: #eaeded;
cursor: pointer;
}
@media(max-width:499px)
{
.jj span{
display: none;
}
}
@media(max-width:1200px)
{
#closeBtn {
display: none !important;
}
}
@media(min-width:1199px) and (max-width:1335px)
{
.h3-box1 {
float: left;
width: 6%;
}
.menu-wrapper{
width: 94%;
}
}
.pop-box {
float: left;
width: 100%;
background-color: white;
border-radius: 26px;
}
.pop-inner {
padding: 20px 5px 20px 20px;
}
/* Make text invisible but allow screen readers to know it exists */
.invisible-text {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
.seller-bx1
{
float: left;
width: 100%;
padding-bottom: 0px;
border-bottom: 1px solid #f1efef;
}
.seller-bx1 h4{
float: left;
width: 100%;
color: #000;
font-size: 18px;
font-weight: 500;
font-family: 'Kinn Book';
}
.seller-bx1 p{
float: left;
width: 100%;
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
font-family: 'Kinn Book';
}
.seller-bx2{
float: left;
width: 100%;
padding: 14px 0px;
}
.seller-bx2 h5{
float: left;
width: 100%;
color: #1084c5;
font-size: 15px;
font-weight: 400;
line-height: 23px;
font-family: 'Kinn Book';
}
.seller-bx2 h5 span{
color: #000;
font-weight: 500;
font-size: 14px;
font-family: 'Kinn Book';
}
.seller-choices{
padding-right: 16px;
height: 335px;
overflow-y: scroll;
scroll-behavior: smooth;
float:left;
margin-top: 20px;
width:100%;
}
.select-design
{
float:left !important;
margin-right:0px !important;
width:100% !important;
border-radius:10px !important;
height:100%;
border:none !important;
}
.h-auto-new{
height: 100% !important;
border-radius:10px !important;
padding:0px !important;
font-family: 'Kinn Book';
}
.h-auto-new img
{
padding: 23px 0px;
width:100% ;
border-radius: 10px !important;
}
.selecotr-item {
position: relative;
flex-basis: calc(70% / 3);
height: 100%;
/* display: flex; */
justify-content: center;
align-items: center;
border: 1px solid #ccc;
/* padding: 10px; */
text-align: center;
border-radius: 18px;
margin-right: 10px;
float: left;
width: 58px;
height: 58px;
/* padding-top: 1px; */
}
.select-design {
float: left !important;
margin-right: 0px !important;
width: 100% !important;
border-radius: 20px !important;
height: 118px;
padding: 24px 0px;
border: 1px solid #dddcdc !important;
}
.selector-item_radio {
appearance: none;
display: none;
}
.selector-item_radio:checked + .selector-item_label {
background-color: #070f56;
border: 1px solid #070f56;
color: var(--white);
box-shadow: 0 0 4px rgb(207 211 241), 0 2px 4px rgb(155 148 148 / 50%);
padding: 11px 10px;
margin: 0;
border-radius: 14px;
/* padding-top: 11px; */
}
.selector-item_label {
margin-bottom: 0px;
text-decoration: none;
position: relative;
padding-top: 9px;
cursor: pointer;
/* height: 100%; */
padding-bottom: 12px;
width: 100%;
text-align: center;
/* border-radius: 9999px; */
line-height: 400%;
padding-left: 0 !important;
font-weight: 500;
transition-duration: .5s;
transition-property: transform, color, box-shadow;
transform: none;
font-size: 12px;
line-height: 16px;
text-align: center !important;
padding-right: 0px !important;
padding-top: 12px;
font-weight: 400 !important;
font-size: 14px !important;
font-family: 'Kinn Book';
}
.pop-labels{
float: left;
width: 100%;
padding-top: 9px;
text-align: center;
}
.pop-labels h6{
color: #000;
float: left;
font-weight: 500;
font-size: 16px;
width: 100%;
}
.pop-labels a h2{
color: #00466d;
float: left;
width: 100%;
font-size: 13px;
font-weight: 400;
font-family: 'Kinn Book';
}
.p-b{
padding-bottom: 20px;
}
/* ===== Scrollbar CSS ===== */
.seller-choices::-webkit-scrollbar-track
{
border-radius: 50px;
background-color: #5f5959;
height: 3px;
border-top-left-radius: 50px;
}
.seller-choices::-webkit-scrollbar
{ border-radius: 50px;
width: 4px;
height: 3px;
background-color: #5f5959;
}
.seller-choices::-webkit-scrollbar-thumb
{
border-radius: 50px;
background-color: #7f1431;
height: 3px;
}
.proceed{
width: 100%;
background-color: #023856;
padding: 12px 0px;
float: left;
text-align: center;
border-radius: 0px 0px 23px 23px;
}
.proceed h1{
text-align: center;
width: 220px;
float: none;
font-size: 14px;
font-weight: 500;
color: #ffffff;
background-color: #04558f;
padding: 16px 0px;
margin: auto;
border-radius: 30px;
padding-top: 19px;
}
.proceed h1 a{
color: #ffffff;
font-family: 'Kinn Book';
}
.ck-design{float: right;position: absolute;z-index: 1;top: 2px;right: 16px;}
.ck-design img{float:right;width:20px;/* margin-top:10px; */right: 0;/* position: relative; */}
@media(max-width:499px)
{
.select-design {
height: auto;
}
.popup__container {
margin: 20px auto;
width: 80%;
}
}
.modal-dialog {
max-width: 500px !important;
}
.seller-choices .selecotr-item {
position: relative;
flex-basis: calc(70% / 3);
height: 100%;
/* display: flex; */
justify-content: center;
align-items: center;
border: 1px solid #ccc;
/* padding: 10px; */
text-align: center;
border-radius: 18px;
margin-right: 10px;
float: left;
width: 58px;
height: 58px;
/* padding-top: 1px; */
}
.seller-choices .select-design {
float: left !important;
margin-right: 0px !important;
width: 100% !important;
border-radius: 15px !important;
height: 100px;
padding: 0px 0px;
border: 1px solid #dddcdc !important;
}
.seller-choices .selector-item_radio {
appearance: none;
display: none;
}
.seller-choices .selector-item_radio:checked + .selector-item_label {
background-color: #023856;
border: 1px solid #023856;
color: #fff !important;
/* box-shadow: 0 0 4px rgb(207 211 241), 0 2px 4px rgb(155 148 148 / 50%); */
padding: 11px 10px;
margin: 0;
border-radius: 14px;
/* padding-top: 11px; */
}
.seller-choices .selector-item_label {
position: relative;
padding-top: 9px;
cursor: pointer;
/* height: 100%; */
padding-bottom: 5px;
width: 100%;
text-align: center;
/* border-radius: 9999px; */
line-height: 400%;
padding-left: 0 !important;
font-weight: 500;
transition-duration: .5s;
transition-property: transform, color, box-shadow;
transform: none;
font-size: 12px;
line-height: 35px;
text-align: center !important;
padding-right: 0px !important;
padding-top: 12px;
}
/*audiogadjets*/
.bc {
background: rgb(237 248 255);
float: left;
width: 100%;
padding: 10px 01%;
font-family: 'Kinn Book';
}.bc a {
font-size: 14px;
color: #162315;
font-weight: 500;
}
.bc h3{
color: #00466d;
font-weight: 500;
font-size: 14px;
float: right;
margin: 0;
margin-top: 4px;
}
.p-l{
padding-left: 0px !important;
padding-right: 0px !important;
}
.content {
background:white;
height:100%;
padding:0px;
}
.product-fixed{
float:left;
width: 13%;
background-color:#59a446;
height:60px;
padding-left:15px;
color:white;
font-size:15px;
font-weight:500;
line-height: 59px;
}
.category-product{
float:left;
width:87%;
padding-left:20px;
padding-right:20px;
}
.fx-category{
float:left;
width:100%;
padding-top:0px;
}
.category-active{
color:#cac4c4;
}
.filter-list{
float: left;
width: 100%;
height: 100%;
padding-top: 35px;
border-right: 1px solid #e7e7e7;
}
.sub-category{
float:left;
width:100%;
border-bottom: solid 1px #e5e5e5;
padding-left:15px;
padding-right:15px;
padding-bottom:14px;
margin-bottom:25px;
}
.pl-none{
padding-left:0px !important;
padding-right:0px !important;
}
.sub-category h2{
float:left;
width:100%;
text-transform:uppercase;
color: #00a3ff;
font-size: 16px;
font-weight: bold;
padding-bottom: 25px;
margin-bottom:0px;
}
.sub-nav{
/* float:left; */
/* width:100%; */
font-size: 14px;
list-style-type: none;
padding-bottom:12px;
color: #262626;
font-weight: 400;
font-family: 'Kinn Book';
}
.sub-nav span{
float:right;
}
.sub-nav:hover{
text-decoration:none !important;
color: #7f1431;
}
.form-group{
float:left;
width:100%;
/* padding-bottom:12px; */
margin-bottom:0px !important;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
/*margin-top: 20px;*/
}
.sub-category .form-group label {
position: relative;
cursor: pointer;
font-size: 14px;
color: #000;
font-weight: normal;
width: 100%;
}
.form-group label:before {
content: '';
-webkit-appearance: none;
background-color: white;
border: 1px solid #b2b2b2;
width: 18px;
height: 18px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 15px;
margin-top: -3px;
}
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
width: 18px;
height: 18px;
/*background: url(../img/cd-icon-check.svg) no-repeat center center; left: 0px; background-color: #121611;*/
}
.sub-category .form-group label span{float:right;}
.sub-category .form-group label:hover{color: #59a446 !important;}
.price-list{float:left; width:100%;}
.product-display{float:left; width:100%; padding-top:35px;}
.prl-right{padding-right:0px !important; float:left !important; border-left:solid 1px #e5e5e5;}
.result-list{float:left;width:100%;padding-bottom: 35px;}
.result-list h3{color:#000000;font-weight:normal;font-size:15px;float:left;width:50%;padding-top: 12px;}
.result-list h3 span{color:#59a446; font-weight:500;}
.sort-option{float:right; width:50%;}
.sort-option span{float: right;text-transform:uppercase;font-size:16px;color:#418a2f;font-weight:500;margin-right: 25px;padding-top: 12px;}
.pb50{margin-bottom:50px;}
.price-border{border-bottom:none !important;}
.fx-category button.owl-prev img {width:32px;}
.fx-category button.owl-next img {width:32px; margin-left:6px;}
.fx-category .owl-nav{float:right; top: 26px; float: right; position: absolute; right: -32px;}
.sub-nav:hover{
text-decoration:none !important;
color: #00466d;
}
.form-group{
float:left;
width:100%;
/* padding-bottom:12px; */
margin-bottom:0px !important;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
/*margin-top: 20px;*/
}
.sub-category .form-group label {
position: relative;
cursor: pointer;
font-size: 14px;
color: #000;
font-weight: normal;
width: 100%;
font-family: 'Kinn Book';
}
.form-group label:before {
content: '';
-webkit-appearance: none;
background-color: white;
border: 1px solid #b2b2b2;
width: 18px;
height: 18px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 15px;
border-radius:50%;
}
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 7px;
width: 7px;
height: 7px;
background: url(../img/cd-icon-check.svg) no-repeat center center;
left: 5px;
background-color: #178dce;
border-radius: 50%;
top: 8px;
}
.sub-category .form-group label span{
float:right;
}
.sub-category .form-group label:hover{
color: #1f93e2 !important;
}
.price-list{
float:left;
width:100%;
}
.min{
width: 100%;
float: left;
}
.min h1{
float: left;
font-size: 15px;
color: #000;
font-weight: 400;
}
.min h2{
float: right;
font-size: 15px;
color: #000;
font-weight: 400;
}
.min-price{
float:left;
width: 100px;
padding: 10px 0px;
height: auto;
border-radius: 30px;
background-color: #d4f8fd;
color:black;
text-align: center;
font-weight: 500;
font-size: 14px;
/* text-align:left; */
border:none;
/* height:40px; */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline:none !important;
font-family: 'Kinn Book';
}
.price-list span{
font-size: 14px;
color: #000;
font-weight:normal;
color:black;
margin-left: 10px;
margin-right: 10px;
position: relative;
top: 8px;
float:left;
font-family: 'Kinn Book';
}
.max-price
{
float:left;
width: 100px;
padding: 10px 0px;
height: auto;
border-radius: 30px;
background-color: #d4f8fd;
color:black;
text-align: center;
font-weight: 500;
font-size: 14px;
/* text-align:left; */
border:none;
/* height:40px; */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline:none !important;
font-family: 'Kinn Book';
}
.sort-by {
float: right;
width: 100%;
position: relative;
/* z-index: 99999; */
padding: 25px 0px;
}
.select-sort {
float: right;
margin-bottom: 0px;
}
.select-sort #all:checked ~ label[for="all"], .select-sort #pop:checked ~ label[for="pop"], .select-sort #high_low:checked ~ label[for="high_low"], .select-sort #low_high:checked ~ label[for="low_high"], .select-sort #discount:checked ~ label[for="discount"] {
background: #00466d;
color: #ede8e8 !important;
text-align: center;
padding: 10px 0px !important;
font-size: 13px;
width: 155px;
border-radius: 30px;
}
.select-sort label {
display: inline-block;
/* width: 50px; */
/* height: 50px; */
text-align: center;
border: 1px solid #00466d;
/* line-height: 50px; */
cursor: pointer;
text-align: center;
padding: 10px 0px !important;
font-size: 13px;
width: 155px;
font-weight: 400;
border-radius: 30px;
color: #000 !important;
margin-left: 5px;
/* padding-left: 10px !important; */
/* padding-right: 10px !important; */
line-height: 24px;
font-family: 'Kinn Book';
}
.sort-text {
float: right;
color: #000000;
margin-top: 11px;
font-size: 15px;
text-align: right;
padding-right: 8px;
font-weight: 600;
}
.select-sort input {
display: none;
}
.product-box:hover .product-box2 h5{
color: #7f1431;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.product-box{
width: 100%;
float: left;
padding: 6px 0px;
border: 1px solid #ededed;
background: white;
border-radius: 30px;
}
.product-box2{
background-color: white;
float: left;
width: 100%;
padding: 20px 20px;
margin-top: 0px;
border-radius: 30px;
}
.product-box2 h5
{
color: #000;
font-size: 15px;
font-weight: 500;
float: left;
width: 100%;
line-height: 22px;
}
.product-box2 h6{
padding-top: 5px;
color: #7f1431;
font-size: 15px;
font-weight: 600;
float: left;
width: 100%;
}
.product-box2 h6 span{
font-size: 13px;
color: #565656;
text-decoration: line-through;
padding-left: 10px;
}
.product-box2 h3{
font-size: 13px;
color: #797777;
font-weight: 600;
float: left;
width: 100%;
padding-top: 7px;
}
.p-img
{
background-color: white;
/* padding-bottom: 11px; */
border-bottom: 1px solid #f0f2f5;
height: 200px;
object-fit: contain;
width: 100%;
border-radius: 30px 30px 0px 0px;
}
.product-fav{
width: 36px;
position: absolute;
right: 34px;
cursor: pointer;
top: 19px;
border: 0;
background: #fff2f6;
padding: 8px;
border-radius: 30px;
}
.product-fav img{
display: block;
width: 100%;
}
.rating-product{
float: left;
width: 100%;
}
.ratingbox-product {
color: #fd8c26;
font-size: 13px;
}
.rate-home-product {
float: left;
width: 100%;
text-align: left;
padding-top: 0px;
}
.pro-action-btn{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.pro-add-cart
{
cursor: pointer;
float:left;
border-radius:50px;
background-color: #1a1716;
width: 110px;
height: 35px;
border: solid 1px #1a1716;
color: #ddcbcf;
font-weight:500;
font-size: 14px;
}
/*.pro-add-cart:hover
{
background-color:white;
border:solid 1px #121611;
color:#121611;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}*/
.pro-buy-now{
float:left;
border-radius:50px;
background-color:white;
width: 110px;
height: 35px;
border: solid 1px #7f1431;
color: #7f1431 !important;
font-weight:500;
font-size:15px;
margin-left:10px;
text-align:center;
line-height: 34px;
cursor: pointer;
}
.pro-buy-now:hover
{
background-color:#7f1431;
border:solid 1px #7f1431;
color: #ddcbcf !important;
text-decoration:none;
}
.mar-top{
margin-top: 40px;
}
.main-products{
float: left;
width: 100%;
position: relative;
padding: 2px 0px;
}
.offer-product{
float: right;
background: #633232;
padding: 7px 18px 5px 18px;
font-size: 13px;
color: #ece7e7;
font-weight: 500;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
margin-top: -52px;
margin-right: -21px;
position: relative;
z-index: 111;
}
.pro-new-arrival{
float: left;
background: #086f1b;
padding: 8px 26px 8px 22px;
font-size: 14px;
border-radius: 30px 20px 20px 5px;
color: #eaebe6;
font-weight: 500;
top: 0px;
/* border-bottom-right-radius: 30px; */
position: absolute;
/* border-top-right-radius: 30px; */
}
.pro-ofs{
float: left;
background: #c72121;
padding: 8px 26px 8px 22px;
font-size: 14px;
border-radius: 30px 20px 20px 5px;
color: #ffffff;
font-weight: 500;
top: 0px;
position: absolute;
}
.float-left{
float: left;
}
.btn-onclick {
position: relative;
}
.btn-onclick,
.btn-onclick:hover {
background-color: #1a1716;
border: solid 1px #1a1716;
color: #e4d6d9;
}
.btn-onclick:hover {
background-color: #7f1431;
border: solid 1px #7f1431;
color: #e4d6d9;
}
.btn-onclick:active {
background-color: #7f1431;
border: solid 1px #7f1431;
color: #e4d6d9;
}
/* responsive */
@media (min-width:992px) and (max-width:9500px) {
.mobile-sr{display:none;}
.mb-filters{display:none !important;}
}
.bc-adc {
background:rgb(237 248 255);
float: left;
width: 100%;
padding: 10px 01%;
font-family: 'Kinn Book';
}
.bc-adc a {
font-size: 14px;
color: #162315;
font-weight: 500;
}
.Shopping-cart-box{
float: left;
width: 100%;
background-color:#e7eef4;
padding: 30px 0px;
}
.cart-box{
float: left;
width: 100%;
margin-bottom: 20px;
padding: 30px 15px;
background-color: #fff;
border-radius: 20px;
}
.cart-img{
float: none;
width: 100%;
margin:auto;
display: block;
object-fit: cover;
border: 1px solid #eeeeee;
}
.close-img{
width: 37px;
float: left;
object-fit: cover;
margin-top: 9px;
}
.cart-box h2{color: #000;font-size: 20px;font-weight: 500;float: left;width: 100%;line-height: 28px;font-family: 'Kinn Book';}
.cart-box h6{
padding-top: 5px;
color: #00466d;
font-size: 20px;
font-weight: 400;
float: left;
width: 100%;
font-family: 'Kinn Book';
}
.cart-box h6 span{
font-size: 12px;
color: #565656;
text-decoration: line-through;
padding-left: 9px;
}
.cart-box h3{
font-size: 13px;
color: #797777;
font-weight: 400;
float: left;
width: 100%;
padding-top: 3px;
margin-bottom: 4px;
font-family: 'Kinn Book';
}
.rating-cart{
float: left;
width: 100%;
}
.ratingbox-cart {
color: #fd8c26;
font-size: 13px;
}
.cart {
float: left;
width: 100%;
text-align: left;
padding-top: 0px;
}
.plus-minus{
float: left;
width: 100%;
padding-top: 30px;
}
.qty-container{
float: left;
width: 100%;
}
.qty-container .qty-btn-minus, .qty-btn-plus {
padding: 5px 3px;
font-weight: 500 !important;
font-size: 10px;
height: 45px;
font-weight: 700;
color: #000;
width: 40px;
font-size: 20px;
background-color: #daf0fd !important;
transition: 0.3s;
border: 0;
border-radius: 10px;
cursor: pointer;
font-family: 'Kinn Book';
}
.qty-container .qty-btn-minus {
margin-right: -1px;
}
.qty-container .input-qty {
text-align: center;
padding: 5px 10px;
border: 0;
max-width: 45px;
font-size: 17px;
font-weight: 500;
color: #121611;
font-family: 'Kinn Book';
}
.qnty-warning {
float: left;
/* width: 100%; */
background-color: #e20909;
padding: 12px;
border-radius: 50px;
color: #fccbcb;
font-weight: normal;
font-size: 13px;
padding-top: 8px;
padding-bottom: 8px;
margin-top: 10px;
margin-bottom: 10px;
}
.qty-container input, button, select, optgroup, textarea {
outline: none !important;
}
.cart-box h5{
float: left;
width: 100%;
text-decoration: underline;
color: #00a3ff;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
margin-top: 20px;
font-family: 'Kinn Book';
}
.cart-box h1{
float: left;
width: 100%;
color: #3c3a3a;
font-size: 17px;
font-weight: 500;
font-family: 'Kinn Book';
}
.cart-box h4{float: left;width: 100%;color: #00466d;font-size: 20px;font-weight: bold;}
.cart-box h4 span{
font-size: 14px;
color: #8b8587;
font-weight: 400;
width: 100%;
float: left;
margin-top: 10px;
font-family: 'Kinn Book';
}
.cart-check{
float: left;
width: 100%;
padding: 30px 24px;
background-color: #fff;
border-radius: 20px;
}
.cart-check h1{
color: #00a3ff;
font-size: 15px;
font-weight: 500;
float: left;
width: 100%;
margin-bottom:7px;
font-family: 'Kinn Book';
}
.cart-check h2{
color: #00466d;
font-size: 20px;
font-weight: 600;
float: left;
width: 100%;
margin-bottom: 10px;
}
.cart-check h3{
color: #000;
font-size: 17px;
font-weight: 500;
float: left;
width: 100%;
line-height: 33px;
margin-bottom: 10px;
font-family: 'Kinn Book';
}
.cart-check h3 span{
font-weight: 500;
color: #00466d;
font-size: 17px;
}
.cart-check h4{
margin: 0;
float: left;
padding: 6px 22px;
background-color: #023856;
font-size: 14px;
font-weight: 400;
border-radius: 30px;
color: #e5e5e5;
margin-bottom: 12px;
}
.cart-check h5 img{
width: 20px;
object-fit: cover;
float: left;
margin-right: 9px;
position: relative;
top: -2px;
}
.cart-check h5{
/* position: relative; */
width: 100%;
float: left;
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 7px;
top: 3px;
font-family: 'Kinn Book';
}
.checkout{
float: left;
width: 100%;
background-color: #00466d;
border-radius: 30px;
padding: 16px 0px;
text-align: center;
color: #ffffff;
font-size: 16px;
margin-top: 22px;
font-weight: 400;
border: 1px solid #00466d;
cursor:pointer;
font-family: 'Kinn Book';
}
.checkout:hover{
background-color: white;
color:#00466d ;
}
/*checkoutpag*/
#cart-bg {
float: left;
width: 100%;
background-color:#e7eef4;
padding-top: 50px;
padding-bottom: 50px;
}
.billing-bg {
float: left;
width: 100%;
/* background-color: white; */
}
.billing-bg .panel-default {
float: left;
width: 100%;
background-color: white;
margin-bottom: 60px;
}
.panel-default>.panel-heading {
color: #333;
background-color: #fff;
border-color: #fff;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.billing-bg .panel-title {
margin-bottom: 0px !important;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
}
.panel-default>.panel-heading a {
display: block;
padding: 10px 0px;
text-align: left;
font-size: 22px !important;
font-weight: 400;
/* border-radius: 30px; */
/* background-color: #00a3ff; */
width: 100%;
color: #00a3ff;
position: relative;
margin-top: 20px;
padding-bottom: 19px;
padding-left: 8px;
border-bottom: solid 1px rgb(32 30 30 / 10%);
font-family: 'Kinn Book';
}
.collapse.in {
display: block !important;
}
.billing-bg .panel-body {
float: left;
width: 100%;
background-color: white;
border-top: none;
padding-top: 25px;
}
.saved-bg {
float: left;
width: 100%;
background-color: #f8f8f8;
padding-right: 28px;
padding-left: 28px;
padding-top: 24px;
padding-bottom: 50px;
border-radius: 35px;
margin-bottom: 25px;
position: relative;
}
.saved-bg h2 {
float: left;
width: 100%;
font-size: 20px;
color: #000000;
font-weight: 500;
font-family: 'Kinn Book';
}
.saved-bg .container1 {
position: absolute;
right: 80px;
}
.saved-bg input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
right: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
height: 35px;
width: 35px;
background-color: transparent;
border: 1px solid rgb(206 206 206 / 44%);
border-radius: 50px;
background: white;
}
.saved-bg p {
float: left;
width: 100%;
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: 26px;
padding-top: 6px;
margin-bottom: 5px;
font-family: 'Kinn Book';
}
.saved-bg .checkmark:after {
left: 14px;
top: 9px;
width: 6px;
height: 13px;
border: solid #59a446;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.saved-bg input:checked ~ .checkmark:after {
display: block;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.mail-save {
float: left;
width: 100%;
font-size: 14px;
font-weight: normal;
color: #000000;
padding-bottom: 8px;
font-family: 'Kinn Book';
}
.mail-save span {
color: #054479;
font-weight: 400;
padding-right: 3px;
}
.del-ed {
float: right;
width: 100%;
bottom: 24px;
/* margin-bottom: 8px; */
position: absolute;
right: 16px;
}
.del-img{
width: 28px;
float: none;
object-fit: cover;
}
.edit-a{
width: 50px;
float: right;
text-align: center;
padding: 14px 0px;
background-color: #dcedfb;
border-radius: 15px;
margin-right: 10px;
}
.del-a{
width: 50px;
float: right;
text-align: center;
padding: 14px 0px;
background-color: #ebe2d5;
border-radius: 15px;
}
.edit-img{
width: 28px;
float: none;
object-fit: cover;
}
.new-address {
/* width: 252px; */
float: left;
border-radius: 50px;
text-align: center;
background-color: #00466d;
color: #ffffff;
font-weight: 400;
font-size: 15px;
margin-top: 25px;
padding: 17px 30px;
margin-bottom: 15px;
border: none;
/* padding-left: 25px; */
/* padding-right: 25px; */
cursor: pointer;
font-family: 'Kinn Book';
}
.new-address:hover {
color: #f6f6f6;
background-color: #212121;
}
.card-clp {
float: left !important;
width: 100% !important;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-shipping {
float: left !important;
width: 100% !important;
border: none !important;
padding: 0px !important;
}
.shipping-form {
float: left;
width: 100%;
border-top: solid 5px #e7eef4;
padding-top: 20px;
margin-top: 10px;
padding-bottom: 30px;
}
.enter-shipping {
float: left;
font-weight: 600;
font-size: 18px;
text-align: center;
font-size: 19px !important;
font-weight: 600;
border-radius: 30px;
color: #212121;
}
.radio-h1{
margin-right: 41px;
color: #000;
font-size: 16px;
font-weight: 500;
float: left;
font-family: 'Kinn Book';
}
.radio-p{
float: left;
font-family: 'Kinn Book';
}
.space{
float: left;
margin-top: 30px;
margin-bottom: 30px;
}
.space [type="radio"]:checked,
.space [type="radio"]:not(:checked) {
position: absolute;
display: none;
}
.space [type="radio"]:checked + label,
.space [type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 37px;
margin-right: 20px;
cursor: pointer;
line-height: 20px;
font-weight: 500;
top: 0px;
display: inline-block;
color: #212121;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.space [type="radio"]:checked + label:before,
.space [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: -4px;
width: 26px;
height: 26px;
border: 1px solid #c0c0c0;
border-radius: 100%;
background: #fff;
}
.space [type="radio"]:checked + label:after,
.space [type="radio"]:not(:checked) + label:after {
content: '';
width: 14px;
height: 14px;
background: #00466d;
position: absolute;
top: 2px;
left: 6px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.space [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.space [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.shipping-form form {
float: left;
width: 100%;
margin-top: 15px;
}
.titel-address {
float: left;
width: 100%;
font-size: 14px;
color: #000000;
font-weight: 500;
padding-top: 7px;
font-family: 'Kinn Book';
}
.field-type {
float: left;
width: 100%;
height: 50px;
border-radius: 10px;
border: solid 1px #dcdcdc;
color: black;
font-size: 13px;
padding-left: 15px;
padding-right: 15px;
outline: none;
margin-top: 12px;
margin-bottom: 25px;
font-family: 'Kinn Book';
}
.flag {
background-image: url(../img/flag.png);
background-repeat: no-repeat;
background-position-y: 7px;
background-size: 47px;
padding-left: 50px;
}
.field-type-address {
float: left;
width: 100%;
height: 50px;
border-radius: 8px;
border: solid 1px #cccccc;
color: black;
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
outline: none;
margin-top: 12px;
margin-bottom: 25px;
height: 170px;
padding: 15px;
}
.frm-save {
cursor: pointer;
float: left;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00466d;
border: none;
padding: 15px 60px;
/* padding-left: 50px; */
/* padding-right: 50px; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
.frm-cancel {
cursor: pointer;
float: left;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00a3ff;
border: none;
padding: 15px 66px;
/* padding-left: 40px; */
/* padding-right: 40px; */
cursor: pointer;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
/*sucesspage*/
.success-box{
float: left;
width: 100%;
padding: 100px 0px;
}
.success-box img{
float: none;
margin:auto;
display:block;
width: 185px;
}
.success-box h1{
text-align: center;
width: 100%;
font-size: 45px;
font-weight: 600;
color: #000;
margin-top: 10px;
}
.success-box h1 span{
color:#00466d ;
}
.success-box h2{
text-align: center;
width: 100%;
font-size: 23px;
font-weight: 400;
color: #000;
margin-top: 14px;
}
.success-box h3{
text-align: center;
width: 100%;
font-size: 20px;
font-weight: 400;
color: #00466d;
margin-top: 15px;
}
.success-box a h5{
width: 300px;
float: none;
margin-right: auto;
margin-left: auto;
display: block;
margin-top: 40px;
font-size: 16px;
background-color: #023856;
border-radius: 30px;
padding: 16px 0px;
text-align: center;
color: #e4d8d9;
font-weight: 400;
border: 1px solid #023856;
}
.success-box h5:hover{
background-color: white;
color: #023856;
}
/*checkout-part2*/
.apply-discount {
float: left;
width: 100%;
border-radius: 20px;
padding-bottom: 15px;
background-color: white;
}
.apply-discount h3{
float: left;
text-align: center;
font-size: 17px;
width: 100%;
background: #00466d;
margin-bottom: 0px;
padding: 14px 0px;
border-radius: 20px 20px 0px 0px;
color: #f9f6f7;
font-family: 'Kinn Book';
}
.apply-discount form {
float: left;
width: 100%;
padding: 15px 20px;
}
.discount-label{
float: left;
width: 100%;
font-size: 15px;
color: #000000;
font-weight: 500;
padding-top: 7px;
font-family: 'Kinn Book';
}
.field-etc{
height: 60px;
border-radius: 20px;
border: solid 1px #bebebe;
}
.apply-code {
float: left;
border-radius: 50px;
text-align: center;
background-color: #212121;
color: #f4f4f4;
font-weight: 500;
font-size: 15px;
margin-top: 0px;
padding: 14px 36px;
margin-bottom: 15px;
border: none;
/* padding-left: 25px; */
/* padding-right: 25px; */
cursor: pointer;
font-family: 'Kinn Book';
}
.view-coupons {
float: left;
width: 100%;
color: #00466d;
font-weight: 500;
font-size: 15px;
padding-top: 18px;
/* letter-spacing: 1px; */
text-decoration: underline;
/* margin-top: 0px; */
font-family: 'Kinn Book';
}
.coupon-img{
float: left;
width: 40px;
margin-right: 15px;
object-fit: cover;
position: relative;
top: -6px;
}
.view-coupons:hover{
color: #000;
text-decoration: underline;
}
.note-coupon{
float: left;
width: 100%;
padding: 20px 0px;
}
.note-coupon h4 {
margin: 0;
float: left;
padding: 5px 20px;
background-color: #07156f;
font-size: 14px;
font-weight: 400;
border-radius: 30px;
color: #fff;
margin-bottom: 10px;
font-family: 'Kinn Book';
}
.note-coupon h5 {
/* position: relative; */
width: 100%;
float: left;
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 7px;
top: 3px;
font-family: 'Kinn Book';
}
.note-coupon h5 img {
width: 20px;
object-fit: cover;
float: left;
margin-right: 9px;
position: relative;
top: -2px;
}
.apply-summary {
float: left;
width: 100%;
/* padding-top: 22px; */
padding-bottom: 25px;
background-color: white;
margin-top: 15px;
border-radius: 20px;
/* border-bottom-right-radius: 20px; */
}
.apply-summary h3{
float: left;
text-align: center;
width: 100%;
background-color: #00a3ff;
color: white;
font-size: 17px;
padding: 14px 0px;
/* font-weight: 500; */
border-radius: 20px 20px 0px 0px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.order-1{
float: left;
width: 100%;
border-bottom: 1px solid #e9e9e9;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.order-1 h4{
width: 100%;
float: left;
font-size: 14px;
line-height: 26px;
color: #414141;
font-weight: 500;
font-family: 'Kinn Book';
}
.order-1 h2{
width: 100%;
float: left;
color: #00466d;
font-size: 15px;
font-weight: 500;
text-align: left;
padding-bottom: 6px;
font-family: 'Kinn Book';
}
.order-1 h4 span{
color: #00a3ff;
}
.order-1 h4 strong{
font-weight: 400 !important;
}
.os-list {
float: left;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
border-bottom: solid 1px #eeeeee;
padding-bottom: 6px;
}
.sub-50 {
float: left;
width: 100%;
color: #212121;
font-size: 18px;
font-weight: 500;
font-family: 'Kinn Book';
}
.os-gr {
float: left;
width: 100%;
color: #00466d;
font-size: 14px;
font-weight: 600;
text-align: left;
padding-top: 4px;
}
.you-pay {
float: left;
width: 100%;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
/* border-bottom: solid 1px #eeeeee; */
}
.you-pay p{
color: #000000;
font-size: 18px;
font-weight: 500;
float: left;
text-align: center;
width: 100%;
font-family: 'Kinn Book';
}
.os-sub {
float: left;
width: 100%;
margin-bottom: 20px;
/* padding-left: 7px; */
}
.payment-btn{
float: left;
width: 100%;
background-color: #00466d;
border-radius: 30px;
padding: 16px 0px;
text-align: center;
color: #ffffff;
font-size: 16px;
font-weight: 400;
border: 1px solid #00466d;
cursor: pointer;
font-family: 'Kinn Book';
}
.payment-btn:hover{
background-color: #000;
color: #f6f6f6;
}
.coupon-apply {
float: left;
width: 100%;
padding: 15px;
border-bottom: solid 1px rgb(0 0 0 / 26%);
padding-top: 20px;
padding-bottom: 20px;
}
.coupon-apply h2 {
float: left;
width: 100%;
font-weight: 600;
font-size: 16px;
color: black;
}
.coupon-apply p {
float: left;
width: 100%;
font-weight: 500;
font-size: 13px;
font-family: 'Kinn Book';
}
.apply-btn {
float: left;
cursor: pointer;
border-radius: 50px;
background-color: #322e2e;
text-align: center;
color: white;
font-size: 14px;
width: 100px;
height: 42px;
border: none;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
font-family: 'Kinn Book';
}
.clp-card {
float: left;
width: 100%;
padding: 0px !important;
}
.coupon-apply img {
float: right;
width: 25px;
margin-top: 10px;
}
/*audiogadjetmedi*/
@media(max-width:767px)
{
.banner-7 {
padding: 25px 0px;
}
.pro-new-arrival {
padding: 4px 15px 4px 14px;
font-size: 11px;
border-radius: 30px 20px 20px 0px;
}
.pro-ofs{
padding: 4px 15px 4px 14px;
font-size: 11px;
border-radius: 30px 20px 20px 0px;
}
.p-img {
height: 165px;
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.product-fav {
width: 28px;
right: 25px;
top: 13px;
padding: 6px;
}
.product-box {
margin-bottom: 20px;
border-radius: 18px;
}
.offer-product {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.product-box2 h3 {
font-size: 12px;
}
.product-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
.product-box2 h6 span {
float: left;
width: 100%;
font-size: 12px;
line-height: 21px;
padding-left: 0px;
}
.product-box2 h5 {
font-size: 14px;
}
.pro-add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.pro-buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
.mar-top {
margin-top: 0px;
}
}
@media(min-width:1024px) and (max-width:1200px)
{
.min-price {
float: left;
width: 87px;
}
.max-price {
float: left;
width: 87px;
}
.banner-7 {
padding: 25px 0px;
}
.pro-new-arrival {
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.pro-ofs{
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.p-img {
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.product-box {
margin-bottom: 20px;
}
.product-fav {
right: 32px;
top: 14px;
}
.offer-product {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.product-box2 h3 {
font-size: 12px;
}
.product-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
.mar-top {
margin-top: 0px;
}
}
@media (min-width:767px) and (max-width:1024px)
{
.list-img {
height: auto !important;
}
.min-price {
float: left;
width: 87px;
}
.max-price {
float: left;
width: 87px;
}
.banner-7 {
padding: 25px 0px;
}
.pro-new-arrival {
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.pro-ofs{
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.p-img {
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.product-box {
margin-bottom: 20px;
}
.product-fav {
right: 32px;
top: 14px;
}
.offer-product {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.product-box2 h3 {
font-size: 12px;
}
.product-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
.mar-top {
margin-top: 0px;
}
.pro-add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
.pro-buy-now {
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
display: table;
}
}
@media(min-width:1200px) and (max-width:1500px)
{
.pro-new-arrival{
padding: 5px 18px 5px 16px;
font-size: 13px;
}
.pro-ofs{
padding: 5px 18px 5px 16px;
font-size: 13px;
}
}
/*checkoutpagemedia*/
@media(max-width:767px)
{
.billing-bg .panel-body {
padding-top: 0px;
}
.del-ed {
float: left;
position: unset;
}
.edit-a {
float: left;
margin-right: 0px;
margin-left: 10px;
}
.del-a {
float: left;
}
.saved-bg{
padding-top: 25px;
padding-bottom: 25px;
}
.radio-h1 {
width: 100%;
margin-bottom: 15px;
margin-right: 0px;
}
.space {
float: left;
margin-top: 30px;
margin-bottom: 0px;
}
.frm-save{
padding: 10px 0px;
width: 100%;
margin-bottom: 10px;
}
.frm-cancel{
padding: 10px 0px;
width: 100%;
}
.order-1 h4 {
font-size: 14px;
}
}
@media(min-width:501px) and (max-width:575px){
.list-img {
height: auto !important;
}
}
@media(min-width:575px) and (max-width:767px)
{
.frm-save{
padding: 15px 60px !important ;
width: unset !important;
}
.frm-cancel{
padding: 15px 60px !important;
width: unset !important;
}
}
@media(min-width:1250px) and (max-width:1394px)
{
.coupon-img {
top: 0px !important;
}
}
@media(min-width:991px) and (max-width:1300px)
{
.apply-discount form {
padding: 15px 10px;
}
.field-etc {
height: 51px;
border-radius: 15px;
}
.apply-code{
padding: 8px 36px;
}
.field-type {
margin-bottom: 25px;
}
.coupon-img {
float: left;
width: 30px;
margin-right: 9px;
top: 6px;
}
.order-1 h2 {
width: 100%;
text-align: left;
}
.order-1 h4{
width: 100%;
}
.sub-50 {
float: left;
width: 100%;
}
.os-gr {
text-align: left;
}
.payment-btn{
padding: 10px 0px;
font-size: 18px;
}
}
/*shoppingcartmedia*/
@media(max-width:767px)
{
.cart-box {
padding: 30px 0px;
}
.plus-minus {
padding-top: 20px;
}
.cart-img {
float: none;
width: 65%;
}
.close-img {
margin-top: 0px;
position: absolute;
top: -16px;
right: 15px;
}
.cart-box h2 {
margin-top: 20px;
color: #000;
font-size: 19px;
}
}
@media(min-width:767px) and (max-width:991px)
{
.close-img {
margin-top: 0px;
position: absolute;
top: -17px;
left: 0;
}
.plus-minus {
margin-top: 20px;
}
}
@media(min-width:991px) and (max-width:1200px)
{
.media-class3 {
width: 100%;
flex: 100%;
float: left !important;
min-width: 100%;
max-width: 100%;
}
.close-img {
width: 36px;
margin-top: 0;
position: absolute;
left: 0px;
top: -23px;
}
.plus-minus {
padding-top: 25px;
}
.cart-check{
padding: 30px 15px;
}
}
@media(min-width:1200px) and (max-width:1388px)
{
.media-class3 {
max-width: 25.666667% !important;
}
.media-cls4{
max-width: 57.666667% !important;
}
}
/*sucesspage*/
@media(max-width:575px)
{
.success-box {
padding: 50px 0px;
}
.success-box h1 {
font-size: 38px;
}
/*sellerbox*/
.seller-choices {
margin-top: 44px;
}
}
/*whishlist*/
.wish-products{
float: left;
width: 100%;
padding: 50px 0px;
}
.wish-box{
width: 100%;
float: left;
padding: 6px 0px;
border: 1px solid #ededed;
background: white;
border-radius: 30px;
margin-bottom: 30px;
}
.wish-box2{
background-color: white;
float: left;
width: 100%;
padding: 20px 20px;
margin-top: 0px;
border-radius: 30px;
}
.wish-box2 h5
{
color: #000;
font-size: 15px;
font-weight: 500;
float: left;
width: 100%;
line-height: 22px;
}
.wish-box2 h6{
padding-top: 5px;
color: #7f1431;
font-size: 15px;
font-weight: 600;
float: left;
width: 100%;
}
.wish-box2 h6 span{
font-size: 13px;
color: #565656;
text-decoration: line-through;
padding-left: 10px;
}
.wish-box2 h3{
font-size: 13px;
color: #797777;
font-weight: 600;
float: left;
width: 100%;
padding-top: 7px;
}
.w-img
{
background-color: white;
/* padding-bottom: 11px; */
border-bottom: 1px solid #f0f2f5;
height: 200px;
object-fit: contain;
width: 100%;
border-radius: 30px 30px 0px 0px;
}
.rating-wish{
float: left;
width: 100%;
}
.ratingbox-wish {
color: #fd8c26;
font-size: 13px;
}
.rate-home-wish {
float: left;
width: 100%;
text-align: left;
padding-top: 0px;
}
.wish-action-btn{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.wish-remove{
float: right;
border: none;
background-color: white;
cursor: pointer;
}
.wish-remove img{
width: 36px;
object-fit: cover;
margin-top: -2px;
}
.offer-wish{
float: right;
background: #633232;
padding: 7px 18px 5px 18px;
font-size: 13px;
color: #ece7e7;
font-weight: 500;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
margin-top: -52px;
margin-right: -21px;
position: relative;
z-index: 111;
}
.wish-new-arrival{
float: left;
background: #086f1b;
padding: 8px 26px 8px 22px;
font-size: 14px;
border-radius: 30px 20px 20px 5px;
color: #eaebe6;
font-weight: 500;
top: 0px;
/* border-bottom-right-radius: 30px; */
position: absolute;
/* border-top-right-radius: 30px; */
}
.wish-ofs{
float: left;
background: #c72121;
padding: 8px 26px 8px 22px;
font-size: 14px;
border-radius: 30px 20px 20px 5px;
color: #ffffff;
font-weight: 500;
top: 0px;
position: absolute;
}
.wish-add-cart
{
float:left;
border-radius:50px;
background-color: #1a1716;
width: 110px;
height: 35px;
border: solid 1px #1a1716;
color: #ddcbcf;
font-weight:500;
font-size: 14px;
}
.wish-add-cart:hover
{
background-color:white;
border:solid 1px #121611;
color:#121611;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.wish-remove-cart
{
float:left;
border-radius:50px;
color: #fff;
background-color: #e92020;
width: 110px;
height: 35px;
border: solid 1px #e92020;
font-weight:500;
font-size:15px;
margin-left:10px;
text-align:center;
line-height: 34px;
}
.wish-remove-cart:hover
{
background-color:#fff;
border:solid 1px #e92020;
color:#e92020 !important;
text-decoration:none;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
@media(max-width:1200px)
{
.wish-remove{
display: none;
}
.wish-remove-cart{
width: 100%;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media(min-width:1200px)
{
.wish-remove-cart{
display: none;
}
}
/*whishlistmedia*/
@media(max-width:767px)
{
.wish-new-arrival {
padding: 4px 15px 4px 14px;
font-size: 11px;
border-radius: 30px 20px 20px 0px;
}
.wish-ofs{
padding: 4px 15px 4px 14px;
font-size: 11px;
border-radius: 30px 20px 20px 0px;
}
.w-img {
height: 165px;
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.wish-box {
margin-bottom: 20px;
border-radius: 18px;
}
.offer-wish {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.wish-box2 h3 {
font-size: 12px;
}
.wish-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
.wish-box2 h6 span {
float: left;
width: 100%;
font-size: 12px;
line-height: 21px;
padding-left: 0px;
}
.wish-box2 h5 {
font-size: 14px;
}
.wish-add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media(min-width:1024px) and (max-width:1200px)
{
.list-img {
height: auto !important;
}
#login-user .modal-content {
width: 90%;
margin: auto;
}
.wish-new-arrival {
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.wish-ofs{
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.w-img {
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.wish-box {
margin-bottom: 20px;
}
.product-fav {
right: 32px;
top: 14px;
}
.offer-wish {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.wish-box2 h3 {
font-size: 12px;
}
.wish-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
}
@media (min-width:767px) and (max-width:1024px)
{
.wish-new-arrival {
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.wish-ofs{
padding: 5px 19px 5px 18px;
font-size: 13px;
}
.w-img {
width: 75%;
border-bottom: none;
float: none;
margin: auto;
display: block;
}
.wish-box {
margin-bottom: 20px;
}
.offer-wish {
padding: 5px 8px 5px 13px;
font-size: 11px;
margin-top: -43px;
margin-right: -10px;
}
.wish-box2 h3 {
font-size: 12px;
}
.wish-box2{
padding: 15px 10px;
border-top:1px solid #f0f2f5;
border-radius: 0px 0px 30px 30px;
}
.wish-add-cart {
width: 100%;
margin-bottom: 5px;
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media(min-width:1200px) and (max-width:1500px)
{
.wish-new-arrival{
padding: 5px 18px 5px 16px;
font-size: 13px;
}
.wish-ofs{
padding: 5px 18px 5px 16px;
font-size: 13px;
}
}
/*newspage*/
.news-main{
float: left;
padding: 50px 0px 10px 0px;
width: 100%;
}
.news-box{
border: 1px solid #e7e7e7;
border-radius: 20px;
float: left;
width: 100%;
margin-bottom: 40px;
}
.news-box-img{
width: 100%;
float: left;
object-fit: cover;
border-radius: 20px 20px 0px 0px;
}
.news-box-content{
float: left;
width: 100%;
padding: 20px 15px;
border-top: 1px solid #e7e7e7;
}
.news-box-content h1{
float: left;
width: 100%;
font-size: 17px;
font-family: 'Kinn Book';
color: #000;
font-weight: 500;
line-height: 24px;
margin-bottom: 0px;
}
.news-box-content h2{
float: left;
font-size: 14px;
color: #00466d;
font-weight: 500;
margin-top: 10px;
background-color: #e4f5ff;
padding: 10px 20px;
border-radius: 50px;
margin-bottom: 1px;
width: 100%;
background: rgb(237,244,254);
background: linear-gradient(69deg, rgba(237,244,254,1) 0%, rgba(255,255,255,1) 100%);
font-family: 'Kinn';
font-weight: bold;
}
.h2-media{
width: 100%;
float: left;
}
.news-box-content p{
padding-top: 10px;
float: left;
width: 100%;
font-size: 15px;
color: #000;
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-box-content h3{
float: left;
width: 100%;
font-size: 14px;
color: #000;
font-style: italic;
margin-bottom: 13px;
font-weight: 400;
padding-top: 13px;
font-family: 'Kinn Book';
}
.news-box-content a h4{
float: left;
width: 167px;
font-size: 14px;
color: #ffffff;
background-color: #00466d;
padding: 10px 0px;
font-weight: 400;
text-align: center;
border-radius: 30px;
margin-bottom: 0px;
border: 1px solid #00466d;
}
.news-box-content a h4:hover{
background-color: white;
border: 1px solid #00466d;
color: #00466d;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
@media(min-width:767px) and (max-width:1024px)
{
.news-box-content {
padding: 15px 13px;
}
.news-box-content h1 {
font-size: 20px;
}
.news-box-content h2 {
font-size: 16px;
margin-top: 7px;
padding: 8px 20px;
}
.news-box-content p {
padding-top: 7px;
float: left;
width: 100%;
}
.news-box-content h3 {
font-size: 13px;
}
.news-box-content a h4 {
float: left;
width: 143px;
font-size: 15px;
}
}
/* seemorenews*/
.news-banner{
float: left;
width: 100%;
padding: 50px 0px 30px 0px;
}
.news-banner-1{
width: 100%;
float: left;
}
.nb-imgbox{
float: left;
width: 100%;
}
.nb-imgbox img {
object-fit: cover;
width: 100%;
height: auto;
border-radius: 20px;
}
.nb-slidecontent-4{
padding: 30px 0px;
float: left;
width: 100%;
}
.nb-slidecontent-4 h4{
width: 100%;
color: #000;
font-weight: 400;
font-size: 30px;
line-height: 40px;
float: left;
}
.nb-slidecontent-4 h6{
width: 100%;
font-weight: 500;
font-size: 15px;
color: #000;
margin-bottom: 10px;
}
.nb-slidecontent-4 p {margin-top: 10px;float: left;width: 100%;padding-right: 12px;font-weight: 400;font-size: 14px;line-height: 27px;color: #000;text-align: left;}
.nb-slidecontent-4 h2{
float: left;
font-size: 15px;
color: #ffffff;
font-weight: 500;
margin-top: 10px;
background-color: #00466d;
padding: 10px 20px;
border-radius: 5px;
/* background: rgb(237,244,254); */
/* background: linear-gradient(69deg, rgba(237,244,254,1) 0%, rgba(255,255,255,1) 100%); */
}
.nb-slidecontent-4 h3{
float: left;
width: 100%;
font-size: 15px;
color: #00466d;
font-style: italic;
margin-bottom: 15px;
font-weight: 400;
}
.upcoming-events{
padding:0px 50px;
float: left;
width: 100%;
border-radius: 35px;
box-shadow: -10px -6px 53px 21px rgba(0,0,0,0.05);
}
.u-1{
padding: 10px 0px;
float: left;
background: #212121;
border-radius: 13px;
width: 211px;
text-align: center;
margin-top: -23px;
color: #ffffff;
margin-bottom: 20PX;
}
.u-1 img{
float: left;
margin-top: 3px;
}
.u-1 h5{
margin-top: 0px;
/* padding-left: 31px; */
color: #fcfcfc;
font-size: 16px;
font-weight: 500;
margin: 0px;
}
.u-2{
float: left;
width: 100%;
margin-top: 20px;
}
.image-newsticker{
float: left;
margin-right: 20px;
}
.image-newsticker img{
float: left;
object-fit: cover;
width:120px;
height: 75px;
border-radius: 10px;
}
.u-2 h4{
font-size: 15px;
font-weight: 500;
color:#212121;
}
.u-2 a{
font-size: 15px;
font-weight: 500;
color:#00a3ff;
text-align: left;
}
.u-2 a:hover{
color:#000 ;
text-decoration: none;
margin-left: 5px;
}
.wrap {
height: auto;
width: 229px;
max-width: 229px;
overflow: hidden;
box-sizing: border-box;
padding: 10px;
}
.newsTickerCon{
width:100%;
overflow:hidden;
padding: 0;
margin: 0;
}
.newsTickerCon ul{
list-style:none;
position:relative;
padding: 0px;
margin: 0px;
}
.newsTickerCon li{
float: left;
width: 100%;
/* background-color: #EEEFF1;*/
text-align:left;
border-bottom:0px solid #a1a9a5;
font-size:13px;
padding: 10px 0px;
}
.b4-slide {
float: left;
width: 100%;
height: 455px;
overflow: hidden;
position: relative;
}
@media(max-width:575px)
{
.nb-slidecontent-4 h4 {
font-size: 23px;
line-height: 34px;
}
.nb-slidecontent-4 p {
padding-right: 0px;
}
.upcoming-events {
padding: 0px 15px;
}
.u-2 h4{
font-size: 16px;
}
}
@media(min-width:575px) and (max-width:991px)
{
.upcoming-events {
padding: 0px 15px;
}
}
@media(min-width:767px) and (max-width:991px)
{
.u-2 h4{
margin-top: 13px;
}
}
@media(min-width:991px) and (max-width:1200px)
{
.upcoming-events {
padding: 0px 20px;
}
.u-2 h4{
font-size: 16px;
margin-top: 3px;
}
}
@media(min-width:1665px)
{
.u-2 h4{
font-size: 20px;
padding-right: 70px;
}
}
/*dashboard*/
.main-header {
float: left;
width: 100%;
}
#panel-two {
float: left;
width: 100%;
padding-top: 10px;
}
.dash-header {
background: #00466d;
}
.acnt-img {
width: 235px !important;
margin-top: 10px !important;
margin-bottom: 15px !important;
/* filter: brightness(100); */
}
.cls {
float: right;
margin-top: 2px;
}
.login {
float: left;
width: 140px;
height: 52px;
border-radius: 50px;
background-color: #00a3ff;
color: white;
font-size: 14px;
font-weight: 500;
text-align: center;
padding-top: 16px;
font-family: 'Kinn Book';
}
.login img {
width: 21px;
margin-left: 17px;
margin-top: -5px;
}
.menu-right {
float: right;
}
@media (min-width: 991px)
{
.header_area {
display: none !important;
}
}
.hover-acc {
color: white !important;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
#cart-bg {
float: left;
width: 100%;
background:#e7eef4;
padding-top: 50px;
padding-bottom: 50px;
}
.order-white {
float: left;
width: 100%;
padding: 20px;
background-color: white;
border-radius: 15px;
}
.order-white img {
width: 55px;
filter: brightness(0);
}
.order-white span {
float: left;
width: 100%;
font-size: 18px;
padding-top: 13px;
color: black;
font-weight: 400;
font-family: 'Kinn Book';
}
.order-white span strong {
color: #ffffff;
font-size: 13px;
margin-left: 5px;
background: #00a3ff;
border-radius: 6px;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
font-weight: 500;
}
.or-history {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 20px;
}
.or-history h1 {
float: left;
width: 100%;
color: black;
font-size: 25px;
font-weight: 500;
margin-top: 0px;
font-family: 'Kinn Book';
}
.order-detail-box {
float: left;
width: 100%;
padding: 35px;
background-color: white;
border-radius: 15px;
font-family: 'Kinn Book';
}
.order-btn {
font-size: 14px;
background: #00466d;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 6px;
color: white;
border-radius: 45px;
float: left;
/* width: 100%; */
text-align: center;
font-size: 13px !important;
}
.frm-save-dash {
float: left;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 16px;
font-weight: 400;
background-color: #00466d;
border: 1px solid #00466d;
padding: 15px 60px;
/* padding-left: 50px; */
/* padding-right: 50px; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
cursor: pointer;
}
.frm-cancel-dash {
cursor: pointer;
float: left;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 16px;
font-weight: 400;
background-color: #121611;
border: 1px solid #121611;
padding: 15px 66px;
/* padding-left: 40px; */
/* padding-right: 40px; */
cursor: pointer;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
}
.frm-cancel-dash:hover{
background-color: #fff;
color:#121611 ;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.frm-save-dash:hover{
background-color: #121611;
border: 1px solid #121611;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.dash-tag {
margin-top: 15px;
float: left;
border-radius: 20px;
background-color: #00466d;
color: white;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
margin-bottom: 20px;
}
.edit-address {
float: left;
border-radius: 50px;
background-color: #322e2e;
text-align: center;
border:1px solid #322e2e;
color: white;
padding: 10px 0px;
font-size: 14px;
width: 100px;
height: 42px;
}
.edit-address:hover{
background-color: white;
border:1px solid #322e2e;
color: #322e2e;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.delete-address {
float: left;
border-radius: 50px;
background-color: #e30635;
text-align: center;
color: white;
padding: 10px 0px;
font-size: 14px;
border:1px solid #e30635;
width: 100px;
height: 42px;
margin-left: 9px;
}
.delete-address:hover{
background-color: #fff;
border:1px solid #e30635;
color: #e30635;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.del-edit {
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 8px;
}
.thgreen {
background: rgb(0 70 109 / 10%) !important;
font-weight: 500 !important;
font-size: 15px !important;
}
/*
@media only screen and (max-width:973px) {
.header_area{
float:right;
}
.nav-toggle{
margin-top: -11px !important;
right:-5px !important;
}
.payment-card img{
width:100%;
}
}
@media only screen and (max-width:508px) {
.logo img{
width:165px !important;
}
.logo{
margin-top:8px !important;
}
.login{
width:96px !important;
}
}
@media only screen and (max-width:425px) {
.login{
width: 40px !important;
height: 40px;
}
.login span{
display:none;
}
.login img{
margin-left:-1px;
margin-top:2px;
}
}
@media(max-width:991px)
{
.cls-media {
margin-top: 9px;
}
}
@media only screen and (max-width: 425px)
{.login img {
margin-left: -1px;
margin-top: -11px;
}
}*/
@media (max-width: 991px)
{
.menu-right {
display: none;
}}
@media(min-width:991px) and (max-width:1024px)
{
.NavMenu {
padding-left: 0px !important;
}
.NavMenu li a {
font-size: 16px !important;
}
}
@media (min-width:575px) and (max-width:991px) {
.header_area{
float:right;
}
.nav-toggle{
/* margin-top: 10px !important;*/
/*right: 0px !important;*/
}
.payment-card img{
width:100%;
}
}
@media(max-width: 991px)
{
.tab-dash {
float: left !important;
width: 100% !important;
max-width: 100% !important;
flex: 100% !important;
margin-bottom: 25px;
}
}
@media(max-width:991px)
{
.NavMenu{
display: none;
}
}
@media (max-width:767px) {
.log_area_atoor{
width:100%;
}
.reset-psw{
bottom: -13px !important;
}
}
@media (max-width:575px) {
.form-group input:checked + label:after{
top: 4px;
}
.form-group label:before{
margin-top: -4px;
}
.login{
width: 40px !important;
height: 40px;
}
.login span{
display:none;
}
.login img{
margin-top: -15px;
margin-left:-1px;
}
.header_area{
float:right;
}
}
@media(max-width:767px)
{
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
margin-bottom: 0.5rem;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
}
@media(max-width:575px)
{
.nav-toggle{
/* margin-top: 12px;*/
/*right: 0px;*/
}
#panel-two{
padding-top: 15px;
}
.or-history h1 {
margin-top: 0px;
}
.order-detail-box {
float: left;
width: 100%;
padding: 18px;
}
.frm-save-dash {
width: 100%;
padding: 10px 0px;
}
.frm-cancel-dash {
margin-right: 0px;
width: 100%;
padding: 10px 0px;
margin-top: 5px;
}
.td-50{
width: 100%;
}
}
.order-btn:hover {background-color: #00a3ff;transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;color: #fff;}
.td-50{
width: 50%;
float: left;
}
/*seller-profilepage*/
.seller-banner1{
float: left;
width: 100%;
background-image: url("../images/seller-bg.png");
background-repeat: no-repeat;
background-size: cover;
padding: 20px 0px 0px 0px;
position: relative;
}
.seller-1{
float: left;
width: 100%;
}
.seller-1img{
width: 165px;
height: 155px;
background-color: white;
padding: 20px 19px;
border-radius: 49px;
position: relative;
top: 33px;
float: left;
margin-right: 35px;
}
.seller-1 h2
{
/* float: left; */
font-size: 26px;
color: #fff;
font-weight: 500;
margin-bottom: 5px;
margin-top: 3px;
/* width: 100%; */
position: relative;
font-family: 'Kinn Book';
}
.seller-1 h6{
font-size: 13px;
color: #d3eefa;
font-weight: 400;
padding-bottom: 12px;
font-family: 'Kinn Book';
}
.seller-2{
float: left;
width: 100%;
}
.seller-box1{
margin-right: 20px;
float: left;
width: 30%;
border-radius: 20px;
padding: 17px 15px;
border: 1px solid #ffffff;
position: relative;
top: -50px;
background-color: #ffffff;
}
.seller-box1-img{
float: left;
width: 56px;
object-fit: cover;
}
.seller-box1 h1{
/* float: left; */
font-size: 20px;
color: #00466d;
font-weight: 600;
margin-bottom: 5px;
}
.seller-box1 h5{
font-size: 14px;
color: #242424;
float: left;
font-weight: 400;
font-family: 'Kinn Book';
}
.seller-cont{
float: left;
width: 62%;
border-left: 1px solid #f6ecef;
margin-left: 10px;
padding-left: 10px;
}
.sp-banner2{
float: left;
width: 100%;
padding: 0px 0px 50px 0px;
}
.ab-img{
margin-bottom: 20px;
float: right;
object-fit: cover;
max-width: 100%;
margin-left: 46px;
margin-top: 80px;
margin-right: 50px;
}
@media(max-width:991px)
{
.ab-img{
display: none;
}
}
.sp-banner2 h3{
font-size: 30px;
color: #000;
font-weight: 600;
margin-bottom: 20px;
}
.sp-banner2 h3 span{
color: #00466d;
}
.sp-banner2 p{
font-size: 15px;
font-weight: 400;
line-height: 28px;
color: #000;
font-family: 'Kinn Book';
}
/*seller-profilemedia*/
@media(max-width:575px)
{
.seller-banner1 {
height: 143px;
}
.seller-1img {
width: 141px;
height: 130px;
margin-right: 18px;
border-radius: 38px;
position: relative;
top: 45px;
}
.seller-1 h2 {
/* float: left; */
font-size: 27px;
margin-top: 58px;
}
.seller-1 h6 {
font-size: 14px;
}
.seller-box1 {
margin-right: 0px;
float: left;
width: 100%;
top: 50px;
margin-bottom: 20px;
}
.sp-banner2 h3 {
width: 100%;
float: left;
}
.sp-banner2 p {
width: 100%;
float: left;
}
.seller-2 {
padding-bottom: 75px;
}
.sp-banner2 {
padding: 0px 0px 35px 0px;
}
}
@media(min-width:575px) and (max-width:767px)
{
.seller-box1 {
margin-right: 20px;
float: left;
width: 30%;
border-radius: 20px;
padding: 17px 15px;
border: 1px solid #f6ecef;
position: relative;
top: 56px;
background-color: #fffdf7;
margin-bottom: 93px;
}
.seller-1img{
top: 41px;
}
.seller-banner1{
padding: 0px 0px 0px 0px;
}
.seller-box1-img {
float: none;
width: 56px;
object-fit: cover;
margin: auto;
display: block;
}
.seller-cont {
float: left;
width: 100%;
border-left: none;
margin-left: 0px;
padding-left: 0px;
text-align: center;
margin-top: 10px;
}
.seller-box1 h5 {
margin-bottom: 0px;
float: left;
width: 100%;
}
}
@media(min-width:767px) and (max-width:991px)
{
.seller-box1{
top: 50px;
margin-bottom: 95px;
}
}
@media(min-width:991px) and (max-width:1430px)
{
.seller-box1-img {
float: none;
width: 56px;
object-fit: cover;
margin: auto;
display: block;
}
.seller-cont {
float: left;
width: 100%;
border-left: none;
margin-left: 0px;
padding-left: 0px;
text-align: center;
margin-top: 10px;
}
.seller-box1 h5 {
margin-bottom: 0px;
float: left;
width: 100%;
}
.seller-box1{
top: -78px;
}
.media-sp{
margin-top: -55px;
}
}
@media(min-width:1430px) and (max-width:1470px)
{
.seller-box1{
padding: 17px 11px;
}
.seller-cont {
float: left;
width: 64%;
}
}
/*product-detail*/
.pd-ban1{
float: left;
width: 100%;
padding: 50px 0px;
}
.pd-1{
float: left;
width: 100%;
margin-bottom: 20px;
}
.pd-1 img{
width: 100%;
float: left;
object-fit: cover;
}
.pd-2{
float: left;
width: 100%;
}
.pd-2 img{
width: 85px;
margin-right: 10px;
object-fit: cover;
}
.p-md-3
{
float: left;
width: 100%;
}
.pd-3 h1{
float: left;
width: 100%;
font-size: 25px;
font-weight: 400;
color: #000;
line-height: 35px;
font-family: 'Kinn Book';
}
.pd-31{
float: left;
width: 100%;
margin-top: 7px;
padding-bottom: 20px;
}
.pd-love{
/* width: 50%; */
float: left;
}
.pd-loveimg {
width: 35px;
cursor: pointer;
border: 0;
background: #e5eff6;
padding: 8px;
border-radius: 30px;
float: left;
margin-right: 15px;
}
.pd-loveimg img{
width: 100%;
display: block;
}
.pd-love h5{
float: left;
font-size: 16px;
color: green;
font-weight: 500;
margin-bottom: 0px;
margin-top: 7px;
font-family: 'Kinn Book';
}
.rating-pd{
float: left;
/* width:50%; */
margin-left: 18px;
margin-top: 7px;
}
.ratingbox-pd {
color: #ffd20d;
font-size: 13px;
}
.rate-home-pd {
float: left;
width: 100%;
text-align: left;
padding-top: 0px;
}
.pd-3 h3{
font-size: 14px;
color: #494949;
font-weight: 500;
float: left;
width: 100%;
padding-top: 5px;
font-family: 'Kinn Book';
}
.pd-3 h6{
padding-top: 13px;
color: #00466d;
font-size: 26px;
font-weight: 500;
float: left;
width: 100%;
margin-bottom: 8px;
font-family: 'Kinn Book';
}
.pd-3 h6 span{
font-size: 13px;
color: #565656;
text-decoration: line-through;
padding-left: 10px;
font-family: 'Kinn Book';
}
.weight-panel {
float: left;
width: 100%;
margin-top: 14px;
}
.weight-panel span {
float: left;
color: #19191b;
font-weight: 500;
font-size: 17px;
margin-right: 7px;
padding-top: 9px;
font-family: 'Kinn Book';
}
.selector-item-rad{
height: 41px;
border-radius: 15px;
border: 1px solid #9d9999;
}
.pd-3 h4{
font-size: 15px;
color: #3d3838;
font-weight: 500;
text-decoration: underline;
float: left;
width: 100%;
padding-top: 25px;
font-family: 'Kinn Book';
}
.pd-3 p{
font-size: 15px;
color: #125ed5;
font-weight: 500;
float: left;
width: 100%;
padding-top: 28px;
font-family: 'Kinn Book';
}
/*.selector-item_rad:checked + .selector-item_label {
padding: 10px;
background-color: #070f56;
margin: 0;
border-radius: 15px;
}*/
@media(max-width:767px)
{
#thumbs .owl-nav {
text-align: center;
width: 100%;
position: unset !important ;
/* float: left; */
/* top: -93px; */
}
#thumbs .owl-prev img {
float: none !important;
width: 30px;
position:unset !important;
display: inline-block !important;
}
#thumbs button.owl-prev {
float: none !important;
width: unset !important;
}
#thumbs button.owl-next {
float: none !important;
width: unset !important;
}
.pd-ban1 {
float: left;
width: 100%;
padding: 20px 0px;
}
#thumbs .owl-next img {
width: 30px;
float: none !important;
position: unset !important;
/* right: -9px; */
display: inline-block !important;
}
.pd-ban2 {
padding: 20px 0px;
}
.action-btn-pd-media{
display: block;
}
}
@media(min-width:767px)
{
.action-btn-pd-media{
display: none;
/* padding-left: 18px; */
}
}
.action-btn-pd-media{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.action-btn-pd{
float:left;
width:100%;
margin-top:15px;
/* padding-left: 18px; */
}
.add-cart-pd
{
float:left;
border-radius:50px;
background-color: #00466d;
width: 160px;
height: 50px;
border: solid 1px #00466d;
color: #efe4e6;
font-weight: 400;
font-size: 14px;
font-family: 'Kinn Book';
}
.add-cart-pd:hover
{
background-color: #212121;
border:solid 1px #121611;
color: #fdfffd;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
background-color: white;
border: solid 1px #121611;
color: #121611;
}
.buy-now-pd{
float:left;
border-radius:50px;
background-color: #038fde;
width: 160px;
height: 50px;
border: solid 1px #038fde;
color: #ececec !important;
font-weight: 400;
font-size:15px;
margin-left:10px;
text-align:center;
/* line-height: 34px; */
padding: 14px 0px;
font-family: 'Kinn Book';
}
.buy-now-pd:hover
{
background-color: #7f1431;
border:solid 1px #7f1431;
color: #ffffff !important;
text-decoration:none;
background-color: #252323;
border: solid 1px #252323;
}
.scroll-pd-box{
float: left;
width: 100%;
background-color: #fff;
padding: 0px;
border-radius: 30px;
max-height: 500px;
overflow-y: scroll;
/* padding-left: 20px; */
}
.scroll-main-pd{
float: left;
width: 100%;
padding-bottom: 14px;
float: left;
width: 100%;
border: 1px solid #eeeeee;
border-radius: 20px;
}
.scroll-main-pd h1{
margin-bottom: 5px;
font-size: 18px;
float: left;
width: 100%;
text-align: left;
padding: 13px 20px;
color: #fff;
background-color: #023856;
border-radius: 15px 15px 0px 0px;
font-weight: 400;
line-height: 25px;
font-family: 'Kinn Book';
}
.saved-pd{
border-bottom: 1px solid #eeeeeec7;
float: left;
width: 100%;
background-color: #fff;
padding-right: 20px;
padding-left: 20px;
padding-top: 24px;
padding-bottom: 25px;
border-radius: 0px;
margin-bottom: 0px;
position: relative;
}
.saved-pd .container2 {
position: absolute;
left: 20px;
top: 17px;
}
.saved-pd input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
right: 0;
}
.checkmark-pd {
position: absolute;
top: 7px;
left: 0;
cursor: pointer;
height: 23px;
width: 23px;
background-color: transparent;
border: 1px solid #ebdbe0;
border-radius: 50px;
background: white;
}
.seller-img{
padding: 14px 0px;
height: 89px;
width: 90px;
float: left;
margin-right: 15px;
margin-left: 35px;
border-radius: 15px;
border: 1px solid #dedede;
}
.seller-img img{
/* height: 51px; */
width: 100%;
object-fit: contain;
margin: auto;
display: block;
float: none;
}
.saved-pd h6{
font-size: 15px;
font-weight: 500;
color: #000;
font-family: 'Kinn Book';
}
.saved-pd a h4{
font-size: 13px;
font-weight: 400;
text-decoration: underline;
color: #00a3ff;
padding-top: 7px;
font-family: 'Kinn Book';
}
.saved-pd input:checked ~ .checkmark-pd:after {
display: block;
}
.saved-pd .checkmark-pd:after {
left: 8px;
top: 3px;
width: 6px;
height: 13px;
border: solid #59a446;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkmark-pd:after {
content: "";
position: absolute;
display: none;
}
.rating-scroll{
font-size: 10px;
}
.ratingbox-scroll {
color: #fd8c26;
font-size: 13px;
}
.rate-home-scroll {
text-align: left;
padding-top: 0px;
}
/* ===== Scrollbar CSS ===== */
.scroll-pd-box::-webkit-scrollbar-track
{
border-radius: 50px;
background-color: #a9dfff;
height: 3px;
border-top-left-radius: 50px;
}
.scroll-pd-box::-webkit-scrollbar
{ border-radius: 50px;
width: 4px;
height: 3px;
background-color: #a9dfff;
}
.scroll-pd-box::-webkit-scrollbar-thumb
{
border-radius: 50px;
background-color: #2b97d7;
height: 3px;
}.det-vdo iframe{
border-radius: 18px;
margin-bottom: 0;
box-shadow: none;
}
.det-vdo{
width: 100%;
float: left;
border: 4px solid #038fde;
border-radius: 23px;
height: 323px;
}
.pd-ban2{
float: left;
width: 100%;
padding: 50px 0px;
}
.product-detail{
float: left;
width: 100%;
}
.product-detail h1{
padding: 20px 0px;
float: left;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #000;
font-size: 20px;
font-weight: 500;
font-family: 'Kinn Book';
}
.product-detail h2{
float: left;
font-weight: 500;
font-size: 16px;
color: #00466d;
width: 100%;
text-decoration: underline;
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Kinn Book';
}
.product-detail p{
padding-right: 63px;
float: left;
font-weight: 400;
font-size: 14px;
color: #000;
width: 100%;
line-height: 25px;
font-family: 'Kinn Book';
}
.review-box{
float: left;
width: 100%;
}
.review-box h5{
float: left;
/* width: 50%; */
font-size: 20px;
font-weight: 500;
color: #00466d;
padding: 20px 0px;
margin-bottom: 0;
font-family: 'Kinn Book';
}
.review-btn {
float: right;
/* width: 50%; */
font-size: 14px;
color: #fff;
background-color: #000;
padding: 10px 35px;
text-align: center;
font-weight: 400;
border-radius: 30px;
cursor: pointer;
font-family: 'Kinn Book';
}
.review-scroll{
float: left;
width: 100%;
background-color: #fff;
padding: 0px;
max-height: 500px;
overflow-y: scroll;
margin-top: 30px;
}
.review-box1{
float: left;
width: 100%;
padding: 20px 20px 20px 0px;
padding-bottom: 6px;
}
.review-box1 h4{
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 600;
margin-top: 2px;
padding-bottom: 5px;
}
.review-box1 p{
float: left;
font-weight: 400;
font-size: 14px;
color: #000;
width: 100%;
line-height: 24px;
font-family: 'Kinn Book';
}
.review-box1 h6{
float: left;
width: 100%;
font-size: 17px;
font-weight: 500;
color: #00466d;
margin-top: px;
margin-bottom: 10px;
font-family: 'Kinn Book';
}
.review-box1 h6 span{
color: #8f888a;
font-size: 13px;
font-weight: 400;
}
.review-box1-img{
/* float: left; */
width: 25px;
margin-right: 7px;
object-fit: cover;
position: relative;
top: -2px;
}
.verified{
float: left;
width: 100%;
margin-top: 12px;
}
.review-box1 h3{
float: left;
font-size: 13px;
color: #000;
font-weight: 500;
margin-top: 0px;
/* width: 100%; */
border: 1px solid #f2e9e9;
padding: 13px 16px 7px 16px;
border-radius: 30px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.review-scroll::-webkit-scrollbar-track
{
border-radius: 50px;
background-color: #a9dfff;
height: 3px;
border-top-left-radius: 50px;
}
.review-scroll::-webkit-scrollbar
{ border-radius: 50px;
width: 5px;
height: 3px;
background-color: #a9dfff;
}
.review-scroll::-webkit-scrollbar-thumb
{
border-radius: 50px;
background-color: #2b97d7;
height: 1px;
}
/*modal-review*/
.attach-label {
font-size: 18px;
font-weight: 600;
}
.attach-label span {
color: #038fde;
}
.attach-close {
padding: 0px !important;
background-color: black !important;
border-top-left-radius: 20px;
height: 59px;
width: 40px;
}
.rv-name-md {
float: left;
width: 100%;
font-size: 15px;
font-weight: 500;
color: black;
}
.rv-desc {
float: left;
width: 100%;
color: black;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 20px;
}
.rv-frm {
float: left;
width: 100%;
}
.log_set {
width: 100%;
float: left;
position: relative;
padding: 0 0 17px;
}
.tt-b2b {
float: left;
width: 100%;
font-size: 14px;
color: black;
font-weight: 500;
padding-bottom: 16px;
}
.log_form .log_set input[type="text"], .log_form .log_set input[type="password"], .log_form .log_set input[type="mail"], .log_form .log_set input[type="email"], .log_form .log_set input[type="tel"], .log_form .log_form .log_set select, .log_form .log_set textarea {
width: 100%;
float: left;
position: relative;
height: 55px !important;
border: solid 1px rgba(0, 0, 0, 0.15) !important;
padding: 10px 0px 22px;
font-size: 13px;
line-height: 25px;
color: #000;
font-weight: 400;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
outline: none;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 15px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.rv-frm-str {
float: left;
width: 50%;
}
.str-none {
padding-bottom: 5px !important;
}
.rating-one {
float: left;
}
.submit-star {
float: right;
border-radius: 50px;
text-align: center;
color: white;
font-size: 15px;
font-weight: 500;
background-color: #038fde;
border: none;
padding: 15px;
padding-left: 40px;
padding-right: 40px;
cursor: pointer;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 0px;
}
/*product-detailmedia*/
@media(max-width:575px)
{
.pd-1 img {
width: 90%;
float: none;
object-fit: cover;
margin: auto;
display: block;
}
.pd-2 img {
width: 60px;
}
.pd-3 h1 {
float: left;
width: 100%;
font-size: 22px;
margin-top: 10px;
}
.pd-3 h6 {
margin-bottom: 10px;
}
.scroll-main-pd {
margin-top: 30px;
}
.product-detail p {
padding-right: 0px;
}
.review-box h5 {
width: 100%;
}
.review-btn {
margin-top: 20px;
float: left;
width: 198px;
}
}
@media(min-width:575px) and (max-width:767px)
{
.pd-1 img {
width: 85%;
float: none;
object-fit: cover;
margin: auto;
display: block;
}
.pd-3 h1 {
margin-top: 20px;
}
.pd-3 h6 {
margin-bottom: 10px;
}
.scroll-main-pd {
margin-top: 30px;
}
.product-detail p {
padding-right: 0px;
}
.review-box h5 {
width: 100%;
}
.review-btn {
margin-top: 20px;
float: left;
width: 198px;
}
.scroll-main-pd {
float: left;
width: 100%;
}
}
@media(min-width:767px) and (max-width:991px)
{
.pd-1 img {
width: 55%;
float: none;
object-fit: cover;
margin: auto;
display: block;
}
.pd-2{
margin-bottom: 30px;
}
}
@media(min-width:991px) and (max-width:1200px)
{
.pd-1 img {
width: 75%;
float: none;
object-fit: cover;
display: block;
margin: auto;
}
.pd-3 h1 {
float: left;
width: 100%;
font-size: 20px;
font-weight: 600;
color: #000;
line-height: 30px;
}
.pd-3 h6 {
margin-bottom: 5px;
font-size: 25px;
}
.add-cart-pd {
width: 131px;
height: 45px;
}
.buy-now-pd {
width: 131px;
height: 45px;
}
.saved-pd h6 {
padding-top: 13px;
width: 100%;
float: left;
text-align: center;
}
.rating-scroll {
float: left;
width: 100%;
text-align: center;
}
.saved-pd a h4 {
width: 100%;
float: left;
font-size: 14px;
text-align: center;
}
.saved-pd img {
float: none;
margin-right: auto;
margin-left: auto;
display: block;
}
.review-box h5{
}
.product-detail p {
padding-right: 15px;
}
}
@media(min-width:1200px) and (max-width:1400px)
{
.review-box h5 {
}
}
.slide-3 .owl-carousel .owl-nav.disabled {
display: none !important;
}
/*login*/
.log_set .option {
width: 100%;
float: left;
/* padding: 0 18px; */
font-size: 13px;
line-height: 30px;
color: #454545;
font-weight: 500;
text-align: left;
margin: 0px 0px;
position: relative;
}
.log_set .option > input {
position:absolute;
height:100%;
width:100%;
opacity:0;
left:0;
top: 0;
z-index: 10;
cursor: pointer;
}
.log_set .checkbox {
position:relative;
margin-right:5px;
background:#fff;
display:inline-block;
border: 2px solid #B5C1C7;
margin-bottom:0;
margin-top:0;
height:16px;
width:16px;
top:4px;
}
.log_set .checkbox:before {
content:'';
display:none;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
-o-box-sizing:content-box;
box-sizing:content-box;
padding:0;
margin:0
}
.log_set input:checked + .checkbox:before {
display:block
}
.log_set .checkbox:before{
position:absolute;
top:3px;
left:2px;
width:6px;
height:3px;
border: solid #118405;
border-width:0 0 2px 2px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.log_set input:checked + .checkbox {
border: 2px solid #118405;
}
.log_set input:hover + .checkbox {
border-color: #096fa9;
}
.log_set input:focus + .checkbox {
border-color: #7f1431;
}
.log_set input:focus + .checkbox:before{
border-color:#ee3425;
}
.or {
float: left;
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.reset-psw {
position: relative;
right: 17px;
bottom: 36px;
font-size: 11px;
font-weight: 500;
z-index: 11;
color: #096fa9;
/* left: 20px; */
float: right;
}
.raise-disn {
margin-right: 10px;
float: left;
background: #00466d !important;
padding: 11px;
margin-bottom: 20px;
border-radius: 10px;
font-size: 14px;
color: white;
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
}
.pdt-logo{
width:100%;
float:left;
padding-bottom: 20px;
}
.pdt-logo img{
width: 150px;
float:left;
}
.new1 {
/* padding: 50px; */
margin-top: -20px;
}
.form-group-return {
display: block;
margin-bottom: 15px;
}
.user_detail_box img {
height: 105px;
width: 105px;
object-fit: cover;
border-radius: 5px;
margin-left: 34px;
}
.form-group-return input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
margin-top: 20px;
}
.form-group-return label {
position: relative;
cursor: pointer;
/* margin-top: 30px; */
}
.form-group-return label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #1c7f95;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
top: 26px;
border-radius: 5px;
}
.form-group-return input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 31px;
left: 9px;
width: 6px;
height: 14px;
border: solid #1c7f95;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.about-full {
float: left;
width: 100%;
padding: 50px 50px;
}
.aboutus-titels{
line-height: 40px;
font-size: 40px;
color: #000;
font-weight: 500;
margin-bottom: 30px;
text-align: left;
}
.abpout-details p{
font-size: 15px;
font-weight: 400;
line-height: 29px;
color: #000;
}
.otp-req{
width: 100%;
background: #fff;
border: 0;
padding: 12px;
/* box-shadow: 3px -1px 10px 4px rgb(169 166 166 / 29%); */
float: left;
border-radius: 5px;
font-size: 15px;
font-weight: 400;
cursor: pointer;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out.5s;
-webkit-mask-origin: border-box;
border: solid 2px #00466d;
/* color: #3d8f09; */
border-radius: 45px;
}
.otp-req:hover{background: #30382e;color: #fff;border-color: #30382e;}
.footer_link .link_left {
text-align: left;
list-style: none;
}
.footer_link > li {
/* width: 50%; */
/* float: left; */
}
.footer_link .link_right {
text-align: right;
list-style: none;
}
.footer_link > li > a {
width: 100%;
float: left;
position: relative;
font-size: 15px;
line-height: 24px;
color: #00466d;
font-weight: 500;
margin: 30px 0 5px;
text-decoration: none !important;
text-align: center;
}
.footer_link > li > a:hover {
color: #30382e;
}
.footer_link{
float: left;
width: 100%;
padding-left: 0px;
}
.login_panel .log_area .log_box p {
color: rgba(105, 105, 105, 0.95);
font-size: 13px;
line-height: 24px;
font-weight: 400;
/* margin: 0 0 10px !important; */
}
.login_panel .log_area .log_box p > a {
color: #3f880e;
text-decoration: none !important;
}
.close_form {
display: block !important;
position: absolute;
width: 40px;
height: 40px;
right: -50px;
top: 0px;
background: transparent url(../images/close.svg) no-repeat center center;
background-size: 20px 20px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: none;
cursor: pointer;
}
.submit_frm {
width: 100%;
float: left;
position: relative;
height: 50px;
cursor: pointer;
background: #30382e;
color: #fff;
border: none;
/* text-transform: uppercase; */
font-size: 15px;
line-height: 30px;
font-weight: 600;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
outline: none !important;
border-radius: 45px;
}
.submit_frm:hover {
background: #00466d;
color: #fff;
}
.login_panel {
float: left;
width: 100%;
padding:20px 25px 20px 25px;
}
.login_panel .log_area .log_box .or {
font-size: 17px;
font-weight: 500;
color: #30382e;
text-align: center;
padding: 21px 0;
width: 100%;
float: left;
position: relative;
background: #fff;
margin-bottom: 5px;
}
.log_set {
width: 100%;
float: left;
position: relative;
padding: 0 0 17px;
}
.log_set label {
width: 100%;
float: left;
position: relative;
font-size: 14px;
font-weight: 600;
color: #000;
line-height: 25px;
margin: 0 0 0;
text-align: left;
}
.log_form .log_set input[type="text"], .log_form .log_set input[type="password"], .log_form .log_set input[type="mail"], .log_form .log_set input[type="email"], .log_form .log_set input[type="tel"], .log_form .log_form
.log_set select, .log_form .log_set textarea {
width: 100%;
float: left;
position: relative;
height: 55px !important;
border: solid 1px rgba(0,0,0,0.15) !important;
padding: 10px 0px 22px;
font-size: 15px;
line-height: 25px;
color: #000;
font-weight: 400;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
outline: none;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 15px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.log_set textarea {
height: 100px !important;
}
.log_set input[type="text"]:focus,
.log_set input[type="password"]:focus,
.log_set input[type="mail"]:focus,
.log_set textarea:focus {
border-color: #118405 !important;
}
.login-continue {
border: 1px solid #30382e !important;
background: #30382e !important;
border-radius: 5px !important;
color: #ffffff !important;
padding: 10px 109px !important;
margin: 15px auto 10px !important;
font-size: 14px;
display: block;
font-weight: 500;
cursor: pointer;
width: 100%;
border-radius: 45px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}.login-continue:hover{
background: #00466d !important;
border-color: #00466d !important;
}
.pr-modal {
position: relative !important;
width: auto !important;
margin: 1.75rem auto !important;
}
.wl-login h2 {
float: left;
width: 100%;
font-size: 27px;
color: #000000;
font-weight: 600;
}
.wl-login h2 span {
color: #00a3ff;
padding-left: 0px;
}
.wl-login p {
float: left;
width: 100%;
font-size: 14px !important;
font-weight: 400px !important;
text-align: left !important;
line-height: 20px !important;
}
.login_panel .log_area .log_box p > a {
color: #096fa9;
text-decoration: none !important;
}
@media (min-width: 576px)
{
.modal-dialog {
max-width: 500px !important;
margin: 1.75rem auto !important;
}
}
.modal-etc{
position: unset !important;
max-height: unset !important;
width: unset !important;
height: unset !important;
}
/*view-brand*/
.brand{
float: left;
width: 100%;
padding: 50px 0px;
}
/*contactus*/
.contact-full{
width: 100%;
float: left;
padding: 40px 0;
}
.quick_enq {
font-size: 18px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 30px;
}
.location_bg {
float: left;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 20px;
margin-bottom: 25px;
}
.contact_icons {
color: #1b1a1a;
padding-right: 6px;
}
.location_bg h4 {
width: 50%;
float: left;
position: relative;
font-size: 15px;
line-height: 35px;
font-weight: 500;
margin: 0px 0px 5px;
padding: 0;
text-align: left;
color: #0a72de;
text-transform: uppercase;
font-family: 'Kinn Book';
}
.contact2{
float: left;
width: 100%;
height: auto;
}
.contact2 h1 {
font-size: 18px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
}
.contactform{
margin-top: 35px;
width: 100%;
float: left;
}
.contact-label {
float: left;
width: 100%;
text-align: left;
font-size: 15px;
color: #001e42;
font-weight: 500;
font-family: 'Kinn Book';
}
.mct_form {
border-bottom: 1px solid #b0aaaa;
color: #272626;
display: block;
font-weight: 300;
font-size: 15px;
/* text-transform: uppercase; */
height: 43px;
margin-bottom: 15px !important;
padding: 0 20px;
outline: none;
background: #ffffff;
width: 100%;
padding-left: 0px;
border: none;
transition: all 500ms ease;
border: solid 1px rgba(46, 67, 110, 0.22);
margin-top: 3px;
width: 100%;
float: left;
padding: 8px 10px;
margin-top: 10px;
border-radius: 5px;
}
.info-tag {
float: left;
font-size: 14px;
color: rgba(0, 0, 0, 0.93);
text-align: left;
/* margin-top: 15px; */
line-height: 28px;
margin-top: 15px;
}
.contact-snd2 {
margin-top: 15px;
cursor: pointer;
border: none;
background-color: #0937b4;
text-decoration: none;
float: left;
width: 182px;
height: 56px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 32px;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
font-family: 'Kinn Book';
}
.contact-snd2:hover{
background-color: transparent;
text-decoration: none;
color: #000000;
border: 1px solid #000000;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.contact-full p{text-align: justify;font-size: 15px;color: #000;line-height: 28px;margin-bottom: 10px;font-family: 'Kinn Book';}
@media(max-width:767px)
{
.contact-full p {
text-align: right;
}
.contactform {
margin-top: 15px;
}
}
@media(min-width:767px) and (max-width:991px)
{
.location_bg h4 {
width: 56%;
float: left;
position: relative;
font-size: 13px;
}
}
/*aboutus*/
.aboutus{
float: left;
width: 100%;
padding: 50px 50px;
}
.aboutus h3{
line-height: 40px;
font-size: 40px;
color: #000;
font-weight: 500;
margin-bottom: 30px;
text-align: left;
}
.aboutus h3 span{
color: #00466d;
}
.aboutus p{
font-size: 15px;
font-weight: 400;
line-height: 29px;
color: #000;
}
.vision-box{
width: 100%;
float: left;
margin-bottom: 30px;
margin-top: 30px;
}
.vision-box h2{color: #00466d;font-size: 30px;font-weight: 600;}
.vision-box p{
font-size: 15px;
font-weight: 400;
line-height: 27px;
color: #000;
}
.abt-3{width: 100%;float: left;padding: 30px 50px;background-color: #043d7c;padding-top: 50px;}
.abt-3 h6{float: left;width: 100%;font-size: 18px;color: #e7f8ff;font-weight: 400;}
.abt-3 h2{font-size: 35px;color: #ffffff;font-weight: 300;float: left;margin-bottom: 25px;width: 100%;}
.abt-3 h2 span{
font-weight: 600;
float: left;
width: 100%;
}
.abt3-box{width: 100%;float: left;text-align: left;margin-top: 30px;}
.abt3-box h5{width: 100%;font-size: 25px;color: #fff;font-weight: 500;margin-top: 20px;}
.abt3-box p{
width: 100%;
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 26px;
}
.abt-3 img{
width: 70px;
object-fit: cover;
float: none;
/* display: block; */
margin: auto;
}
@media(max-width:575px){
.aboutus {
padding: 30px 0px;
}
.aboutus h3 {
font-size: 37px;
margin-bottom: 12px;
}
.vision-box {
width: 100%;
float: left;
margin-bottom: 0px;
}
.abt-3 {
padding: 30px 0px;
}
.abt-3 h6 {
font-size: 21px;
}
.abt-3 h2 {
font-size: 26px;
}
.abt3-box {
margin-top: 15px;
}
.abt-3 h2 span {
width: unset;
}
}
@media(min-width:575px) and (max-width:767px)
{
.aboutus {
padding: 30px 0px;
}
.aboutus h3 {
font-size: 37px;
margin-bottom: 12px;
}
.vision-box {
width: 100%;
float: left;
margin-bottom: 0px;
}
.abt-3 {
padding: 30px 0px;
}
.abt3-box {
margin-top: 15px;
}
.abt-3 h2 span {
}
.aboutus {
float: left;
width: 100%;
padding: 50px 30px;
}
.abt-3 {
float: left;
width: 100%;
padding: 30px 30px;
}
}
.outer {
margin:0 auto;
width: 100%;
}
#big .item
{
padding: 10px 0px;
margin:2px;
color: #FFF;
}
#thumbs .item {
background: white;
padding: 0;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}}
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { }
#big.owl-theme { position: relative; }
#big .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
#thumbs .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.big-img {
width: 76% !important;
display: block;
float: none !important;
margin: auto;
}
#thumbs .owl-nav{
width: 100%;
position: relative;
float: left;
top: -93px;
}
#thumbs .owl-prev img{
float: left;
width: 30px;
position: relative;
left: -4px;
}
#thumbs .owl-next img{
width: 30px;
float: right;
position: relative;
right: -9px;
}
#thumbs button.owl-prev{float: left;
width: auto;
}
#thumbs button.owl-next{float: right;
width: auto;
}
.thumbs-img {
display: block;
width: 75% !important;
float: none;
margin: auto;
}
.pay-check {
text-align: center;
width: 100%;
float: left;
padding-top: 23px;
/* margin-left: -29px; */
}
.pay-check img {
width: 78px;
object-fit: cover;
margin-right: 10px;
}
.page-item.active .page-link {
z-index: 1;
color: #ffffff;
background-color: #00466d;
border-color: #00466d;
border-radius: 5px;
}
.page-link {
color: black;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #000 !important;
/* border: 1px solid #979797; */
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: #c4ecc4;
border-radius: 8px;
}
.red-pending {
color: red;
}
.th-size {
font-size: 13px !important;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #ffffff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 10px 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: unset!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 0.5em;
padding: 0px 0px;
margin-left: 14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
box-shadow: unset;
}
select.form-control-sm:not([size]):not([multiple]){
height: calc(1.8125rem + 2px);
width: 62px;
}
#remove h5 {
font-size: 28px;
font-weight: 600;
}
#confirm-delete p {
font-size: 16px;
color: #000;
font-weight: 500;
margin-bottom: 30px;
}
.modal-dlt {
float: left;
width: 48%;
border: 0;
background: #00466d;;
padding: 10px 0;
font-size: 17px;
margin-right: 6px;
color: #fff;
font-weight: 500;
border-radius: 40px;
cursor: pointer;
margin-bottom: 30px;
font-family: 'Kinn Book';
}
.modal-dlt:hover {
background: #212121;
}
.modal-cancel {
float: left;
width: 50%;
border: 0;
background: #00a3ff;
padding: 10px 0;
font-family: 'Kinn Book';
font-size: 17px;
color: #fff;
cursor: pointer;
font-weight: 500;
border-radius: 40px;
margin-bottom: 30px;
}
.modal-cancel:hover {
background: #00466d;
}
/***************css-vendor*****************/
.wizard-content-left {
background-blend-mode: darken;
background-color: rgba(0, 0, 0, 0.45);
background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg");
background-position: center center;
background-size: cover;
height: 100vh;
padding: 30px;
}
.wizard-content-left h1 {
color: #ffffff;
font-size: 38px;
font-weight: 600;
padding: 12px 20px;
text-align: center;
}
.form-wizard {
/* color: #888888; */
/* padding: 20px 30px; */
/* width: 100%; */
/* float: left; */
/* background: #fff; */
/* border-radius: 20px; */
}
.form-wizard .wizard-form-radio {
display: inline-block;
margin-left: 5px;
position: relative;
}
.form-wizard .wizard-form-radio input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #dddddd;
height: 25px;
width: 25px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
display: inline-block;
background-color: #ffffff;
border-radius: 50%;
left: 1px;
right: 0;
margin: 0 auto;
top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
content: "";
display: inline-block;
webkit-animation: click-radio-wave 0.65s;
-moz-animation: click-radio-wave 0.65s;
animation: click-radio-wave 0.65s;
background: #000000;
content: '';
display: block;
position: relative;
z-index: 100;
border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
padding-left: 10px;
cursor: pointer;
}
.form-wizard .form-wizard-header {
text-align: center;
}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
background-color: #00466d;
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 15px;
font-size: 15px;
text-align: center;
width: 100%;
border-radius: 30px;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
color: #ffffff;
/* opacity: 0.6; */
text-decoration: none;
}
.form-wizard .wizard-fieldset {
display: none;
}
.form-wizard .wizard-fieldset.show {
display: block;
}
.form-wizard .wizard-form-error {
display: none;
background-color: #d70b0b;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 100%;
}
.form-wizard .form-wizard-previous-btn {
/* background-color: #fb1647; */
}.form-wizard textarea{
font-weight: 400;
height: 145px;
padding: 15px;
color: #888888;
background-color: #f7f7f7;
border: none;
width: 100%;
border-radius: 10px;
}
.form-wizard .form-control {
font-weight: 400;
height: 59px !important;
cursor: text;
padding: 15px;
color: #888888;
background-color: #f7f7f7;
border: none;
width: 100%;
border-radius: 10px;
font-size: 14px;
}
.form-wizard-continue{
float: left;
border-radius: 50px;
background-color: #00466d;
width: 110px;
height: 50px !important;
border: solid 1px #00466d;
color: #ffffff;
font-weight: 500;
font-size: 12px !important;
width: 200px !important;
text-align: center;
line-height: 33px;
font-family: 'Kinn Book';
}
.form-wizard-continue:hover{
background-color:white;
border:solid 1px #121611;
color:#121611;
transition: all ease-in-out 0.5s;
cursor:pointer;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.form-wizard .form-control:focus {
box-shadow: none;
}
.form-wizard .form-group {
position: relative;
margin: 22px 0 0px;
}
.form-wizard .wizard-form-text-label {
/* position: absolute; */
/* left: 10px; */
/* top: 16px; */
/* transition: 0.2s linear all; */
margin-bottom: 10px;
width: 100%;
float: left;
font-size: 14px;
font-weight: 400;
color: #000;
font-family: 'Kinn Book';
}
.form-wizard .focus-input .wizard-form-text-label {
/* color: #d65470; */
top: -18px;
/* transition: 0.2s linear all; */
/* font-size: 12px; */
}
.form-wizard .form-wizard-steps {
margin: 30px 0;
display: none;
}
.form-wizard .form-wizard-steps li {
width: 33%;
float: left;
position: relative;
}
.form-wizard .form-wizard-steps li::after {
/* background-color: #f3f3f3; */
content: "";
height: 5px;
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
/* border-bottom: 1px solid #dddddd; */
/* border-top: 1px solid #dddddd; */
}
.form-wizard .form-wizard-steps li span {
background-image: url('../images/wrong.png');
border-radius: 50%;
display: inline-block;
height: 37px;
line-height: 40px;
position: relative;
text-align: center;
width: 37px;
z-index: 1;
background-repeat: no-repeat;
float: left;
margin-right: 20px;
}
.form-wizard .form-wizard-steps li:last-child::after {
width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
background-image: url('../images/tick.png');
color: #ffffff;
background-size: 37px;
background-repeat: no-repeat;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
/* background-color: #d65470; */
left: 50%;
width: 50%;
/* border-color: #d65470; */
}
.form-wizard .form-wizard-steps li.activated::after {
width: 100%;
border-color: #d65470;
}
.form-wizard .form-wizard-steps li:last-child::after {
left: 0;
}
.form-wizard .wizard-password-eye {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@keyframes click-radio-wave {
0% {
width: 25px;
height: 25px;
opacity: 0.35;
position: relative;
}
100% {
width: 60px;
height: 60px;
margin-left: -15px;
margin-top: -15px;
opacity: 0.0;
}
}
@media screen and (max-width: 767px) {
.wizard-content-left {
height: auto;
}
}
.vendor-full .form-group input{
display:block !important;
}
.vendor-full .form-group label:before{
display:none;
}
.vendor-full .form-group label:before{
display:none;
}
.vendor-full{
width: 100%;
float: left;
padding: 50px 0;
background: #f7f7f7;
}
.wizard-fieldset{
width: 100%;
/* float: left; */
/* background: #fff; */
padding: 20px 15px;
width: 100%;
position: relative;
float: left;
background: #fff;
border-radius: 20px;
}
.form-wizard h5{
font-size: 22px;
color: #000;
font-weight: 500;
padding-left: 15px;
margin-bottom: 20px;
}.form-wizard h5 span{
color: #00466d;
}
.step{
color: #7f1431;
font-size: 15px;
font-weight: 500;
/* float: left; */
/* clear: both; */
text-align: left;
}.steps{/* float: left; */font-size: 15px;color: #000;font-weight: 600;/* clear: both; */text-align: left;}
.vendor-right{
width: 100%;
float: left;
margin-top: 50px;
}
.vendor-box{
width: 100%;
float: left;
background: #fff;
padding: 20px;
border-radius: 20px;
}.vendor-box h5{
font-size: 19px;
color: #000;
font-weight: 600;
}.vendor-box p{
font-size: 15px;
margin: 0;
font-weight: 400;
color: #000;
}
.pack-box1{
width: 100%;
float: left;
border: 1px solid #cecece;
border-radius: 10px;
margin-top: 40px;
position: relative;
padding-bottom: 50px;
}
.pack-box1 h1{
font-size: 30px;
color: #000;
font-weight: 300;
text-align: center;
margin: 0;
background: #fff6f8;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 60px;
padding: 12px 0;
}
.pack-box1 h5{
}
.p1{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
font-size: 20px;
color: #000;
font-weight: 600;
}
.p1 span{
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.p2{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-left: 1px solid #cecece;
font-size: 20px;
color: #000;
font-weight: 600;
}
.p2 span{
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.pack-box1 h6{
font-size: 15px;
color: #000;
padding: 15px;
float: left;
width: 100%;
margin: 0;
}
.pack-box1 h6:nth-child(even) {
background: #f7f7f7;
}
.pack-box1 .sub{
width: 182px;
position: absolute;
border: 0;
left: 23%;
bottom: -26px;
border-radius: 30px;
font-size: 14px;
color: #fff;
text-align: center;
height: 50px;
cursor: pointer;
padding: 12px 0;
background-color: #000;
}
.pack-box1 .sub:hover{
}
.pack-box1 h4{
color: #7f1431;
font-size: 18px;
font-weight: 600;
text-align: center;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #cecece;
}
.pack-box2{
width: 100%;
float: left;
border: 1px solid #cecece;
border-radius: 10px;
margin-top: 40px;
position: relative;
padding-bottom: 50px;
}
.pack-box2 h1{
font-size: 30px;
color: #000;
font-weight: 300;
text-align: center;
margin: 0;
background: #e3f9de;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 60px;
padding: 12px 0;
}
.pack-box2 h5{
}
.p1{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
font-size: 20px;
color: #000;
font-weight: 600;
}
.p1 span{
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.p2{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-left: 1px solid #cecece;
font-size: 20px;
color: #000;
font-weight: 600;
}
.p2 span{
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.pack-box2 h6{
font-size: 15px;
color: #000;
padding: 15px;
float: left;
width: 100%;
margin: 0;
}
.pack-box1 h6:nth-child(even) {
background: #f7f7f7;
}
.pack-box2 .sub{
width: 182px;
position: absolute;
border: 0;
left: 23%;
bottom: -26px;
height: 50px;
cursor: pointer;
padding: 12px 0;
background-color: #000;
border-radius: 30px;
font-size: 14px;
color: #fff;
text-align: center;
}
.pack-box2 .sub:hover{
background: #00a3ff;
}
.pack-box2 h4{
color: #247113;
font-size: 16px;
font-weight: 500;
text-align: center;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #cecece;
}
.p-radio {
float: left;
width: 100%;
}
.p1 label {
text-align: center;
}
.p-radio {
float: left;
width: 100%;
}
.p1 span {
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.p2 label {
text-align: center;
}
.p2 span {
float: left;
width: 100%;
font-size: 18px;
color: #000;
font-weight: 400;
}
.pack-box3 h4 {
color: #814902;
font-size: 16px;
font-weight: 500;
text-align: center;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #cecece;
}
#targetDiv-2 {
float: left !important;
position: absolute !important;
top: 24px !important;
z-index: 1;
}
.form-wizard .form-group {
position: relative;
margin: 22px 0 0px;
}
.ns-new {
float: left;
position: relative !important;
bottom: 0px !important;
text-align: right !important;
}
.sub-next .form-wizard-next {
width: 160px;
width: 160px;
cursor: pointer;
display: inline-block;
margin: auto;
float: none !important;
}
.form-wizard .form-wizard-next, .form-wizard .form-wizard-continue, .form-wizard .form-wizard-continue-new, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
background-color: #00466d;
color: #ffffff;
display: inline-block;
min-width: 100px;
min-width: 120px;
padding: 6px;
font-size: 15px;
text-align: center;
width: 100%;
border-radius: 30px;
}
.pack-box3{
width: 100%;
float: left;
border: 1px solid #cecece;
border-radius: 10px;
margin-top: 40px;
position: relative;
padding-bottom: 50px;
}
.pack-box3 h1{
font-size: 20px;
color: #000;
font-weight: 300;
text-align: center;
margin: 0;
background: #def3ff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 60px;
padding: 12px 0;
line-height: 40px;
}
.pack-box3 h5{
}
#price_type-error {
margin-top: 1px;
background: white;
font-size: 22px;
}
#targetDiv-3 {
float: left !important;
position: absolute !important;
top: 24px !important;
z-index: 1;
}
#targetDiv-1 {
float: left !important;
position: absolute !important;
top: 24px !important;
z-index: 1;
}
.p1{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
font-size: 17px;
color: #000;
font-weight: 600;
}
.p1 span{
float: left;
width: 100%;
font-size: 15px;
color: #000;
font-weight: 400;
}
.p2{
width: 50%;
float: left;
padding: 10px 15px;
border-bottom: 1px solid #cecece;
border-left: 1px solid #cecece;
font-size: 17px;
color: #000;
font-weight: 600;
}
.p2 span{
float: left;
width: 100%;
font-size: 15px;
color: #000;
font-weight: 400;
}
.pack-box3 h6{
font-size: 15px;
color: #000;
padding: 15px;
float: left;
width: 100%;
margin: 0;
}
.pack-box3 h6:nth-child(even) {
background: #f7f7f7;
}
.pack-box3 .sub{
width: 182px;
position: absolute;
border: 0;
border-radius: 30px;
font-size: 14px;
color: #fff;
text-align: center;
left: 23%;
bottom: -26px;
height: 50px;
cursor: pointer;
padding: 12px 0;
background-color: #000;
}
.pack-box3 .sub:hover{
}
.pack-box3 h4{
color: #1560c0;
font-size: 14px;
font-weight: 400;
text-align: center;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #cecece;
}.drop-zone__input {
display: none;
}
.drop-zone input{
width: 100%;
float: left;
border: 1px solid #BDD2E2;
max-width: 256px;
height: 44px;
font-size: 14px;
border-radius: 2px;
padding: 5px 10px;
color: #24424D;
font-weight: 500;
}.drop-zone {
/* max-width: 100%; */
height: 200px;
display: flex;
padding: 34px 0;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
border-radius: 10px;
/* background: #F2F5FA; */
width: 92% !important;
border: 1px solid #CCCCCC;
border-radius: 5px;
display: block;
transition: border 300ms ease;
cursor: pointer;
float: left !important;
height: 152px;
text-align: center;
margin: 0;
text-align: center;
margin-top: 0;
position: relative;
z-index: 9;
/* top: -99px; */
}.drop-zone__input {
display: none;
}
.drop-zone .img-plus{
display: block;
margin: 0 auto 10px;
}.drop-zone__thumb {
height: 100px;
width: 100px;
}
.drop-zone__thumb {
width: 100%;
height: 152px;
object-fit: cover;
border-radius: 4px;
overflow: hidden;
background-color: #cccccc;
background-size: cover;
position: relative;
background-repeat: no-repeat;
top: -117px;
text-align: center;
display: block;
margin: auto;
}
.drop-label{
width: 100%;
margin-top: 40px;
}
.drop-zone .title{
font-size: 15px;
text-align: center;
line-height: inherit;
color: #000;
font-weight: 600;
}
.bt-sub{width: 200px !important;border: 0;cursor: pointer;text-align: center;height: 52px;padding: 13px 0;float: none;border-radius: 30px;background: #00466d;margin: auto;font-size: 15px;color: #fff;display: block !important;}
.bt-sub:hover{
background:#000;
}
.form-wizard .active .step{
color:green !important;
}.pack-box2 h6:nth-child(even) {
background: #f7f7f7;
}
.rem{
width: 100%;
float: left;
}
.rem img{
}
.rem span{
font-size: 16px;
color: #000;
font-weight: 500;
margin-left: 12px;
}
.pack-box1 .sub:hover {
background: #00a3ff;
}
.pack-box3 .sub:hover {
background: #00a3ff;
}
.sub-next{
position: absolute;
bottom: -92px;
z-index: 99;
text-align: center;
}
.wz-new {
width: auto !important;
cursor: pointer;
display: inline-block;
margin: auto;
float: none !important;
}
.sub-next .form-wizard-previous-btn
{
width: 160px;
cursor: pointer;
display: inline-block;
margin: auto;
float: none !important;
opacity: .7;
}.sub-next .form-wizard-next-btn{
width: 160px;
width: 160px;
cursor: pointer;
display: inline-block;
margin: auto;
float: none !important;
}
#targetDiv img{
position: absolute;
top: -19px;
right: 5%;
}
.sub2{
background-color:green !important;
}
.block{
width: 80%;
margin: 20px auto 0;
margin-bottom: 20px;
padding: 10px;
text-align: center;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*height: 100px;*/
/*border: 1px dashed #00a3ff;*/
}
.block {
padding: 20px 0;
}
.block label {
display: block;
font-weight: 500;
margin: 10px 0 5px;
color: #333;
}
.block input[type="file"] {
/*display: block;*/
/*width: 100%;*/
/*padding: 6px;*/
/*font-size: 14px;*/
display: block;
margin: 0 auto;
max-width: 300px;
padding: 16px;
}
.block .error_msg {
color: red;
font-size: 13px;
margin-top: 4px;
}
label.button{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
border: 0;
font-size: 25px;
color: #000000;
padding-top: 15px;
height: 100px;
width: 100%;
/* padding: 5px 10px; */
background: transparent;
margin: 0;
display: inline-block;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
label.button:hover{
/* background-color:#F0F0F0; */
cursor: pointer;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
input#images{display: none;}
#multiple-file-preview{margin-top: 10px;padding: 10px;position: absolute;top: -14px;}
#sortable {
list-style-type: none;
margin: 0;
padding: 0;
/* min-height: 300px; */
}
#sortable li {
margin: 3px 3px 3px 0;
float: left;
width: 100px;
text-align: center;
position: relative;
background-color: #FFFFFF;
}
#sortable li, #sortable li img
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 70px;
width: 70px;
object-fit: cover;
}
#sortable li div.order-number{
position: absolute;
top: 2px;
right: 2px;
width: 15px;
heigth: 15px;
background-color: #000;
color: #FFFFFF;
font-size: 12px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ven-gif{
width: 100%;
float: left;
padding: 50px 0;
background: #f7f7f7;text-align:center;
}
.ven-gif img{
max-width: 100%;
position: relative;
top: -50px;
}
.ven-gif p{
font-size: 15px;
color: #000;
position: relative;
margin-top: -80px;
}
.ven-gif h1{
font-size: 30px;
font-weight: 600;
color: #161616;
}
.rs-50-left{
float:left;
width:50%;
height: 68px;
}
.rs-50-right{
float:left;
width:50%;
}
.rate-offer{
float:left;
width:100%;
color: rgb(83 83 83 / 71%);
font-size: 11px;
text-decoration: line-through;
font-family: 'Kinn Book';
}
.offer-new{
float:right;
width:87px;
height:29px;
border-radius: 50px;
background-color:#daf0fd;
text-align:center;
color:#00466d;
font-size:13px;
/* position: fixed; */
margin-top: -38px;
left: 0px;
position: relative;
line-height: 30px;
font-family: 'Kinn Book';
}
#nautiqa-category{
float:left;
width:100%;
padding-top:15px;
padding-bottom:15px;
}
.fishing-app{
float:left;
width:100%;
color: #010101;
}
.fishing-app img{
border-radius:25px;
}
.fishing-app h2{
margin-right:auto;
margin-left:auto;
width: auto;
width: 225px;
background-color: white;
font-size: 17px;
text-align: center;
border-radius: 25px;
margin-top: -49px;
position: relative;
z-index: 11;
height: 80px;
line-height: 57px;
font-family: 'Kinn Book';
}
.fishing-app:hover{
color:#00466d;
}
.recomend-bg{
float:left;
width:100%;
background-color:white;
padding:25px;
border-radius:30px;
margin-top: 21px;
}
.rec-box{
width: 100%;
float: left;
border-radius: 10px;
padding: 6px 0px;
border: 1px solid #f0f2f5;
background: white;
color: #000;
}
.rec-box{
background-color: white;
float: left;
width: 100%;
padding: 20px 20px;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.rec-box h5{
/* color: #000; */
font-size: 14px;
font-weight: 500;
float: left;
width: 100%;
line-height: 20px;
padding-bottom: 0px;
margin-bottom: 2px;
padding-top: 4px;
}
.rec-box h6{
padding-top: 5px;
color: #00466d;
font-size: 20px;
font-weight: bold;
float: left;
width: 100%;
/* padding-top: 5px; */
margin-bottom: 3px;
}
.rec-box h6 span{
font-size: 13px;
color: #0887cf;
/* text-decoration: line-through; */
/* padding-left: 10px; */
font-weight: 400;
float: left;
width: 100%;
padding-bottom: 3px;
}
.rec-box h3{
font-size: 12px;
color: #00466d;
font-weight: 400;
float: left;
width: 100%;
padding-top: 4px;
margin-bottom: 0px;
}
.rec-box:hover {
color: #00466d;
border: 1px solid #6690a7;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.rec-box{
width: 100%;
float: left;
padding: 6px 0px;
border: 1px solid #8cd6ff;
background: white;
color: #000;
}
.rec-box2{
background-color: white;
float: left;
width: 100%;
padding: 20px 20px;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.rec-box2 h5
{
/* color: #000; */
font-size: 14px;
font-weight: 500;
float: left;
height:45px;
width: 100%;
line-height: 20px;
padding-bottom: 0px;
margin-bottom: 2px;
padding-top: 4px;
font-family: 'Kinn Book';
}
.rec-box2 h6{
padding-top: 5px;
color: #00466d;
font-size: 20px;
font-weight: bold;
float: left;
width: 100%;
/* padding-top: 5px; */
margin-bottom: 3px;
}
.rec-box2 h6 span{
font-size: 13px;
color: #0887cf;
/* text-decoration: line-through; */
/* padding-left: 10px; */
font-weight: 400;
float: left;
width: 100%;
padding-bottom: 3px;
font-family: 'Kinn Book';
}
.rec-box2 h3{
font-size: 12px;
color: #00466d;
font-weight: 400;
float: left;
width: 100%;
padding-top: 4px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.red-fav{
background-color:#e92323 !important;
}
#latest-news{
float:left;
width:100%;
background-color:#00466d;
padding: 30px 0px;
padding-bottom: 45px;
}
#latest-news h2 {
float: left;
width: 100%;
color: white;
font-weight: 500;
font-size: 30px;
}
.stck-out{
background-color:#a90533;
}
#advertsiment-1{
float:left;
width:100%;
padding: 25px 0px
}
.adv-nav{
float:left;
width:100%;
}
.adv-nav img{
width:100%;
border-radius:20px;
}
#advertsiment-2{
float:left;
width:100%;
padding: 10px 0px;
padding-bottom:40px;
}
#our-brands{
float:left;
width:100%;
padding: 30px 0px;
background: white;
}
#our-brands h2 {
float: left;
width: 100%;
color: #121212;
font-weight: 500;
font-size: 30px;
padding-top: 15px;
font-family: 'Kinn Book';
}
.brand-carousel{
float:left;
width: 100% !important;
margin-top: 25px;
}
.brand-carousel .owl-nav {
float: left;
position: absolute;
top: 10px;
right: 0px;
}
.brand-carousel .owl-prev img {
object-fit: cover;
width: 40px;
margin-right: 10px;
}
.brand-carousel .owl-next img {
width: 40px;
object-fit: cover;
}
.brand-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.brand-carousel .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 30px;
}
.brand-carousel .owl-prev img {
object-fit: cover;
float: right;
top: -104px;
right: 40px;
position: relative;
}
.brand-carousel .owl-next img {
object-fit: cover;
right: 0;
float: right;
position: relative;
top: -144px;
}
.brand-carousel .owl-nav.disabled {
display: block !important;
}
#ftr-panel{
background-color:#f4fbff;
}
.ftr-address{
float:left;
width:100%;
}
.ftr-address p{
float:left;
width:100%;
color: #000;
font-weight: 400;
font-size: 14px;
line-height: 25px;
font-family: 'Kinn Book';
}
.ftr-address span{
float:left;
width:100%;
font-size:16px;
color:#023856;
padding-bottom:6px;
font-family: 'Kinn Book';
}
.ftr-tel{
float:left !important;
width:100% !important;
color:black !important;
font-weight:bold !important;
font-size:16px !important;
}
.ftr-tel:hover{
color:#023856 !important;
}
.social-white{
float:left;
width:50px;
height:50px;
border-radius:50px;
background-color:white;
text-align: center;
margin-right: 22px;
}
.social-white:hover{
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.panel-news{
float:left;
width:100%;
margin-top: 30px;
}
.news-carousel{
float:left;
width:100%;
}
.news-bg{
float:left;
width:100%;
padding:15px;
background-color:white;
border-radius: 15px;
font-family: 'Kinn Book';
}
.cntr-padding{
padding-right:0px !important;
}
.p2-carousel .owl-nav {
/*float: left;
position: absolute;
top: 10px;
right: 0px;*/
width: 150px;
float: left;
/* position: relative; */
margin-top: -90px;
}
.news-carousel .owl-prev img {
object-fit: cover;
float: right;
top: -113px;
right: 40px;
position: relative;
}
.news-carousel .owl-prev img {
object-fit: cover;
width: 40px;
margin-right: 10px;
}
.news-carousel .owl-next img {
width: 40px;
object-fit: cover;
}
.news-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 100%;
float: left;
}
.news-carousel .owl-nav {
float: left;
width:100%;
position: absolute;
left: 0;
top: 40px;
padding-right: 15px;
}
.news-carousel.owl-prev img {
object-fit: cover;
float: right;
top: -104px;
right: 40px;
position: relative;
}
.news-carousel .owl-next img {
object-fit: cover;
right: 0;
float: right;
position: relative;
top: -154px;
}
.news-carousel .owl-nav.disabled {
display: block !important;
}
.adv-top1{
float:left;
width:100%;
text-align:right;
margin-bottom:30px;
}
.adv-top1 img{
border-radius:45px;
width:100%;
}
.offer-bnr{
float:left;
width:100%;
}
.offer-bnr img{
border-radius:45px;
}
#searchInput::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #f5f5f5;
}
#searchInput:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #f5f5f5;
opacity: 1;
}
#searchInput::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #f5f5f5;
opacity: 1;
}
#searchInput:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #f5f5f5;
}
.srch-wd{
max-width: 45%;
}
.cw-fw{
max-width: 30%;
flex: 0 0 30%;
}
.lg-white{
background:white !important;
margin-right: 4px;
}
.txt-black{
color:black !important;
}
.txt-blue{
color:#023856 !important;
}
.login-nw{
width:20%;
float: right;
}
.lang-nw{
width: 156px;
height: 44px;
float: right;
background-color: #e4f5ff;
border-radius: 50px;
padding: 8px;
padding-left: 8px;
padding-right: 8px;
}
.eng{
width: 70px;
float: left;
height: 28px;
text-align: center;
background-color: #00466d;
color: white;
font-size: 12px;
border-radius: 50px;
line-height: 27px;
font-family: 'Kinn Book';
}
.arabic{
width: 55px;
float: left;
height: 28px;
text-align: center;
color: #02344f;
font-size: 12px;
border-radius: 50px;
line-height: 27px;
margin-left: 9px;
font-weight: bold;
/* background: antiquewhite; */
}
.l-25{
left: 25px;
}
.list-fav{
width: 40px;
position: absolute;
right:25px;
cursor: pointer;
top: 15px;
border: 0;
background: #fff2f6;
padding: 8px;
border-radius: 30px;
background: #daf0fd;
}
.list-fav img{
width: 19px;
height:19px;
}
.list-img{
background-color: white;
/* padding-bottom: 11px; */
border-bottom: 1px solid #f0f2f5;
height: 309px;
width:100%;
object-fit: contain;
}
.mb25{
margin-bottom:25px;
}
.star-rate{
text-align: left;
padding-top: 3px;
}
.radio-pl{
float:left;
padding-left: 35px;
}
.remove-wsh{
float: left;
border-radius: 50px;
background-color: #af0330;
width: 45% !important;
height: 35px !important;
border: solid 1px #af0330;
color: white !important;
font-weight: 500;
font-size: 12px !important;
margin-left: 10px;
text-align: center;
line-height: 32px !important;
cursor:pointer;
}
.remove-wsh:hover {
background-color: #252323;
border: solid 1px #252323;
color: #ffffff !important;
text-decoration: none;
}
.star-rating {
display:flex;
flex-direction: row-reverse;
font-size:1.5em;
justify-content:space-around;
padding:0 .2em;
text-align:center;
width:5em;
}
.star-rating input {
display:none;
}
.star-rating label {
color:#ccc;
cursor:pointer;
}
.star-rating :checked ~ label {
color:#f90;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
color:#fc0;
}
.mb-0{
margin-bottom:0px !important;
}
@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}
.select-container {
/* position: relative; */
/* margin: 0 auto; */
/* width: 400px; */
/* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); */
color: white !important;
}
.select-container .select {
position: relative;
background: #89878d;
height: 57px;
color: white;
}
.select-container .select::after {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(45deg);
border-bottom: 2px solid white;
border-right: 2px solid white;
cursor: pointer;
transition: border-color 0.4s;
}
.select-container.active .select::after {
border: none;
border-left: 2px solid white;
border-top: 2px solid white;
}
.select-container .select input {
position: relative;
width: 100%;
height: 100%;
padding: 0 15px;
background: none;
outline: none;
border: none;
font-size: 14px;
color: white;
cursor: pointer;
}
.select-container .option-container {
position: relative;
background: #00466d;
height: 0;
overflow-y: scroll;
z-index: 1;
transition: 0.4s;
}
.select-container.active .option-container {
height: 154px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.select-container .option-container::-webkit-scrollbar {
border-left: 1px solid rgba(0, 0, 0, 0.2);
width: 10px;
}
.select-container .option-container::-webkit-scrollbar-thumb {
background: #0f0e11;
}
.select-container .option-container .option {
position: relative;
padding-left: 15px;
height: 45px;
border-top: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
display: flex;
align-items: center;
transition: 0.2s;
}
.select-container .option-container .option.selected {
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.select-container .option-container .option:hover {
background: rgba(0, 0, 0, 0.2);
padding-left: 20px;
}
.select-container .option-container .option label {
font-size: 14px;
color: white;
cursor: pointer;
margin-bottom: 0px;
}
.s-tx{
font-size: 13px !important;
padding: 8px !important;
line-height: 75px !important;
color: black !important;
}
.vendor-left{
margin-bottom:50px;
}
.step-process{
float: right;
margin-top: -52px;
font-size: 24px;
font-weight: 500;
color: #00a3ff;
}
.step-process span{
font-size: 18px;
color: #b4b6b9;
}
.step-process strong{
color: green !important;
font-size: 15px;
font-weight: 500;
}
.mtb-0{
margin-top:10px;
margin-bottom:10px;
}
.label-new{
float: left !important;
width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
/* display: contents; */
/* top: 27px; */
padding-top: 30px !important;
}
@media only screen and (max-width:991px) {
.select-container .option-container .option{padding-left:0px !important;}
.select-sort label{color:white !important; border: none !important; font-size: 13px !important;}
.login-nw{width:35% !important;}
}
@media only screen and (max-width:1220px) {
.login-nw{width:25%;}
}
@media only screen and (max-width:991px) {
.mb-wd{max-width:25%;}
.logobox img{width:100%;}
}
@media only screen and (max-width:767px) {
.header-12{display:none;}
.header-1{background-color: #e4f5ff;}
.logobox img{margin-top:8px;}
.login-nw{display:none;}
.srch-wd{width:100% !important; max-width:100% !important; flex:100% !important;}
.mob-login{display: block; }
.mob-login {
margin-top: 8px;
float: right;
width: auto;
border-radius: 30px;
padding: 7px 20px;
background-color: #00a3ff;
/* text-align: center; */
}
.logobox img {
width: 250px;
}
.mob-login span{
color: #fff;
font-size: 13px;
font-weight: 400;
padding-left: 3px;
}
.mob-login img{
filter: invert(1);
float: none;
width: 17px !important;
margin-top: -5px !important;
margin-right: 0px;
}
.mb-wd{width:100%; max-width:100%; flex:100%;}
}
@media (min-width:768px) and (max-width:2999px) {
.mob-login{display:none;}
}
@media only screen and (max-width:450px) {
.logobox img{width:170px;}
.logobox img{margin-top:14px;}
}
@media only screen and (max-width:500px) {
.bc h3{float:left; width: 100%;}
}
@media only screen and (max-width:363px) {
.mob-login{padding-left:10px; padding-right:10px;}
}
@media only screen and (max-width:343px) {
.logobox img{width:125px; margin-top: 18px;}
}
@media only screen and (max-width:1020px) {
.rs-50-left{width:100%;}
.rs-50-right{width:100%;}
.rate-home{text-align:left; padding-top:4px;}
.sub-category .form-group label{font-size:13px;}
}
@media only screen and (max-width:991px) {
.main-products{margin-top:30px;}
}
@media only screen and (max-width:500px) {
.list-img {
height: 164px;
object-fit: contain;
}
.offer-new{ float: left; margin-bottom: 8px; width: auto; padding-left: 15px; padding-right: 15px; font-size: 12px;/* height: 100%; */ line-height: 32px;}
}
@media only screen and (max-width:991px) {
.ftr-1{padding-bottom:20px;}
}
@media only screen and (max-width:989px) {
.ftr-3{width:100%; text-align:left;}
.pay{width: 100% !important; margin-left: auto; text-align: center; margin-bottom: 40px; margin-right: auto;
float: left !important; display: contents !important;}
}
@media only screen and (max-width:1261px) {
.b7-12{width:100% !important; margin-left:0px; padding-top: 12px;}
.b7-11{width:100% !important;}
.b7-11 img{width:65px !important; display: inline; padding:0px !important;}
.banner-7{padding-top:20px;}
}
@media (min-width:1455px) and (max-width:2500px) {
.add-cart{width:48% !important;}
}
@media (min-width:768px) and (max-width:996px) {
.srch-wd{max-width:39%;}
.cw-fw{max-width: 36%; flex: 0 0 36%;}
.list-img {
height: auto !important;
}
.rating {
text-align: left;
}
}
@media (min-width:230px) and (max-width:989px) {
.h2-box{margin-left:0px !important;}
}
@media (min-width:230px) and (max-width:893px) {
.h2-img{margin-right:4px;}
.logobox img{margin-top:25px;}
}
@media only screen and (max-width:1199px) {
.remove-wsh{width:100% !important; margin-left:0px !important;}
}
@media only screen and (max-width:768px) {
.fishing-app h2{margin-top:0px; width:100%; height:100%; font-size:15px;}
}
@media only screen and (max-width:564px) {
.p2-carousel .owl-prev img{float:left; right:0px;}
.p2-carousel .owl-next img{float:left; left: 45px;}
.banner-3 h2{}
.p20-carousel .owl-prev img{float:left; right:0px;}
.p20-carousel .owl-next img{float:left; left: 45px;}
.banner-4 h2{}
}
@media only screen and (max-width:989px) {
.in-11{width:100% !important; padding-bottom:15px;}
.in-12{width:100% !important;}
.in-11 img{width:auto !important;float:left;}
}
@media only screen and (max-width:575px) {
.in-11{padding:0px;}
.in-12{padding-top:15px;}
}
@media only screen and (max-width:767px) {
.offer-bnr{margin-bottom:30px;}
.adv-nav img{margin-bottom:30px;}
.lang-nw{display:block; float:none; margin:auto;}
.logobox img{margin-top:5px !important;}
.header-search-btn img{margin-top: -5px;}
.mob-login img{position:relative !important; top: -5px !important;}
}
@media only screen and (max-width:485px) {
.step-process{display:none;}
}
@media only screen and (max-width:450px) {
.logobox img{margin-top: 16px !important;}
.mob-login img{margin-top:0px !important; top: -3px !important;}
}
@media only screen and (max-width:450px) {
.add-cart-pd{float:left; width:100%;}
.buy-now-pd{float:left; width:100%; margin-left: 0px; margin-top: 10px;}
}
@media(min-width:230px) and (max-width:991px){
.pdm-flex{width:100% !important;}
.pdr-flex{width:100% !important; margin-top:0px; position: relative !important;}
.jbl-wdf{flex: 100% !important; max-width: 100% !important;}
.action-btn-pd{margin-top: 35px;}
}
#selected_options_list{
float: left;
width: 100%;
padding-left: 0px;
font-size: 14px;
font-weight: 500;
font-family: 'Kinn Book';
color: #070f56;
list-style-type: none;
}
.cart-md{
text-align: center;
width: 220px;
float: none;
font-size: 14px;
font-weight: 500;
color: #ffffff;
background-color: #04558f;
padding: 16px 0px;
margin: auto;
border-radius: 30px;
padding-top: 19px;
outline: none !important;
border: none !important;
font-family: 'Kinn Book';
cursor: pointer;
}
.cart-md:hover{
background-color: #053557;
}
.apply-summary h5 {
float: left;
text-align: center;
width: 100%;
background-color:#3c4950;
color: white;
font-size: 17px;
padding: 14px 0px;
/* font-weight: 500; */
border-radius: 20px 20px 0px 0px;
margin-bottom: 0px;
font-family: 'Kinn Book';
}
.delivery-options{
float:left;
width:100%;
padding: 15px;
}
.cancel-invoice-btn2{
font-size: 14px;
background: #00466d;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 6px;
color: white;
border-radius: 45px;
float: left;
/* width: 100%; */
text-align: center;
font-size: 14px !important;
margin-bottom: 20px;
}
.mail_in{
font-size: 14px;
margin-left: 15px;
background: black;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 6px;
color: white;
border-radius: 45px;
float: left;
/* width: 100%; */
text-align: center;
font-size: 14px !important;
margin-bottom: 20px;
}
.code-apply{
float: left;
width: 100%;
padding: 15px 20px;
}
.sub-category li{
list-style-type: none;
}
.new-subnav{
float: left;
width: 100%;
list-style-type: none;
font-size: 14px;
padding-left: 9px;
color: #1788c8;
font-family: 'Kinn Book';
}
.pdr-flex {
width: 40%;
float: right;
padding-left: 15px;
position: absolute;
right: 15px;
top: 0px;
}
.pdm-flex {
width: 57%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
#confirm_delete_button{
cursor: pointer;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00466d;
border: none;
padding: 15px 60px;
/* padding-left: 50px; float: left; */
/* padding-right: 50px; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
.confirm-btn{
cursor: pointer;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00466d;
border: none;
padding: 15px 60px;
/* padding-left: 50px; float: left; */
/* padding-right: 50px; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
.cancel-btn {
cursor: pointer;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00a3ff;
border: none;
padding: 15px 66px;
/* padding-left: 40px; float: left; */
/* padding-right: 40px; */
cursor: pointer;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
.cart-weight{
font-size: 14px;
padding-top: 1px;
margin-bottom: 0px;
}
.cart-weight strong{
font-weight: normal;
color: #0d5d8a;
}
.cart-dlp{
color: #000 !important;
font-family: 'Kinn Book';
font-size: 15px !important;
float: left;
width: 100%;
padding-top: 18px;
margin-bottom: 20px !important;
}
.nopro-titel{
font-family: 'Kinn Book';
font-size: 35px;
color: #0e4c6f;
}
.nonepro-desc{
font-family: 'Kinn Book';
font-size: 19px;
}
.none-nav{
cursor: pointer;
border-radius: 50px;
text-align: center;
color: #f6f2f3;
font-size: 15px;
font-weight: 400;
background-color: #00466d;
border: none;
padding: 15px 60px;
/* padding-right: 50px; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
margin-right: 10px;
font-family: 'Kinn Book';
}
.certificate-carousel{
}
.certificate-carousel .item{
background: #f4fbff;
padding: 10px;
border-radius: 20px;
}
.certificate-carousel .item img{
height: 300px;
margin: auto;
object-fit: contain;
border-radius: 20px;
}
@media(min-width:1025px){
.side-naaav{
display:none;
}
}
/**********************/
@media(max-width:1024px){.nav-menu > li > a {
color: #000 !important;
}.nav-dropdown > li {
width: 100% !important;}.nav-dropdown {
width: 100%;
margin: 0;
padding: 0;
display: none;
max-height: max-content !important;}
}
#package-error {
margin-top: 10px;
background: white;
font-size: 22px;
}
.error {
float: left;
width: 100%;
background: white;
border-radius: 10px;
color: #c30707;
/* padding: 8px; */
padding-left: 12px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
margin-top: 8px;
font-weight: 500;
}
.vndr-sec [type="radio"]:checked,
.vndr-sec [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.vndr-sec [type="radio"]:checked + label,
.vndr-sec [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
.vndr-sec [type="radio"]:checked + label:before,
.vndr-sec [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
}
.vndr-sec [type="radio"]:checked + label:after,
.vndr-sec [type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #00a3ff;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
transition: all 0.2s ease;
}
.vndr-sec [type="radio"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.vndr-sec [type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
.erdt p{
width:auto;
float:left;
margin-right:15px;
}
.no-product-image {
width: 190px;
}