|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/kanvakanva.com/public_html/assets/frontend_new/css/ |
Upload File : |
body{
font-family: 'Raleway';
font-size: 14px;
line-height: 24px;
color: #333;
font-weight: 500;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
.wa-btn {
font-weight: 600;
color: white;
}
.wa-btn {
position: fixed;
bottom: 25px;
right: 16px;
display: inline-flex;
align-items: center;
height: 50px;
border-radius: 30px;
background: #cba884;
padding-left: 24px;
padding-right: 24px;
font-weight: 600;
color: white;
z-index: 99;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
text-decoration: none;
transition: 300;
}
.wa-btn span {
display: block;
line-height: 1.2;
}
img{
max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
line-height: 1.3em;
margin-top: 0;
color: #222;
}
h1{
font-size: 36px;
}
h2{
font-size: 30px;
}
h3{
font-size: 24px;
}
h4{
font-size: 20px;
}
h5{
font-size: 16px;
}
h6{
font-size: 14px;
}
a{
color: #cba884;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
}
a:hover, a:focus{
text-decoration: none;
color: inherit;
outline: none;
}
p{margin-bottom: 22px;}
ul, ol{
margin: 0;
padding: 0;
}
ul ul, ol ol, ul ol, ol ul{
padding-left: 30px
}
input[type="text"], input[type="email"],
textarea,
input[type="password"],input[type="tel"]{
border: 1px solid #e8e8e8;
padding: 6px 15px;
color: #747474;
max-width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus, input[type="password"]:focus{
outline: none;
}
.form-control{
border-radius: 0px;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-moz-placeholder { /* Firefox 18- */
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
::-moz-placeholder { /* Firefox 19+ */
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
.button, input[type="submit"]{
color: #fff;
display: inline-block;
padding: 9px 25px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: transparent;
position: relative;
background-color: #111111;
font-size: 12px;
border: none;
}
.button:hover, input[type="submit"]:hover{
background-color: #cba884;
color: #fff;
}
input[type="submit"]:before {
background-color: rgba(255, 255, 255, 0.1);
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
width: 0;
}
.button:hover,
input[type="submit"]:hover,
.button:focus,
input[type="submit"]:focus,
input,button{
outline: none;
}
.button:hover:after,
input[type="submit"]:hover:after{
height: 100%;
width: 100%;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.button.btn-primary{
background-color: #cba884;
}
.button.small{
padding: 1px 25px;
}
.button.medium {
padding: 13px 25px;
}
.header{
width: 100%;
height: 120px;
}
.brand{
width: 100px;
margin-top: 5px;
display: block;
}
.brand img{
width: 100%;
}
section,footer{
width: 100%;
float: left;
}
.width-100{
width: 100%;
}
.margin-top-90{
margin-top: 90px;
}
.margin-top-80{
margin-top: 80px;
}
.margin-top-50{
margin-top: 50px;
}
.margin-top-40{
margin-top: 40px;
}
.margin-top-30{
margin-top: 30px;
}
.margin-top-20{
margin-top: 20px;
}
.margin-top-10{
margin-top: 10px;
}
.pa-r-30{
padding-right: 30px;
}
.pa-l-30{
padding-left: 30px;
}
a:hover, a:focus {
text-decoration: none;
color: inherit;
outline: none;
}
.float-r{
float: right;
}
.float-l{
float: left;
}
.mobi-show{
display: none !important;
}
/*----------------------------------------
NAV TOP
------------------------------------------*/
.b-trend-nav{
list-style: none;
height: 50px;
margin-top: 20px;
text-align: center;
padding-top: 20px;
}
.b-trend-nav>li{
display: inline-block;
padding: 0px 20px;
position: relative;
}
.b-trend-nav>li a{
color: #666;
}
.b-trend-nav ul li a i{
float: right;
color: #ccc;
margin-top: 6px;
}
.text-align-left{
text-align: left;
}
.text-align-right{
text-align: right;
}
.text-align-center{
text-align: center;
}
/*about us*/
.lage-img-text{
background-color: #f5f5f5;
width: 100%;
float: left;
padding: 80px 0px;
}
/*dropdown menu*/
.drop-menu{
position: absolute;
top: 20px;
left: 0px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
width: 270px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
border-radius: 3px;
background-color: #fff;
z-index: 100;
font-family: 'Roboto';
font-weight: 400;
padding: 0px;
}
.b-trend-nav li:hover .drop-menu{
visibility: inherit;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
.drop-menu .drop-menu-list ul{
list-style: none;
float: left;
width: 100%;
padding: 20px 30px;
}
.drop-menu .drop-menu-list ul li{
text-align: left;
float: left;
width: 100%;
position: relative;
}
.menu-list-item li a{
color: #666;
border-bottom: 1px dotted #cecece;
padding: 8px 0px;
display: block;
}
.menu-list-item{
list-style: none;
float: left;
width: 100%;
padding: 20px 30px;
}
.menu-list-item li:last-child a{
border-bottom: 0px;
}
.menu-list-item li a:hover{
color: #cba884;
}
.drop-menu .drop-menu-child{
position: absolute;
top: -10px;
left: 220px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
width: 270px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
border-radius: 3px;
background-color: #fff;
z-index: 10;
font-family: 'Roboto';
font-weight: 400;
padding: 0px;
}
.drop-menu .drop-menu-list li:hover .drop-menu-child{
visibility: inherit;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
/* #Dropdown Menu */
/* Mega Menu 1 */
.mega-menu{
position: absolute;
top: 20px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
max-width: 1170px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
border-radius: 3px;
background-color: #fff;
font-family: 'Roboto';
z-index: 10;
font-weight: 400;
padding: 30px;
}
.show-mega{
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
.mega-menu ul{
list-style: none;
text-align: left;
}
.mega-menu .menu-list-item{
padding: 0px;
}
.mega-title{
text-align: left;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
padding: 0px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.mega-title:before{
position: absolute;
content: "";
width: 20px;
height: 3px;
background-color: #cba985;
bottom: -10px;
left: 0px;
}
/* Megamenu style 2 */
.mega-title-img{
position: relative;
width: 100%;
float: left;
}
.mega-title-img .mega-title{
text-align: left;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
padding: 0px;
margin-bottom: 20px;
position: absolute;
z-index: 2;
top: 30px;
left: 20px;
}
.mega-title-img .mega-title:before{
position: absolute;
content: "";
width: 20px;
height: 3px;
background-color: #cba985;
bottom: -10px;
left: 0px;
}
.mega-title-img img{
position: relative;
top: 0px;
left: 0px;
z-index: 1;
}
.mega-menu-2 .menu-list-item{
padding-left: 20px;
}
.mega-menu-2 .menu-list-item li a{
position: relative;
padding-left: 20px;
}
.mega-menu-2 .menu-list-item li a:before{
content: "\f0da";
font: normal normal normal 12px/1 FontAwesome;
color: #666;
position: absolute;
top: 14px;
left: 0px;
}
.mega-menu-2 .menu-list-item li a:hover:before {
color: #cba884;
}
.menu-icon-box{
float: left;
width: 20%;
}
.menu-icon-box i{
font-size: 60px;
color: #999;
border: 1px dotted #ccc;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
}
.menu-item-des{
float: left;
margin-left: 20px;
width: calc(80% - 20px);
}
/*----------------------------------------
RIGHT NAV TOP
------------------------------------------*/
.nav-right{
height: 50px;
padding-top: 20px;
margin-top: 20px;
text-align: right;
}
/*Top search box*/
.nav-search{
display: inline-block;
margin-right: 20px;
color: #cba884;
font-size: 20px;
position: relative;
}
.in-nav-search{
width: 250px;
float: left;
position: absolute;
top: -7px;
right: -13px;
display: none;
-webkit-transition: all linear 0.5s;
-ms-transition: all linear 0.5s;
-moz-transition: all linear 0.5s;
}
.nav-input-search{
width: 100%;
border-radius: 20px;
font-size: 14px;
color: #ccc;
}
.btn-search{
background-color: transparent;
border: 0px;
position: absolute;
top: 6px;
right: 7px;
}
.show-nav-search{
cursor: pointer;
}
/*Top cart*/
.nav-cart{
display: inline-block;
color: #cba884;
font-size: 14px;
position: relative;
}
.show-mini-cart{
font-size: 20px;
cursor: pointer;
}
.notice-cart{
position: absolute;
width: 15px;
height: 15px;
text-align: center;
line-height: 13px;
background-color: #cba985;
border: 1px solid #b7926b;
border-radius: 15px;
color: #fff;
font-size: 11px;
top: -5px;
right: -15px;
}
.mini-cart-hover{
width: 300px;
position: absolute;
top: 20px;
right: 0px;
text-align: left;
position: absolute;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
border-radius: 3px;
background-color: #fff;
font-family: 'Roboto';
z-index: 10;
font-weight: 400;
padding: 30px;
}
.mc-ul{
list-style: none;
float: left;
width: 100%;
}
.mc-ul li{
width: 100%;
float: left;
border-bottom: 1px dotted #cecece;
padding: 20px 0px;
position: relative;
}
.mc-ul li .mc-img-product{
width: 50px;
float: left;
}
.mc-ul li .mc-name-product{
width: calc(100% - 80px);
float: left;
font-size: 14px;
font-weight: 500;
color: #666;
margin-left: 30px;
}
.mini-cart-title{
font-size: 14px;
color: #666;
text-transform: uppercase;
position: relative;
}
.mini-cart-title:before{
position: absolute;
content: "";
width: 20px;
height: 3px;
background-color: #cba985;
bottom: -10px;
left: 0px;
}
.mini-cart-title span{
color: #cba884;
}
.mc-price{
display: block;
font-size: 12px;
color: #999;
}
.mc-btn-remove{
position: absolute;
top: 20px;
right: 0px;
cursor: pointer;
}
.mc-price ins {
text-decoration: none;
}
.mc-price del {
font-size: 14px;
font-family: 'Karla', sans-serif;
}
.mc-sub{
width: 100%;
float: left;
padding: 10px 0px;
margin-bottom: 10px;
}
.mc-btn{
width: 100%;
float: left;
text-align: center;
background-color: #cba884;
margin-bottom: 10px;
padding: 10px 0px;
}
.mc-btn{
width: 100%;
float: left;
text-align: center;
background-color: #333;
color: #fff;
margin-bottom: 10px;
padding: 10px 0px;
text-transform: uppercase;
}
.mc-btn:hover{
background-color: #cba884;
color: #fff;
}
.mc-btn-chout{
background-color: transparent;
color: #cba884;
border: 1px solid #cba884;
margin-bottom: 0px;
}
.nav-cart:hover .mini-cart-hover{
visibility: inherit;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
/*----------------------------------------
SLIDER TOP
------------------------------------------*/
.slider-style{
width: 100%;
float: left;
}
.slider-style1 .owl-item{
background-color: #f5f5f5;
}
.slider-style1 .left-slider{
width: 50%;
float: left;
padding: 60px;
}
.slider-style1 .right-slider{
width: 50%;
float: left;
}
.slider-style1 .owl-item img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
opacity: .4;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-item.active img{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
opacity: 1;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls{
top: 0px;
}
.slider-style1 .owl-controls .owl-prev{
position: absolute;
bottom: 0px;
left: 135px !important;
width: 46px;
height: 46px;
opacity: .5;
background-color: #cba884;
color: #fff;
text-align: center;
line-height: 26px;
font-size: 0px;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-prev:before{
position: absolute;
content: "\f177";
font: normal normal normal 20px/1 FontAwesome;
top: 13px;
left: 14px;
opacity: .7;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-prev:hover,
.slider-style1 .owl-controls .owl-prev:hover:before{
opacity: 1;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-next{
position: absolute;
top: 0px;
right: 135px !important;
width: 46px;
height: 46px;
opacity: .7;
background-color: #cba884;
color: #fff;
text-align: center;
line-height: 45px;
font-size: 0px;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-next:before{
position: absolute;
content: "\f178";
font: normal normal normal 20px/1 FontAwesome;
top: 13px;
left: 14px;
opacity: .7;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-next:hover,
.slider-style1 .owl-controls .owl-next:hover:before{
opacity: 1;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-style1 .owl-controls .owl-dots{
position: absolute;
text-align: center;
margin-top: 30px;
}
.slider-style1 .owl-controls .owl-dots .owl-dot{
width: 15px;
height: 15px;
background-color: #e0e0e0;
display: inline-block;
margin-right: 10px;
}
.slider-style1 .owl-controls .owl-dots .owl-dot.active{
background-color: #fff;
border: 2px solid #cba884;
}
/*----------------------------------------
AVAILABILITY
------------------------------------------*/
.availability{
}
.availability-item{
text-align: center;
border-radius: 5px;
border: 2px dotted #cecece;
font-size: 14px;
padding: 15px 30px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.availability-item:hover{
color: #cba884;
border: 2px dotted #cba884;
}
.availability-item:hover .availability-title,
.availability-item:hover .availability-icon,
.availability-item:hover .availability-title small{
color: #cba884;
}
.availability-icon{
font-size: 20px;
color: #999;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.availability-title{
text-transform: uppercase;
font-family: 'Roboto';
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #666;
margin-top: 5px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.availability-title small{
display: block;
font-size: 14px;
text-transform: none;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
/*----------------------------------------
NEW ARRIVALS
------------------------------------------*/
.title-product-box{
font-size: 30px;
text-transform: uppercase;
letter-spacing: 16px;
font-weight: 900;
color: #cba884;
text-align: center;
line-height: 60px;
}
.title-product-box small{
font-size: 15px;
text-transform: none;
letter-spacing: 0px;
font-family: 'Roboto';
font-weight: 400;
color: #999;
display: block;
text-align: center;
}
.btrend-carousel .owl-controls{
position: absolute;
top: 50%;
width: 100%;
}
.btrend-carousel .owl-controls .owl-nav .owl-prev{
left: -100px;
position: absolute;
width: 40px;
height: 40px;
border: 3px solid #cba884;
color: #cba884;
font-size: 0px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
opacity: 0;
filter: alpha(opacity=0);
}
.btrend-carousel .owl-controls .owl-nav .owl-prev:hover{
background-color: #cba884;
}
.btrend-carousel .owl-controls .owl-nav .owl-prev:before{
content: "\f104";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 10px;
color: #cba884;
}
.btrend-carousel .owl-controls .owl-nav .owl-prev:hover:before{
color: #fff;
}
.btrend-carousel .owl-controls .owl-nav .owl-next{
right: -100px;
position: absolute;
width: 40px;
height: 40px;
border: 3px solid #cba884;
color: #cba884;
font-size: 0px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
opacity: 0;
filter: alpha(opacity=0);
}
.btrend-carousel .owl-controls .owl-nav .owl-next:hover{
background-color: #cba884;
}
.btrend-carousel .owl-controls .owl-nav .owl-next:before{
content: "\f105";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 13px;
color: #cba884;
}
.btrend-carousel .owl-controls .owl-nav .owl-next:hover:before{
color: #fff;
}
.btrend-carousel:hover .owl-controls .owl-nav .owl-prev{
left: -60px;
opacity: 1;
filter: alpha(opacity=100);
}
.btrend-carousel:hover .owl-controls .owl-nav .owl-next{
right: -60px;
opacity: 1;
filter: alpha(opacity=100);
}
.product-wrap{
position: relative;
overflow: hidden;
width: 100%;
}
.product-des{
width: 100%;
float: left;
min-height: 150px;
margin-bottom: 10px;
}
.product-des h2{
font-size: 17px;
text-transform: uppercase;
margin-bottom: 0px;
font-family: 'Karla', sans-serif;
}
.product-des h2 a{
color: #333;
}
.product-des .mc-price{
font-size: 17px;
}
.product-des .mc-price ins{
color: #cba884;
font-family: 'Karla', sans-serif;
}
.button-hover{
width: 36px;
position: absolute;
right: 0px;
bottom: 0px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
opacity: 0;
filter: alpha(opacity=0);
}
.wishlist,.compare,.add-cart,.btn-quickview{
width: 36px;
height: 36px;
color: #fff;
background-color: #cba884;
border: 2px solid #cba884;
text-align: center;
line-height: 36px;
float: left;
margin-bottom: 10px;
}
.product-wrap:hover .button-hover{
opacity: 1;
right: 10px;
filter: alpha(opacity=100);
}
.button-hover a:hover{
border: 2px solid #cba884;
color: #cba884;
background-color: transparent;
}
.btn-quickview:hover i{
color: #cba884 !important;
}
.btn-quickview:active i,
.btn-quickview:visited i{
color: #fff;
}
/* begin ad border effect*/
.ad-border {
position: relative;
display: block;
overflow: hidden;
}
.ad-border:before, .ad-border:after {
content: "";
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 1;
}
.ad-border:before {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
top: 30px;
right: 15px;
bottom: 30px;
left: 15px;
}
.ad-border:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
-o-transform: scale(0,1);
transform: scale(0,1);
top: 15px;
right: 30px;
bottom: 15px;
left: 30px;
}
.ad-border:hover:before, .ad-border:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ad-border img {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.ad-border:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.9;
}
/* end ad border effect*/
/* begin ad opacity effect*/
.ad-opacity:hover:before {
opacity: 1;
filter: alpha(opacity=100);
}
.ad-opacity {
display: table;
overflow: hidden;
position: relative;
width: 100%;
}
.ad-opacity:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.2);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease 0.5s;
-o-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
z-index: 1;
}
.ad-opacity:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.ad-opacity img {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
/* end ad opacity effect*/
/*BEGIN COUNTDOWN TIMER*/
.ct-producst-left{
position: relative;
}
.ct-product-sale{
position: absolute;
top: 30px;
left: -30px;
width: 80px;
height: 80px;
background-color: #cba884;
opacity: .5;
text-align: center;
color: #fff;
font-family: 'Roboto';
font-size: 30px;
font-weight: 900;
line-height: 80px;
}
.ct-product-prices-wrap{
position: absolute;
width: 230px;
height: 180px;
background-color: #cba884;
opacity: .8;
text-align: center;
top: 160px;
right: -120px;
color: #fff;
font-family: 'Roboto';
font-size: 30px;
font-weight: 900;
padding: 30px;
}
.ct-product-prices{
display: block;
}
.ct-product-sp{
font-weight: 400;
font-size: 15px;
margin-bottom: 20px;
}
.ct-product-prices ins{
text-decoration: none;
display: block;
border-bottom: 3px dotted #fff;
margin-top: 10px;
padding-bottom: 15px;
}
.ct-product-prices del{
font-size: 20px;
font-weight: 400;
display: block;
margin-top: 15px;
}
.ct-product-right{
padding-left: 160px;
}
.ct-product-title{
font-size: 30px;
font-weight: 900;
color: #666;
margin-bottom: 0px;
}
.ct-product-des{
font-size: 14px;
color: #999;
line-height: 24px;
}
#clockdiv{
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
}
#clockdiv > div{
padding: 10px;
border-radius: 3px;
display: inline-block;
}
#clockdiv div > span{
border-radius: 3px;
background-color: #f3f3f3;
border: 1px solid #e4e4e4;
border-radius: 60px;
width: 60px;
height: 60px;
color: #999;
line-height: 60px;
text-align: center;
display: inline-block;
font-family: 'Abril Fatface', cursive;
}
#clockdiv .smalltext{
padding-top: 5px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #ccc;
}
.clock-wrap{
width: 100%;
}
.button-countdown{
width: 100%;
}
.btn-shopnow{
padding: 10px 20px;
border: 1px dotted #ccc;
border-radius: 3px;
text-transform: uppercase;
font-weight: 900;
color: #999;
font-size: 14px;
font-family: 'Roboto';
position: relative;
}
.btn-shopnow:before{
content: "\f0c4";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: -7px;
right: 20px;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.btn-shopnow:hover{
border: 1px dotted #cba884;
color: #cba884;
}
.btn-shopnow:hover:before{
color: #cba884;
}
/*END COUNTDOWN TIMER*/
/* BEGIN HERO AD*/
.hero-ad-wrap{
background-color: #f5f5f5;
float: left;
width: 100%;
}
.hero-ad-texts{
padding: 120px 50px;
}
.hero-ad-texts h3{
font-size: 70px;
font-weight: 900;
color: #333;
font-family: 'Roboto';
text-transform: uppercase;
}
.hero-ad-texts h3 span{
font-size: 70px;
font-weight: 300;
color: #cba884;
font-family: 'Roboto';
text-transform: uppercase;
}
.hero-ad-texts h3 span sup{
font-size: 40px;
}
.hero-ad-texts .des{
font-size: 20px;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: 700;
color: #cba884;
}
.hero-ad-texts .des-box{
font-size: 18px;
letter-spacing: 4px;
text-transform: uppercase;
font-weight: 300;
color: #999;
border: 2px solid #e1e1e1;
padding: 5px 10px;
margin-left: 10px;
}
.hero-ad-texts p{
font-size: 16px;
color: #999;
line-height: 24px;
}
.hero-ad-texts .btn-right{
font-size: 20px;
}
/* END HERO AD*/
/* BEGIN SLIDER BLOGS*/
.blogs-wrap{
position: relative;
}
.slider-blogs-left{
position: relative;
}
.blogs-date-label{
position: absolute;
width: 56px;
height: 56px;
background-color: #cba884;
color: #fff;
text-align: center;
text-transform: uppercase;
top: 26px;
right: -30px;
padding: 0px 8px;
z-index: 9;
}
.blogs-date-label span{
font-size: 25px;
font-weight: 900;
text-align: center;
display: block;
padding: 5px 0px;
}
.blogs-date-label small{
font-size: 14px;
font-weight: 300;
text-align: center;
display: block;
border-top: 1px dotted #fff;
}
.slider-blogs-right{
padding-left: 30px;
padding-top: 20px;
}
.slider-blogs-right h3{
font-size: 14px;
text-transform: uppercase;
color: #333;
line-height: 24px;
font-weight: 700;
}
.slider-blogs-right h3 a{
color: #333;
}
.slider-blogs-right h3 a:hover{
color: #cba884;
}
.slider-blogs-right p{
font-size: 14px;
color: #666;
line-height: 18px;
margin-top: 30px;
}
.slider-blogs-readmore{
font-size: 14px;
color: #666;
line-height: 18px;
margin-top: 30px;
position: relative;
padding-left: 40px;
}
.slider-blogs-readmore:hover{
color: #cba884;
}
.slider-blogs-readmore:before {
content: "\f178";
font: normal normal normal 18px/1 FontAwesome;
position: absolute;
color: #999;
top: 0px;
left: 0px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.slider-blogs-readmore:hover:before {
color: #cba884;
top: 0px;
left: 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
/*custom dots slider*/
.slider-dot .owl-controls .owl-next:hover,
.slider-blogs .owl-controls .owl-next:hover:before{
opacity: 1;
transition-timing-function: ease-in;
transition: 0.2s;
}
.slider-dot .owl-controls .owl-dots{
position: absolute;
text-align: center;
margin-top: 180px;
width: 100%;
}
.slider-dot .owl-controls .owl-dots .owl-dot{
width: 15px;
height: 15px;
background-color: #e0e0e0;
display: inline-block;
margin-right: 10px;
}
.slider-dot .owl-controls .owl-dots .owl-dot.active{
background-color: #fff;
border: 2px solid #cba884;
}
.slider-dot .owl-dots {
position: absolute;
bottom: -30px;
top: inherit;
width: 100%;
}
/*end custom dots slider*/
/* END SLIDER BLOGS*/
/* BEGIN CLIENT */
.section-client{
margin-top: 150px;
}
.slider-client .owl-item{
opacity: .6;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.slider-client .owl-item:hover{
opacity: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.section-client .slider-client-wrap{
border-top: 1px dotted #ccc;
}
.slider-client .owl-controls {
position: absolute;
top: 36%;
width: 100%;
}
/* END CLIENT */
/* BEGIN SUBSCRIBE */
.section-subscribe{
background: url('../images/WEB BANNER-SUBSCRIBE.jpg') center top no-repeat;
padding: 80px 0px 146px 0px;
}
.form-subscribe{
margin: auto;
width: 100%;
position: relative;
}
.form-subscribe input{
width: 100%;
height: 43px;
color: #999999;
font-size: 14px;
padding: 0px 30px;
}
.form-subscribe button{
position: absolute;
width: 43px;
height: 43px;
top: 0px;
right: 0px;
border: 0px;
background: transparent;
color: #cba884;
}
/* END SUBSCRIBE */
/* BEGIN TESTIMONIAL */
.item-testimonial-content{
text-align: center;
padding: 30px 0px;
}
.item-testimonial-img{
width: 96px;
height: 96px;
position: relative;
text-align: center;
margin: auto;
}
.item-testimonial-img:before{
content: "";
width: 20px;
height: 20px;
background-color: #cba884;
opacity: .8;
position: absolute;
top: -10px;
right: -10px;
z-index: 1;
}
.item-testimonial-img:after{
content: "";
width: 14px;
height: 14px;
background-color: #cba884;
opacity: .5;
position: absolute;
bottom: -7px;
left: -7px;
z-index: 1;
}
.item-testimonial-text h4{
font-size: 14px;
text-transform: uppercase;
color: #666;
display: block;
font-weight: 700;
}
.item-testimonial-text h4 small{
font-size: 14px;
text-transform: uppercase;
color: #666;
display: block;
font-weight: 300;
margin-top: 20px;
}
.testi-quos{
position: relative;
text-align: center;
margin-top: 80px;
color: #666;
}
.testi-quos:before{
content: "\f10d";
position: absolute;
text-align: center;
left: calc(50% - 6px);
top: -30px;
color: #999;
font: normal normal normal 14px/1 FontAwesome;
}
.slider-testimonial.slider-dot .owl-controls .owl-dots {
position: absolute;
text-align: center;
margin-top: 200px;
}
/* END TESTIMONIAL */
/*BEGIN FOOTER*/
.footer-wrap{
background-color: #f5f5f5;
padding: 60px 0px;
color: #666;
font-size: 14px;
}
.footer-wrap ul{
list-style: none;
}
.f-title-box{
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #666;
display: block;
margin-bottom: 30px;
}
.footer-wrap .brand{
margin-top: 0px;
}
.f-ul-tags li{
display: inline-block;
}
.f-ul-tags li a{
border: 1px solid #d4d4d4;
display: inline-block;
color: #666;
padding: 3px 10px;
margin-bottom: 10px;
margin-right: 8px;
}
.f-ul-tags li a:hover{
color: #cba884;
border: 1px solid #cba884;
}
.f-ul-brands li{
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.f-ul-socials li{
display: inline-block;
}
.f-ul-socials li a{
border: 2px solid #999;
color: #999;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
display: inline-block;
border-radius: 32px;
margin-right: 8px;
margin-bottom: 8px;
}
.f-ul-socials li a:hover{
border: 2px solid #cba884;
color: #cba884;
}
.f-text-links{
text-align: center;
padding-top: 30px;
}
.f-text-links a{
color: #666;
border-right: 1px solid #999;
padding: 0px 10px;
}
.f-text-links a:hover{
color: #cba884;
}
.f-text-links a:last-child{
border-right: 0px;
}
.f-copyright{
text-align: center;
}
.f-ul-payment-brands{
width: 100%;
text-align: center;
}
.f-ul-payment-brands li{
display: inline-block;
}
/*END FOOTER*/
/*BEGIN BACK TO TOP*/
.back-to-top{
position: fixed;
right: 15px;
bottom: 15px;
width: 42px;
height: 42px;
border-radius: 50px;
background-color: #cba884;
color: #fff;
text-align: center;
line-height: 40px;
display: none;
font-size: 20px;
z-index: 1;
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
}
.back-to-top:hover,.back-to-top:active,.back-to-top:focus{
color: #fff;
}
/*END BACK TO TOP*/
/*BEGIN HUMBERGER BUTTON*/
.humberger-btn {
position: absolute;
top: 17px;
left: 20px;
height: 20px;
width: 20px;
cursor: pointer;
z-index: 99;
display: none;
}
.draw-humberger {
width: 20px;
height: 2px;
background-color: #cba884;
position: absolute;
top: 8px;
left: 0px;
}
.draw-humberger:before {
content: "";
width: 20px;
height: 2px;
background-color: #ccc;
top: -7px;
left: 0px;
position: absolute;
}
.draw-humberger:after {
content: "";
width: 20px;
height: 2px;
background-color: #ccc;
top: 7px;
left: 0px;
position: absolute;
}
.draw-humberger-x{
width: 0px;
height: 0px;
}
.draw-humberger-x:before {
content: "";
width: 20px;
height: 2px;
background-color: #ccc;
top: 0px;
left: 0px;
position: absolute;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-45deg);
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
}
.draw-humberger-x:after {
content: "";
width: 20px;
height: 2px;
background-color: #ccc;
top: 0px;
left: 0px;
position: absolute;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(45deg);
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
}
/*END HUMBERGER BUTTON*/
/*BEGIN LEFT SIDEBAR*/
.left-sidebar{
width: 70%;
background-color: #ebebeb;
float: left;
position: absolute;
left: -70%;
top: 0px;
z-index: 9999;
height: 100%;
overflow: scroll;
transition-timing-function: ease-in;
transition: 0.2s;
}
.left-sidebar-side{
left: 0%;
top: 0px;
transition-timing-function: ease-in;
transition: 0.2s;
}
.all-wrap{
position: relative;
top: 0px;
left: 0px;
transition-timing-function: ease-in;
transition: 0.2s;
width: 100%;
overflow-x: hidden;
}
.all-wrap-side{
left: 70%;
top: 0px;
transition-timing-function: ease-in;
transition: 0.2s;
overflow-y: hidden;
overflow-x: hidden;
width: 100%;
height: 100%;
position: fixed;
}
.overlay{
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background-color: #000;
opacity: .8;
display: none;
z-index: 999;
cursor: pointer;
}
.left-sidebar-top{
background-color: #cba985;
color: #fff;
float: left;
width: 100%;
padding: 10px 15px;
}
.ls-avata{
float: left;
width: 36px;
height: 55px;
}
.ls-avata img{
width: 100%;
height: 100%;
}
.ls-user-des{
float: left;
width: calc(100% - 66px);
padding-left: 15px;
margin-top: 9px;
}
.ls-user-des span{
display: block;
font-size: 12px;
line-height: 22px;
}
.ls-user-des span:nth-child(1){
font-size: 16px;
}
.ls-list-links{
float: left;
width: 100%;
padding-right: 20px;
list-style: none;
}
.ls-list-links li{
border-bottom: 1px solid #d7d7d7;
height: 40px;
line-height: 40px;
float: left;
width: 100%;
color: #333;
}
.ls-list-links li:last-child{
border-bottom: 0px;
}
.ls-list-links li a{
color: #333;
}
.ls-list-links li a i{
color: #333;
font-size: 20px;
width: 39px;
height: 39px;
background-color: #ccc;
display: inline-block;
text-align: center;
line-height: 40px;
float: left;
margin-right: 15px;
}
.ls-label-head{
float: left;
width: calc(100% - 20px);
background-color: #a9a9a9;
padding: 5px 15px;
color: #fff;
margin-right: 20px;
}
.ls-active{
background-color: #cba985;
color: #fff;
}
.ls-list-links li.ls-active a{
color: #fff;
}
.ls-list-links li.ls-active a i{
background-color: #cba985;
color: #fff;
}
.ls-list-links li{
position: relative;
}
/*.ls-list-links li:after{
content: "";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 10px;
top: 12px;
color: #999;
}*/
.ls-label-head span:after{
content: "";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 10px;
margin-top: 5px;
color: #fff;
}
.subcat2 span:after{
content: "";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 10px;
margin-top: 10px;
color: #999;
}
.ls-list-links li.ls-active:after{
content: "";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 10px;
top: 12px;
color: #fff;
}
.no-scroll{
overflow-y: hidden;
}
/*END LEFT SIDEBAR*/
/*BACK TO TOP*/
.back-to-top{
position: fixed;
right: 15px;
bottom: 15px;
width: 42px;
height: 42px;
border-radius: 50px;
background-color: #cba884;
color: #fff;
text-align: center;
line-height: 40px;
display: none;
font-size: 20px;
z-index: 1;
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
}
.back-to-top:hover,.back-to-top:active,.back-to-top:focus{
color: #fff;
}
/*END BACK TO TOP*/
/*-----------------------------------------
BEGIN STYLE HOME 2
-------------------------------------------*/
/*custom header*/
.header-2{
position: fixed;
top: 0px;
left: 0px;
z-index: 99;
}
.header-2 .brand{
text-align: center;
width: 100%;
}
.header-2 .brand img{
width: 50px;
margin-left: calc(50% - 20px);
}
.header-2 .humberger-btn{
display: block;
top: 46px;
}
.header-2 .container{
position: relative;
}
.header-2 .humberger-btn:before{
content: "MENU";
position: absolute;
left: 30px;
letter-spacing: 7px;
font-weight: 900;
color: #cba985;
top: -2px;
}
.header-2 .draw-humberger {
background-color: #cba985;
}
.header-2 .draw-humberger:before{
background-color: #cba985;
}
.header-2 .draw-humberger:after{
background-color: #cba985;
}
.header-2-fix{
position:fixed;
height: 90px;
top: 0px;
left: 0px;
right: 0px;
-webkit-transition: all 0.2s ease-out 0.2s;
-moz-transition: all 0.2s ease-out 0.2s;
-o-transition: all 0.2s ease-out 0.2s;
transition: all 0.2s ease-out 0.2s;
z-index: 9;
background-color: #fff;
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
}
.header-2-fix .nav-right{
height: 50px;
padding-top: 20px;
margin-top: 12px;
}
.header-2-fix .brand{
margin-top: 20px;
}
.header-2-fix .humberger-btn {
display: block;
top: 37px;
}
/*custom slider*/
.slider-style2 .owl-controls{
position: absolute;
top: 50%;
width: 100%;
}
.slider-style2 .owl-controls .owl-nav .owl-prev{
left: 0px;
position: absolute;
width: 40px;
height: 40px;
border: 3px solid #cba884;
color: #cba884;
font-size: 0px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
opacity: .3;
filter: alpha(opacity=0);
}
.slider-style2 .owl-controls .owl-nav .owl-prev:hover{
background-color: #cba884;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style2 .owl-controls .owl-nav .owl-prev:before{
content: "\f104";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 10px;
color: #cba884;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style2 .owl-controls .owl-nav .owl-prev:hover:before{
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style2 .owl-controls .owl-nav .owl-next{
right: 0px;
position: absolute;
width: 40px;
height: 40px;
border: 3px solid #cba884;
color: #cba884;
font-size: 0px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
opacity: .3;
filter: alpha(opacity=0);
}
.slider-style2 .owl-controls .owl-nav .owl-next:hover{
background-color: #cba884;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style2 .owl-controls .owl-nav .owl-next:before{
content: "\f105";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 13px;
color: #cba884;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style2 .owl-controls .owl-nav .owl-next:hover:before{
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
/*text-style-slider*/
.slider-style2 .slider-main{
position: relative;
}
.slider-style2 .text-style-slider{
position: absolute;
z-index: 999;
top: 30%;
width: 32%;
}
.slider-style2 .text-style-slider span{
font-size: 14px;
color: #999;
letter-spacing: 8px;
text-transform: uppercase;
font-weight: 900;
}
.slider-style2 .text-style-slider h2{
font-size: 60px;
font-weight: 900;
color: #666;
text-transform: uppercase;
}
.slider-style2 .text-style-slider h2 small{
display: block;
font-size: 50px;
font-weight: 300;
color: #666;
text-transform: uppercase;
}
.slider-style2 .text-style-slider h2 p{
font-size: 14px;
color: #999;
}
.slider-style2 .text-style-slider a{
border: 2px solid #999;
padding: 8px 20px;
color: #999;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.slider-style2 .text-style-slider a:hover{
border: 2px solid #cba884;
color: #cba884;
}
/*left slidebar*/
.home2 .left-sidebar-home2{
width: 30%;
}
.home2 .all-wrap-side{
left: 30%;
}
.home2 .title-product-box{
font-family: 'Abril Fatface', cursive;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 40px;
}
.home2 .title-product-box small{
margin-top: 10px;
}
/*top product*/
.item-tp-img{
width: calc(50% - 30px);
float: left;
border: 3px solid #ededed;
}
.item-right-tp{
float: left;
width: calc(50% + 30px);
padding-left: 30px;
}
.item-right-tp h2{
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.item-right-tp h2 a{
color: #666;
}
.item-right-tp h2 a:hover{
color: #cba884;
}
.item-right-tp span{
color: #cba884;
font-size: 14px;
font-weight: 700;
display: block;
border-bottom: 3px dotted #eee;
padding-bottom: 10px;
}
.item-right-tp ul{
list-style: none;
display: block;
padding: 10px 0px;
width: 100%;
float: left;
margin-top: 10px;
}
.item-right-tp ul li{
display: inline-block;
border: 1px solid #eee;
padding: 2px;
background-color: #fff;
width: 30px;
height: 30px;
float: left;
margin-right: 5px;
}
.shopnow-right-tp{
color: #999;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
position: relative;
}
.shopnow-right-tp:before{
content: "\f0da";
font: normal normal normal 17px/1 FontAwesome;
position: absolute;
top: -1px;
left: -20px;
color: #cecece;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.shopnow-right-tp:after{
content: "";
width: 25px;
border-bottom: 2px dotted #cecece;
position: absolute;
top: 7px;
left: -50px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.shopnow-right-tp:hover{
color: #cba884;
}
.shopnow-right-tp:hover:after,.shopnow-right-tp:hover:before {
color: #cba884;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.shopnow-right-tp:hover:before{
left: -15px;
}
.shopnow-right-tp:hover:after{
left: -45px;
border-bottom: 2px dotted #cba884;
}
/*hero banner*/
.home2 .hero-banner-2{
background-color: #f2f2f2;
}
.home2 .hero-ad-wrap {
background-color: #f2f2f2;
}
/*best offer*/
.best-offer .item-tp-img{
border: 0px;
}
.best-offer .sale-off-label{
width: 40px;
height: 30px;
text-align: center;
line-height: 30px;
background-color: #fdada5;
color: #fff;
font-size: 14px;
border-radius: 3px;
margin-bottom: 20px;
}
.best-offer .item-right-tp h2{
text-transform: none;
position: relative;
}
.best-offer .item-right-tp h2:before{
position: absolute;
content: "";
width: 40px;
border-bottom: 3px dotted #ccc;
bottom: -10px;
left: 0px;
}
.best-offer .price-style2{
border-bottom: 0px;
margin-top: 30px;
}
.best-offer .price-style2 ins{
text-decoration: none;
font-size: 16px;
margin-right: 30px;
position: relative;
}
.best-offer .price-style2 ins:after{
width: 15px;
content: "";
border-bottom: 1px solid #999;
position: absolute;
top: 8px;
right: -25px;
}
.best-offer .price-style2 del{
color: #999;
font-size: 14px;
font-weight: 300;
position: relative;
margin-left: 5px;
}
.best-offer .price-style2 del:before{
width: 15px;
content: "";
border-bottom: 1px dotted #999;
position: absolute;
top: 9px;
left: -25px;
}
.arrow-right-tp{
font-size: 20px;
}
/*END STYLE HOME 2*/
/*---------------------------------------------
BEGIN HOME 3
----------------------------------------------*/
/*header 3*/
.home3 .circle-brand{
background-color: #fff;
border-radius: 100%;
width: 88px;
height: 88px;
text-align: center;
line-height: 88px;
margin: auto;
position: relative;
}
.home3 .header-2 .brand img{
margin-top: 20px;
float: left;
width: 40px;
margin-left: 26px;
position: absolute;
z-index: 99;
}
.circle-brand:before{
width: 112px;
height: 112px;
background-color: rgba(255,255,255,0.5);
border-radius: 100%;
position: absolute;
top: -12px;
left: -12px;
z-index: 2;
content: "";
z-index: 98;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}
.home3 .header-2{
height: 68px;
}
.home3 .draw-humberger{
display: none;
}
.home3 .draw-humberger {
background-color: #5eb9af;
}
.home3 .draw-humberger:before {
background-color: #5eb9af;
}
.home3 .draw-humberger:after {
background-color: #5eb9af;
}
.home3 .left-sidebar-top {
background-color: #5eb9af;
}
.home3 .ls-active {
background-color: #5eb9af;
}
.home3 li.ls-active a i {
background-color: #5eb9af;
}
.home3 .humberger-btn:before{
display: none;
}
.home3-icon{
color: #fff;
font-size: 20px;
}
.home3 .nav-search{
color: #fff;
}
.home3 .in-nav-search .btn-search i{
color: #5eb9af;
}
.home3 .nav-cart{
color: #fff;
}
.home3 .notice-cart{
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
}
.home3 .header-2-fix .nav-cart {
color: #5eb9af;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.home3 .header-2-fix .nav-search {
color: #5eb9af;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.home3 .header-2-fix .home3-icon {
color: #5eb9af;
font-size: 20px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.home3 .header-2-fix .humberger-btn {
display: block;
top: 23px;
}
.home3 .header-2-fix .nav-right {
padding-top: 11px;
margin-top: 12px;
}
.home3 .mini-cart-title span {
color: #5eb9af;
}
.home3 .mini-cart-title:before {
background-color: #5eb9af;
}
.home3 .mc-btn:hover {
background-color: #5eb9af;
color: #fff;
}
.home3 .mc-btn-chout {
color: #5eb9af;
border: 1px solid #5eb9af;
}
/*slider custom*/
.slider-style3 .text-style-slider {
position: absolute;
z-index: 999;
top: 38%;
width: 100%;
text-align: center;
left: 0px;
}
.slider-style3 .text-style-slider h2{
color: #fff;
font-family: 'Abril Fatface', cursive;
text-transform: none;
font-weight: normal;
position: relative;
font-size: 70px;
}
.slider-style3 .text-style-slider h2:before{
width: 50px;
border-bottom: 6px dotted #fff;
content: "";
top: 110px;
left: calc(50% - 25px);
position: absolute;
}
.slider-style3 .text-style-slider span{
color: #fff;
}
.slider-style3 .text-style-slider p{
color: #fff;
margin-bottom: 50px;
}
.slider-style3 .text-style-slider a{
border: 2px solid #fff;
padding: 10px 30px;
color: #fff;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.slider-style3 .text-style-slider a:hover{
border: 2px solid #fff;
color: #fff;
opacity: .5;
}
.slider-style2 .owl-controls .owl-nav .owl-prev,
.slider-style2 .owl-controls .owl-nav .owl-next{
border: 3px solid #fff;
color: #fff;
border-radius: 100%;
}
.slider-style2 .owl-controls .owl-nav .owl-prev{
left: 100px;
}
.slider-style2 .owl-controls .owl-nav .owl-next{
right: 100px;
}
.slider-style2 .owl-controls .owl-nav .owl-prev:before,
.slider-style2 .owl-controls .owl-nav .owl-next:before{
color: #fff;
}
.slider-style2 .owl-controls .owl-nav .owl-prev:hover,
.slider-style2 .owl-controls .owl-nav .owl-next:hover{
background-color: transparent;
}
.home3-icon:hover{
opacity: .6;
color: #fff;
}
.home3 .mega-menu {
position: absolute;
top: 90px;
}
/*availability*/
.item-availability-h3{
float: left;
width: 100%;
}
.item-left-availability-h3{
width: 40px;
height: 40px;
float: left;
font-size: 40px;
color: #5eb9af;
}
.item-right-availability-h3{
width: calc(100% - 40px);
text-align: left;
float: left;
padding-left: 30px;
}
.item-right-availability-h3 h3{
font-size: 16px;
text-transform: uppercase;
color: #666;
font-weight: 900;
margin-bottom: 0px;
}
.item-right-availability-h3 p{
margin-bottom: 0px;
font-size: 14px;
color: #999;
}
.item-availability-h3:hover {
color: #5eb9af;
border: 2px dotted #5eb9af;
}
/*product*/
.home3 .title-product-box{
font-family: 'Abril Fatface', cursive;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 40px;
color: #5eb9af;
}
.home3 .owl-carousel .owl-item img {
border-radius: 10px;
}
.home3 .slider-style3 .owl-carousel .owl-item img {
border-radius: 0px;
}
.home3 .product-des .mc-price ins {
color: #5eb9af;
}
.home3 .button-hover .wishlist,
.home3 .button-hover .compare,
.home3 .button-hover .add-cart {
background-color: #5eb9af;
border: 2px solid #5eb9af;
border-radius: 100%;
}
.home3 .button-hover a:hover {
border: 2px solid #5eb9af;
color: #5eb9af;
background-color: transparent;
}
.home3 .btrend-carousel .owl-controls .owl-nav .owl-next ,
.home3 .btrend-carousel .owl-controls .owl-nav .owl-prev {
border-radius: 100%;
border: 2px solid #5eb9af;
color: #5eb9af;
}
.home3 .btrend-carousel .owl-controls .owl-nav .owl-next:before {
font: normal normal normal 24px/1 FontAwesome;
top: 5px;
left: 16px;
color: #5eb9af;
}
.home3 .btrend-carousel .owl-controls .owl-nav .owl-prev:before {
font: normal normal normal 24px/1 FontAwesome;
top: 5px;
left: 13px;
color: #5eb9af;
}
.home3 .btrend-carousel .owl-controls .owl-nav .owl-next:hover:before,
.home3 .btrend-carousel .owl-controls .owl-nav .owl-prev:hover:before {
color: #fff;
}
.home3 .btrend-carousel .owl-controls .owl-nav .owl-next:hover,
.home3 .btrend-carousel .owl-controls .owl-nav .owl-prev:hover {
background-color: #5eb9af;
}
/*countdown*/
.home3 .ct-product-sale {
background-color: #fd998f;
opacity: .8;
border-radius: 10px;
}
.home3 .ct-product-prices-wrap {
background-color: #5eb9af;
border-radius: 10px;
}
.home3 .btn-shopnow:hover {
border: 1px dotted #5eb9af;
color: #5eb9af;
}
.home3 .btn-shopnow:hover:before {
color: #5eb9af;
}
.home3 .ct-producst-left img{
border-radius: 10px;
}
/*popular categories*/
.item-popular-categories h3{
font-size: 14px;
font-weight: 700;
color: #666;
margin-top: 30px;
}
.item-popular-categories img{
width: 100%;
border-radius: 10px;
}
.item-popular-categories h3 a{
color: #666;
}
.item-popular-categories h3 a:hover{
color: #5eb9af;
}
.item-popular-categories ul{
list-style: none;
}
.item-popular-categories ul li a{
color: #999;
font-size: 14px;
font-family: 'Roboto';
font-weight: 400;
}
.item-popular-categories ul li a:hover{
color: #5eb9af;
}
.item-popular-categories ul li a:before{
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
float: left;
color: #999;
margin-top: 5px;
margin-right: 10px;
}
/*popular items*/
.list-popular-items{
list-style: none;
float: left;
position: relative;
}
.popular-items .col-sm-3{
float: left;
}
.title-popular-items{
font-size: 16px;
color: #999;
font-weight: 700;
position: relative;
background-color: #fff;
float: left;
padding-right: 30px;
z-index: 3;
}
.line-dots{
width: 80%;
border-bottom: 1px dotted #ccc;
position: absolute;
top: 10px;
right: 15px;
z-index: 2;
}
.line-dots:before{
width: 100%;
border-bottom: 1px dotted #ccc;
content: "";
position: absolute;
top: 3px;
left: 0px;
}
.list-popular-items li{
width: 100%;
float: left;
margin-bottom: 30px;
}
.left-lpi-img{
width: 60px;
float: left;
position: relative;
}
.left-lpi-img img{
border-radius: 7px;
}
.right-lpi-text{
width: calc(100% - 90px);
padding-left: 30px;
float: left;
}
.right-lpi-text h3{
font-size: 14px;
font-weight: 500;
}
.right-lpi-text h3 a{
color: #666;
}
.right-lpi-text h3 a:hover{
color: #5eb9af;
}
.right-lpi-text .mc-price ins{
color: #5eb9af;
}
/*banner horizontal*/
.horizontal-banner a img{
border-radius: 10px;
width: 100%
}
/*footer*/
.home3 .form-subscribe button{
color: #5eb9af;
}
/*back to top*/
.home3 .back-to-top {
background-color: #5eb9af;
}
/*--------------------------------
END HOME 3
----------------------------------*/
/*--------------------------------
BEGIN HOME 4
----------------------------------*/
.header.header-4{
background-color: transparent;
position: absolute;
z-index: 9;
top: 0px;
left: 0px;
padding: 20px 30px;
}
.header.header-4 .b-trend-nav>li>a {
color: #666;
}
.header.header-4 .nav-search, .header.header-4 .nav-cart{
color: #666;
}
.header.header-4 .b-trend-nav {
text-align: right;
}
.header.header-4 .nav-right {
text-align: left;
}
.header.header-4 .notice-cart {
background-color: #e7b2ae;
border: 1px solid #e7b2ae;
color: #fff;
}
.header.header-4 .brand {
width: 50px;
}
.slider-style4 .text-style-slider{
left: 50%;
}
.slider-style4 .text-style-slider a:hover {
border: 2px solid #e7b2ae;
color: #e7b2ae;
}
.slider-style2 .owl-controls .owl-nav .owl-prev,
.slider-style2 .owl-controls .owl-nav .owl-next{
border: 0px;
}
.slider-style4 .owl-controls .owl-nav .owl-prev:before {
content: "\f177";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 10px;
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.slider-style4 .owl-controls .owl-nav .owl-next:before {
content: "\f178";
font: normal normal normal 30px/1 FontAwesome;
position: absolute;
top: 2px;
left: 13px;
color: #e8b3af;
opacity: 1;
filter: alpha(opacity=100);
}
.space-right{
width: 90px;
height: 100%;
position: relative;
top: 0px;
right: 0px;
background-color: #fff;
}
.home4 .all-wrap {
width: calc(100% - 90px);
}
.container-4{
width: 100%;
float: left;
padding-left: 40px;
}
.hero-ad-home4 .hero-ad-texts h3{
color: #666;
padding-bottom: 30px;
}
.hero-ad-home4 .hero-ad-texts h3 span, .hero-ad-home4 .hero-ad-texts .des{
color: #e7b2ae;
}
.hero-ad-home4 .list-colors{
list-style: none;
padding: 35px 40px;
width: 100%;
float: left;
}
.hero-ad-home4 .list-colors li{
display: inline-block;
float: left;
margin-right: 20px;
}
.hero-ad-home4 .list-colors li a{
display: block;
}
.hero-ad-home4 .list-colors li a.active{
border: 4px solid #e7b2ae;
}
.hero-ad-home4{
border: 10px solid #f6f6f6;
width: 100%;
float: left;
}
.hero-ad-home4 .hero-ad-texts {
padding: 40px;
width: 100%;
float: left;
padding-bottom: 0px;
}
.hero-ad-home4 .hero-ad-texts .des{
position: relative;
}
.hero-ad-home4 .hero-ad-texts .des:before{
content: "";
width: 150px;
border-top: 5px dotted #e7b2ae;
position: absolute;
top: 8px;
left: -180px;
}
.footer-hero{
display: block;
padding: 40px;
width: 100%;
float: left;
padding-top: 50px;
}
.footer-hero .mc-price{
float: left;
position: relative;
}
.footer-hero .mc-price:before{
content: "";
width: 100%;
position: absolute;
top: -30px;
left: 0px;
border-top: 3px dotted #ccc;
}
.footer-hero .mc-price ins {
font-size: 40px;
}
.footer-hero .mc-price del {
font-size: 20px;
color: #c8c8c8;
}
.footer-hero .button-countdown{
float: right;
width: 50%;
text-align: right;
}
.footer-hero .btn-shopnow:hover {
border: 1px dotted #e7b2ae;
color: #e7b2ae;
}
.ads-banner{
position: relative;
}
.btn-waves{
position: absolute;
bottom: 80px;
right: 80px;
font-size: 40px;
border-radius: 100%;
width: 64px;
height: 64px;
text-align: center;
line-height: 64px;
background-color: #e7b2ae;
color: #fff;
z-index: 2;
}
.btn-waves:before{
width: 108px;
height: 108px;
content: "";
position: absolute;
top: -22px;
left: -22px;
background-color: #e7b2ae;
opacity: .3;
z-index: 1;
border-radius: 100%;
}
.btn-waves:hover{
color: #fff;
}
.home4-subs{
position: relative;
}
.home4-subs img{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
.home4-s-content{
position: relative;
top: 0px;
left: 0px;
z-index: 2;
padding-top: 86px;
}
.home4-s-content .title-product-box{
color: #666;
font-size: 40px;
letter-spacing: 10px;
}
.home4-s-content .title-product-box small{
padding-top: 50px;
}
.home4-s-content .form-subscribe button{
color: #e7b2ae;
}
.home4 .back-to-top {
background-color: #e7b2ae;
}
.list-link-footer li{
display: inline-block;
}
.home4 .form-subscribe button {
color: #e7b2ae;
}
.language-title{
font-size: 14px;
}
.right-settings{
position: fixed;
right: 0px;
top: 10px;
z-index: 9;
width: 90px;
height: 90px;
}
.settings-wrap{
width: 200px;
border-radius: 5px;
padding: 20px;
background-color: #fff;
margin-top: 50px;
position: absolute;
right: 30px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
}
.list-setting{
list-style: none;
}
.list-setting li{
display: inline-block;
}
.btn-setting{
margin-top: 0px;
float: right;
margin-right: 0px;
width: 90px;
height: 90px;
text-align: center;
line-height: 90px;
font-size: 20px;
color: #999;
cursor: pointer;
}
.list-setting-no{
list-style: none;
font-size: 14px;
padding-top: 15px;
}
.list-setting-no li{
display: block;
width: 100%;
padding: 2px 0px;
}
.list-setting-no li a{
color: #666;
}
.list-setting-no li a:hover{
color: #e7b2ae;
}
.setting-option,.choise-currency{
border-top: 1px dotted #ccc;
}
.choise-currency,.choise-language{
padding: 10px 0px;
}
.currency-list li a{
background-color: #eee;
padding: 1px 15px;
margin-right: 5px;
color: #999;
}
.currency-list li a:hover,.currency-list li.active a{
background-color: #e7b2ae;
color: #fff;
}
.right-settings:hover .settings-wrap{
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
}
.home4 .left-sidebar-top,.home4 .ls-list-links li.ls-active a i,.home4 .ls-active,.home4 .mini-cart-title:before {
background-color: #e7b2ae;
}
.home4 .mini-cart-title span {
color: #e7b2ae;
}
.home4 .mc-btn-chout {
color: #e7b2ae;
border: 1px solid #e7b2ae;
}
.mc-btn:hover {
background-color: #e7b2ae;
color: #fff;
}
.f-ul-tags li a:hover {
color: #e7b2ae;
border: 1px solid #e7b2ae;
}
.f-ul-socials li a:hover {
border: 2px solid #e7b2ae;
color: #e7b2ae;
}
/*--------------------------------
END HOME 4
----------------------------------*/
/*--------------------------------
BEGIN HOME 5
----------------------------------*/
/*top links*/
.top-links{
height: 40px;
}
.top-links ul{
list-style: none;
}
.top-links>ul>li{
display: inline-block;
}
.top-links .b-trend-nav{
text-align: left;
margin-top: 12px;
float: left;
padding-top: 0px;
display: inline-block;
font-size: 14px;
border-right: 1px solid #e8e8e8;
height: 16px;
line-height: 16px;
}
.top-links .b-trend-nav:last-child{
border-right: 0px;
margin-left: 8px;
}
.top-links .b-trend-nav>li{
padding: 0px;
padding-right: 10px;
}
.top-links .drop-menu{
width: 150px;
}
.top-links .drop-menu .drop-menu-list ul {
padding: 10px 10px;
}
.top-links .top-links-list{
text-align: right;
float: right;
margin-top: 8px;
}
.top-links .menu-list-item li a {
padding: 4px 0px;
}
.top-links-list li{
display: inline-block;
font-size: 14px;
border-right: 1px solid #e8e8e8;
height: 16px;
line-height: 16px;
}
.top-links-list li:last-child{
border-right: 0px;
}
.top-links-list li a{
color: #666;
padding: 0px 10px;
}
.top-links-list li a:hover{
color: #cba884;
}
/*header*/
.header-5{
height: 60px;
background-color: #cba884;
float: left;
width: 100%;
}
.header-5 .b-trend-nav{
margin-top: 0px;
}
.header-5 .b-trend-nav>li>a {
color: #fff;
}
.header-5 .brand {
width: 36px;
margin-top: 14px;
display: block;
}
.header-5 .nav-search {
color: #fff;
}
.header-5 .nav-cart {
color: #fff;
}
.header-5 .nav-right {
margin-top: 0px;
}
.header-5 .notice-cart {
background-color: #fff;
border: 1px solid #fff;
color: #cba884;
}
.header-5 .btn-search{
color: #cba884;
}
/*----------------------------------
END HOME 5
------------------------------------*/
/*-----------------------------------
BEGIN HOME 6
-------------------------------------*/
/*header*/
.header-6{
background-color: transparent;
}
.header-6 .in-header-6{
background-color: #cba884;
height: 60px;
padding: 0px 30px;
}
/*slider*/
.slider-style6 .text-style-slider {
position: absolute;
z-index: 999;
top: 23%;
width: 46%;
left: 6%;
}
.slider-style6 .owl-controls .owl-nav .owl-prev,
.slider-style6 .owl-controls .owl-nav .owl-next{
border-radius: 0px;
}
.slider-style6 .owl-controls .owl-nav .owl-next {
right: 10px;
}
.slider-style6 .owl-controls .owl-nav .owl-prev {
left: 10px;
}
/*subscribe*/
.section-subscribe-6{
background: transparent;
padding: 0px;
}
.in-section-subscribe-6{
background: url(../images/bg-subscribe.jpg) center top no-repeat;
padding: 80px 0px 126px 0px;
}
/*---------------------------------
HOME 7
-----------------------------------*/
/*left sidebar*/
.home7 .left-sidebar-home2{
width: 30%;
}
.home7 .all-wrap-side{
left: 30%;
}
/*header*/
.header-7 {
top: 40px;
webkit-transition: all 0.2s ease-out 0.2s;
-moz-transition: all 0.2s ease-out 0.2s;
-o-transition: all 0.2s ease-out 0.2s;
transition: all 0.2s ease-out 0.2s;
}
.header-7.header-2-fix{
top: -1px;
}
/*------------------------------------
CATEGORY PAGE
--------------------------------------*/
/*header*/
.header-category{
border-bottom: 1px solid #f5f5f5;
height: 90px;
}
.header-category .b-trend-nav,
.header-category .nav-right {
margin-top: 15px;
}
.header-category .brand {
width: 50px;
margin-top: 18px;
}
/*baner top categories*/
.baner-top-categories{
position: relative;
float: left;
width: 100%;
text-align: center;
background-color: #f2f2f2;
margin-bottom: 15px;
}
.categories-text-hero{
position: absolute;
z-index: 3;
color: #fff;
padding: 30px;
text-align: center;
width: 100%;
}
.categories-text-hero h1{
font-size: 30px;
text-transform: uppercase;
font-weight: 900;
margin-top: 30px;
letter-spacing: 10px;
color: #f0f0f0;
}
.categories-text-hero p{
color: #eeeeed;
}
/*sidebar*/
.sidebar-title{
font-size: 18px;
color: #333;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
position: relative;
}
.sidebar-title.center{
font-size: 18px;
color: #333;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
position: relative;
text-align: center;
}
.in-sidebar-item{
float: left;
width: 100%;
}
.sidebar-title:before{
position: absolute;
width: 20px;
height: 2px;
background-color: #cba884;
content: "";
bottom: -10px;
left: 0px;
}
.sidebar-title.center:before{
position: absolute;
width: 20px;
height: 2px;
background-color: #cba884;
content: "";
bottom: -10px;
left: calc(50% - 10px);
}
.sidebar-list-links{
list-style: none;
width: 100%;
}
.sidebar-list-links li{
width: 100%;
border-bottom: 1px dotted #e6e6e6;
padding: 10px 0px;
}
.sidebar-list-links li:last-child{
border-bottom: 0px;
}
.sidebar-list-links li a{
color: #666;
display: block;
}
.sidebar-list-links li a span{
color: #999;
}
.sidebar-list-links li a:hover{
color: #cba884;
}
.in-sidebar-item .list-popular-items .left-lpi-img img{
border-radius: 0px;
}
.in-sidebar-item .list-popular-items .right-lpi-text h3 a:hover{
color: #cba884;
}
.in-sidebar-item .list-popular-items .right-lpi-text .mc-price ins {
color: #cba884;
}
.in-sidebar-item .list-popular-items li {
width: 100%;
float: left;
margin-bottom: 20px;
border-bottom: 1px dotted #e6e6e6;
padding-bottom: 20px;
}
.in-sidebar-item .list-popular-items h3 a:hover{
color: #cba884;
}
/*ranger filter*/
.price_slider_wrap{
margin-top: 40px;
}
.slider-range-price{
position: relative;
height: 3px;
border: 1px dotted #ccc;
}
.ui-widget-header{
height: 5px;
background: #cba884;
position: absolute;
top: -2px;
}
.ui-slider-handle{
width: 12px;
height: 12px;
background: #9a7a5a;
display: inline-block;
top: -5px;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.ui-slider-handle:last-child{
background-color: #cba884;
}
.amount-range-price{
text-align: left;
padding-bottom: 15px;
color: #555;
padding-top: 25px;
display: inline-block;
}
.btn-filter{
float: right;
margin-top: 20px;
height: 30px;
line-height: 10px;
border: 2px solid #ccc;
background-color: transparent;
color: #999;
}
.btn-filter:hover{
border: 2px solid #cba884;
background-color: #cba884;
}
.ranger-text{
margin-bottom: 0px;
padding-top: 10px;
float: left;
width: 100%;
}
/**/
.breadcrumbs{
padding: 30px 0px;
color: #999;
width: 100%;
/*float: left;*/
}
.breadcrumbs a{
position: relative;
padding-right: 10px;
margin-right: 10px;
}
.breadcrumbs a:after{
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
top: 2px;
right: -5px;
position: absolute;
}
/**/
.top-shop-view{
display: table;
width: 100%;
margin-bottom: 20px;
border-bottom: 1px dotted #eee;
padding-bottom: 10px;
}
.short-wapper{
display: inline-block;
padding-left: 20px;
}
.items-result-count{
display: inline-block;
font-size: 14px;
color: #999;
}
.short-wapper .chosen-container-single .chosen-single{
border: none;
padding: 0;
text-transform: uppercase;
font-size: 12px;
}
.short-wapper .short{
min-width: 160px;
}
.short-wapper.display-products .short{
min-width: 120px;
}
.show-grid-list{
display: inline-block;
padding-left: 25px;
}
.short-wapper .chosen-container-single .chosen-single div{
line-height: 26px;
right: 0;
}
.top-shop-view .tsv-left{
display: inline-block;
float: left;
}
.top-shop-view .tsv-right{
float: right;
display: inline-block;
}
.top-shop-view .label-filter{
text-transform: uppercase;
color: #222;
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
.top-shop-view .show-grid-list a{
color: #999;
display: inline-block;
padding: 0 7px;
line-height: 20px;
}
.top-shop-view .show-grid-list a:last-child{
border: none;
}
.top-shop-view .show-grid-list a:first-child{
padding-left: 0;
}
.top-shop-view .show-grid-list a.active{
color: #cba884;
border: 1px solid #cba884;
text-align: center;
border-radius: 3px;
width: 30px;
height: 30px;
line-height: 30px;
}
.chosen-container .chosen-results li.highlighted {
background-color: #cba884;
color: #fff;
}
.item-cate{
margin-bottom: 30px;
float: left;
width: 100%;
}
/*product images*/
.img-products{
position: relative;
}
.images-last{
position: absolute;
right: 0;
left: 0;
top: 0;
width: 100%;
transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-webkit-transition: opacity 0.5s ease-in-out 0s;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
opacity: 0;
}
.product-wrap:hover .images-last{
opacity: 1;
}
/**/
.button-items a{
margin-right: 10px;
}
.product-shortdes{
line-height: 24px;
color: #666;
margin: 20px 0px;
}
.available-instock{
color: #666;
font-size: 14px;
margin: 10px 0px;
}
.available-instock span{
color: #cba884;
font-weight: 700;
}
.product-liststyle .mc-price {
font-size: 20px;
margin: 10px 0px;
}
.product-liststyle .mc-price del {
font-size: 15px;
}
.rating{
width: 100%;
float: left;
margin: 10px 0px;
color: #999;
}
.rating.onestar i:nth-child(1){
color: #ffae00;
}
.rating.twostar i:nth-child(1),
.rating.twostar i:nth-child(2){
color: #ffae00;
}
.rating.threestar i:nth-child(1),
.rating.threestar i:nth-child(2),
.rating.threestar i:nth-child(3){
color: #ffae00;
}
.rating.fourstar i:nth-child(1),
.rating.fourstar i:nth-child(2),
.rating.fourstar i:nth-child(3),
.rating.fourstar i:nth-child(4){
color: #ffae00;
}
.rating.fivestar i:nth-child(1),
.rating.fivestar i:nth-child(2),
.rating.fivestar i:nth-child(3),
.rating.fivestar i:nth-child(4),
.rating.fivestar i:nth-child(5){
color: #ffae00;
}
.span-reviews{
color: #999;
margin-left: 20px;
}
.product-liststyle .product-des h2 {
margin-bottom: 10px;
font-weight: 700;
}
.buy-now{
float: left;
border: 2px solid #cba884;
height: 36px;
line-height: 36px;
padding: 0px 20px;
letter-spacing: 3px;
font-size: 14px;
font-weight: 700;
}
.buy-now:hover{
background-color: #cba884 !important;
color: #fff !important;
}
.button-items a{
border-color: #dcdcdc;
color: #999;
background-color: transparent;
}
.button-items a:hover{
border: 2px solid #cba884;
color: #cba884;
background-color: transparent;
}
/**/
.all-content-page .content-wrap .row{
position: relative;
}
.sidebar-collapse{
position: absolute;
width: 300px;
top: 55px;
left: 15px;
z-index: 9;
background-color: #fff;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
padding: 20px;
}
/**/
/**/
.btn-shleft{
padding-left: 0px;
width: 50px;
}
.open-leftsidebar{
cursor: pointer;
float: left;
color: #333;
border: 1px solid #ccc;
text-align: center;
border-radius: 3px;
width: 30px;
height: 30px;
line-height: 30px;
}
.closer-leftsidebar{
display: none;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
color: #333;
border: 1px solid #ccc;
text-align: center;
border-radius: 3px;
width: 30px;
height: 30px;
line-height: 30px;
float: left;
}
.sidebar-collapse{
display: none;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
/**/
.pag-nav{
text-align: center;
float: left;
margin-top: 50px;
width: 100%;
margin-bottom: 30px;
}
.pag-nav ul{
list-style: none;
width: 100%;
}
.pag-nav ul li{
display: inline-block;
}
.pag-nav ul li.active a,.pag-nav ul li a:hover{
border: 1px solid #cba884;
background-color: #cba884;
color: #fff;
}
.pag-nav ul li a{
border: 1px solid #ccc;
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
border-radius: 2px;
color: #333;
margin-bottom: 3px;
}
/*BEGIN PRODUCT*/
.related-products .title-product-box{
letter-spacing: 5px;
font-size: 25px;
}
.tabs-product-detail .nav-tabs{
text-align: center;
border-bottom: 0px;
}
.tabs-product-detail .nav-tabs>li{
position: relative;
}
.tabs-product-detail .nav-tabs>li.active>a,
.tabs-product-detail .nav-tabs>li.active>a:focus,
.tabs-product-detail .nav-tabs>li.active>a:hover{
border: 0px;
border-color: transparent;
background: transparent;
color: #cba884;
}
.tabs-product-detail .nav-tabs>li.active>a:before,
.tabs-product-detail .nav-tabs>li.active>a:focus:before,
.tabs-product-detail .nav-tabs>li.active>a:hover:before{
position: absolute;
content: "";
width: 20px;
left: calc(50% - 10px);
background-color: #cba884;
height: 2px;
bottom: -9px;
}
.tabs-product-detail .nav-tabs>li>a:hover {
border-color: transparent;
}
.tabs-product-detail .nav>li>a:focus,
.tabs-product-detail .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}
.tabs-product-detail .nav-tabs>li {
float: inherit;
margin-bottom: 0px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
width: 120px;
}
.tabs-product-detail .nav-tabs>li>a {
margin-right: 0px;
padding: 0px;
border-radius: 0px;
line-height: 24px;
color: #666;
}
.tabs-product-detail .tab-content{
padding: 30px 0px;
border-bottom: 2px dotted #eee;
}
.rate-group{
width: 100%;
float: left;
}
.rate-group span{
font-weight: 700;
margin-top: 10px;
border-left: 5px solid #cba884;
padding-left: 20px;
}
.rate-group span,.rate-group div{
display: inline-block;
width: 120px;
float: left;
}
.title-h4 {
font-size: 14px;
font-weight: 700;
color: #999;
border-bottom: 2px dotted #eee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.title-h4 small{
font-size: 14px;
padding-left: 20px;
}
.commentlist{
list-style: none;
}
.commentlist li {
border-bottom: 1px dotted #e2e2e2;
padding-bottom: 20px;
margin-bottom: 20px;
}
.commentlist li:last-child{
border-bottom: 0px;
}
.comment-info .date{
color: #999;
font-size: 14px;
padding-left: 20px;
}
.comment-info .author{
font-weight: 700;
}
.tabs-product-detail ul{
padding-left: 15px;
}
.product-images #gallery_01 img{
border:2px solid white;
width: 96px;
}
.product-images .active img{
border:2px solid #cba985 !important;
}
.product-color,.product-size{
float: left;
width: 100%;
}
.product-color a{
width: 16px;
height: 16px;
border-radius: 16px;
display: inline-block;
position: relative;
margin-right: 30px;
}
.c-orange{
background-color: #ffc334;
}
.c-blue{
background-color: #7bcacf;
}
.c-black{
background-color: #262e31;
}
.c-gray{
background-color: #8a97a0;
}
.active.c-orange:after{
content: "";
background-color: #ffc334;
position: absolute;
top: -8px;
left: -8px;
width: 32px;
height: 32px;
border-radius: 32px;
opacity: .4;
}
.active.c-blue:after{
content: "";
background-color: #7bcacf;
position: absolute;
top: -8px;
left: -8px;
width: 32px;
height: 32px;
border-radius: 32px;
opacity: .4;
}
.active.c-black:after{
content: "";
background-color: #ffc334;
position: absolute;
top: -8px;
left: -8px;
width: 32px;
height: 32px;
border-radius: 32px;
opacity: .4;
}
.active.c-gray:after{
content: "";
background-color: #8a97a0;
position: absolute;
top: -8px;
left: -8px;
width: 32px;
height: 32px;
border-radius: 32px;
opacity: .4;
}
.zoomWindowContainer div{
border: 4px solid rgb(203, 169, 133) !important;
}
.img-border{
border: 1px solid #eee;
}
.label-p{
text-transform: uppercase;
color: #999;
font-family: 'Roboto';
font-size: 14px;
}
.product-size a{
text-transform: uppercase;
font-weight: 700;
color: #666;
margin-right: 30px;
position: relative;
font-family: 'Karla', sans-serif;
}
.product-size a.active:after{
position: absolute;
width: 12px;
height: 2px;
content: "";
bottom: -12px;
background-color: #cba884;
left: calc(50% - 6px);
}
.product-des-detail .mc-price {
font-size: 25px;
font-weight: 700;
}
.title-product{
font-size: 25px;
font-weight: 700;
}
.title-product a{
color: #666;
font-family: 'Karla', sans-serif;
}
/**/
.quantity {
position: relative;
margin-right: 20px;
float: left;
}
.quantityinput[type=number]::-webkit-inner-spin-button,
.quantityinput[type=number]::-webkit-outer-spin-button{
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number]{
-moz-appearance: textfield;
}
.quantity input {
width: 65px;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
text-align: center;
border: 1px solid #e8e8e8;
}
.quantity input:focus {
outline: 0;
}
.quantity-nav {
float: left;
position: relative;
height: 42px;
}
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #eee;
width: 20px;
text-align: center;
color: #333;
font-size: 14px;
line-height: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-size:20px;
}
.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #eee;
}
.quantity-button.quantity-down {
position: absolute;
bottom: -1px;
height: 50%;
}
.product-btn{
width: 100%;
float: left;
}
/**/
.product-share{
width: 100%;
float: left;
}
.product-share .label-p{
display: inline-block;
margin-right: 30px;
}
.product-share .f-ul-socials{
display: inline-block;
}
.product-share .f-ul-socials li a {
border: 0px;
}
/**/
.add-to-cart, .add-wishlist{
display: inline-block;
}
.add-wishlist{
margin-left: 20px;
font-size: 14px;
}
.add-wishlist a{
color: #333;
}
.add-wishlist a:hover{
color: #cba884;
}
.add-wishlist i{
font-size: 16px;
margin-right: 5px;
}
/*search page*/
.title-search{
font-size: 20px;
padding: 0px 0px 20px 0px;
}
.title-search span{
color: #cba884;
}
/*wishlist*/
.wishlist-wrap{
border-top: 1px dotted #ccc;
float: left;
width: 100%;
}
.table-wishlist{
border-top: 1px dotted #ccc;
margin-top: 2px;
}
.table-wishlist th{
text-transform: uppercase;
font-size: 14px;
border: 0px !important;
}
.table-wishlist th:last-child{
text-align: center;
}
.table-wishlist td:last-child{
text-align: center;
}
.table-wishlist tr td{
padding: 20px 8px !important;
border: 0px !important;
}
.table-wishlist tr{
border-bottom: 1px dotted #ccc;
}
.wishlist-wrap .left-lpi-img img{
border-radius: 0px;
}
.table-wishlist .right-lpi-text a:hover{
color: #cba884;
}
.avai-i{
font-size: 14px;
color: #999;
}
.avai-i i{
color: #81cb5c;
}
.remove-item{
position: absolute;
top: -13px;
right: -12px;
color: #ff6633;
cursor: pointer;
}
/*track order*/
.track-order input{
text-align: center;
}
.track-order label{
text-transform: uppercase;
font-size: 14px;
}
/*shopping cart*/
.process-bar{
width: 100%;
float: left;
padding: 20px 0px;
}
.process-bar ul li{
display: inline-block;
color: #999;
text-transform: uppercase;
font-size: 14px;
position: relative;
padding-left: 36px;
margin-right: 20px;
}
.process-bar ul li:nth-child(1):before{
content: "1";
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
background-color: #999;
color: #fff;
border-radius: 25px;
position: absolute;
top: -2px;
left: 0px;
}
.process-bar ul li:nth-child(2):before{
content: "2";
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
background-color: #999;
color: #fff;
border-radius: 25px;
position: absolute;
top: -2px;
left: 0px;
}
.process-bar ul li:nth-child(3):before{
content: "3";
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
background-color: #999;
color: #fff;
border-radius: 25px;
position: absolute;
top: -2px;
left: 0px;
}
.process-bar ul li.active:nth-child(1):before,
.process-bar ul li.active:nth-child(2):before,
.process-bar ul li.active:nth-child(3):before{
background-color: #cba884;
}
.table-cart{
border-top: 1px dotted #ccc;
margin-top: 2px;
font-family: 'Karla', sans-serif;
}
.table-cart th{
text-transform: uppercase;
font-size: 14px;
border: 0px !important;
}
.table-cart th:last-child{
text-align: center;
}
.table-cart td:last-child{
text-align: center;
}
.table-cart tr td{
padding: 20px 0px !important;
border: 0px !important;
}
.table-cart tr{
border-bottom: 1px dotted #ccc;
}
.wishlist-wrap .left-lpi-img img{
border-radius: 0px;
}
.table-cart .right-lpi-text a:hover{
color: #cba884;
}
.title-unline{
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
position: relative;
float: left;
width: 100%;
}
.title-unline:before{
content: "";
width: 20px;
height: 2px;
background-color: #cba884;
position: absolute;
left: 0px;
bottom: -5px;
}
.btn-inline{
padding: 5px 25px;
}
.btn-color{
background-color: #cba884;
margin-left: 20px;
}
.pay-method{
width: 100%;
float: left;
}
.place-order{
background-color: #cba884;
}
/*BEGIN BLOGS*/
.wrap-blogs{
width: 100%;
float: left;
}
.pbi-text-title{
font-size: 18px;
font-weight: 700;
width: 100%;
padding: 20px 0px 5px 0px;
}
.post-blog-wrap{
float: left;
}
.post-blog-item{
margin-bottom: 30px;
}
.pbi-text-title a{
color: #333;
}
.pbi-text-title a:hover{
color: #cba884;
}
.pbi-text-info{
font-size: 14px;
color: #999;
}
.pbi-text-info span{
padding-right: 20px;
}
.pbi-text-info span i{
padding-right: 5px;
}
.pbi-text-des{
width: 100%;
float: left;
margin: 10px 0px;
}
.galery-blogs.slider-style2 .owl-controls .owl-nav .owl-next {
right: 10px;
}
.galery-blogs.slider-style2 .owl-controls .owl-nav .owl-prev {
left: 10px;
}
.galery-blogs.slider-style2 .owl-controls {
top: 42%;
}
.loadmore-section{
width: 100%;
float: left;
text-align: center;
}
.load-more-a{
color: #666;
padding: 10px 20px;
border-radius: 5px;
border: 1px dotted #8a8a8a;
opacity: .6;
}
.date-small-post{
font-size: 14px;
color: #999;
}
.list-popular-items.blogs-lastest li{
padding-bottom: 0px;
}
.searchbar-div{
width: 100%;
float: left;
}
.searchbar-form{
position: relative;
width: 100%;
}
.searchbar-form input{
border: 1px solid #ccc;
width: 100%;
height: 36px;
padding: 0px 20px;
}
.searchbar-form button{
position: absolute;
background-color: transparent;
border: 0px;
top: 4px;
right: 10px;
}
.tweets-items{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}
.tweets-items:last-child{
border-bottom: 0px;
}
/*blog detail*/
h1.pbi-text-title{
font-size: 25px;
text-transform: uppercase;
font-family: 'Roboto';
}
.firstcharacter {
float: left;
color: #cba884;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 20px;
padding-left: 3px;
font-family: Georgia;
}
.pbi-entry{
width: 100%;
float: left;
border-top: 2px dotted #ccc;
margin-top: 20px;
padding-top: 20px;
font-size: 15px;
line-height: 24px;
}
.pbi-entry h1{
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Roboto';
padding: 10px 0px;
}
.pbi-entry h2{
font-size: 23px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Roboto';
padding: 10px 0px;
}
.pbi-entry h3{
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Roboto';
padding: 10px 0px;
}
.pbi-entry h4{
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Roboto';
padding: 10px 0px;
}
.quostes-b{
position: relative;
padding-left: 75px;
font-style: italic;
color: #666;
}
.quostes-b:before{
content: "\f10d";
font: normal normal normal 30px/1 FontAwesome;
color: #fff;
position: absolute;
background-color: #cba884;
padding: 10px;
top: 5px;
left: 0px;
}
.quostes-b span{
display: block;
margin-top: 10px;
color: #cba884;
}
.tags-blogs{
font-size: 14px;
float: left;
margin-top: 5px;
}
.tags-blogs p{
display: inline-block;
color: #666;
padding-right: 5px;
float: left;
text-transform: uppercase;
color: #999;
font-family: 'Roboto';
margin-bottom: 0px;
}
.tags-blogs ul{
list-style: none;
float: left;
display: inline-block;
}
.tags-blogs ul li{
display: inline-block;
color: #999;
}
.tags-blogs ul li:after{
content: ",";
float: right;
padding: 0px 3px;
}
.tags-blogs ul li:last-child:after{
content: "";
}
.share-blogs{
text-align: right;
}
.pbi-tags-social{
float: left;
width: 100%;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding-top: 10px;
}
.share-blogs .label-p {
margin-bottom: 0px;
}
.author-wrap{
width: 100%;
float: left;
padding-bottom: 30px;
border-bottom: 1px dotted #ccc;
}
.name-author a{
color: #666;
}
.name-author a:hover{
color: #cba884;
}
.title-bio{
font-size: 14px;
color: #999;
}
.related-post{
width: 100%;
float: left;
}
.title-related-post{
margin-bottom: 40px;
}
.bio{
font-style: italic;
}
/*comment*/
.comment-content-wrap{
width: 100%;
float: left;
}
.comment-content-wrap .comment-content-item{
width: 100%;
float: left;
border-bottom: 1px dotted #ccc;
padding-bottom: 30px;
margin-bottom: 30px;
}
.comment-content-wrap .comment-content-item .cci-left{
width: 100px;
height: 100px;
float: left;
}
.comment-content-wrap .comment-content-item .cci-right{
width: calc(100% - 130px);
float: left;
margin-left: 30px;
}
.cci-r-name{
float: left;
width: 100%;
}
.cci-r-name a{
color: #333;
font-weight: 700;
float: left;
}
.cci-r-name a:hover{
color: #cba884;
}
.cci-r-name span{
font-weight: normal;
font-size: 14px;
color: #666;
float: left;
margin-left: 10px;
}
.cci-r-content{
width: 100%;
float: left;
}
.cci-reply{
width: 100%;
float: left;
color: #999;
margin-top: 10px;
}
.cci-reply:hover{
color: #cba884;
}
.comment-sub{
padding-left: 130px;
}
.two-line{
width: 100%;
border: 0px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
height: 2px;
float: left;
}
/*404 page*/
.content-404{
text-align: center;
}
.content-404 h1{
font-size: 140px;
color: #999;
}
/*contact*/
.contact-sub{
text-transform: none;
color: #999;
font-family: 'Raleway';
font-size: 14px;
width: 100%;
float: left;
margin-bottom: 50px;
text-align: center;
}
.sidebar-title.contact-sub:before {
left: calc(50% - 10px);
}
/*login and reg*/
.title-twoline{
width: 100%;
position: relative;
margin: 20px 0px;
float: left;
}
.ttw-p{
background-color: #fff;
padding-right: 20px;
position: absolute;
display: inline-block;
top: 0px;
left: 0px;
z-index: 1;
color: #999;
margin-bottom: 0px;
}
.title-twoline hr{
position: absolute;
top: -10px;
left: 0px;
opacity: .6;
}
.login-socials,.form-login-up{
float: left;
width: 100%;
}
.form-login-up label{
text-transform: uppercase;
font-size: 14px;
}
.form-login-up label:last-child{
text-transform: none;
}
.ttw-on-form{
padding-bottom: 20px;
}
.section-color{
background-color: #f5f5f5;
padding: 80px 0px;
}
/*Quick view*/
.mc-quickview{
padding: 20px;
}
#gallery_01.gallery-quick{
margin-top: 20px;
}
#gallery_01.gallery-quick a{
margin-right: 10px;
}
#gallery_01.gallery-quick img{
width: 60px;
}
.mc-quickview button.close{
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
z-index: 9;
}
/*language flags*/
.language-flags .drop-menu, .menu-list-curency{
top: 14px;
}
.language-flags ul li img{
margin-right: 10px;
}
.top-links .drop-menu.menu-list-curency{
width: 80px;
}
/*popup newletter*/
.mfp-container {
height: auto;
}
.popup-letter{
width: auto;
max-width: 668px;
margin: 20px auto;
position: relative;
}
.pl-content{
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
padding: 30px 60px;
width: 66%;
}
.pl-content h3{
font-size: 20px;
margin-top: 30px;
float: left;
letter-spacing: 5px;
width: 100%;
}
.pl-content p{
margin-top: 20px;
float: left;
width: 100%;
}
.pl-content form button{
margin-top: 20px;
}
.popup-letter img{
position: absolute;
z-index: 1;
right: 0px;
top: 0px;
}
.mfp-auto-cursor .mfp-content {
margin-top: 100px;
}
/*---------------------------------
HOME 8
-----------------------------------*/
.header-8{
background: #ceab85;
}
.header-8 .b-trend-nav>li>a {
color: #fff;
}
.header-8 .nav-search, .header-8 .nav-cart {
color: #fff;
}
.header-8 .notice-cart {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #ceab85;
}
.slider-style8{
background-color: #ceab85;
height: 430px;
}
.img8{
border: 20px solid #fff;
display: block;
}
.slider-style8 .text-style-slider{
padding: 0px 40px;
color: #fff;
text-align: center;
position: relative;
width: 100%;
height: 100%;
float: left;
margin-top: 70px;
}
.slider-style8 .text-style-slider span{
font-size: 20px;
text-transform: uppercase;
opacity: .3;
font-weight: 900;
letter-spacing: 12px;
}
.slider-style8 .text-style-slider h2{
font-size: 50px;
text-transform: uppercase;
color: #fff;
font-weight: 900;
letter-spacing: 12px;
padding-top: 20px;
}
.slider-style8 .text-style-slider p{
font-size: 80px;
text-transform: uppercase;
color: #fff;
font-weight: 900;
letter-spacing: 12px;
opacity: .8;
padding-top: 20px;
}
.slider-style8 .text-style-slider a{
font-size: 15px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
margin-top: 45px;
float: left;
width: 100%;
}
.slider-style8 .item .col-sm-6{
position: relative;
text-align: center;
}
.under-text {
font-size: 700px;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
opacity: .1;
color: #fff;
font-weight: 900;
top: 230px;
}
.slider-style8 .owl-nav{
display: none;
}
.slider-style8 .owl-controls{
position: absolute;
bottom: 120px;
width: 100%;
text-align: center;
}
.slider-style8 .owl-controls .owl-dots{
position: absolute;
text-align: center;
margin-top: 0px;
width: 100%;
margin-left: 30px;
}
.slider-style8 .owl-controls .owl-dots .owl-dot{
width: 15px;
height: 15px;
background-color: #e0e0e0;
display: inline-block;
margin-right: 10px;
}
.slider-style8 .owl-controls .owl-dots .owl-dot.active{
background-color: #fff;
border: 2px solid #cba884;
}
/*count downt*/
.home8 .countdown-timer{
margin-top: 200px;
}
.home8 .ct-product-prices-wrap {
width: 180px;
height: 180px;
bottom: -90px;
top: inherit;
left: -90px;
}
.home8 .ct-product-sale {
top: -40px;
right: -40px;
left: inherit;
}
.home8 .ct-product-right {
padding-right: 99px;
text-align: right;
}
/**/
.home8 .newarrivals-8{
margin-top: 180px;
background-color: #f9f9f9;
padding: 60px 0px;
}
.home8 .newarrivals-8 .title-product-box small{
padding-top: 0px;
}
/**/
.new-arrivals-8{
height: 700px;
}
.new-arr-wrap{
position: relative;
width: 100%;
}
.arr-left{
width: 50%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
.arr-left h3{
text-transform: uppercase;
font-weight: 900;
letter-spacing: 20px;
color: #eeeeee;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
position: absolute;
top: 164px;
left: -210px;
}
.arr-right{
width: 60%;
position: absolute;
top: 50px;
left: calc(50% - 120px);
z-index: 2;
}
.arr-content{
padding: 50px;
border: 15px solid #ceab85;
margin-top: 90px;
background-color: #fff;
}
.arr-right h4{
font-size: 40px;
text-transform: uppercase;
font-weight: 900;
color: #ccc;
letter-spacing: 20px;
position: absolute;
left: -40px;
}
.arr-right h4 span:nth-child(1){
color: #fff;
}
.arr-right h4 span:last-child{
margin-left: 30px;
}
.arr-content h2{
font-size: 60px;
text-transform: uppercase;
color: #ceab85;
font-weight: 900;
position: relative;
}
.arr-content h2:before{
width: 60px;
height: 5px;
content: "";
background-color: #ccc;
position: absolute;
bottom: -30px;
left: 0px;
}
.arr-content .mc-price{
margin-top: 80px;
}
.arr-content .mc-price ins{
font-size: 50px;
color: #999;
font-weight: 600;
}
.arr-content .mc-price del{
font-size: 20px;
color: #999;
font-weight: 600;
opacity: .5;
}
.arr-content p{
margin-top: 30px;
margin-bottom: 30px;
}
.linesx{
width: 300px;
height: 2px;
border-top: 6px dotted #ceab85;
position: absolute;
left: -122px;
}
.buy-now-x{
font-size: 20px;
text-transform: uppercase;
font-weight: 900;
margin-top: 30px;
}
.arr-content .product-color{
margin-bottom: 46px;
}
.off-number{
font-size: 270px;
color: #ccc;
opacity: .15;
font-weight: 900;
position: absolute;
right: 0px;
bottom: 145px;
display: block;
}
.home8 .section-client{
margin-top: 50px;
}
/*---------------------------------
END HOME 8
-----------------------------------*/
/* RESPONSIVE */
@media (min-width: 1280px){
.container {
width: 1200px;
}
}
@media (max-width: 1366px){
}
@media(max-width: 1200px){
/*header menu*/
.b-trend-nav>li {
display: inline-block;
padding: 0px 16px;
position: relative;
}
/*custom hero banner*/
.hero-ad-texts {
padding: 30px 25px;
}
.hero-ad-texts h3 {
font-size: 40px;
}
.hero-ad-texts h3 span {
font-size: 40px;
}
.hero-ad-texts h3 span sup {
font-size: 30px;
}
.hero-ad-texts .des {
font-size: 20px;
display: block;
margin-bottom: 20px;
}
.hero-ad-texts .des-box {
font-size: 15px;
margin-left: 0px;
margin-top: 5px;
}
.hero-ad-texts p {
font-size: 15px;
}
/*-----------------------------------------
HOME 5
-------------------------------------------*/
/*custom slider*/
.slider-style5 .text-style-slider h2 {
font-size: 40px;
}
.slider-style5 .text-style-slider h2 small {
display: block;
font-size: 36px;
}
.slider-style5 .text-style-slider p {
display: none;
}
.slider-style5 .text-style-slider a {
margin-top: 10px;
float: left;
}
.slider-style5 .text-style-slider {
top: 20%;
width: 32%;
left: 10%;
}
.slider-style5 .owl-controls .owl-nav .owl-next {
right: 20px;
}
.slider-style5 .owl-controls .owl-nav .owl-prev {
left: 20px;
}
/*-----------------------------------------
HOME 6
-------------------------------------------*/
/*custom slider*/
.slider-style6 .text-style-slider h2 {
font-size: 40px;
}
.slider-style6 .text-style-slider h2 small {
display: block;
font-size: 36px;
}
.slider-style6 .text-style-slider p {
display: none;
}
.slider-style6 .text-style-slider a {
margin-top: 10px;
float: left;
}
.slider-style6 .text-style-slider {
top: 20%;
width: 43%;
left: 10%;
}
.slider-style6 .owl-controls .owl-nav .owl-next {
right: 20px;
}
.slider-style6 .owl-controls .owl-nav .owl-prev {
left: 20px;
}
/*-----------------------------------------
HOME 7
-------------------------------------------*/
/*custom slider*/
.slider-style7 .text-style-slider h2 {
font-size: 40px;
}
.slider-style7 .text-style-slider h2 small {
display: block;
font-size: 36px;
}
.slider-style7 .text-style-slider p {
display: none;
}
.slider-style7 .text-style-slider a {
margin-top: 10px;
float: left;
}
.slider-style7 .text-style-slider {
top: 28%;
width: 43%;
left: 10%;
}
.slider-style7 .owl-controls .owl-nav .owl-next {
right: 20px;
}
.slider-style7 .owl-controls .owl-nav .owl-prev {
left: 20px;
}
/*------------------------------------
HOME 4
--------------------------------------*/
.space-right{
display: none;
}
.home4 .all-wrap{
width: 100%;
}
.header.header-4 {
background-color: #e8b3af;
position: fixed;
top: 0px;
left: 0px;
}
.header.header-4 .brand {
width: 32px;
text-align: left;
margin-left: 0px;
margin-top: 0px;
}
.header .col-sm-2:last-child {
width: inherit;
float: right;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
}
.header.header-4 {
padding: 15px 30px;
}
.header.header-4 .nav-search, .header.header-4 .nav-cart {
color: #fff;
}
.header.header-4 .notice-cart {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #e8b3af;
}
.slider-style4 {
margin-top: 60px;
}
.slider-style4 .text-style-slider {
left: 50%;
}
.slider-style.slider-style4 .text-style-slider a {
display: block;
padding: 4px 12px;
}
.container-4 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.home4 .margin-top-40,.home4 .margin-top-30{
margin-top: 15px;
}
.hero-ad-home4 .hero-ad-texts h3 {
padding-bottom: 0px;
}
.hero-ad-home4 .list-colors li a {
display: block;
width: 40px;
}
.hero-ad-home4 .mobi-none{
display: none;
}
.hero-ad-home4 .list-colors {
padding: 0px 20px;
}
.hero-ad-home4 .hero-ad-texts {
padding: 20px;
}
.footer-hero {
padding: 20px;
padding-top: 50px;
}
.footer-hero .mc-price ins {
font-size: 20px;
}
.footer-hero .mc-price del {
font-size: 14px;
}
.btn-waves {
bottom: 35px;
right: 32px;
}
.home4-s-content {
padding-top: 28px;
}
.title-product-box small {
padding-top: 7px;
}
.home4-s-content .title-product-box {
color: #666;
font-size: 30px;
}
.home4 .home4-s-content .margin-top-80{
margin-top: 50px !important;
}
.footer-hero {
padding: 6px 20px;
padding-top: 48px;
}
.header.header-4 .b-trend-nav>li>a {
color: #fff;
font-size: 14px;
}
.header.header-4 .b-trend-nav>li {
padding: 0px 9px;
}
.header.header-4 .b-trend-nav {
padding-top: 4px;
}
}
@media (max-width: 991px){
/*change margin-top*/
.margin-top-80{
margin-top: 30px !important;
}
.margin-top-50{
margin-top: 15px !important;
}
.mobi-mgtop-30{
margin-top: 30px;
}
/*custom header*/
.humberger-btn{
display: block;
top: 22px;
left: 15px;
}
.mobi-none{
display: none !important;
}
.mobi-show{
display: block !important;
}
.brand {
width: 60px;
margin-top: 0;
display: block;
}
.nav-right {
margin-top: -1px;
}
.header {
width: 100%;
height: 60px;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
background-color: #fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.header .col-sm-2:nth-child(1){
width: 20%;
float: left;
left: 40%;
}
.header .col-sm-2:last-child{
width: 40%;
float: right;
}
.notice-cart {
top: -9px;
right: -11px;
}
.breadcrum-x{
margin-top: 50px;
}
/*custom slider top*/
.slider-style{
margin-top: 25px;
}
.slider-style1 .owl-controls .owl-next{
display: none !important;
}
.slider-style1 .owl-controls .owl-prev{
display: none !important;
}
/*custom availability*/
.availability-item{
margin-bottom: 15px;
padding: 5px 30px 0px 30px;
}
/*custom product box*/
.title-product-box {
font-size: 22px;
letter-spacing: 6px;
}
.ct-product-right{
padding-left: 0px;
margin-top: 20px;
}
/*custom countdown timer*/
.countdown-timer{
margin-bottom: 30px;
}
#clockdiv > div {
padding: 0px;
}
.ct-product-sale {
width: 50px;
height: 50px;
left: -15px;
font-size: 20px;
line-height: 50px;
}
.ct-product-prices-wrap {
width: 130px;
height: 120px;
right: -15px;
font-size: 16px;
padding: 15px;
bottom: 30px;
top: inherit;
}
.ct-product-sp {
font-weight: 400;
font-size: 14px;
margin-bottom: 16px;
}
.ct-product-prices ins {
margin-top: 3px;
padding-bottom: 6px;
}
.ct-product-prices del {
font-size: 12px;
margin-top: 4px;
}
/*custom hero banner*/
.hero-ad-texts {
padding: 30px 25px;
}
.hero-ad-texts h3 {
font-size: 30px;
}
.hero-ad-texts h3 span {
font-size: 30px;
}
.hero-ad-texts h3 span sup {
font-size: 20px;
}
.hero-ad-texts .des {
font-size: 16px;
display: block;
}
.hero-ad-texts .des-box {
font-size: 15px;
margin-left: 0px;
margin-top: 5px;
display: block;
}
.hero-ad-texts p {
font-size: 14px;
}
/*custom blogs slider*/
.slider-blogs-right {
padding-left: 0px;
}
.slider-blogs-right p {
margin-top: 10px;
}
.slider-blogs-readmore {
margin-top: 10px;
display: block;
}
.blogs-date-label {
right: 0px;
}
.slider-blogs .owl-controls {
top: 36%;
}
/*custom subscribe*/
.section-subscribe {
background: url(../images/bg-subscribe.jpg) -620px top no-repeat;
padding: 50px 0px 80px 0px;
}
/*custom client slider*/
.section-client {
margin-top: 86px;
}
/*custom footer*/
.footer-wrap{
margin-top: 50px !important;
}
.f-title-box {
margin-bottom: 20px;
margin-top: 30px;
}
.f-ul-brands li{
width: 50px;
height: 50px;
}
.f-ul-tags li a {
padding: 1px 5px;
margin-bottom: 8px;
margin-right: 5px;
}
/*-----------------------------
home2
-------------------------------*/
/*header*/
.home2 .header-2 .humberger-btn {
display: block;
top: 22px;
}
.home2 .header-2 .humberger-btn:before{
display: none;
}
.home2 .header-2 .col-sm-8{
width: 20%;
float: left;
margin-left: 40%;
}
.home2 .header-2 .brand img{
width: 34px;
margin-left: calc(50% - 12px);
}
.home2 .header-2-fix{
height: 60px;
}
.home2 .header-2-fix .brand {
margin-top: 12px;
}
.home2 .header-2-fix .nav-right {
padding-top: 20px;
margin-top: -1px;
}
.home2 .header-2-fix{
box-shadow: none;
}
/*left sidebar*/
.home2 .left-sidebar-home2{
width: 75%;
}
.home2 .left-sidebar{
left: -75%;
}
.home2 .left-sidebar-side{
left: 0px;
}
/*slider*/
.home2 .slider-style {
margin-top: 60px;
}
.home2 .slider-style2 .owl-controls{
display: none;
}
.home2 .slider-style2 .text-style-slider {
top: 17%;
width: 60%;
}
.home2 .slider-style2 .text-style-slider span {
font-size: 8px;
letter-spacing: 3px;
}
.home2 .slider-style2 .text-style-slider h2 {
font-size: 17px;
}
.home2 .slider-style2 .text-style-slider h2 small{
font-size: 17px;
}
.home2 .text-style-slider p{
display: none;
}
.home2 .slider-style2 .text-style-slider a {
padding: 4px 10px;
font-size: 10px;
}
.home2 .newarrivals.margin-top-80{
margin-top: 0px !important;
}
/*top product*/
.home2 .item-tp-img{
width: calc(50% - 20px);
}
.home2 .item-tp-img img{
width: 100%;
}
.home2 .item-right-tp {
width: calc(50% + 20px);
padding-left: 20px;
}
.home2 .item-right-tp h2 {
font-size: 14px;
}
.home2 .item-right-tp span {
font-size: 14px;
padding-bottom: 5px;
}
.home2 .shopnow-right-tp{
display: none;
}
.home2 .item-tp{
width: 100%;
float: left;
margin-bottom: 20px;
}
.home2 .title-product-box{
font-size: 27px;
}
/*-------------------------------------------
home3
---------------------------------------------*/
/*header*/
.home3 .show-mega{
display: none;
}
.home3 .header-2-fix .col-sm-8.col-sm-offset-2,
.home3 .header-2 .col-sm-8.col-sm-offset-2{
width: 20%;
margin-left: 40%;
float: left;
}
.home3 .header-2 .humberger-btn {
display: block;
top: 23px;
}
.home3 .header-2 .nav-search {
color: #5eb9af;
}
.home3 .header-2 .nav-cart {
color: #5eb9af;
}
.home3 .header-2 .nav-right {
padding-top: 11px;
margin-top: 12px;
}
.home3 .circle-brand{
background-color: transparent;
border-radius: 0%;
width: 37px;
height: 68px;
line-height: 68px;
}
.home3 .circle-brand:before {
display: none;
}
.home3 .header-2 .brand img{
margin-top: 13px;
width: 36px;
margin-left: 0px;
z-index: 0;
}
.home3 .header-2-fix .brand {
margin-top: 0px;
}
.home3-icon{
display: none;
}
.home3 .draw-humberger{
display: block;
}
.home3 .brand {
margin-top: 0px;
}
/*slider*/
.home3 .slider-style {
margin-top: 68px;
}
.home3 .slider-style3 .owl-controls{
display: none;
}
.home3 .slider-style3 .text-style-slider span {
font-size: 10px;
}
.slider-style3 .text-style-slider h2 {
font-size: 20px;
}
.slider-style3 .text-style-slider p{
display: none;
}
.slider-style3 .text-style-slider a {
padding: 6px 11px;
font-size: 12px;
}
.slider-style3 .text-style-slider {
top: 23%;
}
/*availability*/
.item-right-availability-h3 h3 {
font-size: 14px;
}
.item-right-availability-h3 p {
font-size: 12px;
}
/*product*/
.home3 .title-product-box {
font-size: 30px;
margin-bottom: 30px;
}
.horizontal-banner .row .col-sm-4{
margin-bottom: 20px;
}
.item-popular-categories{
margin-bottom: 30px;
}
/*------------------------------------
HOME 6
--------------------------------------*/
/*header*/
.header-5 {
height: 60px;
background-color: #cba884;
float: left;
width: 100%;
top: 0px;
}
.top-links{
display: none;
}
.draw-humberger.mobi-white {
background-color: #fff;
}
.draw-humberger.mobi-white:before {
background-color: #fff;
}
.draw-humberger.mobi-white:after {
background-color: #fff;
}
.header-6 .in-header-6 {
padding: 0px;
}
/*slider*/
.slider-style5 {
margin-top: 60px;
}
/*subscribe*/
.section-subscribe {
background: transparent;
padding: 0px;
}
.in-section-subscribe-6 {
padding: 42px 15px 57px 15px;
background: url('../images/bg-subscribe.jpg') -620px top no-repeat;
}
/*------------------------------------
HOME 7
--------------------------------------*/7
/*header*/
.header-7{
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.home7 .header-2 .humberger-btn {
display: block;
top: 22px;
}
.home7 .header-2 .humberger-btn:before{
display: none;
}
.home7 .header-2 .col-sm-8{
width: 20%;
float: left;
margin-left: 40%;
}
.home7 .header-2 .brand img{
width: 34px;
margin-left: calc(50% - 12px);
}
.home7 .header-2-fix{
height: 60px;
}
.home7 .header-2-fix .brand {
margin-top: 12px;
}
.home7 .header-2-fix .nav-right {
padding-top: 20px;
margin-top: -1px;
}
.header-7 .humberger-btn {
display: block;
top: 22px;
}
.header-7 .notice-cart {
background-color: #cba985;
border: 1px solid #cba985;
color: #fff;
}
.home7 .left-sidebar-home2 {
width: 70%;
}
/*slider*/
.home7 .slider-style {
margin-top: 60px;
}
/*--------------------------------------
PAGES
----------------------------------------*/
/*header*/
.header-category .brand{
margin: auto;
margin-top: 15px;
width: 32px;
}
.header-category .draw-humberger {
background-color: #cba884;
}
.draw-humberger:before {
background-color: #cba884;
}
.draw-humberger:after {
background-color: #cba884;
}
.header-category .b-trend-nav, .header-category .nav-right{
margin-top: 0px;
}
.categories-text-hero h1 {
font-size: 14px;
margin-top: 40px;
letter-spacing: 7px;
color: #666;
margin-bottom: 0px;
}
.categories-text-hero p {
color: #eeeeed;
font-size: 12px;
}
/*end header*/
.short-wapper {
padding-left: 0px;
}
.baner-top-categories {
margin-top: 7px;
}
.categories-text-hero {
padding: 0px 30px;
}
/*product*/
.product-wrap img{
width: 100%;
}
.wiget-bestseller,.wiget-tags{
display: none;
}
/*show-grid-list*/
.show-grid-list{
display: none;
}
/*sidebar items*/
.sidebar-items{
width: 100%;
}
/*content-wrap*/
.content-wrap{
width: 100%;
}
/*list item products*/
.product-liststyle .product-des h2{
margin: 0px;
}
.breadcrumbs-pro{
/*margin-top: 60px;*/
}
/*table responsive wishlist*/
/* Force table to not be like tables anymore */
table.table-wishlist,
.table-wishlist thead,
.table-wishlist tbody,
.table-wishlist th,
.table-wishlist td,
.table-wishlist tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.table-wishlist thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-wishlist tr { }
.table-wishlist tr td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding: 10px 0px !important;
}
.table-wishlist tr td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 30%;
font-size: 14px;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
.table-wishlist td:nth-of-type(1){
padding-left: 20px !important;
}
.table-wishlist td:nth-of-type(1):before {
content: "";
width: 0px;
}
.table-wishlist td:nth-of-type(2){
padding-left: 106px !important;
}
.table-wishlist td:nth-of-type(2):before {
content: "";
}
.table-wishlist td:nth-of-type(3){
padding-left: 106px !important;
}
.table-wishlist td:nth-of-type(3):before {
content: "";
}
.table-wishlist td:nth-of-type(4){
padding-left: 53px !important;
}
.table-wishlist td:nth-of-type(4):before {
content: "";
}
/*table cart*/
/*table responsive wishlist*/
/* Force table to not be like tables anymore */
.table-cart{
margin-top: 150px;
}
table.table-cart,
.table-cart thead,
.table-cart tbody,
.table-cart th,
.table-cart td,
.table-cart tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.table-cart thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-cart tr { }
.table-cart tr td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding: 10px 0px !important;
}
.table-cart tr td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 30%;
font-size: 14px;
padding-right: 10px;
white-space: nowrap;
}
.table-cart td:nth-of-type(1){
padding-left: 20px !important;
}
.table-cart td:nth-of-type(1):before {
content: "" !important;
width: 0px !important;
}
.table-cart td:nth-of-type(2){
padding-left: 106px !important;
}
.table-cart td:nth-of-type(2):before {
content: "";
}
.table-cart td:nth-of-type(3){
padding-left: 106px !important;
}
.table-cart td:nth-of-type(3):before {
content: "";
}
.table-cart td:nth-of-type(4){
padding-left: 53px !important;
color: #fff;
}
.table-cart td:nth-of-type(4):before {
content: "";
}
.reg-checkout{
display: none;
}
.comment-sub{
padding-left: 30px;
}
.comment-content-wrap .comment-content-item .cci-left {
width: 50px;
height: 50px;
float: left;
}
.comment-content-wrap .comment-content-item .cci-right {
width: calc(100% - 70px);
float: left;
margin-left: 20px;
}
.comment-form{
margin-bottom: 30px;
}
.share-blogs {
text-align: left;
}
/*quick view*/
.mc-quickview .product-shortdes,
.mc-quickview .product-share,
.mc-quickview .add-wishlist{
display: none;
}
/*------------------------------------
HOME 4
--------------------------------------*/
.space-right{
display: none;
}
.home4 .all-wrap{
width: 100%;
}
.header.header-4 {
background-color: #e8b3af;
position: fixed;
top: 0px;
left: 0px;
}
.header.header-4 .brand {
width: 32px;
text-align: center;
margin: auto;
}
.header .col-sm-2:last-child {
width: inherit;
float: right;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
}
.header.header-4 {
padding: 15px 30px;
}
.header.header-4 .nav-search, .header.header-4 .nav-cart {
color: #fff;
}
.header.header-4 .notice-cart {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #e8b3af;
}
.slider-style4 {
margin-top: 60px;
}
.slider-style4 .text-style-slider {
left: 50%;
}
.slider-style.slider-style4 .text-style-slider a {
display: block;
padding: 4px 12px;
}
.container-4 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.home4 .margin-top-40,.home4 .margin-top-30{
margin-top: 15px;
}
.hero-ad-home4 .hero-ad-texts h3 {
padding-bottom: 0px;
}
.hero-ad-home4 .list-colors li a {
display: block;
width: 50px;
}
.hero-ad-home4 .list-colors {
padding: 0px 20px;
}
.hero-ad-home4 .hero-ad-texts {
padding: 20px;
}
.footer-hero {
padding: 20px;
padding-top: 50px;
}
.footer-hero .mc-price ins {
font-size: 20px;
}
.footer-hero .mc-price del {
font-size: 14px;
}
.btn-waves {
bottom: 35px;
right: 32px;
}
.home4-s-content {
padding-top: 28px;
}
.title-product-box small {
padding-top: 7px;
}
.home4-s-content .title-product-box {
color: #666;
font-size: 30px;
}
.home4 .home4-s-content .margin-top-80{
margin-top: 50px !important;
}
.footer-hero {
padding: 20px;
padding-top: 65px;
}
/*HOME 8*/
.header-8 {
background: #ceab85;
}
.slider-style8{
margin-top: 0px;
}
.img8{
margin-top: 73px;
}
.home8 .newarrivals-8{
background-color: transparent;
padding: 0px;
padding-top: 30px;
}
.slider-style8 .owl-controls {
bottom: -25px;
}
.slider-style8 .owl-controls .owl-dots{
margin-left: 0px;
}
}
@media (max-width: 767px){
/*custom slider*/
.slider-blogs .owl-controls {
top: 66%;
}
/*--------------------------------
HOME 5
----------------------------------*/
/*slider*/
.slider-style5 {
margin-top: 60px;
}
.slider-style5 .owl-controls{
display: none;
}
.slider-style5 .text-style-slider h2 {
font-size: 20px;
}
.slider-style5 .text-style-slider {
top: 13%;
width: 46%;
}
.slider-style5 .text-style-slider span {
font-size: 8px;
letter-spacing: 4px;
}
.slider-style5 .text-style-slider h2 small {
font-size: 16px;
}
.slider-style5 p{
display: none;
}
.slider-style5 .text-style-slider a{
display: none;
}
/*--------------------------------
HOME 6
----------------------------------*/
/*header*/
.header-6 .in-header-6 {
padding: 0px;
}
/*slider*/
.slider-style6 .owl-controls{
display: none;
}
.slider-style6 .text-style-slider h2 {
font-size: 20px;
}
.slider-style6 .text-style-slider {
top: 13%;
width: 46%;
}
.slider-style6 .text-style-slider span {
font-size: 8px;
letter-spacing: 4px;
}
.slider-style6 .text-style-slider h2 small {
font-size: 16px;
}
.slider-style6 p{
display: none;
}
.slider-style6 .text-style-slider a{
display: none;
}
/*--------------------------------
HOME 7
----------------------------------*/
/*slider*/
.slider-style7 .owl-controls{
display: none;
}
.slider-style7 .text-style-slider h2 {
font-size: 20px;
}
.slider-style7 .text-style-slider {
top: 13%;
width: 46%;
}
.slider-style7 .text-style-slider span {
font-size: 8px;
letter-spacing: 4px;
}
.slider-style7 .text-style-slider h2 small {
font-size: 16px;
}
.slider-style7 p{
display: none;
}
.slider-style7 .text-style-slider a{
display: none;
}
/**/
.product-liststyle .product-des h2 {
margin-top: 20px;
}
.product-shortdes{
font-size: 14px;
}
.w-m-100{
width: 100%;
}
.btn-color{
margin-left: 0px;
margin-top: 10px;
}
.btn-inline {
margin-bottom: 10px;
}
.process-bar ul li {
margin-bottom: 10px;
}
.pa-r-30{
padding-right: 15px;
}
.margin-top-30-m{
margin-top: 30px;
}
}
@media (max-width: 480px){
/*custom header*/
.mini-cart-hover {
width: 290px;
}
.in-nav-search {
width: 226px;
}
.categories-text-hero h1 {
margin-top: 13px;
margin-bottom: 0px;
}
.categories-text-hero p {
line-height: 16px;
}
.tabs-product-detail ul {
padding-left: 0px;
}
.tabs-product-detail .nav-tabs>li {
width: 94px;
}
.related-products .title-product-box {
letter-spacing: 2px;
font-size: 20px;
}
.pa-r-30{
padding-right: 15px;
}
.product-des {
margin-top: 20px;
margin-bottom: 10px;
}
.add-wishlist {
margin-left: 0px;
font-size: 14px;
margin-top: 10px;
}
h1.pbi-text-title {
font-size: 18px;
}
.share-blogs{
text-align: left;
}
/*Quick view*/
.mc-quickview button.close{
position: absolute;
right: 5px;
top: 0px;
font-size: 30px;
z-index: 9;
}
/*popup newletter*/
.pl-content {
padding: 6px 20px;
width: 100%;
}
.pl-content h3 {
font-size: 15px;
margin-top: 16px;
}
.pl-content p {
margin-top: 3px;
font-size: 12px;
line-height: 15px;
}
.pl-content form {
float: left;
margin-top: -13px;
}
.pl-content form button {
margin-top: -4px;
height: 30px;
line-height: 15px;
}
/*home 4*/
.footer-hero .mc-price ins {
font-size: 16px;
}
.footer-hero .mc-price del {
font-size: 14px;
}
}