html,
body {
height: 100%;
font-family: 'Kumbh Sans', sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
@font-face {
font-family: 'Kumbh Sans', sans-serif;
src: url(fonts/911Fonts.com_CenturyGothicRegular__-_911fonts.com_fonts_mhpY.ttf);
}
@font-face {
font-family:Century Gothic bold;
src: url(fonts/911Fonts.com_CenturyGothicBold__-_911fonts.com_fonts_pMgo.ttf );
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #111111;
font-weight: 400;
font-family: 'Kumbh Sans', sans-serif;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
r.navbar-toggler {
border-color: rgb(255,102,203);
}
.contact-widget2 .cw-item .ci-icon {
float: left;
margin-top: 12px;
}
.contact-widget2 .cw-item .ci-icon {
height: 40px;
width: 40px;
background: #bab6b6;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 50%;
}
.contact-widget2{
margin-top:20px;
}
.contact-widget2 .cw-item .ci-text {
display: table;
padding-left:15px;
}
@media all and (min-width: 992px) {
.navbar{ padding-top: 0; padding-bottom: 0; }
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:15%; right:0; width:45%; padding:20px; }
.navbar .megamenu2{left:28%; right:0; width:35%; padding:20px; }
.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem; }
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #111111;
font-weight: 400;
font-family: 'Lato', sans-serif;
}
h1 {
font-size: 70px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
font-size: 16px;
color: #636363;
font-weight: 400;
line-height: 26px;
margin: 0 0 15px 0;
}
img {
max-width: 100%;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
outline: none;
}
/***
a:hover,
a:focus {
text-decoration: none;
outline: none;
color: #fff;
}
***/
ul,
ol {
padding: 0;
margin: 0;
}
.photo {
width:100%;
background-color:#A54499;
height: auto;
position: relative;
overflow: hidden;
}
.grow img {
width: 100%;
height: auto;
transition: all 0.5s ease-in-out;
}
.grow img:hover {
display: block;
z-index: 100;
-webkit-transform: scale(1.17);
transform: scale(1.17);
}
.main-menu .navbar-nav .dropdown-menu {
border-radius:0px;
margin:0px;
border:1px solid#ffd9d9;
}
.
.dropdown-toggle::after{
border: none!important;
font: normal normal normal 14px/1 FontAwesome;
content: "\f107"!important; /* the desired FontAwesome icon */
vertical-align: 0; /* to center vertically */
}
.col-megamenu h6{ text-align:left;
text-transform: uppercase;
color: rgba(0,0,0,1.0) !important;
font-size: 14px;
padding-left: 1rem;
padding-right: 1rem;
letter-spacing: 1px;
font-weight: 600;
font-family: 'Varela Round', sans-serif;
padding-bottom:5px;}
.col-megamenu ul li a{
text-align:left;
text-transform: capitalize;
color: #ed1c24;
font-size: 14px;
padding-left: 1rem;
padding-right: 1rem;
letter-spacing: 1px;
font-weight:normal;
font-family: 'Varela Round', sans-serif;
padding:5px 13px;
display:block
}
.col-megamenu ul li a:hover{
text-decoration:none;
}
.main-menu .navbar{padding:0px 10px; justify-content:center;}
.mt30{ margin-top:30px;}
.panel-title {
position: relative;
}
.panel-title::after {
content: "\f107";
color: #333;
top: -2px;
right: 0px;
position: absolute;
font-family: "FontAwesome"
}
.panel-title[aria-expanded="true"]::after {
content: "\f106";
}
/*---------------------
Helper CSS
-----------------------*/
.produts-sidebar-filter .card-header{
padding:10px 0px;
background:#fff;
border-bottom:0px none;
}
.produts-sidebar-filter .card{
border:0px none;
border-top: 1px solid rgba(0,0,0,.125);
border-radius:0px;
}
.section-title {
margin-bottom: 40px;
text-align: center;
}
.section-title .product-price {
font-size: 24px;
font-weight: 700;
color: #e7ab3c;
}
.section-title .product-price span {
font-size: 16px;
font-weight: 400;
color: #636363;
}
.section-title h2 {
color: #252525;
font-size: 36px;
font-weight: 700;
margin-bottom: 38px;
position: relative;
}
.section-title h2:before {
position: absolute;
left: 0;
right: 0;
bottom: -14px;
width: 80px;
height: 3px;
background: #e7ab3c;
content: "";
margin: 0 auto;
}
.section-title p {
color: #6e6e6e;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.spad {
padding-top:50px;
padding-bottom:50px;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
color: #fff;
}
/* buttons */
.primary-btn {
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 12px 30px;
color: #000;
background:#ffd9d9;
text-transform: uppercase;
}
.site-btn {
color: #ffffff;
background: #000;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 13px 45px 11px;
cursor: pointer;
}
.wa{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
/* Preloder */
.category-view2 {
background-image: url(../img/common-bg.jpg);
transition: .2s all ease-in;
justify-content: center!important;
background-size: 100%;
padding: 100px 0px;
background-position: center;
height: 25rem;
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment:fixed;
}
#preloder {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999;
background: #000;
}
.loader {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
/*---------------------
Header
-----------------------*/
.ht-right .lan-selector {
max-width: 142px;
cursor: pointer;
display: inline-block;
position: relative;
}
.ht-right .lan-selector .ddcommon {
max-width: 142px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none;
cursor: pointer;
padding: 0 5px;
}
h4.category-title {
text-transform:uppercase;
font-size:20px;
font-weight:normal;
color:#333;
margin-bottom:30px;
}
.ht-right .lan-selector .ddcommon .ddTitle .ddTitleText img {
padding-right: 5px;
}
.ht-right .lan-selector .ddcommon .ddTitle .ddTitleText span {
font-size: 14px;
color: #252525;
}
.ht-right .lan-selector .ddcommon .ddTitle .ddArrow:before {
content: "3";
font-family: "ElegantIcons";
font-size: 14px;
color: #636363;
float: right;
position: relative;
right: 0;
line-height: 30px;
}
.ht-right .lan-selector .ddcommon .ddChild {
background: #fff;
max-width: 142px;
width: 100%;
position: relative;
left: 0;
}
.ht-right .lan-selector .ddcommon .ddChild ul {
width: 100%;
max-width: 142px;
}
.ht-right .lan-selector .ddcommon .ddChild ul li {
line-height: 21px;
padding: 0px 10px;
list-style: none;
display: block;
}
.ht-right .lan-selector .ddcommon .ddChild ul li img {
padding-right: 10px;
}
.ht-right .lan-selector .ddcommon .ddChild ul li span {
font-size: 13px;
color: #000;
letter-spacing: 0.325px;
}
.header-top {
background:#000;
padding:5px 65px;
}
.header-top p{ margin-bottom: 0px;
font-size: 16px;
color: #fff;
font-weight: 600;
padding-top:5px;
font-family:Century Gothic;}
.header-top .ht-left {
float: left;
}
.info p{
text-transform: uppercase;
padding: 10px 10px;
text-align: center;
font-size: 17px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.header-top .ht-left .mail-service {
font-size: 16px;
color: #252525;
float: left;
border-right: 1px solid #E5E5E5;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 20px;
}
.header-top .ht-left .mail-service i {
margin-right: 5px;
}
.header-top .ht-left .phone-service {
float: right;
font-size: 14px;
color: #252525;
line-height: 27px;
padding-top: 15px;
padding-bottom: 12px;
padding-left: 20px;
}
.header-top .ht-left .phone-service i {
margin-right: 5px;
}
.header-top .ht-right {
}
.header-top .ht-right .login-panel {
float: right;
font-size: 14px;
color: #252525;
display: inline-block;
padding-left: 20px;
border-left: 1px solid #e5e5e5;
padding-top: 18px;
padding-bottom: 15px;
}
.header-top .ht-right .login-panel i {
margin-right: 8px;
}
.header-top .ht-right .lan-selector {
float: right;
margin-top: 15px;
margin-bottom: 13px;
}
.header-top .ht-right .top-social {
float: right;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
border-right: 1px solid #e5e5e5;
}
.header-top .ht-right .top-social a {
color: #252525;
font-size: 14px;
display: inline-block;
margin-left: 15px;
}
.inner-header {
}
.selectWrapper{
border-radius:10px;
display:inline-block;
}
.phone-icon .fa{ color: #ed1c24;}
.cn-info ul li a {
color: #000;
text-decoration: none;
font-size: 16px;
padding-left: 3px;
font-weight: 400;
}
.currency-switcher{
display:inline-block;
padding:0px 3px;
}
.whatsapp{
display:inline-block;
padding:0px 3px;
}
.cn-info{
display:inline-block;
padding:0px 3px;
}
.selectBox{
width:140px;
height:30px;
border:0px;
outline:none;
}
.inner-header .logo {
}
.inner-header .logo a {
}
.plo{padding-left:0px;
}
.pro{padding-right:0px}
.inner-header .advanced-search {
height:34px;
border: 1px solid #c2c2c2;
font-size:13px;
}
.sch{
height:34px;
border: 1px solid #ffd9d9;
background:#ffd9d9;
font-size:13px;
width:100%;
}
.inner-header .advanced-search .category-btn {
max-width: 30%;
float: left;
background: transparent;
border: none;
padding-left: 23px;
padding-top: 11px;
padding-bottom: 13px;
padding-right: 60px;
font-size: 16px;
color: #252525;
position: relative;
}
.inner-header .advanced-search .category-btn:before {
position: absolute;
right: 0;
top: 14px;
width: 1px;
height: 20px;
background: #e5e5e5;
content: "";
}
.inner-header .advanced-search .category-btn:after {
position: absolute;
right: 11px;
top: 10px;
content: "3";
font-family: "ElegantIcons";
font-size: 16px;
color: #b2b2b2;
}
.inner-header .advanced-search .input-group {
height: 100%;
}
.inner-header .advanced-search .input-group input {
width: 100%;
height: 100%;
border: none;
font-size: 14px;
color: #d1d1d1;
padding-left: 0px;
}
.inner-header .advanced-search .input-group button {
font-size: 16px;
color: #000;
right: -3px;
top: 0px;
border: 0px none;
background:#ffd9d9;
padding: 8px 18px 8px;
cursor: pointer;
}
.inner-header .advanced-search .input-group button:hover{
}
.inner-header .nav-right {
padding-top:9px;
float:right
}
.nr{ text-align:right}
.inner-header .nav-right li {
list-style: none;
display: inline-block;
font-size: 20px;
padding:0px 10px;
}
.inner-header .nav-right li a {
color: #252525;
position: relative;
font-size:14px;
}
.login-icon span.icon{
display: block;
text-align: center;
width: 38px;
height: 36px;
background:#ffd9d9;
border-radius: 50%;
color: #fff;
margin: 0 auto;
font-size: 16px;
line-height: 38px;
}
.heart-icon span.icon{
display: block;
text-align: center;
width: 38px;
height: 36px;
background:#ffd9d9;
border-radius: 50%;
color: #fff;
margin: 0 auto;
font-size: 16px;
line-height: 38px;
}
.cart-icon span.icon{
display: block;
text-align: center;
width: 38px;
height: 36px;
background:#ffd9d9;
border-radius: 50%;
color: #fff;
margin: 0 auto;
font-size: 16px;
line-height: 38px;
}
.inner-header .nav-right li a i{
font-size:20px;
color:#ed1c24;
}
.sg {
position: relative;
}
.sg i{
font-size: 20px;
color: #ed1c24;
margin-right: 2px;
}
.sg span{
position: absolute;
right: -5px;
top: -10px;
color: #ed1c24;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 15px;
}
.inner-header .nav-right li.heart-icon a span {
/**position: absolute;
right: -8px;
top: -1px;
height: 15px;
width: 15px;
background: #e7ab3c;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
text-align: center;
line-height: 15px;
***/
}
.inner-header .nav-right li.cart-icon {
position: relative;
}
.inner-header .nav-right li.cart-icon:hover .cart-hover {
opacity: 1;
visibility: visible;
top: 60px;
}
.inner-header .nav-right li.cart-icon a {
color: #252525;
position: relative;
}
.msg .carousel-indicators{
display:none;
}
.textTitle{ text-transform:uppercase; font-size:12px; color:#000;
font-family: 'Varela Round', sans-serif;}
.inner-header .nav-right li.cart-icon a span {
/**position: absolute;
right: -8px;
top: -1px;
height: 15px;
width: 15px;
background: #e7ab3c;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
text-align: center;
line-height: 15px;
***/
}
/**.sticky {
position: fixed;
top: 0;
width: 100%;
z-index:1000;
background: #fff;
}
**/
/* dd some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
padding-top:00px;
}
.abc + .content {
padding-top:00px;
}
.inner-header .nav-right li.cart-icon .cart-hover {
position: absolute;
right: -70px;
top: 100px;
width: 350px;
background: #ffffff;
z-index: 99;
text-align: left;
padding:10px;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
box-shadow: 0 2px 12px rgba(0, 0, 0, .175);
border-radius: 3px;
}
.cart-hover {
position: absolute;
right: -70px;
top: 100px;
width: 350px;
background: #ffffff;
z-index: 99;
text-align: left;
padding:10px;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-family: 'Varela Round', sans-serif;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table {
width: 100%;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td {
padding-bottom:10px;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td.si-pic img {
border: 1px solid #ebebeb;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td.si-text {
padding-left: 0px;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td.si-text .product-selected p {
color: #000;
line-height: 30px;
margin-bottom: 7px;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td.si-text .product-selected h6 {
color: #232530;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-items table tr td.si-close {
color: #252525;
font-size: 10px;
cursor: pointer;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-total {
overflow: hidden;
border-top: 1px solid #e5e5e5;
padding-top: 10px;
margin-bottom: 15px;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-total span {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
float: left;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-total h5 {
float: right;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-button .view-card {
font-size: 12px;
letter-spacing: 2px;
display: block;
text-align: center;
background: #191919;
color: #ffffff;
padding: 15px 30px 12px;
margin-bottom: 10px;
}
.inner-header .nav-right li.cart-icon .cart-hover .select-button .checkout-btn {
font-size: 12px;
letter-spacing: 2px;
display: block;
text-align: center;
color: #000;
padding: 15px 30px 12px;
}
.inner-header .nav-right li.cart-price {
font-size: 18px;
font-weight: 700;
color: #252525;
}
.mbmenu{
background:#fff;
width:100%;
display:none;
height: 60px;
box-shadow: 0px 1px 0px 0px #ebebeb;
}
.menu-item{
width:8%;
float: left;
padding: 15px 0px;
}
.search{
width:8%;
padding: 18px 0px;
float:left;
text-align:center;
}
.search i{color: #ed1c24;
font-weight: bold;
font-size: 20px;
}
.logo-mobile{
width:60%;
text-align:center;
float:left
}
.reg-mobile{
width:8%;
padding: 18px 0px;
float:left;
text-align:center
}
.reg-mobile i{
color: #ed1c24;
font-weight: 500;
font-size: 20px;
}
.wish-mobile{
width:8%;
padding: 18px 0px;
float:left;
text-align:center;
position:relative;
}
.wish-mobile span{
position: absolute;
right: 0px;
top:8px;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 15px;
background:#000;
width:20px;
height:20px;
border-radius:100%;
text-align:center;
padding:2px 0px;
}
.cart-mobile{
width:8%;
padding: 18px 0px;
float:left;
text-align:center;
position:relative;
}
.cart-mobile span{
position: absolute;
right: 0px;
top:8px;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 15px;
background:#000;
width:20px;
height:20px;
border-radius:100%;
text-align:center;
padding:2px 0px;
}
.cart-mobile i{
color: #ed1c24;
font-weight: 500;
font-size: 20px;
}
.wish-mobile i{
color: #ed1c24;
font-weight: 500;
font-size: 20px;
}
.heading h1{
font-size:30px;
text-transform:uppercase;
letter-spacing:1px;
color:#5c5c5c;
margin-bottom:40px;
font-family: 'Kumbh Sans', sans-serif;
}
.heading h1 span{
padding-right:15px;
padding-left:15px;
}
.heading h1 span img{
width:30px;
}
.heading p{
color:#333;
padding:10px 100px;
text-transform:uppercase;
line-height:25px;
text-align:center;
font-family: 'Varela Round', sans-serif;
}
.slicknav_menu {
display: none;
}
.login .dropdown{
position: relative;
display: inline-block;
}
.login .dropbtn {
color: #666565;
padding: 0px;
font-size:14px;
border: none;
background:transparent!important;
}
.dropdown i{font-size: 20px;
color: #ed1c24;
margin-right: 2px;}
.login .dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 11;
}
.login .dropdown-content a {
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
border-bottom: 1px solid#ddd;
}
.login .dropdown-content a:hover {background-color: transparent; color:#fff}
/* Show the dropdown menu on hover */
.login .dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.login .dropdown:hover .dropbtn {background-color: #3e8e41;}
.login .dropdown:hover>.dropdown-menu {
display: block;
}
.header-panel {
clear: both;
padding:10px 0px
}
.header-logo {
margin: 0;
padding-top:20px;
}
.whatsapp {
padding-top:0px;
}
.header-panel-bottom {
margin-top: 25px;
}
.header-panel-bottom {
float: right;
text-align: right;
margin-top: 17px;
}
.header-panel .nav-search {
float: left;
margin-left: 0px;
}
.header-panel .search-bar input.input-group-field {
border: solid 1px #e9e9e9;
height: 35px;
text-transform: capitalize;
}
.header-panel .search-bar input.input-group-field {
border: 0;
border-bottom: 1px solid #e7e7e7;
color: #323232;
min-width: 300px;
line-height: 14px;
padding: 0 30px 0 12px;
height: 30px;
background: #fff !important;
}
.header-panel .nav-search .input-group-btn {
position: absolute;
right: 0;
top: 0;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.input-group-btn button.btn, .customer-area .dropdown-menu a, .header-bottom .top-cart a, .customer-links a, .customer-links {
color: #000000;
}
.header-panel .selectize-control {
float: right;
margin-left: 15px;
height: 20px;
}
.header-panel .selectize-control.single .selectize-input, .header-bottom .selectize-control.single .selectize-input input {
height: 20px;
line-height: 20px;
min-height: 0 !important;
text-align: left;
}
.header-bottom .selectize-input.full {
width: auto;
padding-right: 20px!important;
}
.header-panel .selectize-input.full {
border: 0;
margin-top: 0px;
padding: 0 !important;
width: 43px;
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
cursor: pointer;
}
.header-panel .selectize-dropdown, .header-bottom .selectize-input, .header-bottom .selectize-input input, .header-panel-bottom .free_shipping {
color: #000;
}
.header-panel.selectize-dropdown, .header-bottom .selectize-input, .header-bottom .selectize-input input {
text-transform: uppercase;
}
.top-header {
display: inline-flex;
float: right;
}
.wrapper-top-iwish {
margin-right: 15px;
}
.header-panel .top-iwish {
float: right;
text-align: right;
margin: 0;
padding: 0 0 17px;
}
.header-panelom .top-iwish a {
margin-top: -2px;
}
.header-panel .top-iwish a {
padding-left: 5px;
}
.header-panel.top-iwish a {
text-align: center;
position: relative;
letter-spacing: 0.02em;
color: #323232;
}
.header-panel .top-iwish .icon {
margin-right: 4px;
}
.header-panel.top-iwish a span.first, .header-bottom .top-cart a span.first {
color: #323232;
}
.header-panel .top-iwish a span.first {
position: relative;
}
.wrapper-top-cart, .wrapper-top-iwish {
display: inline-block;
position: relative;
}
.header-panel .top-cart {
float: right;
text-align: right;
margin: 0;
padding: 0 0 17px;
}
.header-panel .top-cart a, .customer-links a, .customer-links {
color: #000000;
}
.header-panel .top-cart .icon {
position: absolute;
left: 0;
top: -5px;
}
.header-panel .top-cart .icon {
position: absolute;
left: 0;
top: -5px;
}
.header-panel .top-cart .icon {
margin-right: 8px;
}
.header-panel .top-cart .icon {
margin-right: 8px;
}
.header-panel .top-iwish a span.first, .header-bottom .top-cart a span.first {
color: #323232;
}
.header-panel .top-cart a span.first {
position: relative;
}
.header-panel .top-iwish a .iwishCount, .site-header .header-bottom .top-cart a .cartCount {
background: transparent !important;
color: #fa6f9c;
height: auto;
width: auto;
line-height: normal;
padding: 0;
display: inline-block;
font-family: CircularStdBold;
}
@media (min-width: 769px)
.nav-search.on .search-bar {
display: block!important;
}
.main-menu .navbar-nav .nav-link {
color: rgba(0,0,0,1.0) !important;
font-size: 16px;
padding-left: 1.5rem;
padding-right:1.5 rem;
font-weight:500;
font-family: 'Kumbh Sans', sans-serif;
}
.main-menu .navbar-light .navbar-nav .nav-link:hover {
color:#ed1c24!important;
text-decoration:none;
}
.main-menu { border-top:1px solid#ebebeb;
border-bottom:1px solid#ebebeb;
margin-bottom:00px; display:block;}
.main-menu .navbar-nav .dropdown-menu {
padding: 0.25rem 0.25rem;
font-size:16px;
}
.main-menu .navbar-nav .dropdown-item {
padding: 0.25rem 0.25rem;
font-size:16px;
}
.main-menu .navbar-nav .dropdown-menu a:before{
content: "";
width: 20px;
height: 1px;
background: #000;
/* align-items: center; */
vertical-align: middle;
margin-right: 5px;
}
.main-menu .navbar-nav .dropdown-menu .dropdown-item:hover {
color:#ed1c24!important;
background:transparent;
/** padding-left:30px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
**/
}
.main-menu .navbar-nav .dropdown-menu .dropdown-item:hover .main-menu .navbar-nav .dropdown-menu a:before{
content: "";
width: 20px;
height: 1px;
background: #000;
display: inline-block;
/* align-items: center; */
vertical-align: middle;
margin-right: 5px;
opacity:1.0
;
display: inline-block;
}
/*---------------------
Hero Section
-----------------------*/
.post{
position:relative;
}
.post > img { }
.tags{
margin:0;
padding:0;
position:absolute;
right:0px;
top:10px;
list-style:none;
}
.tags li, .tags a{
float:left;
height:26px;
line-height:24px;
position:relative;
font-size:14px;
}
.tags a{
margin-left:20px;
padding:0 10px 0 12px;
background:#ed1d24;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.tags a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #ed1d24 transparent transparent;
border-style:solid;
border-width:12px 12px 14px 0;
}
.tags a:after{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.tags a:hover{}
.tags a:hover:before{border-color:transparent #555 transparent transparent;}
.hero-items .single-hero-items {
height: 725px;
padding-top: 210px;
}
.hero-items .single-hero-items span {
color: #e7ab3c;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 28px;
display: inline-block;
position: relative;
top: 50px;
opacity: 0;
}
.hero-items .single-hero-items h1 {
color: #252525;
font-size: 72px;
font-weight: 700;
margin-bottom: 6px;
position: relative;
top: 50px;
opacity: 0;
}
.hero-items .single-hero-items p {
margin-bottom: 42px;
position: relative;
top: 100px;
opacity: 0;
}
.hero-items .single-hero-items .primary-btn {
position: relative;
top: 100px;
opacity: 0;
}
.hero-items .off-card {
height: 154px;
width: 154px;
padding-top: 40px;
border-radius: 50%;
text-align: center;
line-height: 140px;
position: absolute;
left: 47%;
top: 160px;
background: #e7ab3c;
z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
.hero-items .off-card:after {
position: absolute;
left: 5px;
top: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border: 2px dashed #ffffff;
content: "";
border-radius: 50%;
z-index: -1;
}
.hero-items .off-card h2 {
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
}
.hero-items .off-card h2 span {
display: block;
font-size: 32px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
margin-top: 6px;
}
.hero-items .owl-item.active .single-hero-items span,
.hero-items .owl-item.active .single-hero-items h1,
.hero-items .owl-item.active .single-hero-items p,
.hero-items .owl-item.active .single-hero-items .primary-btn {
top: 0;
opacity: 1;
}
.hero-items .owl-item.active .single-hero-items span {
-webkit-transition: all 0.2s ease 0.2s;
-o-transition: all 0.2s ease 0.2s;
transition: all 0.2s ease 0.2s;
}
.hero-items .owl-item.active .single-hero-items h1 {
-webkit-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.hero-items .owl-item.active .single-hero-items p {
-webkit-transition: all 0.6s ease 0.6s;
-o-transition: all 0.6s ease 0.6s;
transition: all 0.6s ease 0.6s;
}
.hero-items .owl-item.active .single-hero-items .primary-btn {
-webkit-transition: all 0.8s ease 0.8s;
-o-transition: all 0.8s ease 0.8s;
transition: all 0.8s ease 0.8s;
}
.hero-items .owl-item.active .single-hero-items .off-card {
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 1s ease 1s;
-o-transition: all 1s ease 1s;
transition: all 1s ease 1s;
}
.hero-items .owl-nav button[type=button] {
font-size: 30px;
position: absolute;
left: 40px;
top: 45%;
color: #252525;
}
.hero-items .owl-nav button[type=button]:hover {
color: #dfad51;
}
.hero-items .owl-nav button[type=button].owl-next {
left: auto;
right: 40px;
}
/*---------------------
Banner Section
-----------------------*/
.banner-section {
padding: 0px 50px;
}
.single-banner {
position: relative;
z-index: 1;
margin-bottom:30px
}
.single-banner:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.single-banner::before {
position: absolute;
left: 35px;
top: 30px;
border: 13px solid #ffffff;
content: "";
opacity: 0.3;
width: calc(100% - 70px);
height: calc(100% - 60px);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-banner img {
min-width: 100%;
}
.single-banner .inner-text {
position: absolute;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.single-banner .inner-text h4 {
color: #fff;
font-size:24px;
width:250px;
text-align:center;
font-family: 'Kumbh Sans', sans-serif;
padding: 11px 28px;
background:rgba(0,0,0,0.5);
border-radius: 2px;
}
/*---------------------
Women Banner Section
-----------------------*/
.women-banner {
padding-right: 65px;
padding-left: 65px;
padding-top: 0;
padding-bottom: 80px;
}
.product-large {
height: 620px;
margin-left: -15px;
margin-right: -15px;
text-align: center;
padding-top: 285px;
}
.product-large h2 {
color: #ffffff;
font-size: 48px;
font-weight: 700;
margin-bottom: 18px;
}
.product-large a {
color: #ffffff;
font-size: 18px;
font-weight: 500;
display: inline-block;
position: relative;
}
.product-large a:before {
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background: #ffffff;
content: "";
}
.filter-control {
text-align: center;
margin-bottom: 45px;
padding-top: 32px;
}
.filter-control ul li {
list-style: none;
display: inline-block;
font-size: 20px;
color: #b2b2b2;
margin-right: 22px;
position: relative;
cursor: pointer;
}
.filter-control ul li.active {
color: #171717;
}
.filter-control ul li.active:before {
opacity: 1;
}
.filter-control ul li:before {
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: #171717;
content: "";
opacity: 0;
}
.filter-control ul li:last-child {
margin-right: 0;
}
.product-slider .owl-nav button[type=button] {
font-size: 30px;
position: absolute;
left: -50px;
top: 38%;
color: #171717;
opacity: 1.0;
width:50px;
height:50px;
border-radius:100%;
background:#fff;
box-shadow:0px 0px 3px#ccc;
}
.product-slider .owl-nav button[type=button].owl-next {
left: auto;
right: -50px;
color: #171717;
opacity: 1.0;
}
.product-slider .owl-nav button[type=button]:hover {
background:#fff3f2;
}
.product-slider .owl-dots {
text-align: center;
margin-top: 27px;
display:none;
}
.product-slider .owl-dots button {
width: 6px;
height: 6px;
background: #D8D9DA;
border-radius: 50%;
margin-right: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.product-slider .owl-dots button:last-child {
margin-right: 0;
}
.product-slider .owl-dots button.active {
width: 30px;
background: #252525;
border-radius: 50px;
}
.product-item {
margin-bottom: 30px;
margin-top:0px
}
.product-item2 {
margin-bottom: 30px;
margin-top:0px
}
.product-item:hover .pi-pic .icon {
bottom: 0px;
opacity: 1;
background:#333;
color:#fff;
text-align:center;
}
.product-item:hover .pi-pic .icon2 {
bottom: 150px;
opacity: 1;
}
.product-item:hover .pi-pic ul {
bottom:70px;
}
.product-item .pi-pic {
overflow: hidden;
position: relative;
}
.product-item2 .pi-pic2 {
overflow: hidden;
position: relative;
}
.product-item .pi-pic img {
min-width: 100%;
}
.product-item .pi-pic .sale {
color: #ffffff;
font-size: 10px;
background: #ed1d24;
position: absolute;
left: 0;
top: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.product-item2 .pi-pic2 .wish-list {
position: absolute;
z-index: 999;
left: 20px;
top: 35px;
}
.product-item2 .pi-pic2 .wish-list span{
width: 30px;
height: 30px;
background: #fff;
display: inline-block;
border: 1px solid #eee;
color: #e2891a;
font-size: 16px;
border-radius: 50%;
line-height: 29px;
cursor: pointer;
text-align: center;
}
.product-item2 .pi-pic2 .wish-list:hover{
border: 1px solid #c79d6f;
color: #c79d6f;
border-radius: 50%;
}
.product-item .pi-pic .sale {
color: #ffffff;
font-size: 10px;
background: #ed1d24;
position: absolute;
left: 0;
top: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.product-item .pi-pic .sale.pp-sale {
background: #e7ab3c;
}
.product-item .pi-pic .icon {
font-size: 14px;
color: #252525;
position: absolute;
width:100%;
background:rgba(0,0,0,0.5);
color:#fff;
text-align:center;
cursor: pointer;
webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
padding:10px 0px;
text-transform:uppercase;
}
.product-item .pi-pic .icon2 {
font-size: 14px;
color: #252525;
position: absolute;
width:100%;
margin:auto;
text-align:center;
cursor: pointer;
webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
padding:10px 0px;
text-transform:uppercase;
color:#fff;
}
.product-item .pi-pic .icon2 span{
background:#000;
color:#fff;
width:200px;
padding:10px 30px;
}
.product-item .pi-pic ul {
position: absolute;
left: 0;
bottom:-100px;
webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
width: 100%;
}
.product-item .pi-pic ul li {
list-style: none;
display: inline-block;
background: #ffffff;
border-radius:100%;
width:35px;
height:35px;
border-radius:100%;
}
.product-item .pi-pic ul li.w-icon.active a {
background: #fff;
border-radius: 100%;
color: #000;
padding: 8px 0px;
text-align: center;
font-size: 13px;
}
.product-item .pi-pic ul li.w-icon.active a:hover{
background:#000;
color:#fff;
}
.product-item .pi-pic ul li a {
font-size: 12px;
font-weight: 700;
color: #252525;
display: block;
padding:10px;
}
.product-item .pi-text {
text-align: center;
padding-top:10px;
}
.product-item2 .pi-text {
text-align: center;
padding-top:10px;
}
.product-item .pi-text .catagory-name {
font-size: 10px;
color: #b2b2b2;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 10px;
}
.product-item .pi-text a {
display: block;
}
.product-item .pi-text a h5 {
font-family: 'Kumbh Sans', sans-serif;
color: #000;
font-size:16px;
line-height:30px
}
.product-item2 .pi-text a h5 {
font-family: 'Kumbh Sans', sans-serif;
color: #000;
font-size:16px;
line-height:30px
}
.product-item .pi-text .product-price {
font-family: 'Kumbh Sans', sans-serif;
font-size: 16px;
}
.product-item2 .pi-text .product-price {
font-family: 'Kumbh Sans', sans-serif;
font-size: 16px;
}
.product-item .pi-text .product-price span {
font-size: 16px;
color: #b2b2b2;
text-decoration: line-through;
margin-left:10px;
}
.product-item2 .pi-text .product-price span {
font-size: 16px;
color: #b2b2b2;
text-decoration: line-through;
margin-left:10px;
}
.image-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.product-item:hover .pi-pic .image-hover {
opacity: 1;
}
.view{ border:none;
background:#000;
padding:15px 60px;
color:#fff;
font-size:18px;
text-transform:uppercase;
font-family: 'Kumbh Sans', sans-serif;
}
.view:hover{
background:#fa9eb0
}
.line{
width:100px;
height:3px;
background:#000;
}
.others{
background:#fff2f2;
padding:30px 65px
}
.newsletter{
background:#fff;
padding:20px
}
.testimonials{
background:#fff;
padding:20px;
height:140px
}
.newslatter-item{
background:#fff;
padding:20px;
height:140px
}
.testi-snap img{ float:right}
.testi-d h5{
text-transform:uppercase;
color:#f51b1b;
font-weight:600;
letter-spacing:1px
}
.testi-d p{
color:#bab6b6;
font-size:20px;
padding:5px 0px;
}
.testi-d h6{
color:#bab6b6;
font-size:16px;
padding:5px 0px;
}
.testimonials .carousel-control-next,
.testimonials .carousel-control-prev {
filter: invert(100%);
}
/*---------------------
Deal Of The Week
-----------------------*/
.deal-of-week {
padding-top: 80px;
padding-bottom: 80px;
margin-left: 65px;
margin-right: 65px;
}
.countdown-timer {
text-align: center;
margin-bottom: 50px;
}
.countdown-timer .cd-item {
display: inline-block;
background: #ffffff;
margin-right: 35px;
padding: 10px 14px;
border-radius: 5px;
}
.countdown-timer .cd-item:last-child {
margin-right: 0;
}
.countdown-timer .cd-item span {
color: #e7ab3c;
font-weight: 700;
line-height: 40px;
font-size: 36px;
}
.countdown-timer .cd-item p {
font-size: 16px;
color: #b2b2b2;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 1.5px;
}
/*---------------------
Man Banner
-----------------------*/
.man-banner {
padding-right: 65px;
padding-left: 65px;
padding-top: 80px;
padding-bottom: 80px;
}
/*---------------------
Instagram Photo
-----------------------*/
.instagram-photo {
overflow: hidden;
}
.instagram-photo .insta-item {
float: left;
width: 16.66%;
height: 320px;
text-align: center;
position: relative;
}
.instagram-photo .insta-item:hover:before {
opacity: 1;
}
.instagram-photo .insta-item:hover .inside-text {
opacity: 1;
visibility: visible;
z-index: 99;
}
.instagram-photo .insta-item:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: "";
opacity: 0;
-webkit-transition: all 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.instagram-photo .insta-item .inside-text {
padding-top: 130px;
opacity: 0;
visibility: hidden;
position: relative;
-webkit-transition: all 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.instagram-photo .insta-item .inside-text i {
font-size: 30px;
color: #ffffff;
}
.instagram-photo .insta-item .inside-text h5 {
margin-top: 14px;
}
.instagram-photo .insta-item .inside-text h5 a {
color: #ffffff;
}
/*---------------------
Latest Blog
-----------------------*/
.latest-blog {
padding-top: 72px;
padding-bottom: 80px;
}
.latest-blog .section-title {
margin-bottom: 55px;
}
.single-latest-blog {
margin-bottom: 25px;
}
.single-latest-blog img {
min-width: 100%;
}
.single-latest-blog .latest-text {
padding-top: 25px;
}
.single-latest-blog .latest-text .tag-list {
margin-bottom: 8px;
}
.single-latest-blog .latest-text .tag-list .tag-item {
font-size: 16px;
color: #a2a1a1;
display: inline-block;
margin-right: 15px;
}
.single-latest-blog .latest-text .tag-list .tag-item i {
color: #e7ab3c;
}
.single-latest-blog .latest-text a {
display: block;
}
.single-latest-blog .latest-text a h4 {
color: #252525;
font-weight: 700;
line-height: 30px;
margin-bottom: 16px;
}
.benefit-items {
border: 1px solid #ebebeb;
margin-top: 45px;
}
.benefit-items .single-benefit {
padding-top: 30px;
padding-bottom: 25px;
padding-left: 55px;
padding-right: 55px;
border-right: 1px solid #F3F4F0;
}
.benefit-items .single-benefit .sb-icon {
float: left;
margin-right: 20px;
}
.benefit-items .single-benefit .sb-text {
display: table;
}
.benefit-items .single-benefit .sb-text h6 {
color: #252525;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
}
.benefit-items .single-benefit .sb-text p {
margin-bottom: 0;
color: #252525;
line-height: 20px;
}
/*---------------------
Partner Logo
-----------------------*/
.partner-logo {
background: #303030;
padding: 38px 0;
}
.logo-carousel .logo-item {
text-align:center;
}
.logo-carousel .logo-item .tablecell-inner {
display: table-cell;
height: 45px;
vertical-align: middle;
}
.owl-carousel .owl-item img {
display: block;
width: auto;
}
.testimonials .carousel-indicators{ display:none;}
/*---------------------
Footer
-----------------------*/
.footer-section {
background: #fff;
padding-top:50px;
padding-left:65px;
padding-right:65px;
border-top:1px solid#ddd;
}
.footer-left {
margin-bottom: 30px;
padding-left:0px;
padding-right:0px;
}
.footer-left .footer-logo {
margin-bottom: 24px;
}
.footer-left .footer-logo a {
display: inline-block;
}
.footer-left ul li {
list-style: none;
color: #b2b2b2;
font-size: 16px;
line-height: 30px;
}
.footer-left .footer-social {
padding-top:0px;
}
.footer-left .footer-social a {
display: inline-block;
height: 40px;
width: 40px;
background: #bab6b6;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 50%;
margin-right: 7px;
position: relative;
z-index: 1;
}
.footer-left .footer-social a:hover:before {
opacity: 1;
background:#000;
color:#333;
}
.footer-left .footer-social a:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background:#fff2f2;
content: "";
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
z-index: -1;
color:#333;
}
.footer-widget {
margin-bottom: 30px;
}
.footer-widget h5 {
color: #000;
margin-bottom: 15px;
text-transform:uppercase;
font-family: 'Kumbh Sans', sans-serif;
}
.footer-widget ul li {
list-style: none;
}
.footer-widget ul li a {
line-height: 36px;
font-size: 16px;
color: #333;
font-family: 'Kumbh Sans', sans-serif;
}
.newslatter-item h5 {
color: #333;
font-weight:normal;
margin-bottom:15px;
font-size:18px;
font-family: 'Varela Round', sans-serif;
}
.newslatter-item p {
color: #b2b2b2;
line-height: 26px;
}
.newslatter-item .subscribe-form {
position: relative;
}
.newslatter-item .subscribe-form input {
color: #b2b2b2;
width: 100%;
height: 46px;
font-size: 16px;
border: none;
padding-left: 20px;
border:1px solid#bab6b6;
}
.newslatter-item .subscribe-form input::-webkit-input-placeholder {
color: #b2b2b2;
}
.newslatter-item .subscribe-form input::-moz-placeholder {
color: #b2b2b2;
}
.newslatter-item .subscribe-form input:-ms-input-placeholder {
color: #b2b2b2;
}
.newslatter-item .subscribe-form input::-ms-input-placeholder {
color: #b2b2b2;
}
.newslatter-item .subscribe-form input::placeholder {
color: #b2b2b2;
}
.newslatter-item .subscribe-form button {
display: inline-block;
color: #ffffff;
background: #bab6b6;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #bab6b6;
position: absolute;
right: 0;
top: 0;
padding: 13px 20px 12px;
cursor: pointer;
}
.copyright-reserved {
border-top: 1px solid #ccc;
padding: 15px 0;
}
.copyright-reserved .copyright-text {
font-family: 'Kumbh Sans', sans-serif;
font-size: 16px;
color: #000;
}
.copyright-reserved .copyright-text a {
color: #b2b2b2;
}
.copyright-reserved .copyright-text i {
color: #cc2424;
}
.copyright-reserved .copyright-text a:hover {
color: #e7ab3c;
}
.copyright-reserved .payment-pic {
float: right;
}
/*-------------------------------- Other Pages Style -------------------------------*/
/*---------------------
Breadcrumb
-----------------------*/
.breadcrumb-text {
padding: 15px 65px;
}
.breadcrumb-text.product-more a:nth-child(1):after {
color: #252525;
}
.breadcrumb-text a {
display: inline-block;
font-size: 16px;
color: #252525;
margin-right: 28px;
position: relative;
}
.breadcrumb-text a:after {
position: absolute;
right: -18px;
top: 0px;
content: "";
font-family: "FontAwesome";
font-size: 16px;
color: #b2b2b2;
}
.breadcrumb-text span {
display: inline-block;
color: #b2b2b2;
}
/*---------------------
Product Shop
-----------------------*/
.product-shop {
padding-top: 80px;
padding-bottom: 80px;
padding-right:65px;
padding-left:65px;
}
.filter-widget {
font-size:14px;
}
.filter-widget .fw-title {
color: #333;
font-size: 16px;
font-family: 'Varela Round', sans-serif;
text-transform:uppercase;
}
.card a:hover{text-decoration:none;}
.filter-widget .fw-title:hover{
text-decoration:none;
}
.filter-widget .filter-catagories li {
list-style: none;
}
.filter-widget .filter-catagories li a {
display: inline-block;
color: #636363;
font-size: 16px;
line-height: 39px;
}
.filter-widget .fw-brand-check .bc-item {
margin-bottom: 3px;
}
.filter-widget .fw-brand-check .bc-item label {
position: relative;
cursor: pointer;
padding-left: 28px;
}
.filter-widget .fw-brand-check .bc-item label input {
position: absolute;
visibility: hidden;
}
.filter-widget .fw-brand-check .bc-item label input:checked~span {
background:#ffd9d9;
border-color:#ffd9d9;
}
.filter-widget .fw-brand-check .bc-item label .checkmark {
position: absolute;
left: 0;
top: 5px;
height: 15px;
width: 15px;
border: 2px solid #ebebeb;
border-radius: 2px;
}
.filter-widget .fw-brand-check .bc-item label .checkmark:after {
left: 0;
top: 0;
width: 10px;
height: 8px;
border: solid white;
border-width: 3px 3px 0px 0px;
-webkit-transform: rotate(127deg);
-ms-transform: rotate(127deg);
transform: rotate(127deg);
}
.filter-widget .filter-range-wrap {
margin-top: 20px;
}
.filter-widget .filter-range-wrap .range-slider {
margin-bottom: 25px;
}
.filter-widget .filter-range-wrap .range-slider .price-input {
position: relative;
margin-top:10px;
width:100%;
text-align:center
}
.filter-widget .filter-range-wrap .range-slider .price-input:after {
position: absolute;
left:45%;
top: 13px;
height: 1px;
width: 12px;
background: #333;
content: "";
}
.filter-widget .filter-range-wrap .range-slider .price-input input {
font-size: 14px;
color: #252525;
max-width:45%;
text-align: center;
border: 0px none;
border-radius:0px;
}
.filter-widget .filter-range-wrap .range-slider .price-input input:nth-child(1) {
margin-right: 0px;
}
.filter-widget .filter-range-wrap .price-range {
border-radius: 0;
}
.filter-widget .filter-range-wrap .price-range.ui-widget-content {
border: none;
background: #ebebeb;
height: 7px;
}
.filter-widget .filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
height: 20px;
width:20px;
border-radius: 50%;
background: #ffd9d9;
border: none;
-webkit-box-shadow: 1px 6px 14px -4px #425c6d;
box-shadow: 1px 6px 14px -4px #425c6d;
outline: none;
}
.filter-widget .filter-range-wrap .price-range .ui-slider-range {
background: #ebebeb;
border-radius: 0;
}
.filter-widget .filter-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
background: #b6b6b6;
}
.filter-widget .filter-btn {
font-size: 14px;
color: #ffffff;
font-weight: 700;
background: #e7ab3c;
padding: 7px 20px 5px;
border-radius: 2px;
display: inline-block;
text-transform: uppercase;
}
.filter-widget .fw-color-choose .cs-item {
width: 50%;
float: left;
margin-bottom: 4px;
}
.filter-widget .fw-color-choose .cs-item input {
position: absolute;
visibility: hidden;
}
.filter-widget .fw-color-choose .cs-item label {
cursor: pointer;
position: relative;
padding-left: 33px;
font-size: 16px;
color: #636363;
}
.filter-widget .fw-color-choose .cs-item label.cs-violet:before {
background: #8230E3;
}
.filter-widget .fw-color-choose .cs-item label.cs-blue:before {
background: #2773BE;
}
.filter-widget .fw-color-choose .cs-item label.cs-yellow:before {
background: #EEEE21;
}
.filter-widget .fw-color-choose .cs-item label.cs-red:before {
background: #DC3232;
}
.filter-widget .fw-color-choose .cs-item label.cs-green:before {
background: #81D742;
}
.filter-widget .fw-color-choose .cs-item label:before {
position: absolute;
left: 0;
top: 4px;
height: 18px;
width: 18px;
background: #252525;
border-radius: 50%;
content: "";
}
.filter-widget .fw-size-choose .sc-item {
display: inline-block;
margin-right: 5px;
}
.filter-widget .fw-size-choose .sc-item:last-child {
margin-right: 0;
}
.filter-widget .fw-size-choose .sc-item input {
position: absolute;
visibility: hidden;
}
.filter-widget .fw-size-choose .sc-item label {
font-size: 16px;
color: #252525;
font-weight: 700;
height: 40px;
width: 47px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 40px;
text-transform: uppercase;
cursor: pointer;
}
.filter-widget .fw-size-choose .sc-item label.active {
background: #252525;
color: #ffffff;
}
.filter-widget .fw-tags a {
display: inline-block;
font-size: 16px;
color: #636363;
padding: 5px 15px;
border: 1px solid #ebebeb;
margin-right: 5px;
margin-bottom: 9px;
border-radius: 2px;
}
.delivery-time input[type='radio']:after {
width:20px;
height: 20px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #d1d3d1;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.delivery-time input[type='radio']:checked:after {
width: 20px;
height: 20px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #ffd9d9;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.delivery-time label{padding-left:16px;}
.sort .select-option label{ margin-right:10px;
line-height:35px;}
.panel-title {
position: relative;
}
.panel-title::after {
content: "\f107";
color: #333;
top: -2px;
right: 0px;
position: absolute;
font-family: "FontAwesome"
}
.panel-title[aria-expanded="true"]::after {
content: "\f106";
}
.checkmark:after {
position: absolute;
content: "";
}
.product-show-option {
margin-bottom: 30px;
}
.product-show-option .select-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-show-option .select-option .nice-select {
border-radius: 0;
border: 1px solid #ECEDEE;
height: 40px;
line-height: 35px;
}
.product-show-option .select-option .nice-select .list {
margin-top: 0;
border-radius: 0;
width: 100%;
}
.product-show-option .select-option .nice-select:after {
border-bottom: 2px solid #4c4c4c;
border-right: 2px solid #4c4c4c;
height: 7px;
right: 22px;
top: 47%;
width: 7px;
opacity: 0.7;
}
.product-show-option .select-option .nice-select span {
font-size: 16px;
color: #4c4c4c;
}
.product-show-option .select-option .sorting {
margin-right:0px;
}
.product-show-option .select-option .sorting.nice-select {
padding-right: 70px;
}
.product-show-option .select-option .p-show.nice-select {
padding-right: 105px;
}
.product-show-option .select-option .p-show.nice-select:before {
position: absolute;
right: 48px;
top: 0;
content: "09";
font-size: 16px;
color: #252525;
}
.product-show-option p {
margin-bottom: 0;
color: #636363;
line-height: 39px;
}
.prduct-list .product-item {
margin-bottom: 25px;
}
.loading-more {
text-align: center;
padding-top: 10px;
}
.loading-more i {
font-size: 22px;
color: #663333;
margin-right: 6px;
position: relative;
top: 7px;
}
.loading-more a {
font-size: 18px;
font-weight: 700;
color: #252525;
position: relative;
display: inline-block;
}
.loading-more a:before {
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background: #e7ab3c;
content: "";
}
/*---------------------
Product Details
-----------------------*/
.product-shop.page-details {
padding-bottom: 60px;
}
.product-pic-zoom {
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.product-pic-zoom img {
min-width: 100%;
}
.product-pic-zoom .zoom-icon {
position: absolute;
right: 20px;
top: 20px;
}
.product-pic-zoom .zoom-icon i {
color: #4c4c4c;
font-size: 14px;
width: 40px;
height: 40px;
border: 1px solid #d7d7d7;
text-align: center;
border-radius: 50%;
line-height: 37px;
}
.product-thumbs .pt {
cursor: pointer;
position: relative;
}
.product-thumbs .pt.active:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border: 1px solid #e7ab3c;
z-index: 1;
}
.ps-slider .owl-nav button[type=button] {
height: 30px;
width: 30px;
background: #ffffff;
color: #a7a7a7;
text-align: center;
line-height: 30px;
border-radius: 50%;
font-size: 20px;
-webkit-box-shadow: 0px 6px 10px -1px #e9e9e9;
box-shadow: 0px 6px 10px -1px #e9e9e9;
position: absolute;
left: -16px;
top: 50%;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.ps-slider .owl-nav button[type=button].owl-next {
left: auto;
right: -16px;
}
.product-details .pd-title {
position: relative;
margin-bottom: 6px;
}
.product-details .pd-title span {
display: block;
font-size: 12px;
color: #b2b2b2;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
line-height: 23px;
}
.product-details .pd-title h3 {
color: #252525;
font-size:22px;
font-family: 'Varela Round', sans-serif;
font-weight:500;
letter-spacing:1px
}
.product-details .pd-title .heart-icon {
color: #252525;
font-size: 18px;
position: absolute;
right: 0;
top: 0;
}
.product-details .pd-rating {
margin-bottom: 10px;
}
.product-details .pd-rating i {
font-size: 12px;
display: inline-block;
color: #FAC451;
margin-right: -3px;
}
.product-details .pd-rating span {
font-size: 12px;
color: #999591;
}
.product-details .pd-desc {
margin-bottom: 24px;
}
.card-header .fa {
color:#333;
font-size:22px;
transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
transform: rotate(90deg);
}
.product-details .pd-desc p {
color: #636363;
background:#efefef;
padding:15px 30px 15px 15px;
font-size:14px;
line-height:20px;
margin-top:20px
}
.product-features{
padding-bottom:40px;
}
.product-details .pd-desc p a{color: #000;
font-weight: 600;
/* text-decoration: underline; */
border-bottom: 1px solid#000;
padding-bottom: 5px;}
.product-details .product-details-modal h4.modal-title{
color:#000
}
.product-details .modal-header .close {
margin: -8px -50px;
background: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
background: #fff;
opacity:1.0
}
.product-details .modal-header .close {
padding: 0px;
margin: -8px -50px;
}
.clr{ margin-top:20px;
display:block}
.product-features ul {
list-style: none;
padding: 0;
}
.select-size [type="radio"]:checked,
.select-size [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.select-size
[type="radio"]:checked + label,.select-size
[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
margin-right:15px;
}
.select-size [type="radio"]:checked + label:before,
.select-size [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;
}
.select-size [type="radio"]:checked + label:after,
.select-size [type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #ffd9d9;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.select-size [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.select-size [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.select-size .cp{ text-transform: uppercase;
font-weight: 600;
margin-right: 10px;
letter-spacing: 1px;}
.select-height .cp{ text-transform: uppercase;
font-weight: 600;
margin-right: 10px;
letter-spacing: 1px;}
.selection-label {
font-weight: 600;
color: #2a2a2a;
}
.standard-size{ display:flex;
flex-wrap:wrap;
padding-top: 1rem}
.sz p a{ color:#000;
font-size:14px;
padding-bottom:5px;
border-bottom:1px solid#000}
.size-chart { margin-right:17px;}
.size-chart h5{ font-size:16px; padding:5px}
.select-size input[value="green"]:checked ~ #green {
display: block;
}
.select-size input[value="red"]:checked ~ #red {
display: block;
}
.right-text{
text-align:left;
}
.cstm .modal-header{ border-bottom:0px none;}
.drop-title .icon-info {
position: relative;
top: 2px;
cursor: pointer;
}
.product-features ul li {
padding: 6px 30px;
}
.product-features ul li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.product-details .pd-desc h4 {
color: #ed1c24;
font-weight: 700;
font-size:18px
}
.product-details .pd-desc h4 span {
font-size: 18px;
font-weight: 400;
color: #b7b7b7;
text-decoration: line-through;
display: inline-block;
margin-left: 13px;
}
.product-details .pd-color {
margin-bottom: 25px;
}
.product-details .pd-color h6 {
color: #252525;
font-weight: 700;
float: left;
margin-right: 28px;
}
.product-details .pd-color .pd-color-choose {
display: inline-block;
}
.product-details .pd-color .pd-color-choose .cc-item {
display: inline-block;
margin-right: 10px;
}
.product-details .pd-color .pd-color-choose .cc-item input {
position: absolute;
visibility: hidden;
}
.product-details .pd-color .pd-color-choose .cc-item label {
height: 20px;
width: 20px;
background: #252525;
border-radius: 50%;
cursor: pointer;
margin-bottom: 0;
}
.product-details .pd-color .pd-color-choose .cc-item label.cc-yellow {
background: #EEEE21;
}
.product-details .pd-color .pd-color-choose .cc-item label.cc-violet {
background: #8230E3;
}
.product-details .pd-size-choose {
margin-bottom: 20px;
}
.product-details .pd-size-choose .sc-item {
display: inline-block;
margin-right: 3px;
}
.product-details .pd-size-choose .sc-item:last-child {
margin-right: 0;
}
.product-details .pd-size-choose .sc-item input {
position: absolute;
visibility: hidden;
}
.product-details .pd-size-choose .sc-item label {
font-size: 12px;
color: #72777e;
height: 31px;
width: 47px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 32px;
cursor: pointer;
}
.product-details .pd-size-choose .sc-item label.active {
background: #252525;
color: #ffffff;
}
.product-details .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 33px;
}
.product-details .quantity .pro-qty {
width: 123px;
height: 46px;
border: 2px solid #ebebeb;
padding: 0 15px;
float: left;
margin-right: 14px;
}
.product-details .quantity .pro-qty .qtybtn {
font-size: 24px;
color: #b2b2b2;
float: left;
line-height: 38px;
cursor: pointer;
width: 18px;
}
.product-details .quantity .pro-qty .qtybtn.dec {
font-size: 30px;
}
.product-details .quantity .pro-qty input {
text-align: center;
width: 52px;
font-size: 14px;
font-weight: 700;
border: none;
color: #4c4c4c;
line-height: 40px;
float: left;
}
.product-details .quantity .primary-btn.pd-cart {
padding: 14px 70px 10px;
}
.product-details .pd-tags {
margin-bottom: 27px;
}
.product-details .pd-tags li {
list-style: none;
font-size: 16px;
color: #636363;
line-height: 30px;
}
.product-details .pd-tags li span {
color: #252525;
font-weight: 700;
text-transform: uppercase;
}
.product-details .pd-share {
overflow: hidden;
}
.product-details .pd-share .p-code {
font-size: 16px;
color: #252525;
float: left;
}
.select-height .custom-select {
position: relative;
font-family: Arial;
padding:0px;
border-radius:0px;
height:auto
}
.cstm .custom-select {
position: relative;
font-family: Arial;
padding:0px;
border-radius:0px;
height:auto;
border:0px transparent
}
.select-height .custom-select select {
display: none; /*hide original SELECT element: */
}
.cstm .custom-select select {
display: none; /*hide original SELECT element: */
}
.select-height .select-selected {
background-color: white;
padding: 8px 8px;
font-size: 13px;
font-family: 'Varela Round', sans-serif;
}
.cstm .select-selected {
background-color: white;
padding: 8px 8px;
font-size: 13px;
font-family: 'Varela Round', sans-serif;
}
.cstm{ margin-bottom:30px;}
.select-height{ padding:20px 0px; border-top:1px solid#ddd;
border-bottom:1px solid#ddd;
margin-bottom:30px}
/* Style the arrow inside the select element: */
.select-height .select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #000 transparent transparent transparent;
}
.cstm .select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #000 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-height .select-selected.select-arrow-active:after {
border-color: transparent transparent #000 transparent;
top: 7px;
}
.cstm .select-selected.select-arrow-active:after {
border-color: transparent transparent #000 transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-height .select-items div, .select-height.select-selected {
color: #333;
padding: 4px 16px;
border: 1px solid#ddd;
cursor: pointer;
font-size:13px;
font-family: 'Varela Round', sans-serif;
}
.cstm .select-items div, .cstm .select-selected {
color: #333;
padding:8px 8px;
text-align:left;
border: 1px solid#ddd;
cursor: pointer;
font-size:13px;
font-family: 'Varela Round', sans-serif;
}
/* Style items (options): */
.select-height .select-items {
position: absolute;
background-color: white;
top: 100%;
left: 0;
right: 0;
z-index: 99;
height:200px;
overflow-y:auto
}
.cstm .select-items {
position: absolute;
background-color: white;
top: 100%;
left: 0;
right: 0;
z-index: 99;
height:200px;
overflow-y:auto
}
/* Hide the items when the select box is closed: */
.select-height .select-hide {
display: none;
}
.cstm .select-hide {
display: none;
}
.select-hight .select-items div:hover,.select-hight.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.cstm .select-items div:hover, .cstm .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.cstm h5{ font-size: 16px;
padding: 5px 5px 8px;
color: #000;
font-weight: 600 ;
text-align:left}
.product-details .pd-share .pd-social {
float: right;
}
.product-details .pd-share .pd-social a {
display: inline-block;
color: #252525;
font-size: 14px;
margin-left: 15px;
}
.product-tab {
padding-top: 60px;
}
.tab-item ul li:nth-child(1) a {
border-right: 1px solid #ebebeb;
}
.tab-item ul li:nth-child(2) a {
border-right: 1px solid #ebebeb;
}
.tab-item ul li:nth-child(3) a {
border-right: 1px solid #ebebeb;
}
.tab-item ul li a {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #b2b2b2;
text-transform: uppercase;
padding: 18px 61px;
position: relative;
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.tab-item ul li a.active {
color: #252525;
}
.tab-item ul li a.active:before {
opacity: 1;
}
.tab-item ul li a::before {
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 5px;
background: #e7ab3c;
content: "";
opacity: 0;
}
.product-content {
padding-top: 40px;
}
.product-content h5 {
color: #252525;
font-weight: 700;
margin-bottom: 23px;
}
.product-content p {
margin-bottom: 34px;
}
.product-content img {
min-width: 100%;
}
.specification-table {
padding-top: 52px;
}
.specification-table table {
width: 100%;
}
.specification-table table tr td {
border: 1px solid #EFF0F2;
text-align: center;
padding-top: 18px;
padding-bottom: 18px;
}
.specification-table table tr td.p-catagory {
width: 310px;
text-align: left;
padding-left: 34px;
font-size: 16px;
color: #4c4c4c;
font-weight: 700;
text-transform: uppercase;
}
.specification-table table tr td .pd-rating i {
font-size: 12px;
display: inline-block;
color: #FAC451;
margin-right: -3px;
}
.specification-table table tr td .pd-rating span {
font-size: 12px;
color: #999591;
}
.specification-table table tr td .p-price {
color: #e7ab3c;
font-size: 16px;
font-weight: 700;
}
.specification-table table tr td .cart-add {
font-size: 16px;
color: #252525;
font-weight: 700;
text-transform: uppercase;
}
.specification-table table tr td .p-stock,
.specification-table table tr td .p-size,
.specification-table table tr td .p-code {
font-size: 16px;
color: #4c4c4c;
font-weight: 700;
}
.specification-table table tr td .p-weight {
font-size: 14px;
color: #4c4c4c;
font-weight: 700;
}
.specification-table table tr td .p-size {
text-transform: uppercase;
}
.specification-table table tr td .cs-color {
display: inline-block;
height: 20px;
width: 20px;
background: #252525;
border-radius: 50%;
}
.customer-review-option {
padding-top: 55px;
}
.customer-review-option h4 {
color: #292f3b;
font-weight: 700;
margin-bottom: 35px;
}
.customer-review-option .comment-option .co-item {
margin-bottom: 20px;
}
.customer-review-option .comment-option .co-item .avatar-pic {
float: left;
margin-right: 20px;
}
.customer-review-option .comment-option .co-item .avatar-pic img {
height: 63px;
width: 63px;
border-radius: 50%;
}
.customer-review-option .comment-option .co-item .avatar-text {
display: table;
}
.customer-review-option .comment-option .co-item .avatar-text .at-rating {
line-height: 9px;
}
.customer-review-option .comment-option .co-item .avatar-text .at-rating i {
font-size: 12px;
display: inline-block;
color: #FAC451;
margin-right: -3px;
}
.customer-review-option .comment-option .co-item .avatar-text h5 {
color: #252525;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
}
.customer-review-option .comment-option .co-item .avatar-text h5 span {
color: #b2b2b2;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
margin-left: 22px;
position: relative;
}
.customer-review-option .comment-option .co-item .avatar-text h5 span:before {
position: absolute;
left: -18px;
top: -5px;
content: "-";
font-size: 18px;
color: #b2b2b2;
}
.customer-review-option .comment-option .co-item .avatar-text .at-reply {
font-size: 14px;
color: #636363;
}
.customer-review-option .personal-rating {
margin-bottom: 50px;
padding-top: 10px;
}
.customer-review-option .personal-rating h6 {
color: #252525;
}
.customer-review-option .personal-rating .rating i {
font-size: 12px;
display: inline-block;
color: #FAC451;
margin-right: -3px;
}
.customer-review-option .leave-comment h4 {
color: #292f3b;
font-weight: 700;
margin-bottom: 35px;
}
.customer-review-option .leave-comment .comment-form input {
width: 100%;
font-size: 16px;
color: #636363;
height: 50px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
margin-bottom: 30px;
}
.customer-review-option .leave-comment .comment-form textarea {
width: 100%;
resize: none;
font-size: 16px;
color: #636363;
height: 116px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
padding-top: 10px;
margin-bottom: 45px;
}
/*---------------------
Related Products
-----------------------*/
.related-products {
padding-top: 0;
padding-bottom: 50px;
}
.related-products .section-title {
margin-bottom: 50px;
}
.related-products .section-title h2:before {
display: none;
}
/*---------------------
Shopping Cart
-----------------------*/
.shopping-cart {
padding-top: 80px;
padding-bottom: 60px;
}
.cart-table {
margin-bottom: 40px;
}
.cart-table table {
width: 100%;
min-width: 480px;
border: 1px solid #ebebeb;
}
.cart-table table tr th {
font-size: 16px;
color: #252525;
font-weight: 700;
border-bottom: 1px solid #ebebeb;
text-align: center;
padding: 18px 0 19px;
text-transform: uppercase;
}
.cart-table table tr th.p-name {
text-align: left;
}
.cart-table table tr td {
text-align: center;
padding-bottom: 34px;
}
.cart-table table tr td.first-row {
padding-top: 30px;
}
.cart-table table tr td.cart-pic {
width: 21%;
}
.cart-table table tr td.cart-title {
text-align: left;
}
.cart-table table tr td.cart-title h5 {
color: #252525;
}
.cart-table table tr td.p-price {
width: 16%;
}
.cart-table table tr td.p-price,
.cart-table table tr td.total-price {
color: #e7ab3c;
font-size: 16px;
font-weight: 700;
}
.cart-table table tr td.qua-col {
width: 16%;
}
.cart-table table tr td.qua-col .quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-table table tr td.qua-col .pro-qty {
width: 123px;
height: 46px;
border: 2px solid #ebebeb;
padding: 0 15px;
float: left;
}
.cart-table table tr td.qua-col .pro-qty .qtybtn {
font-size: 24px;
color: #b2b2b2;
float: left;
line-height: 38px;
cursor: pointer;
width: 18px;
}
.cart-table table tr td.qua-col .pro-qty .qtybtn.dec {
font-size: 30px;
}
.cart-table table tr td.qua-col .pro-qty input {
text-align: center;
width: 52px;
font-size: 14px;
font-weight: 700;
border: none;
color: #4c4c4c;
line-height: 40px;
float: left;
}
.cart-table table tr td.total-price {
width: 12%;
}
.cart-table table tr td.close-td {
font-size: 16px;
color: #252525;
width: 8%;
}
.cart-table table tr td.close-td i {
cursor: pointer;
}
.cart-buttons {
margin-bottom: 34px;
}
.cart-buttons .continue-shop {
color: #b2b2b2;
border: 2px solid #ebebeb;
background: #ffffff;
margin-right: 8px;
padding: 12px 20px 12px 20px;
margin-bottom: 10px;
}
.cart-buttons .up-cart {
color: #252525;
background: #f3f3f3;
border: 2px solid #ebebeb;
padding: 12px 20px 12px 20px;
}
.discount-coupon {
margin-bottom: 30px;
}
.discount-coupon h6 {
color: #232530;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 16px;
}
.discount-coupon .coupon-form {
position: relative;
}
.discount-coupon .coupon-form input {
width: 100%;
height: 46px;
border: 2px solid #ebebeb;
color: #b2b2b2;
font-size: 14px;
padding-left: 20px;
}
.discount-coupon .coupon-form .coupon-btn {
position: absolute;
right: 0;
top: 0;
color: #252525;
background: transparent;
border: 1px solid transparent;
padding: 13px 25px 10px 35px;
}
.proceed-checkout ul {
border: 2px solid #ebebeb;
background: #f3f3f3;
padding-left: 25px;
padding-right: 25px;
padding-top: 16px;
padding-bottom: 20px;
}
.proceed-checkout ul li {
list-style: none;
font-size: 16px;
font-weight: 700;
color: #252525;
text-transform: uppercase;
overflow: hidden;
}
.proceed-checkout ul li.subtotal {
font-weight: 400;
text-transform: capitalize;
border-bottom: 1px solid #ffffff;
padding-bottom: 14px;
}
.proceed-checkout ul li.subtotal span {
font-weight: 700;
}
.proceed-checkout ul li.cart-total {
padding-top: 10px;
}
.proceed-checkout ul li.cart-total span {
color: #e7ab3c;
}
.proceed-checkout ul li span {
float: right;
}
.proceed-checkout .proceed-btn {
font-size: 14px;
font-weight: 700;
color: #ffffff;
background: #252525;
text-transform: uppercase;
padding: 15px 25px 14px 25px;
display: block;
text-align: center;
}
/*---------------------
Check Out
-----------------------*/
.checkout-section {
padding-top: 80px;
padding-bottom: 80px;
}
.checkout-content {
margin-bottom: 50px;
}
.checkout-content .content-btn,
.checkout-content input {
color: #252525;
font-size: 16px;
border: 2px solid #ebebeb;
padding: 14px 20px;
background: #f3f3f3;
text-align: center;
display: block;
}
.checkout-content input {
height: 56px !important;
}
.checkout-form h4 {
color: #252525;
font-weight: 700;
margin-bottom: 30px;
}
.checkout-form label {
color: #252525;
font-size: 16px;
margin-bottom: 5px;
}
.checkout-form label span {
color: #d85d5c;
}
.checkout-form input {
width: 100%;
height: 46px;
border: 2px solid #ebebeb;
margin-bottom: 25px;
padding-left: 15px;
}
.checkout-form input.street-first {
margin-bottom: 20px;
}
.checkout-form .create-item {
padding-top: 15px;
}
.checkout-form .create-item label {
position: relative;
cursor: pointer;
padding-left: 32px;
margin-bottom: 0;
font-size: 14px;
color: #252525;
}
.checkout-form .create-item label input {
position: absolute;
visibility: hidden;
}
.checkout-form .create-item label input:checked~span {
background: #e7ab3c;
border-color: #e7ab3c;
}
.checkout-form .create-item label .checkmark {
position: absolute;
left: 0;
top: 3px;
height: 13px;
width: 13px;
border: 2px solid #B2B2B2;
border-radius: 2px;
}
.checkout-form .create-item label .checkmark:after {
left: 0;
top: 0;
width: 9px;
height: 6px;
border: solid #ffffff;
border-width: 2px 2px 0px 0px;
-webkit-transform: rotate(127deg);
-ms-transform: rotate(127deg);
transform: rotate(127deg);
}
.checkout-form .place-order .order-total {
border: 2px solid #ebebeb;
padding-left: 40px;
padding-right: 40px;
padding-top: 22px;
padding-bottom: 35px;
}
.checkout-form .place-order .order-total .order-table {
margin-bottom: 64px;
}
.checkout-form .place-order .order-total .order-table li {
list-style: none;
color: #252525;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
padding-top: 30px;
}
.checkout-form .place-order .order-total .order-table li:first-child {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
padding-top: 0;
}
.checkout-form .place-order .order-total .order-table li.fw-normal {
font-weight: 400;
text-transform: capitalize;
}
.checkout-form .place-order .order-total .order-table li.fw-normal span {
font-weight: 700;
}
.checkout-form .place-order .order-total .order-table li.total-price span {
color: #e7ab3c;
}
.checkout-form .place-order .order-total .order-table li span {
float: right;
}
.checkout-form .place-order .order-total .payment-check {
margin-bottom: 50px;
}
.checkout-form .place-order .order-total .payment-check .pc-item label {
position: relative;
cursor: pointer;
padding-left: 32px;
margin-bottom: 0;
font-size: 14px;
color: #252525;
}
.checkout-form .place-order .order-total .payment-check .pc-item label input {
position: absolute;
visibility: hidden;
}
.checkout-form .place-order .order-total .payment-check .pc-item label input:checked~span {
background: #e7ab3c;
border-color: #e7ab3c;
}
.checkout-form .place-order .order-total .payment-check .pc-item label .checkmark {
position: absolute;
left: 0;
top: 3px;
height: 13px;
width: 13px;
border: 2px solid #B2B2B2;
border-radius: 2px;
}
.checkout-form .place-order .order-total .payment-check .pc-item label .checkmark:after {
left: 0;
top: 0;
width: 9px;
height: 6px;
border: solid #ffffff;
border-width: 2px 2px 0px 0px;
-webkit-transform: rotate(127deg);
-ms-transform: rotate(127deg);
transform: rotate(127deg);
}
.checkout-form .place-order .order-total .order-btn {
text-align: center;
}
.checkout-form .place-order .order-total .order-btn .place-btn {
padding: 13px 40px 11px;
background: #000000;
border-color: #000000;
}
/*---------------------
Blog Section
-----------------------*/
.blog-section {
padding-top: 80px;
padding-bottom: 80px;
}
.blog-section .loading-more {
padding-top: 0;
}
.blog-sidebar .search-form {
margin-bottom: 55px;
}
.blog-sidebar .search-form h4 {
color: #252525;
font-weight: 700;
margin-bottom: 12px;
}
.blog-sidebar .search-form form {
position: relative;
}
.blog-sidebar .search-form form input {
height: 46px;
width: 100%;
border: 2px solid #ECECEC;
padding-left: 20px;
font-size: 18px;
color: #b2b2b2;
}
.blog-sidebar .search-form form button {
position: absolute;
right: 0;
top: 0;
color: #ffffff;
background: #252525;
border: 1px solid #252525;
height: 46px;
padding: 0 15px;
cursor: pointer;
}
.blog-sidebar .blog-catagory {
margin-bottom: 41px;
}
.blog-sidebar .blog-catagory h4 {
color: #252525;
font-weight: 700;
margin-bottom: 14px;
}
.blog-sidebar .blog-catagory ul li {
list-style: none;
}
.blog-sidebar .blog-catagory ul li a {
font-size: 16px;
color: #636363;
line-height: 39px;
}
.blog-sidebar .recent-post {
margin-bottom: 55px;
}
.blog-sidebar .recent-post h4 {
color: #252525;
font-weight: 700;
margin-bottom: 28px;
}
.blog-sidebar .recent-post .recent-blog .rb-item {
overflow: hidden;
margin-bottom: 30px;
display: block;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-pic {
float: left;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-pic img {
height: 80px;
width: 80px;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-text {
display: table;
padding-left: 16px;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-text h6 {
color: #252525;
line-height: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-text p {
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #e7ab3c;
letter-spacing: 2px;
line-height: 20px;
}
.blog-sidebar .recent-post .recent-blog .rb-item .rb-text p span {
color: #b2b2b2;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
}
.blog-sidebar .blog-tags h4 {
color: #252525;
font-weight: 700;
margin-bottom: 20px;
}
.blog-sidebar .blog-tags .tag-item a {
display: inline-block;
font-size: 16px;
color: #636363;
padding: 5px 15px;
border: 1px solid #ebebeb;
margin-right: 5px;
margin-bottom: 9px;
border-radius: 2px;
}
.blog-item {
margin-bottom: 42px;
}
.blog-item .bi-pic img {
min-width: 100%;
}
.blog-item .bi-text {
padding-top: 24px;
}
.blog-item .bi-text h4 {
color: #252525;
font-weight: 700;
line-height: 30px;
margin-bottom: 16px;
}
.blog-item .bi-text p {
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #e7ab3c;
letter-spacing: 2px;
line-height: 20px;
}
.blog-item .bi-text p span {
color: #b2b2b2;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
}
/*---------------------
Blog Details
-----------------------*/
.blog-details {
padding-top: 72px;
padding-bottom: 80px;
}
.blog-details-inner .blog-detail-title {
text-align: center;
margin-bottom: 25px;
}
.blog-details-inner .blog-detail-title h2 {
color: #252525;
font-weight: 700;
margin-bottom: 15px;
}
.blog-details-inner .blog-detail-title p {
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #e7ab3c;
letter-spacing: 2px;
line-height: 20px;
display: inline-block;
position: relative;
}
.blog-details-inner .blog-detail-title p:before {
position: absolute;
left: -175px;
top: 8px;
height: 1px;
width: 125px;
background: #ebebeb;
content: "";
}
.blog-details-inner .blog-detail-title p:after {
position: absolute;
right: -175px;
top: 7px;
height: 1px;
width: 125px;
background: #ebebeb;
content: "";
}
.blog-details-inner .blog-detail-title p span {
color: #b2b2b2;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
}
.blog-details-inner .blog-large-pic img {
min-width: 100%;
}
.blog-details-inner .blog-detail-desc {
margin-top: 22px;
margin-bottom: 32px;
}
.blog-details-inner .blog-detail-desc p {
font-size: 18px;
line-height: 30px;
}
.blog-details-inner .blog-detail-desc p:first-of-type:first-letter {
float: left;
font-size: 60px;
text-transform: uppercase;
color: #252525;
margin-top: 14px;
margin-right: 10px;
}
.blog-details-inner .blog-quote {
margin-bottom: 65px;
}
.blog-details-inner .blog-quote p {
position: relative;
color: #252525;
font-size: 20px;
font-weight: 700;
line-height: 30px;
padding-left: 32px;
}
.blog-details-inner .blog-quote p span {
color: #161715;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
}
.blog-details-inner .blog-quote p:before {
position: absolute;
left: 0;
top: 0;
height: 88px;
width: 3px;
background: #e7ab3c;
content: "";
}
.blog-details-inner .blog-more {
margin-bottom: 32px;
}
.blog-details-inner .blog-more img {
min-width: 100%;
}
.blog-details-inner p {
font-size: 18px;
line-height: 30px;
}
.blog-details-inner .tag-share {
overflow: hidden;
border-bottom: 1px solid #ebebeb;
padding-bottom: 54px;
margin-top: 46px;
}
.blog-details-inner .tag-share .details-tag {
float: left;
}
.blog-details-inner .tag-share .details-tag ul li {
list-style: none;
display: inline-block;
color: #171717;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
margin-right: 16px;
}
.blog-details-inner .tag-share .details-tag ul li i {
font-size: 18px;
color: #e7ab3c;
}
.blog-details-inner .tag-share .blog-share {
float: right;
}
.blog-details-inner .tag-share .blog-share .social-links {
display: inline-block;
}
.blog-details-inner .tag-share .blog-share .social-links a {
display: inline-block;
color: #171717;
margin-left: 25px;
}
.blog-details-inner .tag-share .blog-share span {
font-size: 16px;
color: #2d292f;
}
.blog-details-inner .blog-post {
padding-top: 72px;
margin-bottom: 58px;
}
.blog-details-inner .blog-post .prev-blog {
display: block;
}
.blog-details-inner .blog-post .prev-blog .pb-pic {
float: left;
position: relative;
margin-top: 7px;
}
.blog-details-inner .blog-post .prev-blog .pb-pic i {
position: absolute;
left: -32px;
top: 35%;
font-size: 18px;
color: #b2b2b2;
}
.blog-details-inner .blog-post .prev-blog .pb-pic img {
height: 70px;
width: 70px;
}
.blog-details-inner .blog-post .prev-blog .pb-text {
display: table;
padding-left: 20px;
}
.blog-details-inner .blog-post .prev-blog .pb-text span {
font-size: 14px;
color: #b2b2b2;
letter-spacing: 2px;
}
.blog-details-inner .blog-post .prev-blog .pb-text h5 {
font-size: 20px;
color: #252525;
line-height: 26px;
font-weight: 700;
margin-top: 10px;
}
.blog-details-inner .blog-post .next-blog {
display: block;
}
.blog-details-inner .blog-post .next-blog .nb-pic {
float: right;
position: relative;
margin-top: 7px;
}
.blog-details-inner .blog-post .next-blog .nb-pic i {
position: absolute;
right: -28px;
top: 35%;
font-size: 18px;
color: #b2b2b2;
}
.blog-details-inner .blog-post .next-blog .nb-pic img {
height: 70px;
width: 70px;
}
.blog-details-inner .blog-post .next-blog .nb-text {
display: table;
padding-right: 20px;
text-align: right;
}
.blog-details-inner .blog-post .next-blog .nb-text span {
font-size: 14px;
color: #b2b2b2;
letter-spacing: 2px;
}
.blog-details-inner .blog-post .next-blog .nb-text h5 {
font-size: 20px;
color: #252525;
line-height: 26px;
font-weight: 700;
margin-top: 10px;
}
.blog-details-inner .posted-by {
border: 1px solid #ebebeb;
border-radius: 5px;
padding: 40px 65px;
}
.blog-details-inner .posted-by .pb-pic {
float: left;
}
.blog-details-inner .posted-by .pb-text {
padding-left: 22px;
display: table;
}
.blog-details-inner .posted-by .pb-text a {
display: block;
}
.blog-details-inner .posted-by .pb-text a h5 {
color: #252525;
font-weight: 700;
margin-bottom: 13px;
}
.blog-details-inner .posted-by .pb-text p {
line-height: 30px;
margin-bottom: 0;
}
.blog-details-inner .leave-comment {
padding-top: 55px;
}
.blog-details-inner .leave-comment h4 {
color: #292f3b;
font-weight: 700;
margin-bottom: 35px;
}
.blog-details-inner .leave-comment .comment-form input {
width: 100%;
font-size: 16px;
color: #636363;
height: 50px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
margin-bottom: 30px;
}
.gallery{
margin-bottom:30px;
background:#fff;
padding:10px;
border:1px solid#ddd;
}
.gallery img{
width:100%;
}
.blog-details-inner .leave-comment .comment-form textarea {
width: 100%;
resize: none;
font-size: 16px;
color: #636363;
height: 116px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
padding-top: 10px;
margin-bottom: 45px;
}
.category-view2 h1{
color:#fff;
text-transform:uppercase;
font-family: 'Kumbh Sans', sans-serif;
font-size:36px;
padding-top:60px;
}
/*---------------------
Map
-----------------------*/
.map {
padding-top: 80px;
padding-bottom: 0;
padding-left:65px;
padding-right:65px;
}
.map-inner {
}
.map-inner iframe {
width: 100%;
}
.map-inner .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-14px, -21px);
-ms-transform: translate(-14px, -21px);
transform: translate(-14px, -21px);
}
.map-inner .icon i {
font-size: 48px;
color: #e7ab3c;
}
/*---------------------
Contact Section
-----------------------*/
.contact-section {
padding-top: 75px;
padding-bottom: 80px;
padding-left:65px;
padding-right:65px;
}
.contact-title {
margin-bottom: 30px;
}
.contact-title h4 {
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #5c5c5c;
margin-bottom: 40px;
font-family: 'Kumbh Sans', sans-serif;
font-size: 24px;
}
.contact-widget .cw-item {
background: #ffffff;
margin-bottom: 11px;
-webkit-box-shadow: 0px 8px 35px 10px #E8E8E8;
box-shadow: 0px 8px 35px 10px #E8E8E8;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 10px;
}
.contact-widget .cw-item2 {
background: #000;
margin-bottom: 11px;
-webkit-box-shadow: 0px 8px 35px 10px #E8E8E8;
box-shadow: 0px 8px 35px 10px #E8E8E8;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0px;
color:#fff;
}
.map-inner2{
margin-top:70px;
}
.contact-widget .cw-item2 .ci-text p{
color:#fff;
}
.contact-widget .cw-item .ci-icon {
float: left;
margin-top: 12px;
}
.contact-widget .cw-item .ci-icon i {
font-size: 30px;
color: #b2b2b2;
}
.contact-widget .cw-item .ci-text {
display: table;
padding-left: 30px;
}
.contact-widget .cw-item .ci-text span {
color: #b2b2b2;
font-size: 16px;
}
.contact-widget .cw-item .ci-text p {
font-size: 18px;
color: #252525;
margin-bottom: 0;
}
.contact-form .leave-comment h4 {
font-size: 24px;
text-transform: uppercase;
letter-spacing: 1px;
color: #5c5c5c;
margin-bottom: 40px;
font-family: 'Kumbh Sans', sans-serif;
}
.contact-form .leave-comment p {
margin-bottom: 38px;
}
.contact-form .leave-comment .comment-form input {
width: 100%;
font-size: 16px;
color: #636363;
height: 50px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
margin-bottom: 30px;
}
.contact-form .leave-comment .comment-form textarea {
width: 100%;
resize: none;
font-size: 16px;
color: #636363;
height: 150px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 20px;
padding-top: 10px;
margin-bottom: 35px;
}
.contact-form .leave-comment .comment-form .site-btn {
padding: 13px 35px 11px;
}
/*---------------------
Faq Section
-----------------------*/
.faq-section {
padding-top: 80px;
padding-bottom: 54px;
}
.faq-accordin .card {
border: none;
margin-bottom: 22px;
}
.faq-accordin .card .card-heading {
font-size: 22px;
color: #252525;
font-weight: 700;
cursor: pointer;
}
.faq-accordin .card .card-heading a {
padding-left: 42px;
display: block;
}
.faq-accordin .card .card-body {
padding: 0;
padding-top: 13px;
padding-bottom: 10px;
}
.faq-accordin .card .card-body p {
margin-bottom: 0;
}
.faq-accordin .card-heading a:after,
.faq-accordin .card-heading>a.active[aria-expanded=false]:after {
content: "";
font-family: "FontAwesome";
font-size: 14px;
color: #404040;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
background: #EFEFF0;
margin-top: 3px;
position: absolute;
left: 0;
top: 0;
}
.faq-accordin .card-heading a[aria-expanded=true]:after,
.faq-accordin .card-heading>a.active:after {
content: "";
font-family: "FontAwesome";
float: left;
font-size: 13px;
color: #ffffff;
background: #e7ab3c;
}
/*---------------------
Register Form
-----------------------*/
.register-login-section {
padding-top: 72px;
padding-bottom: 80px;
}
.register-form h2,
.login-form h2 {
color: #252525;
font-weight: 700;
text-align: center;
margin-bottom: 35px;
}
.register-form form .group-input,
.login-form form .group-input {
margin-bottom: 25px;
}
.register-form form .group-input label,
.login-form form .group-input label {
display: block;
font-size: 18px;
color: #252525;
margin-bottom: 13px;
}
.register-form form .group-input input,
.login-form form .group-input input {
border: 1px solid #ebebeb;
height: 50px;
width: 100%;
padding-left: 20px;
padding-right: 15px;
}
.register-form form .register-btn,
.register-form form .login-btn,
.login-form form .register-btn,
.login-form form .login-btn {
width: 100%;
letter-spacing: 2px;
margin-top: 5px;
}
.register-form .switch-login,
.login-form .switch-login {
text-align: center;
margin-top: 22px;
}
.register-form .switch-login .or-login,
.login-form .switch-login .or-login {
color: #252525;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
position: relative;
}
.register-form .switch-login .or-login:before,
.login-form .switch-login .or-login:before {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #9f9f9f;
content: "";
}
.login-form .group-input.gi-check {
margin-bottom: 8px;
}
.login-form .group-input .gi-more {
overflow: hidden;
}
.login-form .group-input .gi-more label {
position: relative;
cursor: pointer;
padding-left: 28px;
font-size: 14px;
color: #6B6B6B;
float: left;
}
.login-form .group-input .gi-more label input {
position: absolute;
visibility: hidden;
}
.login-form .group-input .gi-more label input:checked~span {
border-color: #6C6C6C;
}
.login-form .group-input .gi-more label input:checked~span:after {
border-color: #6c6c6c;
}
.login-form .group-input .gi-more label .checkmark {
position: absolute;
left: 0;
top: 4px;
height: 13px;
width: 13px;
border: 1px solid #6C6C6C;
border-radius: 2px;
}
.login-form .group-input .gi-more label .checkmark:after {
left: 2px;
top: -2px;
width: 13px;
height: 6px;
border: solid #ffffff;
border-width: 2px 2px 0px 0px;
-webkit-transform: rotate(127deg);
-ms-transform: rotate(127deg);
transform: rotate(127deg);
}
.login-form .group-input .gi-more .forget-pass {
float: right;
line-height: 20px;
margin-top: -2px;
font-size: 14px;
color: #6B6B6B;
}
.sidenav {
height: 100%; /* 100% Full-height */
width: 0; /* 0 width - change this with JavaScript */
position: fixed; /* Stay in place */
z-index: 1; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
background-color: #fff; /* Black*/
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 60px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav nav a {
font-size: 12px;
padding: 12px 20px;
margin: 0;
border-bottom: 1px solid #e5e5e5;
font-weight: 600;
text-transform: uppercase;
transition: 0.3s;
display:block; color:#000;
font-family: 'Varela Round', sans-serif;
}
.sidenav nav{ margin-top:30px;}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
color: #f1f1f1;
}
.dropdown-btn {
text-decoration: none;
font-size: 20px;
color: #000;
display: block;
border: none;
background:#fff;
width:100%;
text-align: left;
cursor: pointer;
outline: none;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: #f1f1f1;
}
.dropdown-container {
display: none;
background-color: #fff;
padding-left: 8px;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
float: right;
padding-right: 8px;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
position: absolute;
top: 0;
right:0px;
font-size: 36px;
margin-left: 50px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
transition: margin-left .5s;
padding: 20px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
/* ------------------------------ Responsive Media Styles ---------------------------- */
.advanced-search .input-group i{ color:#ed1c24;
font-size:14px;}
@media only screen and (min-width: 1200px) and (max-width: 1920px) {
.inner-header .advanced-search .input-group button {
right:0px;
}
.product-item .pi-pic ul li a {
padding:5px;
}
.nav-item .nav-menu li a {
padding: 16px 45px 15px;
}
}
@media(max-width:1024px){
.main-menu{
}
.header-panel{
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
/* Medium Device: 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.inner-header .advanced-search .category-btn {
max-width: 36%;
}
.inner-header .advanced-search .input-group {
max-width: 64%;
}
.nav-item .nav-menu li a {
padding: 16px 26px 15px;
}
.hero-items .owl-nav button[type=button] {
left: 5px;
}
.hero-items .owl-nav button[type=button].owl-next {
right: 5px;
}
.countdown-timer .cd-item {
margin-right: 26px;
}
.product-details .quantity .primary-btn.pd-cart {
padding: 14px 30px 10px;
}
.tab-item ul li a {
padding: 18px 39px;
}
.inner-header .advanced-search .input-group button {
right: -7px;
}
.product-shop .product-item .pi-pic ul li a {
padding: 16px 12px 12px 11px;
}
.related-products .product-item .pi-pic ul li a {
padding: 16px 12px 12px 11px;
}
}
@media (min-width: 1200px){
.container {
width: 1200px;
}
}
@media(max-width:768px){
.heading h1{
font-size:24px!important;
}
}
@media only screen and (max-width: 991px) {
.banner-section {
padding: 0px 0 0px;
}
.single-banner {
margin-bottom: 30px;
}
.women-banner {
padding-right: 0;
padding-left: 0;
}
.product-large {
margin-left: 0;
margin-right: 0;
}
.deal-of-week {
margin-left: 0;
margin-right: 0;
}
.product-slider .owl-nav button[type=button] {
display: none;
}
.man-banner {
padding-right: 0;
padding-left: 0;
}
.place-order {
padding-top: 30px;
}
.blog-tags {
padding-bottom: 40px;
}
.blog-details-inner .blog-post .prev-blog {
margin-bottom: 40px;
}
.contact-form {
padding-top: 40px;
}
.product-large.m-large {
margin-top: 40px;
}
.hero-items .owl-nav button[type=button] {
left: 5px;
}
.hero-items .owl-nav button[type=button].owl-next {
right: 5px;
}
.product-shop.page-details .product-details {
padding-top: 30px;
}
.inner-header .advanced-search .input-group button {
right: -8px;
}
}
/* Tablet Device: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top .ht-right .login-panel {
padding-left: 10px;
}
.header-top .ht-right .top-social {
padding-right: 10px;
}
.header-top .ht-left .mail-service {
padding-right: 10px;
}
.header-top .ht-left .phone-service {
padding-left: 10px;
}
.header-top .ht-right .top-social a {
margin-left: 10px;
}
.inner-header .advanced-search .category-btn {
max-width: 40%;
padding-right: 25px;
}
.inner-header .advanced-search .input-group {
max-width: 60%;
}
.inner-header .nav-right li {
margin-left: 8px;
}
.nav-item .nav-depart .depart-btn {
padding: 14px 40px 14px 18px;
}
.nav-item .nav-menu li a {
padding: 16px 10px 15px;
}
.instagram-photo .insta-item .inside-text h5 {
font-size: 14px;
}
.tab-item ul li a {
padding: 18px 39px;
}
.hero-items .off-card {
left: 62%;
}
.blog-details-inner .blog-post .prev-blog {
padding-left: 30px;
}
.blog-details-inner .blog-post .next-blog {
padding-right: 30px;
}
.blog-sidebar,
.produts-sidebar-filter {
padding-top: 50px;
}
.checkout-content input {
margin-top: 50px;
}
}
/* Large Device: 480px */
@media only screen and (max-width: 767px) {
.navbar-toggler {
background: #eee;
}
.main-menu .navbar-nav .nav-link {
padding-left:0rem;
}
.main-menu .navbar-nav .dropdown-menu {
border: 0px none;
}
.main-menu .navbar{padding:0px 10px; justify-content: flex-start;}
.heading h1{
font-size:24px;
}
.instagram-photo .insta-item {
width: 50%;
height: 300px;
}
.copyright-reserved .copyright-text {
float: none;
margin-bottom: 10px;
text-align: center;
}
.copyright-reserved .payment-pic {
float: none;
text-align: center;
}
.header-top .ht-left,
.header-top .top-social {
display: none;
}
.header-top .ht-right .login-panel {
padding-top: 9px;
padding-bottom: 7px;
}
.header-top .ht-right .lan-selector {
margin-top: 5px;
margin-bottom: 5px;
}
.inner-header .advanced-search .category-btn {
display: none;
}
.inner-header .advanced-search .input-group {
max-width: 100%;
}
.inner-header {
padding: 0;
}
.inner-header .logo {
text-align: center;
padding:5px 0px;
}
.inner-header .logo img{
width:50%;
}
.inner-header .nav-right {
text-align: left;
}
.inner-header .nav-right li:first-child {
margin-left: 0;
}
.nav-item .nav-depart .depart-btn {
padding: 14px 50px 14px 18px;
}
.nav-item {
background: transparent;
}
.nav-item .nav-menu {
display: none;
}
.slicknav_menu {
display: block;
background: transparent;
text-align: center;
margin-top: -48px;
}
.slicknav_nav {
background: #333;
}
.slicknav_nav ul {
margin: 0;
text-align: left;
}
.slicknav_nav a,
.slicknav_nav .slicknav_row {
margin: 0;
}
.slicknav_nav .dropdown a {
padding-left: 25px;
}
.nav-item .nav-depart {
display: none;
}
.slicknav_btn {
border-radius: 0;
background-color: #e7ab3c;
display: inline-block;
right: -16px;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 8px 15px;
}
.slicknav_nav a:hover {
border-radius: 0;
background: #e7ab3c;
color: #fff;
}
.slicknav_nav .slicknav_row:hover {
border-radius: 0;
background: #e7ab3c;
color: #fff;
}
.inner-header .nav-right li.cart-icon .cart-hover {
left: -50px;
}
.product-show-option p {
text-align: left;
}
.tab-item ul li a {
padding: 18px 51px;
margin-bottom: 10px;
}
.cart-table {
overflow: auto;
}
.cart-table table tr th {
font-size: 12px;
}
.hero-items .single-hero-items {
padding: 110px 25px 80px;
height: auto;
background: left center;
}
.hero-items .single-hero-items h1 {
font-size: 40px;
}
.blog-details-inner .tag-share .details-tag ul li {
margin-right: 10px;
}
.blog-details-inner .tag-share .blog-share .social-links a {
margin-left: 15px;
}
.blog-details-inner .blog-detail-title p:before {
left: -135px;
width: 100px;
}
.blog-details-inner .blog-detail-title p:after {
right: -135px;
width: 100px;
}
.hero-items .off-card {
display: none;
}
.ps-slider .owl-nav button[type=button] {
left: 0;
}
.ps-slider .owl-nav button[type=button].owl-next {
right: 0;
}
.blog-details-inner .blog-post .prev-blog {
padding-left: 30px;
}
.blog-details-inner .blog-post .next-blog {
padding-right: 30px;
}
.blog-details-inner .posted-by {
padding: 40px 25px;
text-align: center;
}
.blog-details-inner .posted-by .pb-pic {
float: none;
margin-bottom: 30px;
}
.blog-details-inner .posted-by .pb-text {
padding-left: 0;
}
.blog-sidebar,
.produts-sidebar-filter {
padding-top: 50px;
}
.checkout-content input {
margin-top: 50px;
}
}
/* Small Device: 320px */
@media only screen and (max-width: 479px) {
.contact-section{
padding-left:0px;
padding-right:0px;
}
.footer-section {
background: #fff;
padding-top: 17px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid#ddd;
}
.category-view2 {
background-image: url(../img/common-bg.jpg);
transition: .2s all ease-in;
justify-content: center!important;
background-size:cover;
padding:90px 0px;
background-position: center;
height:auto;
background-repeat: no-repeat;
background-attachment: fixed;
}
.category-view2 h1 {
padding-top: 0px;
font-size:24px;
}
.breadcrumb-text {
padding: 15px 0px;
}
.product-shop {
padding-top: 0px;
padding-bottom: 0px;
padding-right:0px;
padding-left:0px;
}
.spad {
padding-top: 1px;
padding-bottom: 1px;
}
.instagram-photo .insta-item {
width: 100%;
}
.inner-header .advanced-search .category-btn {
display: none;
}
.inner-header .advanced-search .input-group {
max-width: 100%;
}
.inner-header .nav-right li.cart-icon .cart-hover {
width: 270px;
padding: 20px;
}
.countdown-timer .cd-item {
margin-right: 5px;
padding: 10px 6px;
}
.product-show-option .select-option {
display: inline-block;
}
.product-show-option .select-option .sorting.nice-select {
margin-bottom: 10px;
}
.product-details .quantity .primary-btn.pd-cart {
padding: 14px 20px 10px;
}
.tab-item ul li a {
padding: 18px 30px;
margin-bottom: 10px;
}
.specification-table table tr td.p-catagory {
width: 160px;
}
.blog-details-inner .blog-post .next-blog .nb-pic i {
display: none;
}
.blog-details-inner .blog-post .prev-blog .pb-pic i {
display: none;
}
.blog-details-inner .tag-share .details-tag {
float: none;
margin-bottom: 10px;
}
.blog-details-inner .tag-share .blog-share {
float: none;
}
.blog-details-inner .blog-detail-title p:before {
left: -62px;
width: 50px;
}
.blog-details-inner .blog-detail-title p:after {
right: -62px;
width: 50px;
}
.blog-details-inner .posted-by .pb-pic {
float: none;
margin-bottom: 15px;
}
.blog-details-inner .posted-by .pb-text {
padding-left: 0;
display: block;
}
.checkout-form .place-order .order-total {
padding-left: 20px;
padding-right: 20px;
}
.contact-widget .cw-item .ci-icon {
float: none;
margin-bottom: 5px;
}
.contact-widget .cw-item .ci-text {
padding-left: 0;
}
.benefit-items .single-benefit {
padding-left: 15px;
padding-right: 15px;
}
}