html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {
outline:none;
text-decoration: none;
}
input:focus,
textarea:focus,
button:focus,
select:focus{
outline:none;
}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
color:#343434;
font-family: 'Ubuntu', sans-serif;
font-weight:700;
margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
color: #23527c;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {
font-family: 'Ubuntu', sans-serif;
color:#343434;
font-size:14px;
line-height:24px;
font-weight:400;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.mb-80{
margin-bottom:80px;
}
.mb-70{
margin-bottom:70px;
}
.mb-60{
margin-bottom:60px;
}
.mb-50{
margin-bottom:50px;
}
.mb-40{
margin-bottom:40px;
}
.mb-30{
margin-bottom:30px;
}
.mb-26{
margin-bottom:26px;
}
.mb-20{
margin-bottom:20px;
}
.mb-10{
margin-bottom:10px;
}
.mtb-10{
margin:10px 0;
}
.mtb-20{
margin:20px 0;
}
.mtb-30{
margin:30px 0;
}
.mtb-40{
margin:40px 0;
}
.mtb-50{
margin:50px 0;
}
.mtb-60{
margin:60px 0;
}
.mtb-70{
margin:70px 0;
}
.mtb-80{
margin:80px 0;
}
.mt-0{margin-top: 0 !important}
.mt-10{
margin-top:10px;
}
.mt-20{
margin-top:20px;
}
.mt-30{
margin-top:30px;
}
.mt-40{
margin-top:40px;
}
.mt-50{
margin-top:50px;
}
.mt-60{
margin-top:60px;
}
.mt-70{
margin-top:70px;
}
.mt-80{
margin-top:80px;
}
.mb-28 {
margin-bottom: 28px;
}
.pt-10{
padding-top:10px;
}
.pt-20{
padding-top:20px;
}
.pt-30{
padding-top:30px;
}
.pt-40{
padding-top:40px;
}
.pt-50{
padding-top:50px;
}
.pt-60{
padding-top:60px;
}
.pt-70{
padding-top:70px;
}
.pt-80{
padding-top:80px;
}
.ptb-10{
padding:10px 0;
}
.ptb-20{
padding:20px 0;
}
.ptb-30{
padding:30px 0;
}
.ptb-40{
padding:40px 0;
}
.ptb-50{
padding:50px 0;
}
.ptb-60{
padding:60px 0;
}
.ptb-70{
padding:70px 0;
}
.ptb-80{
padding:80px 0;
}
.pb-10{
padding-bottom:10px;
}
.pb-20{
padding-bottom:20px;
}
.pb-30{
padding-bottom:30px;
}
.pb-40{
padding-bottom:40px;
}
.pb-50{
padding-bottom:50px;
}
.pb-60{
padding-bottom:60px;
}
.pb-70{
padding-bottom:70px;
}
.pb-80{
padding-bottom:80px;
}
.p-0{padding:0;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}
/*----------------------------------------*/
/* 2. header
/*----------------------------------------*/
#page-wraper{
padding: 0 2.6%;
position: relative;
}
/*----------------------------------------*/
/* 2.1 header-top-area
/*----------------------------------------*/
.logo-area {
margin-top: 20px;
margin-bottom: 20px;
}
.menu-area ul li{
display:inline-block;
margin-right:30px;
}
.menu-area ul li:last-child{
margin-right:0;
}
.menu-area ul li a{
color: #292929;
display:inline-block;
position: relative;
text-decoration: none;
text-transform: uppercase;
padding:30px 0;
transition:.3s;
text-decoration:none;
}
.menu-area ul li.active a,.menu-area ul li:hover a,.header-right-area ul li:hover a,.menu-area ul li.sub-menu ul li a:hover,.menu-area ul li ul.mega-menu li ul.sub-menu-2 li a:hover,.menu-area ul li ul.sub-menu li a:hover{
color: #343434 ;
}
.menu-area ul li ul.sub-menu{
background: #fff none repeat scroll 0 0;
box-shadow: 5px 5px 7px 0 rgba(41, 41, 41, 0.05);
width: 215px;
position:absolute;
left:0;
top:100%;
z-index:999;
padding:15px 20px;
transition:.3s;
opacity:0;
visibility:hidden;
}
.menu-area ul li:hover ul.sub-menu{
opacity:1;
visibility:visible;
}
.menu-area ul li ul.sub-menu li{
display:block;
}
.menu-area ul li ul.sub-menu li a {
color: #292929;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 26px;
padding: 0!important;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.menu-area ul li ul.mega-menu{
background: #fff none repeat scroll 0 0;
box-shadow: 5px 5px 7px 0 rgba(41, 41, 41, 0.05);
padding: 30px !important;
position: absolute;
top:100%;
z-index:999;
opacity:0;
visibility:hidden;
width: 98% !important;
left: 1%;
right: 1%;
}
.menu-area ul li:hover ul.mega-menu{
opacity:1;
visibility:visible;
}
.menu-area ul li ul.mega-menu li {
display: block;
float: left;
margin: 0;
width: 25%;
}
.menu-area ul li ul.mega-menu li a {
color: #292929;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 0 0 0 0 !important;
text-transform: uppercase;
}
.menu-area ul li ul.mega-menu li ul.sub-menu-2 li {
float: none;
width: 100%;
}
.menu-area ul li ul.mega-menu li ul.sub-menu-2 li a {
color: #707070;
font-size: 13px;
padding: 10px 0 0 !important;
text-transform: capitalize;
transition: .3s;
line-height: 24px;
font-weight: 500;
}
.menu-area ul li ul.mega-menu-2{
width: 380px!important;
}
.menu-area ul li ul.mega-menu-2 li{
float: left;
width: 50%;
display:block;
margin: 0;
}
.menu-area .menu-search{top:10px;max-width: 150px;position: absolute;right: 0;}
.menu-area .menu-search #disable-input {max-width: 100px;background: #f5f5f5;color:#343434;}
.menu-area .menu-search #disable-input::placeholder {color:#343434;}
.menu-area .menu-search .input-group {background:#f5f5f5;}
.menu-area .menu-search button{padding:5px 10px;background: #f5f5f5}
.menu-area .menu-search a{font-size:15px;padding:0 !important;}
.menu-area .menu-search input:focus{
border:none;
box-shadow: none;
}
.header-right-area {
float: right;
}
.header-left-area ul li{float:left;margin-right: 10px}
.header-left-area ul li a{color:#343434;font-weight: 600}
.header-right-area ul{}
.header-right-area ul li{
display:inline-block;
margin-left:10px;
position:relative;
color:#000;
}
.header-right-area ul li:first-child{
margin-left: 0;
}
.header-right-area ul li a {
color: #292929;
display: inline-block;
font-size: 14px;
padding: 30px 0;
text-decoration: none;
transition: all 0.3s ease 0s;
font-weight: 600
}
.header-right-area ul li i {
font-size: 22px;
}
.header-right-area ul li a > span {
color: #ffffff;
font-weight: bold;
font-size: 13px;
position: absolute;
left: 11px;
top: 17px;
height: 18px;
width: 18px;
background: #7fb4d9;
border-radius: 50%;
text-align: center;
line-height: 18px;
}
.mini-cart-sub{
position:absolute;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
display: block;
left: auto;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
opacity: 0;
padding: 20px;
right: 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 280px;
z-index: 9999;
}
.header-right-area ul > li:hover .mini-cart-sub{
opacity:1;
visibility:visible;
transform: scaleY(1);
}
.cart-product .single-cart {
margin-bottom: 15px;
overflow: hidden;
position:relative;
}
.cart-product .single-cart .cart-img{
display: block;
float: left;
margin-right: 15px;
width: 65px;
}
.cart-product .single-cart .cart-img a{
padding:0;
}
.cart-product .single-cart .drop{
position: absolute;
right: 0;
top: 0
}
.cart-product .single-cart .drop i{font-size:12px;}
.cart-product .single-cart .cart-img a img {
width: 100%;
}
.cart-product .single-cart .cart-info{
overflow: hidden;
padding-right: 20px;
}
.cart-product .single-cart .cart-info h5{
margin-bottom: 0px;
}
.header-right-area ul > li .cart-product .single-cart .cart-info h5 a {
color: #707070;
font-size: 16px;
font-weight: 400;
line-height: 17px;
margin-bottom: 0;
padding:15px 0;
text-transform: capitalize;
}
.header-right-area ul > li .cart-product .single-cart .cart-info h5 a:hover, .header-right-area ul > li .cart-bottom a:hover{
color:#3e82b2;
}
.cart-product .single-cart .cart-info p{
margin-bottom:0;
font-size: 14px;
}
.cart-totals{
margin-bottom:15px;
}
.cart-totals h5{
color: #707070;
display: block;
font-size: 15px;
font-weight: 400;
margin: 0;
text-transform: uppercase;
}
.cart-totals h5 span{
display: block;
float: right;
}
.header-right-area ul > li .cart-bottom a {
background-color: #707070;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 36px;
line-height: 24px;
padding: 7px 15px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
.header-right-area ul > li .cart-bottom a:hover{
background:#3e82b2;
color: #fff;
}
.search-content{
position:absolute;
animation: 0.5s linear 0s alternate none 1 running fadeIn;
background: #fff;
display: none;
position: fixed;
right: 2.6%;
left: 2.6%;
top: 83px;
z-index:999999;
height:69px;
}
.search-content .search-text {
position: relative;
/* transform: translateY(-50%); */
padding: 0 40px;
background: #f5f5f5;
width: 50%;
margin: 0 auto;
top: 10px;
}
.search-content h1{
color: #fff;
font-size: 48px;
font-weight: 500;
margin: 0 0 70px;
text-transform: capitalize;
}
.search-content form{
position:relative;
}
.search-content form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #bababa;
height: 40px;
line-height: 40px;
padding: 0 40px 0 0;
width: 100%;
border:0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.search-content form button.btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none;
border-radius: 0;
box-shadow: none;
font-size: 20px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.search-content form button.btn:hover{
color:#3e82b2;
}
.shapping-area{
background:#fff;
animation: 0.5s linear 0s alternate none 1 running fadeIn;
border: medium none;
border-radius: 0;
box-shadow: 5px 5px 7px 0 rgba(41, 41, 41, 0.05);
left: auto;
margin: 0;
display:none;
min-width: 300px;
padding: 40px;
right: 0;
top: 100%;
position:absolute;
z-index:999;
}
.shapping-area .single-shapping span {
border-bottom: 1px solid rgba(55, 55, 55, 0.1);
color: #292929;
display: block;
font-size: 15px;
font-weight: 600;
padding-bottom: 5px;
text-transform: uppercase;
}
.shapping-area .single-shapping ul{
list-style: outside none none;
padding-left: 20px;
}
.shapping-area .single-shapping ul li{
display: block;
margin:0;
}
.shapping-area .single-shapping ul li a{
color: #6b6b6b;
font-size: 12px;
line-height: 30px;
padding: 0;
transition:.3s;
text-decoration:none;
}
.shapping-area .single-shapping ul li a:hover{
color:#3e82b2;
}
.header-top-area.sticky{
background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.header-top-area.sticky .logo-area {
margin-top: 12px;
}
.header-top-area.sticky .menu-area ul li a {
padding: 16px 0;
}
.header-top-area.sticky .header-right-area ul li a{
padding:16px 0;
}
.header-top-area.sticky .header-right-area ul li > span {
top: 7px;
}
.mobile-menu-area.hidden-md.hidden-lg {
clear: both;
position: relative;
z-index: 9;
}
.search-content span.close {
color: hsl(0, 0%, 0%);
font-size: 20px;
opacity: 1;
position: relative;
right: 40px;
top: 20px;
z-index: 999999;
}
/*----------------------------------------*/
/* 4. founder-area
/*----------------------------------------*/
.founder-description h3{
color: #929292;
font-size: 12px;
margin: 0 0 5px;
text-transform: capitalize;
}
.founder-description h1{
font-size: 30px;
font-weight: 500;
margin: 0 0 40px;
text-transform: capitalize;
}
.founder-description img {
margin-bottom: 35px;
display:inline-block;
}
.founder-description p{
letter-spacing: 0.025em;
line-height: 30px;
margin: 0 0 50px;
}
.founder-description h4{
font-size: 12px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.founder-description h4 span{
color: #707070;
font-weight: 400;
}
/*----------------------------------------*/
/* 5. banner-area
/*----------------------------------------*/
.banner-area{}
.single-banner{
position:relative;
overflow:hidden;
}
.single-banner .banner-img a img{
width:100%;
transition:.4s;
transform:scale(1.0);
}
.single-banner:hover .banner-img a img{
transform:scale(1.1);
}
.single-banner .banner-content{
bottom: 20px;
left: 20px;
position: absolute;
}
.single-banner .banner-content a{
background: #fff none repeat scroll 0 0;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
color: #292929;
display: inline-block;
font-size: 14px;
font-weight: 500;
padding: 20px 30px;
text-transform: capitalize;
transition:.3s;
}
.single-banner:hover .banner-content a{
color:#3e82b2;
}
.banner-content-2{
left: 60px;
position: absolute;
top: 55%;
transform: translateY(-50%);
width: 50%;
}
.banner-content-2 h3{
font-size: 14px;
font-weight: 600;
line-height: 1;
margin: 0 0 15px;
}
.banner-content-2 h2{
font-size: 24px;
font-weight: 400;
line-height: 1.3;
margin: 0;
margin-bottom:15px;
text-transform: capitalize;
}
.banner-content-2 p{color:#333;}
.banner-content-2 a{
color: #4195cf;
display: inline-block;
font-weight: 600;
line-height: 1;
padding-bottom: 5px;
text-transform: uppercase;
transition:.3s;
}
/*----------------------------------------*/
/* 6. feature-product-area
/*----------------------------------------*/
.section-title span{
font-size: 24px;
font-weight: 500;
margin: 0 0 13px;
text-transform: capitalize;
}
.section-title p {
font-weight: 300;
letter-spacing: 0.025em;
line-height: 24px;
margin: 0 auto;
max-width: 550px;
}
.tab-menu ul li{
display: inline-block;
position: relative;
}
.tab-menu ul li a {
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 3px;
color: #707070;
cursor: pointer;
font-size: 12px;
line-height: 1;
margin: 0 5px;
padding: 14px 30px;
position: relative;
text-decoration: none;
text-transform: capitalize;
display: block;
}
.tab-menu ul li.active a,.tab-menu ul li:hover a{
background: #292929 none repeat scroll 0 0;
color: #fff;
}
.tab-menu ul li.active::before {
border-color: #292929 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -4px;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
opacity: 1;
position: absolute;
width: 0;
}
.tab-menu ul li:before{
border-color: #292929 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -4px;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
width: 0;
opacity:0;
transition:.3s;
}
.tab-menu ul li:hover:before{
opacity:1;
}
.product-wrapper,.product-wrapper-2{
position:relative;
overflow:hidden;
}
.product-wrapper .product-img,.product-wrapper-2 .product-img-2{
position:relative;
}
.product-wrapper .product-img a img,.product-wrapper-2 .product-img a img{
width:100%;
}
.product-wrapper .product-img a .secondary,.product-wrapper-2 .product-img-2 a .secondary{
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
}
.product-wrapper:hover .product-img a .secondary,.product-wrapper-2:hover .product-img-2 a .secondary{
opacity: 1;
}
.product-wrapper .product-img span{
background: #292929 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 12px;
font-weight: 500;
height: 50px;
left: 20px;
line-height: 50px;
position: absolute;
text-align: center;
text-transform: capitalize;
top: 20px;
width: 50px;
z-index: 2;
}
.product-wrapper .product-img .product-icon{
bottom: 20px;
left: -100%;
position: absolute;
z-index: 3;
transition:.8s;
}
.product-wrapper:hover .product-img .product-icon{
left: 40px;
}
.product-wrapper .product-img .product-icon a{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #292929;
display: inline-block;
font-size: 20px;
line-height: 1;
text-align: center;
width: 60px;
background: #fff none repeat scroll 0 0;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
padding: 16px 0;
text-align: center;
transition:.3s;
}
.product-wrapper .product-img .product-icon a:hover{
color:#3e82b2;
}
.product-wrapper .product-content .manufacture-product{
overflow:hidden;
text-align:center;
}
.product-wrapper .product-content .manufacture-product a{
color: #000000;
text-transform: capitalize;
font-size: 15px;
transition: .3s;
width: 100%;
}
.product-wrapper .product-content .manufacture-product h3{
color: #000000;
text-transform: capitalize;
font-size: 15px;
transition: .3s;
width: 100%;
}
.product-wrapper .product-content .manufacture-product p.description{margin:0;}
.product-wrapper .product-content .manufacture-product p.product-price{color:#343434;font-weight: bold}
.saved-items a.drop,.shopping-bag a.drop{color:#818181;font-size:20px;position: absolute;top:10px;right:10px;}
.saved-items .product-img,.shopping-bag .product-img{border:1px solid #eee;}
.saved-items .section-title a,.saved-items .breadcrumb a{color:#343434;}
.shopping-bag .cart-single{border-bottom:1px solid #ddd;padding-bottom: 20px;padding-top:20px;margin-left:0 !important;margin-right: 0 !important;float:left;}
.shopping-bag .cart-single:first-child{
border-top:1px solid #343434;
}
.shopping-bag a.continue-shopping-first{color:#343434;float:left;width: 100%;border-bottom: 1px solid #343434;}
.shopping-bag a.continue-shopping-second{color:#343434;margin-top: 15px;float:left;}
.shopping-bag .control {
position: relative;
display: inline-block;
vertical-align: top;
}
.shopping-bag .form-control{border:1px solid #ddd;}
.shopping-bag .quantity-lane{margin-top:10px;}
.shopping-bag .gift-lane{margin-top: 10px;}
.shopping-bag input[type=checkbox].css-checkbox,.my-account input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.shopping-bag input[type=checkbox].css-checkbox + label.css-label,.my-account input[type=checkbox].css-checkbox + label.css-label {
padding-left:35px;
height:30px;
display:inline-block;
line-height:30px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
font-weight: 500;
color:#343434;
}
.theme-color{color:#4195cf !important;}
.shopping-bag input[type=checkbox].css-checkbox:checked + label.css-label,.my-account input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -30px;
}
.shopping-bag label.css-label,.my-account label.css-label {
background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f60067e68146be412873f96f1d2458cd.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.shopping-bag .product-price{color:#343434;font-weight: bold;}
.icon.ion-drag {
border: 2px solid #E1E1E1;
padding: 0 5px;
}
.product-wrapper .product-content h2{
margin: 0 0 15px;
line-height: 18px;
}
.product-wrapper .product-content h2 a{
color: #292929;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
transition:.3s;
}
.product-wrapper .product-content h2 a:hover,.product-wrapper .product-content .manufacture-product a:hover{
color:#3e82b2;
}
.product-wrapper .product-content .price ul li{
color: #929292;
font-family: "Karla",sans-serif;
font-size: 16px;
margin: 0;
display:inline-block;
}
.product-wrapper .product-content .price ul li.new-price{
margin-right:4px;
}
.product-wrapper .product-content .price ul li.old-price{
color: #3e82b2;
font-weight: 700;
}
.tab-content{
clear: both;
}
.product-active.owl-carousel.owl-theme .owl-controls{}
.product-active.owl-carousel.owl-theme .owl-controls .owl-nav div,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div{
background: #f7f7f9 none repeat scroll 0 0;
border: 3px solid #e1e1e1;
border-radius: 100%;
font-size:18px;
color: #9e9e9e;
height: 50px;
opacity: 0;
position: absolute;
line-height:46px;
text-align: center;
top: 50%;
width: 50px;
transform:translateY(-50%);
transition:.3s;
}
.product-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
.product-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
background: #292929 none repeat scroll 0 0;
border-color: #292929;
color: #fff;
}
.product-active:hover.owl-carousel.owl-theme .owl-controls .owl-nav div,.review-active:hover.owl-carousel.owl-theme .owl-controls .owl-nav div{
opacity:1;
}
.categorie-slider.owl-carousel.owl-theme .owl-controls{}
.categorie-slider.owl-carousel.owl-theme .owl-controls .owl-nav div,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div{
background: #f7f7f9 none repeat scroll 0 0;
border: 3px solid #e1e1e1;
border-radius: 100%;
font-size:18px;
color: #9e9e9e;
height: 50px;
opacity: 0;
position: absolute;
line-height:46px;
text-align: center;
top: 50%;
width: 50px;
transform:translateY(-50%);
transition:.3s;
}
.categorie-slider.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
.categorie-slider.owl-carousel.owl-theme .owl-controls .owl-nav div:hover,.review-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
background: #292929 none repeat scroll 0 0;
border-color: #292929;
color: #fff;
}
.categorie-slider:hover.owl-carousel.owl-theme .owl-controls .owl-nav div,.review-active:hover.owl-carousel.owl-theme .owl-controls .owl-nav div{
opacity:1;
}
/*----------------------------------------*/
/* 7. testimonial-area
/*----------------------------------------*/
.testimonial-area{
background: #f6f6f6 url("img/banner/6.jpg") no-repeat fixed center center;
position:relative;
}
.single-testimonial .testimonial-img{
margin-bottom:30px;
}
.single-testimonial .testimonial-img a {
display: inline-block;
}
.single-testimonial .testimonial-content p{
color: #707070;
letter-spacing: 0.025em;
line-height: 30px;
margin-bottom: 25px;
padding: 0 10%;
}
.single-testimonial .testimonial-content i{
color: #cecece;
font-size: 20px;
}
.single-testimonial .testimonial-content h4{
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5em;
line-height: 30px;
margin: 15px 0 0;
}
.testimonial-active.owl-carousel.owl-theme .owl-controls .owl-nav div{
color: #cecece;
position: absolute;
top: 50%;
transform:translateY(-50%);
font-size:48px;
opacity:0;
transition:.3s;
}
.testimonial-active.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
left:auto;
right:0;
}
.testimonial-active.owl-carousel.owl-theme .owl-controls .owl-nav div:hover{
color:#292929;
}
.testimonial-area:hover .testimonial-active.owl-carousel.owl-theme .owl-controls .owl-nav div{
opacity:1;
}
/*----------------------------------------*/
/* 8. arrivals-area
/*----------------------------------------*/
.arrivals-area .product-wrapper .product-img span {
background: #3e82b2 none repeat scroll 0 0;
}
/*----------------------------------------*/
/* 9. banner-area-2
/*----------------------------------------*/
.banner-area-2{background:#f7f7f7;}
.single-banner-2 .banner-text h2 {
font-size: 14px;
font-weight: 600;
line-height: 1;
margin: 25px 0;
text-transform: capitalize;
}
.single-banner-2 .banner-text p{
font-size:14px;
color: #929292;
letter-spacing: 0.025em;
line-height: 24px;
margin: 0;
}
.banner-area .container-fulied {
margin: 0 64px;
}
.br-bottom{
border-bottom:1px solid #ebebeb;
overflow:hidden;
}
/*----------------------------------------*/
/* 10. blog-area
/*----------------------------------------*/
.review-active {
clear: both;
}
.single-review{
overflow:hidden;
}
.single-review .review-img{
position:relative;
}
.single-review .review-img a{}
.single-review .review-img a:before{
background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
}
.single-review:hover .review-img a:before{
opacity:1;
}
.single-review .review-content{}
.single-review .review-content h3{
margin: 0 0 5px;
}
.single-review .review-content h3 > a{
color: #292929;
display: block;
font-size: 16px;
font-weight: 500;
overflow: hidden;
text-transform: capitalize;
transition:.3s;
}
.single-review .review-content h3 > a:hover,.newlatter-content form a:hover{
color:#3e82b2;
}
.single-review .review-content span{
color: #292929;
font-size:12px;
}
.single-review .review-content p{
color: #707070;
letter-spacing: 0.025em;
line-height: 20px;
margin: 10px 0 10px;
font-size:12px;
}
.single-review .review-content p.review-title,.single-review .review-content p.review-customer{
color:#000;
font-size:15px;
}
/*----------------------------------------*/
/* 11. newslatter-area
/*----------------------------------------*/
.newslatter-area{background:#f4f4f4;}
/*.newslatter-area{background:#f4f4f4;height:130px;}*/
.newslatter-social {padding-top:25px;}
.newslatter-social h3{
color: #292929;
font-size: 14px;
font-weight: 600;
margin: 0 0 20px;
text-transform: capitalize;
}
.newslatter-social ul li span{font-size: 15px}
.newslatter-social ul li{
margin-right: 20px;
display:inline-block;
color:#000;
font-size: 1.5em
}
.newslatter-social ul li:last-child{
margin-right: 0;
}
.newslatter-social ul li a{
color: #b7b7b7;
display: inline-block;
text-align: center;
transition: .3s;
}
.newslatter-social ul li a:hover{
color:#000;
}
.newslatter-form {}
.newslatter-form p{margin-bottom: 5px;}
.newslatter-form .form-group{width: 100%}
.newslatter-form .form-control{width:70%;float:left;margin-right: 5px}
.newslatter-form:after,.newslatter-social:after{
content: "";
position: absolute;
width: 1px;
height: 30px;
background: #ddd;
right: 0;
top: 23px;
}
.newslatter-country{padding-top:17px;}
.newslatter-area span.change-country{color:#343434;line-height: 40px}
.bt-top{
border-top:1px solid #ebebeb;
overflow:hidden;
}
/*----------------------------------------*/
/* 12. footer
/*----------------------------------------*/
/*----------------------------------------*/
/* 12.1 footer-area
/*----------------------------------------*/
footer h5,footer ul li a{color:#343434;}
footer{border-top:1px solid #ddd;}
/*----------------------------------------*/
/* 13. modal
/*----------------------------------------*/
.modal-content {
overflow: hidden;
position: relative;
border-radius: 0;
}
#mymodal .modal-dialog {
width: 870px;
}
.modal-header {
border: medium none;
padding: 0;
}
.modal-header button.close {
border: 1px solid #aaa;
font-size: 25px;
height: 30px;
line-height: 20px;
opacity: 1;
position: absolute;
right: 10px;
top: 10px;
transition: all 0.3s ease 0s;
width: 30px;
z-index: 22;
}
.modal-header button.close:hover{
border-color:#3e82b2;
color:#3e82b2;
}
.modal-img{
float:left;
width:40%;
}
.model-text {
float: right;
padding-left: 15px;
width: 60%;
margin-bottom:20px;
}
.model-text h2 a {
font-size: 25px;
color: #000;
}
.model-text .product-rating {
display: inline-block;
margin-bottom: 5px;
}
.model-text .product-rating a{
margin-right:5px;
color:#3e82b2;
}
.model-text .price-rate span.old-price {
font-size: 18px;
}
.model-text .price-rate span.new-price {
font-size:22px;
}
.model-text h2 a:hover,.model-text .price-rate span.new-price,.model-text .product-rating a:hover {
color:#3e82b2;
}
.model-text .short-description p {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 15px 0;
}
.model-text form input {
background: #eceff8 none repeat scroll 0 0;
border: 1px solid #aaa;
color: #626262;
font-size: 16px;
height: 40px;
text-align: center;
width: 80px;
}
.model-text form button {
margin-left: 20px;
border: none;
padding: 11px 30px;
background: #000;
color: #fff;
text-transform: uppercase;
transition:.3s;
}
.model-text form button:hover{
background:#3e82b2;
}
.model-text .product-meta {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-top: 20px;
padding: 10px 0;
}
.model-text .product-meta span a {
color: #3e82b2;
padding: 0px 2px;
text-transform: capitalize;
}
.model-text .social-icon ul li a {
border: 1px solid #ddd;
color:#393939;
height: 30px;
width: 30px;
display: inline-block;
text-align: center;
line-height: 28px;
}
.model-text .social-icon ul li a:hover{
border-color:#3e82b2;
background:#3e82b2;
color:#fff;
}
.social-icon ul li{
display:inline-block;
}
a#scrollUp {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 2px solid #ebebeb;
bottom: 104px;
color: #292929;
font-size: 30px;
font-weight: 600;
padding: 12px 15px;
position: fixed;
right: 20px;
text-align: center;
text-transform: uppercase;
z-index: 999;
transition:.3s;
}
a#scrollUp:hover{
border-color: #3e82b2;
}
.slider img{width: 100%;}
.width-short .col-lg-5{
width: 39.2%;
}
.width-short .col-lg-2{
width: 21.6%;
}
.width-short .col-lg-5{}
/*----------------------------------------*/
/* 15. home-3
/*----------------------------------------*/
.home-3 header{
left: 0;
position: absolute;
width: 100%;
z-index: 99;
top:0;
padding-top: 12px;
}
.home-3 .menu-area ul li ul.sub-menu {
text-align: left !important;
}
.home-3 .menu-area ul li ul.mega-menu {
text-align: left !important;
}
.home-3 .menu-area ul li a {
padding: 15px 0;
}
.home-3 .logo-area {
text-align: center;
}
.home-6 .logo-area {
text-align: center;
}
.home-6 .logo-area img{width: 100%;}
.header-menu-area{
border-bottom: 1px solid #ddd;
}
.home-3 .banner-area .container-fulied {
margin: 0 0;
}
.home-3 .header-menu-area.sticky {
background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.home-3 .header-menu-area.sticky .menu-area ul li a {
padding: 10px 0;
}
.header-left-area {
margin-top: 25px;
}
.header-left-area span{color:#000;}
.home-3 .banner-area .container-fulied {
margin: 0 15px;
}
/*----------------------------------------*/
/* 16. home-4
/*----------------------------------------*/
.home-4 .header-top-area {
left: 0;
padding: 20px 2.5% 0;
position: absolute;
width: 100%;
z-index: 99;
}
.banner-content-3{
left: 22%;
position: absolute;
top: 0;
width: 55%;
}
.banner-content-3 h2{
color: #292929;
font-size: 18px;
font-weight: 500;
line-height: 24px;
margin: 0;
text-transform: capitalize;
}
.banner-content-3 h3{
font-size:32px;
font-weight: 500;
}
.banner-content-3 a{
color: #808080;
display: inline-block;
margin-top: 20px;
text-transform: capitalize;
transition:.3s;
}
.banner-content-3 a:hover{
color:#3e82b2;
}
.footer-content p{
color: #707070;
font-size: 12px;
letter-spacing: 0.025em;
line-height: 2;
margin: 30px 0;
}
.footer-content .footer-social h3{
color: #292929;
font-size: 14px;
font-weight: 600;
margin: 0 0 20px;
text-transform: capitalize;
}
.footer-content .footer-social ul li{
margin-right: 10px;
display:inline-block;
}
.footer-content .footer-social ul li:last-child{
margin-right: 0;
}
.footer-content .footer-social ul li a{
background: #ebebeb none repeat scroll 0 0;
border-radius: 100%;
color: #aaaaaa;
display: inline-block;
height: 41px;
line-height: 41px;
text-align: center;
width: 41px;
transition:.3s;
}
.footer-content .footer-social ul li a:hover{
background: #292929 none repeat scroll 0 0;
color:#fff;
}
.footer-top-area{
background:#f6f6f6 ;
overflow:hidden;
}
.widget h5 {
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding-bottom: 15px;
padding-top: 15px;
margin-bottom: 0;
}
.bg{
overflow:hidden;
}
.footer-title h5{
color: #292929;
font-size: 16px;
font-weight: 600;
margin: 0 0 35px;
text-transform: capitalize;
}
.footer-content-2 ul li{
color: #707070;
line-height: 1;
padding-bottom: 25px;
}
.footer-content-2 h4 {
color: #292929;
font-size: 12px;
margin: 8px 0 0;
text-transform: capitalize;
}
.footer-top-menu ul li{
display:block;
}
.footer-top-menu ul li a{
color: #707070;
display: inline-block;
padding-bottom: 15px;
transition:.3s;
}
.footer-top-menu ul li a:hover,.footer-bottom-menu ul li a:hover{
color:#3e82b2;
}
.footer-bottom-menu{
float:right;
}
.footer-bottom-menu ul li{
display: inline-block;
margin-left: 35px;
}
.footer-bottom-menu ul li:first-child{
margin-left: o;
}
.footer-bottom-menu ul li a{
color: #929292;
transition:.3s;
}
.home-6 header {
padding-top: 0;
position: static;
}
.home-6 .bg, .home-6 .footer-top-area {
background: #292929 none repeat scroll 0 0;
overflow: hidden;
}
.home-6 .footer-content .footer-social h3,.home-6 .footer-title h5 {
color: #fff;
}
.home-6 .footer-content .footer-social ul li a {
background: #363636 none repeat scroll 0 0;
color: #636363;
}
.home-6 .footer-content .footer-social ul li a:hover {
background: #3e82b2 none repeat scroll 0 0;
color: #fff;
}
.home-6 .header-top-area {
background: #fff none repeat scroll 0 0;
}
.home-6 .menu-area ul li a {
padding: 22px 0;
font-size:13px;
}
.home-6 .slider-text h5{
color: #292929;
font-size: 112.5%;
margin: 0 0 25px;
text-transform: uppercase;
}
.home-6 .slider-text h4 {
color: #292929;
font-size: 187.5%;
font-weight: 700;
letter-spacing: 1.4em;
margin: 0 -1.4em 20px 0;
}
.home-6 .slider-text p {
margin: 22px 0 0;
}
.home-6 .slider-text a {
margin-top: 32px;
}
.product-img-2 {
float: left;
width: 85px;
}
.product-content-2 {
width: auto;
padding-left: 100px;
}
.product-content-2 .manufacture-product{
margin-bottom:8px;
overflow:hidden;
}
.product-content-2 .manufacture-product a{
color: #929292;
letter-spacing: 0.025em;
line-height: 18px;
text-transform: capitalize;
transition:.3s;
float:left;
width:50%
}
.product-content-2 .manufacture-product a:hover,.product-content-2 h2 a:hover{
color:#3e82b2;
}
.product-content-2 .manufacture-product .rating{
float:right;
width:50%;
}
.product-content-2 .manufacture-product .rating ul li{
display: inline-block;
}
.product-content-2 .manufacture-product .rating ul li a{
color: #f5c60d;
font-size: 12px;
}
.product-content-2 h2{
margin: 0 0 15px;
line-height:8px;
}
.product-content-2 h2 a{
color: #292929;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
transition:.3s;
}
.product-content-2 .price ul li{
color: #929292;
font-family: "Karla",sans-serif;
font-size: 16px;
margin: 0;
display:inline-block;
}
.product-content-2 .price ul li.new-price{
color: #3e82b2;
font-weight: 700;
}
.section-title-2 h2{
background: #fff none repeat scroll 0 0;
color: #292929;
display:block;
font-size: 20px;
font-weight: 500;
line-height: 24px;
margin: 0;
padding-right: 20px;
text-transform: capitalize;
margin-bottom: 35px;
position: relative;
}
.section-title-2 h2:before{
background: #f0f0f0 none repeat scroll 0 0;
content: "";
height: 1px;
left: auto;
position: absolute;
right: 0;
top: 50%;
z-index: 1;
width:40%;
right:0
}
.best-sell-active{
overflow:hidden;
}
/*----------------------------------------*/
/* 19. shop
/*----------------------------------------*/
.breadcrumbs-area{
background: #f6f6f6 url("img/banner/20.jpg") no-repeat scroll center top;
margin: 0;
padding: 120px 0 200px;
}
.container {
max-width: 100%;
}
.breadcrumb-content h2{
color: #333333;
font-size: 36px;
font-weight: 500;
margin: 0 0 20px;
text-transform: capitalize;
}
.breadcrumb-content ul li{
display:inline-block;
}
.breadcrumb-content ul li a{
color: #707070;
text-transform: capitalize;
}
.breadcrumb-content ul li.active a{
color: #3e82b2;
}
.shop-main-area {
background: #fff none repeat scroll 0 0;
margin-left: 2.5%;
margin-right: 2.5%;
}
.page-bar{
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
float: left;
margin: 0 0 60px;
padding: 15px 0;
width: 100%;
}
.shop-right-area {
overflow: hidden;
}
.shop-tab .tab-menu-3 {
display: inline-block;
float: left;
margin-top: 2px;
position: relative;
}
.shop-tab .tab-menu-3 ul{}
.shop-tab .tab-menu-3 ul li{
display:inline-block;
margin-right:5px;
}
.shop-tab .tab-menu-3 ul li a {
color: #e2e2e2;
line-height: 16px;
font-size: 20px;
}
.shop-tab .tab-menu-3 ul li.active a{
color: #3e82b2 ;
}
.shop-tab .toolbar-sorter {
float: right;
margin-left: 50px;
}
.shop-tab .toolbar-sorter-2{
float: right;
}
.Categories-title > h3 {
font-size: 25px;
font-weight: 400;
margin-bottom: 30px;
}
.Categories-list-title h3{
color: #292929;
font-size: 18px;
font-weight: 500;
line-height: 24px;
margin: 0 0 25px;
padding: 0;
text-transform: capitalize;
}
.Categories-list ul li{
padding: 5px 0;
display:block;
}
.Categories-list ul li a {
color: #292929;
font-size: 14px;
line-height: 18px;
text-decoration: none;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.Categories-list ul li a:hover{
color:#3e82b2;
}
.single-shop input {
border: 1px solid #aaa;
font-size: 16px;
font-weight: 700;
margin-top: 15px;
padding: 3px 0;
text-align: center;
width:80%;
}
.ui-widget-content {
border: 1px solid #ddd;
height:10px;
}
.ui-slider .ui-slider-range {
background: #3e82b2 none repeat scroll 0 0;
height: 8px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: medium none;
border-radius: 50%;
top:-3px;
border:2px solid #898989;
/* transition:.3s; */
}
.ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
border:2px solid #3e82b2;
}
.ui-slider .ui-slider-handle {
cursor: pointer;
height: 13px;
position: absolute;
width: 13px;
z-index: 2;
}
.product-wrapper-3 .product-img{
float:left;
width:30%;
}
.product-wrapper-3 .product-content {
float: left;
width: 70%;
padding-left: 20px;
}
.product-wrapper-3 .product-content p{
border-top: 1px solid #ebebeb;
margin: 40px 0 0;
padding-top: 40px;
}
.pagination-area{
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
clear: both;
float: left;
margin: 60px 0 0;
padding: 18px 0;
width: 100%;
}
.pagination-number{
float:left;
}
.pagination-number ul li{
display:inline-block;
}
.pagination-number ul li a {
color: #929292;
font-size: 15px;
line-height: 1;
margin-right: 14px;
}
.product-count{
float:right;
}
.product-count p{
margin:0;
color: #8d8c8c;
font-size: 12px;
}
.shop .product-wrapper:hover .product-img .product-icon {
left: 32px;
}
/*----------------------------------------*/
/* 20. product-details
/*----------------------------------------*/
.zoom-area > img {
width: 100%;
}
#gallery a {
display: inline-block;
float: left;
margin-right: 14px;
position: relative;
width: 23%;
}
#gallery a:last-child{
margin-right: 0;
}
#gallery a::before {
background: #aaa none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
#gallery a.active::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.zoom-product-details h1{
color: #292929;
font-size: 18px;
font-weight: 500;
line-height: 1;
margin: 0;
text-transform: capitalize;
}
.zoom-product-details .main-area{
overflow:hidden;
}
.zoom-product-details .main-area .rating{
float:left;
}
.zoom-product-details .main-area .rating ul li{
display:inline-block;
}
.zoom-product-details .main-area .rating ul li a{
color: #f5c60d;
float: left;
font-size: 12px;
letter-spacing: 0.025em;
line-height: 18px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
width: 50%;
}
.zoom-product-details .main-area .review-2{
float:left;
margin-left:10px;
}
.zoom-product-details .main-area .review-2 a{
color:#292929;
text-decoration:none;
transition:.3s;
}
.zoom-product-details .main-area .review-2 a:hover{
color:#3e82b2;
}
.zoom-product-details .price{
margin-bottom:25px;
}
.zoom-product-details .price ul li{
color: #929292;
display: inline-block;
font-family: "Karla",sans-serif;
font-size: 16px;
margin: 0;
}
.zoom-product-details .list-unstyled-2 {
margin-bottom: 10px;
}
.zoom-product-details .list-unstyled{
margin-bottom:30px;
}
.zoom-product-details .list-unstyled ul li a{
color:#3e82b2;
}
.zoom-product-details form .product-icon {
float: left;
display: inline-block;
margin-left: 30px;
}
.zoom-product-details form .product-icon a{
border:1px solid #EBEBEB;
color: #292929;
display: inline-block;
font-size: 20px;
line-height: 1;
padding: 14px 0;
text-align: center;
transition: all 0.3s ease 0s;
width: 60px;
}
.zoom-product-details form .product-icon a:hover{
color:#3e82b2;
}
.quality-button {
float: left;
margin-right: 50px;
position:relative;
}
.quality-button input.qty {
border: 1px solid #aaa;
display: inline-block;
padding: 12px 30px;
width: 70px;
display:inline-block;
}
.quality-button input.plus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #aaa;
font-size: 18px;
padding: 0 8px;
position: absolute;
right: -25px;
text-align: center;
top: 0;
line-height:25px;
border-bottom:none;
border-left:none;
transition:.3s;
}
.quality-button input.minus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #aaa;
bottom: 0;
font-size: 18px;
line-height:22px;
padding: 0 8px;
position: absolute;
right: -25px;
border-left:none;
transition:.3s;
}
.zoom-product-details form button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #aaa;
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 700;
padding: 11px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.zoom-product-details form button:hover{
background:#3e82b2;
border-color:#3e82b2;
color:#fff;
}
.reviews-area h3 {
border-bottom: 1px solid #aaa;
color: #333;
font-size: 20px;
padding-bottom: 10px;
}
.reviews-area p {
font-size: 15px;
}
.reviews-area .rating-area h4 {
color: #888;
font-size: 13px;
margin-bottom: 4px;
}
.reviews-area .rating-area a {
color: #aaa;
font-size: 14px;
}
.reviews-area .rating-area a:hover {
color: #FF9C00;
}
.reviews-area .comment-form label {
color: #888;
font-weight: 500;
}
.reviews-area .comment-form textarea,.comments-form textarea ,.massage-box textarea {
display: block;
width: 100%;
border:1px solid #ccc;
padding:3px 10px;
}
.reviews-area .comment-form-author label, .reviews-area .comment-form-email label {
color: #888;
font-weight: 500;
text-transform: capitalize;
}
.reviews-area button{
font-weight:500;
}
.reviews-area .comment-form-author input,.reviews-area .comment-form-email input {
display: block;
padding: 5px 0 5px 5px;
width: 40%;
border:1px solid #aaa;
}
.related-products-area{
clear:both;
}
.reviews-area button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #aaa;
color: #444;
font-weight: 700;
padding: 10px 20px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.products-detalis-area{
overflow:hidden;
}
.price p {
margin: 15px 0 0;
}
.catagory-select {
border: 1px solid #e1e1e1;
padding: 20px 30px;
}
.catagory-select h3 {
font-size: 21px;
font-weight: 500;
margin-bottom: 15px;
}
.catagory-select form{}
.catagory-select form label {
font-weight: 400;
color: #707070;
font-size: 17px;
display: block;
}
.catagory-select form select{
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
/*----------------------------------------*/
/* 21. contact
/*----------------------------------------*/
#googleMap{
height: 410px;
width: 100%;
}
.contact-form h3{
font-size: 20px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
}
.contact-form h3 i {
padding-right: 8px;
}
.single-form-3 input,.single-form-3 textarea ,.single-form-3 select {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #c4c4c4;
font-size: 14px;
margin-bottom: 16px;
padding: 10px 10px;
width: 100%;
color: #333333;
}
.contact-form p{margin-bottom: 0}
.contact-form ul{margin-bottom: 20px}
.contact-form ul li{
list-style-type: disc;
margin-left: 30px;
}
.contact-form ul li,.contact-form p,.contact-form a{
color: #343434;
}
/*----------------------------------------*/
/* 22. about
/*----------------------------------------*/
.about-img{
overflow:hidden;
}
.about-img a img{
transform:scale(1);
transition:.4s;
width:100%;
}
.about-img a img:hover{
transform:scale(1.1);
}
.single-counter,.single-team{
margin-bottom:30px;
}
.about-content h3,.single-misson h3 {
color: #252525;
display: inline-block;
font-size: 30px;
font-weight: 700;
line-height: 21px;
margin-bottom: 20px;
}
.about-content h3 span ,.single-misson h3 span{
font-weight: 500;
padding-left: 10px;
}
.about-content p,.single-misson p{
color: #4a4d4f;
font-size: 15px;
line-height: 25px;
}
.about-content ul li{
margin-top: 5px;
}
.about-content ul li a{
font-size: 16px;
color:#444;
text-decoration:none;
transition:.3s;
}
.about-content ul li a:hover{
color:#3e82b2;
}
.about-content ul li a i {
color: #a08d7c;
font-size: 16px;
padding-right: 6px;
}
.counter-area {
background: rgba(0, 0, 0, 0) url("img/banner/42.jpg") repeat scroll center center;
}
.single-counter h2{
font-size: 40px;
color:#444;
font-weight:600;
}
.single-counter span{
font-size: 15px;
text-transform: uppercase;
}
/*----------------------------------------*/
/* 23. 404 page
/*----------------------------------------*/
.page-not-found .entry-header p {
color: #000;
font-size: 24px;
margin-bottom: 0;
}
.page-not-found .entry-content p {
font-size: 15px;
margin-bottom: 40px;
}
.page-not-found .entry-content a {
border: 2px solid #aaa;
color: #333;
font-weight: 700;
padding: 10px 30px;
transition:.3s;
}
.page-not-found .entry-content a:hover{
background: #3e82b2 none repeat scroll 0 0;
border-color: #3e82b2;
color: #fff;
}
/*----------------------------------------*/
/* 24. login
/*----------------------------------------*/
.login-title h2{
color: #202020;
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 10px;
text-transform: capitalize;
}
.login-title p {
font-size: 16px;
font-weight: 500;
margin: 0;
line-height: 1.6em;
}
.login-form{
border: 1px solid rgba(0, 0, 0, 0.12);
display: inline-block;
margin-left: 0;
margin-right: 0;
padding: 25px 30px;
width: 100%;
}
.login-form .single-login{
margin-bottom:15px;
}
.login-form .single-login label{
color: #626262;
font-size: 15px;
font-weight: 400;
margin-top:7px;
display:block;
}
.login-form .single-login input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
padding: 12px 10px;
width: 100%;
}
.login-form .single-login a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
display: inline-block;
padding: 10px 43px;
color: #626262;
text-transform: capitalize;
text-decoration: none;
float: left;
transition:.3s;
}
.login-form .single-login a:hover{
background:#3e82b2;
color:#fff;
border: 1px solid #3e82b2;
}
.single-login input#rememberme {
float: left;
width: 7%;
margin-top: 14px;
}
.single-login-2 span {
float: left;
margin-top: 10px;
}
.single-login-2{
overflow:hidden;
}
.login-form > a{
color: #3e82b2;
line-height: 24px;
margin-bottom: 15px;
font-size:13px;
}
/*----------------------------------------*/
/* 25. register
/*----------------------------------------*/
.single-register {
margin-bottom: 15px;
overflow: hidden;
}
.single-register form label ,.single-register label {
color: #626262;
display: block;
font-size: 16px;
font-weight: 400;
margin-top: 7px;
}
.single-register form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
box-shadow: none;
color: #333333;
font-size: 14px;
height: 45px;
padding: 0 15px;
width: 100%;
}
.single-register .chosen-select{
height: 45px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
color: #333333;
font-size: 14px;
height: 45px;
padding-left: 10px;
box-shadow: none;
text-align:left;
}
.single-register input#billing_address_2 {
margin-top: 15px;
}
.single-register-3 #rememberme {
display: inline-block;
float: left;
}
.single-register-3 label {
display: inline-block;
float: left;
margin-top: 0;
padding-left: 10px;
font-size: 13px;
}
.single-register-3 label a {
color: #3e82b2;
font-size: 14px;
text-decoration: none;
}
.single-register > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #eceff8;
box-shadow: none;
color: #626262;
display: inline-block;
font-size: 14px;
margin-top: 6px;
padding: 12px 48px;
text-decoration:none;
transition:.3s;
}
.single-register > a:hover{
background-color:#3e82b2;
color:#fff;
border:1px solid #3e82b2;
}
/*----------------------------------------*/
/* 26. Cart
/*----------------------------------------*/
.entry-header-title > h2 {
color: #444;
font-size: 30px;
margin-bottom: 0;
}
.entry-header-area{
padding-bottom: 40px;
}
.entry-header-area .ntry-header-title h2{
font-size: 20px;
margin: 0;
text-transform: uppercase;
}
.table-content table {
background: #fff none repeat scroll 0 0;
border-color: #e5e5e5;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin: 0 0 50px;
text-align: center;
width: 100%;
}
.table-content table th, .table-content table td {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.table-content table th {
border-top: medium none;
font-weight: normal;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.table-content table {
text-align: center;
}
.table-content table td {
border-top: medium none;
font-size: 13px;
padding: 20px 10px;
vertical-align: middle;
}
.table-content table td.product-thumbnail {
width: 130px;
}
.table-content table td.product-name a {
color: #6f6f6f;
font-size: 14px;
font-weight: 700;
margin-left: 10px;
text-decoration:none;
}
.table-content table td.product-price {
width: 130px;
}
.table-content table td.product-quantity {
width: 180px;
}
.table-content table td input {
background: #e5e5e5 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
color: #6f6f6f;
font-size: 15px;
font-weight: normal;
height: 40px;
padding: 0 5px 0 10px;
width: 60px;
}
.table-content table td.product-subtotal {
font-size: 14px;
font-weight: bold;
width: 120px;
}
.table-content table .product-price .amount {
font-size: 15px;
font-weight: 700;
}
.table-content table td.product-remove {
width: 150px;
}
.table-content table td.product-remove i {
color: #919191;
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.buttons-cart ul li{
display:inline-block;
}
.buttons-cart ul li a,.coupon form a{
background: #252525 none repeat scroll 0 0;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 40px;
line-height: 40px;
margin-right: 15px;
padding: 0 15px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.buttons-cart ul li:last-child a{
margin-right:0;
}
.buttons-cart ul li a:hover,.coupon form a:hover{
background: #3e82b2 none repeat scroll 0 0;
color: #fff;
}
.coupon {
margin-bottom: 40px;
overflow: hidden;
padding-bottom: 20px;
}
.coupon h3 {
font-size: 14px;
margin: 0 0 10px;
text-transform: uppercase;
}
.coupon p {
font-size:12px;
color::#777;
}
.coupon form input{
border: 1px solid #e5e5e5;
float: left;
height: 40px;
margin: 0 6px 20px 0;
max-width: 100%;
padding: 0 0 0 10px;
width: 170px;
}
.coupon form a{
float:left;
}
.cart_totals {
float: left;
text-align: right;
width: 100%;
}
.cart_totals h2 {
border-bottom: 2px solid #333;
display: inline-block;
font-size: 30px;
margin: 0 0 35px;
text-transform: uppercase;
}
.cart_totals table {
border: medium none;
float: right;
margin: 0;
text-align: right;
}
.cart_totals table th {
border: medium none;
font-size: 14px;
font-weight: 700;
padding: 0 20px 12px 0;
text-align: right;
text-transform: uppercase;
vertical-align: top;
color:#777;
}
.cart_totals table td {
border: medium none;
padding: 0 0 12px;
vertical-align: top;
}
.cart_totals table td .amount {
color: #ec4445;
float: right;
font-size: 13px;
font-weight: bold;
margin-left: 5px;
text-align: right;
text-transform: uppercase;
font-size:12px;
}
.cart_totals table td ul#shipping_method {
list-style: outside none none;
margin: 0;
padding: 0;
}
.cart_totals table td ul#shipping_method li {
float: left;
margin: 0 0 10px;
padding: 0;
text-indent: 0;
width: 100%;
color:#777;
font-size:12px;
}
.cart_totals table td ul#shipping_method li input {
margin: 0;
position: relative;
top: 2px;
}
.shipping a {
color: #6f6f6f;
font-weight: bold;
font-size:12px;
}
.cart_totals table tr.order-total th, .cart_totals table tr.order-total .amount {
font-size: 20px;
text-transform: uppercase;
white-space: nowrap;
}
.cart_totals table td {
border: medium none;
padding: 0 0 12px;
vertical-align: top;
}
.wc-proceed-to-checkout a {
background: #3e82b2 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 50px;
line-height: 50px;
margin-top: 20px;
padding: 0 30px;
text-transform: none;
}
/*----------------------------------------*/
/* 27. Wishlist
/*----------------------------------------*/
.wishlist-title h2 {
font-size: 30px;
color: #252525;
}
.wishlist-table table {
background: #fff none repeat scroll 0 0;
border-color: #e8e8e9;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin: 20px 0 50px;
width: 100%;
}
.wishlist-table table th, .wishlist-table table td {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
font-size: 14px;
padding: 15px 10px;
text-align: center;
color:#777;
}
.wishlist-table table .product-remove {
padding: 0 15px;
width: 20px;
}
.wishlist-table table th {
font-weight: 600;
}
.wishlist-table table .product-thumbnail {
width: 150px;
}
.wishlist-table table .product-add-to-cart {
width: 240px;
}
.wishlist-table table .product-remove {
padding: 0 15px;
width: 20px;
}
.wishlist-table table .product-remove > a {
font-size: 25px;
color:#777;
}
.wishlist-table table .product-remove > a:hover {
color:#3e82b2;
}
.wishlist-table table .product-thumbnail {
width: 150px;
}
.product-name a{
color:#777;
transition:.3s;
}
.product-name a:hover{
color:#3e82b2;
}
.wishlist-table table td.product-price .amount {
font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
color: #ec4445;
}
.wishlist-table table .product-add-to-cart {
width: 240px;
}
.wishlist-table table .product-add-to-cart > a {
background: #000 none repeat scroll 0 0;
color: #fff;
display: block;
font-weight: 700;
padding: 10px 56px;
text-transform: uppercase;
width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover {
background: #3e82b2 none repeat scroll 0 0;
}
.wishlist-share {
margin:30px 0;
}
.wishlist-share-title {
color: #252525;
font-size: 18px;
font-weight: 500;
}
.wishlist-share ul li {
display: inline-block;
margin: 0 5px;
}
.wishlist-share ul li a {
color: #444;
font-size: 20px;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.wishlist-share ul li a:hover {
color:#3e82b2;
}
/*----------------------------------------*/
/* 28. checkout
/*----------------------------------------*/
.different-address {
margin-top: 30px;
}
.coupon-accordion h3 {
background-color: #f7f6f7;
border-top: 3px solid #1e85be;
color: #515151;
font-size: 12px;
font-weight: 300;
list-style: outside none none;
margin: 0 0 2em;
padding: 1em 2em 1em 3.5em;
position: relative;
width: auto;
}
.coupon-accordion h3::before {
color: #1e85be;
content: "";
display: inline-block;
font-family: fontawesome;
left: 1.5em;
position: absolute;
top: 1em;
}
.coupon-accordion span {
color: #6f6f6f;
cursor: pointer;
}
.coupon-accordion span:hover, p.lost-password a:hover {
color: #3e82b2;
}
.coupon-content {
border: 1px solid #e5e5e5;
display: none;
margin-bottom: 20px;
padding: 20px;
}
.coupon-info p.coupon-text {
margin-bottom: 15px;
}
.coupon-info p {
margin-bottom: 0;
}
.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
display: block;
}
.coupon-accordion span {
color: #6f6f6f;
cursor: pointer;
}
.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
color: #FF1111;
font-weight: 700;
}
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
border: 1px solid #e5e5e5;
height: 36px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 370px;
}
.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
background: #252525 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
float: left;
font-size: 12px;
font-weight: 700;
height: 40px;
line-height: 40px;
margin-right: 15px;
padding: 0 15px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.form-row > label {
margin-top: 7px;
}
.coupon-info p.form-row input[type="checkbox"] {
position: relative;
top: 2px;
}
p.lost-password {
margin-top: 15px;
}
p.lost-password a {
color: #6f6f6f;
}
.coupon-checkout-content {
display: none;
margin-bottom: 30px;
}
p.checkout-coupon input[type="text"] {
height: 36px;
padding-left: 10px;
width: 170px;
}
p.checkout-coupon input[type="submit"] {
background: #333 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
height: 36px;
margin-left: 6px;
padding: 5px 10px;
transition: all 0.3s ease 0s;
}
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
background: #3e82b2 none repeat scroll 0 0;
}
.coupon-accordion span:hover, p.lost-password a:hover {
color: #3e82b2;
}
.checkbox-form h3 {
border-bottom: 1px solid #e5e5e5;
font-size: 30px;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase;
}
.country-select {
margin-bottom: 30px;
position: relative;
}
.country-select label, .checkout-form-list label {
color: #333;
display: block;
font-size: 13px;
font-weight: 600;
margin: 0 0 5px;
}
.country-select label span.required, .checkout-form-list label span.required {
color: #FF1111;
}
.country-select select {
height: 40px;
width: 100%;
border: 1px solid #ddd;
padding-left:10px;
font-size:12px;
}
.checkout-form-list {
clear: both;
margin-bottom: 30px;
}
.checkout-form-list input{
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 42px;
padding: 0 0 0 10px;
width: 100%;
}
.checkout-form-list input#cbox {
float: left;
height: 0;
position: relative;
width: 2%;
}
.create-acc label {
float: left;
width: 80%;
padding-left: 14px;
}
.create-account p{
font-size:13px;
color:#777;
}
.ship-different-title label {
padding-right: 22px;
font-size:19px;
}
.order-notes textarea {
height: 90px;
padding: 15px;
width: 100%;
}
.your-order {
background: #f2f2f2 none repeat scroll 0 0;
padding: 30px 30px 45px;
}
.your-order h3 {
font-size: 24px;
margin: 0 0 20px;
padding-bottom: 10px;
width: 100%;
color: #252525;
font-weight: 500
}
.your-order-table table {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
width: 100%;
}
.your-order-table table th, .your-order-table table td {
border-right: medium none;
font-size: 14px;
padding: 5px 0;
color:#343434;
}
.your-order-table table .shipping ul li input {
position: relative;
top: 2px;
}
.your-order-table table .shipping th {
vertical-align: top;
}
.your-order-table table .order-total th {
border-bottom: medium none;
font-size: 18px;
}
.your-order-table table .order-total td {
border-bottom: medium none;
}
.your-order-table table tr.order-total td span {
color: #ec4445;
font-size: 20px;
}
.your-order-table .product-total{text-align: right;}
.your-order-table .delivery-time{font-style: italic;font-size: 13px}
.your-order-table .product-image{vertical-align: top}
.your-order-table .product-image img{max-width: 80px}
.your-order-table .product-name{width: 100%}
.your-order-table span.amount{color:#343434 !important;}
.your-order-table .total-amount{text-align: right;font-weight: bold}
.your-order-table p i{font-size: 22px}
.your-order-table .secure-checkout{color:#343434;font-size:14px;margin-bottom: 0;margin-top: 15px}
.your-order-table .panel{background: transparent !important;}
a.need-it-sooner{font-size: 14px;font-weight: 500;color:#257dbb;}
.your-order-table label{font-size: 14px}
.your-order-table .panel-body span,.shopping-bag .panel-body span{
font-size: 12px;
color: #6d6767;
padding-left: 15px;
}
.shopping-bag .panel-body{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding-left:0;
}
.shopping-bag .panel-body ul{margin-bottom: 0}
.shopping-bag .panel-body ul li{
list-style: none;
margin-left: 0
}
.shopping-bag .your-order-table .cart_item{border-bottom:1px solid #ddd;}
.shopping-bag .your-order-table .cart_item:last-child{border-bottom:1px solid #343434;}
.shopping-bag .your-order-table .cart-subtotal{border-top:1px solid #343434;}
.shopping-bag span.secure-desc{color:#6d6767;}
.shopping-bag .your-order-table .product-name{padding-left:15px;vertical-align: top}
.shopping-bag .your-order-table .product-name span{float:left;width:100%;}
.shopping-bag .your-order-table .product-name span.quantity{color:#727272;}
.shopping-bag .your-order-table .product-total{vertical-align: top}
.shopping-bag .your-order-table .panel-group{margin-bottom:5px;}
.shopping-bag .your-order-table .panel-body .col-md-6{padding:0;}
.shopping-bag .your-order-table .panel-body .col-md-6 p{margin-bottom: 0}
.shopping-bag .your-order-table .panel-body .properties{font-weight: bold}
.cart-single .panel-body{
padding-left:0;
}
.cart-single .panel-body div.properties{padding:0;}
.cart-single .panel-body div.properties p{font-weight: bold}
.cart-single .panel-body p{margin-bottom:0;}
.your-order-table .panel-body{
padding:0;
}
.panel-default > .panel-heading {
background:none;
transition:.3s;
position:relative;
padding:0px;
}
.panel-group .panel {
border: medium none;
border-radius: 0;
box-shadow: none;
margin-bottom: 10px;
}
.payment-method {
margin-top: 40px;
}
.payment-accordion .panel-group .panel {
background: transparent;
}
.payment-accordion .panel-title a {
color: #343434;
font-size: 16px;
position: relative;
text-decoration: none;
margin-bottom: 10px;
display:inline-block;
font-weight:400;
}
.payment-accordion .panel-body {
border-top: medium none !important;
padding: 0;
}
.payment-accordion .panel-body p {
font-size: 14px;
margin-bottom:0;
color:#777;
font-weight:400;
}
.payment-accordion .panel-title a img {
height: 20px;
margin-left: 15px;
}
.payment-accordion .panel-group .panel {
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.payment-method .form-group input{width: 70%}
.order-button-payment input:hover {
background: #3e82b2 none repeat scroll 0 0;
}
.order-button-payment input {
background: #ec4445 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 17px;
font-weight: 600;
height: 50px;
margin: 20px 0 0;
padding: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
font-weight:400;
}
.page-numbers ul li{
display:inline-block;
}
.page-numbers ul li a{
color: #444;
padding: 0 15px;
color: #444;
display: inline-block;
height: 35px;
line-height: 35px;
text-decoration: none;
}
.page-numbers ul li.active a,.page-numbers ul li:hover a{
color: #3f94cf;
text-decoration: underline;
}
.blog-right form{
position:relative;
}
.blog-right form input {
background: #f6f6f6 none repeat scroll 0 0;
border: medium none;
color: #989797;
font-size: 16px;
font-weight: 300;
height: 60px;
margin-bottom: 0;
padding: 2px 82px 2px 30px;
width: 100%;
outline: none;
}
.blog-right form button{
background-color: transparent;
border: medium none;
color: #bbbbbb;
font-size: 20px;
height: 60px;
padding: 0 23px;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s ease 0s;
}
.blog-right form button:hover{
color:#000;
}
.blog-right h3{
color: #5f5f5f;
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 30px;
margin-top: 0;
text-transform: uppercase;
}
.single-post{
overflow:hidden;
}
.single-post .post-img{
float:left;
width:85px;
}
.single-post .post-img a img{
width:100%;
}
.single-post .post-text {
width: auto;
overflow: hidden;
padding-left: 15px;
}
.single-post .post-text h4{
margin-bottom: 5px;
margin-top: 0;
}
.single-post .post-text h4 a {
color: #444444;
display: inline-block;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 26px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.single-post .post-text span{
color: #000;
display: block;
font-size: 12px;
}
.blog-right ul li{
border-bottom: 1px solid #dddddd;
list-style: outside none none;
margin-bottom: 12px;
padding-bottom: 12px;
}
.blog-right ul li:last-child{
border:0;
}
.blog-right ul li a{
color: #444444;
font-size: 14px;
letter-spacing: 0.5px;
text-decoration:none;
transition:.3s;
}
.tag-area a{
background-color: #f6f6f6;
border-radius: 5px;
color: #000000;
display: inline-block;
font-size: 12px !important;
letter-spacing: 1px;
margin: 0 6px 12px;
padding: 7px 16px;
transition:.3s;
}
.tag-area a:hover{
background-color: #ed552d;
color: #fff;
}
/*----------------------------------------*/
/* 30. blog-details
/*----------------------------------------*/
.blog-details-img a img{
width:100%;
}
.blog-info{}
.blog-info p {
margin-bottom: 0;
margin-top: 20px;
}
blockquote {
border-left: 5px solid #eee;
font-size: 17.5px;
margin: 10px 0 0;
padding: 10px 20px;
}
.user-info{
clear: both;
display: block;
margin: 40px 0;
overflow: hidden;
}
.user-info .cats-tags-wrap{
color: #7b7b7b;
display: block;
padding: 5px 0;
text-transform: uppercase;
}
.user-info .cats-tags-wrap i{
padding-right:5px;
}
.user-info .cats-tags-wrap a{
color: #7b7b7b;
text-decoration:none;
}
.user-info .user-share {
display: inline-block;
float: right;
}
.user-info .user-share span{
color: #7b7b7b;
margin-right: 15px;
text-transform: uppercase;
display: inline-block;
}
.user-info .user-share ul {
float: right;
}
.user-info .user-share ul li{
display:inline-block;
}
.user-info .user-share ul li a {
color: #666666;
margin: 0 0 0 15px;
}
.next-prev-area {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
padding: 20px 0;
overflow: hidden;
}
.next-prev-area a.next{
background-color: #f6f6f6;
border-radius: 5px;
color: #666;
display: inline-block;
font-size: 14px;
letter-spacing: 2px;
padding: 8px 20px;
text-transform: capitalize;
float:left;
}
.next-prev-area a.next i{
padding-right:5px;
}
.next-prev-area a.previews{
background-color: #f6f6f6;
border-radius: 5px;
color: #666;
display: inline-block;
font-size: 14px;
letter-spacing: 2px;
padding: 8px 20px;
text-transform: capitalize;
float:right;
}
.next-prev-area a.previews i{
padding-left:5px;
}
.comments-area h3{
color: #5f5f5f;
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 45px;
margin-top: 0;
text-transform: uppercase;
}
.comments-area h3 span{
olor: #5f5f5f;
}
.blog-info h3 {
margin-top: 18px;
}
.blog-info h3 a {
color: #707070;
display: block;
font-size: 22px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.blog-info h3 a:hover {
color: #3e82b2;
}
.single-comments{
border-bottom: 1px solid #e4e4e4;
margin-bottom: 50px;
overflow: hidden;
padding-bottom: 50px;
}
.single-comments .comment-img{
float:left;
width:10%;
display:inline-block;
}
.single-comments .comment-text{
float:left;
width:90%;
display:inline-block;
padding-left:15px;
}
.single-comments .comment-text > a {
color: #000;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: uppercase;
display: block;
}
.single-comments .comment-text span{
margin-top: 5px;
}
.single-comments .comment-text p{
color:#525252;
letter-spacing: 1px;
padding-right: 25px;
}
.single-comments .comment-text .reply a {
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 50px;
color: #4c4c4c;
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
padding: 10px 40px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.single-comments .comment-text .reply a:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
.single-comments-2{
padding-left:20px;
}
.comment-respond-area h3{
color: #222222;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 11px;
text-transform: uppercase;
}
.comment-respond-area p{
color: #000000;
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 40px;
}
.comment-respond-area .single-form{
margin-bottom: 30px;
}
.comment-respond-area .single-form form textarea{
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
color: #666666;
font-size: 14px;
height: 178px;
letter-spacing: 1px;
padding: 30px;
width:100%;
}
.comment-respond-area .single-form form input{
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
color: #666;
font-size: 14px;
height: 48px;
letter-spacing: 1px;
padding: 2px 30px;
width: 100%;
}
.comment-respond-area a{
background-color: #000;
border: 1px solid #000;
color: #fff;
display: inline-block;
font-size: 16px;
letter-spacing: 1px;
padding: 11px 28px 10px;
text-align:center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width:100%;
}
.comment-respond-area a:hover{
background-color: #fff;
border: 1px solid #dddddd;
color: #666;
}
div.side-nav{
background:#f7f7f7;
padding-top: 15px
}
div.side-nav li {
padding:0 15px;
}
div.side-nav a{
font-size: 15px;
}
div.side-nav ul,
div.side-nav ul>li {
border:0 !important;
}
div.side-nav ul>li {
background-color:transparent !important;
}
div.side-nav ul.list-group-noicon>li:before,
div.side-nav ul.list-group-noicon>li>ul>li:before {
content:'';
display:none;
}
div.side-nav ul.list-group-noicon>li {
padding-left:0;
}
div.side-nav ul>li>a {
display:block;
padding:4px 0 4px 0;
}
div.side-nav ul>li>a {
color:#777;
text-decoration:none;
}
div.side-nav ul>li:hover>a,
div.side-nav ul>li.active>a {
color:#111 !important;
}
button.page-side-nav-mobile {
display:none;
}
div.side-nav ul>li>ul>li>a{
padding:4px 0 4px 15px;
}
ul.side-nav>li>a>i {
margin-right:8px;
}
div.side-nav ul>li> a.first-item{
font-weight: bold;
}
/* side nav sub categs */
div.side-nav ul>li>a.dropdown-toggle:before {
content: "\f054";
font-family: FontAwesome;
position: absolute;
font-size: 17px;
right: 20px;
top: 6px;
color: #999;
}
div.side-nav ul>li.active>a.dropdown-toggle:before {
content: "\f078";
}
div.side-nav ul>li>ul {
display:none;
}
div.side-nav ul>li.active>ul {
display:block;
width:100%;
}
div.side-nav ul>li>ul,
div.side-nav ul>li>ul>li {
margin:0; padding:0;
list-style:none;
}
div.side-nav ul>li>ul {
padding:10px 0;
}
div.side-nav ul>li>ul>li a {
font-size:12px;
}
/* */
div.side-nav .side-nav-head {
position:relative;
}
div.side-nav .side-nav-head h4 {
font-size:16px;
}
div.side-nav ul.list-group-bordered>li>a {
display:block;
border-bottom:rgba(0,0,0,0.05) 1px solid;
padding:6px;
}
div.side-nav ul.list-group-bordered>li>a>span.pull-left,
div.side-nav ul.list-group-bordered>li>a>span.pull-right {
margin-top:3px;
}
div.side-nav .side-nav-head button {
display:none;
font-size:21px;
background-color:rgba(0,0,0,0.2);
height:44px;
width:44px;
}
@media only screen and (min-width: 990px) {
div.side-nav>ul {
display:block !important;
}
}
@media only screen and (max-width: 767px) {
div.side-nav ul>li.active>ul {
display: block;
float:left;
}
div.side-nav ul {
max-height:350px;
overflow-y:auto;
margin-bottom:30px;
}
div.side-nav ul>li {
border-bottom:rgba(0,0,0,0.03) 1px solid !important;
}
div.side-nav .side-nav-head {
height:44px;
background-color:rgba(0,0,0,0.1);
margin-bottom:30px;
}
div.side-nav .side-nav-head>h4 {
line-height:44px;
padding-left:15px;
margin:0;
}
div.side-nav .side-nav-head button {
display:block;
position:absolute;
right:0;
}
.checkout-login{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #d8d8d8;}
}
@media only screen and (max-width: 768px) {
div.side-nav ul {
max-height:250px;
overflow-y:auto;
}
}
.inews-content-inner h3>a, div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a, .pagination.pagination-simple>li.active>a, div.side-nav ul.list-group-bordered>li>a:hover, section .theme-color {
color: #4195cf !important;
}
.side-nav .pull-right{
position: absolute;
right: 10px;
}
.content-pages h1.section-title,.my-account h1.section-title{font-size:24px;font-weight: 500;padding-bottom:20px;border-bottom:1px solid #ddd;}
.my-account .side-nav p{padding:0 15px;font-weight: bold;color:#343434;}
.my-account .side-nav ul>li> a.first-item {font-weight: 500;color:#343434;}
.my-account .user-information{color:#343434;line-height: 30px}
#desktopFilter{color:#343434;}
#desktopFilter p.filter{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:0;}
#desktopFilter .filter-tag:first-child{margin-left:25px;}
#desktopFilter .filter-tag{padding:20px 30px;color:#343434;background: none}
#desktopFilter .filter-tag i{color:#4195cf;}
#desktopFilter .btn:active{box-shadow: none}
#desktopFilter .btn:focus{outline:none;}
#desktopFilter .card{background: #f7f7f7;padding:25px 15px;}
/* PRODUCT FILTER STYLE - METAL - SHAPE */
#desktopFilter #style li,#desktopFilter #metal li,#desktopFilter #shape li,#desktopFilter #mobile-style li,#desktopFilter #mobile-metal li,#desktopFilter #mobile-shape li{margin-bottom:15px;width:25%;float:left;}
#desktopFilter #style li.active a,#desktopFilter #metal li.active a,#desktopFilter #shape li.active a,#desktopFilter #mobile-style li.active a,#desktopFilter #mobile-metal li.active a,#desktopFilter #mobile-shape li.active a{color:#4195cf;}
#desktopFilter #style li.active img,#desktopFilter #metal li.active img,#desktopFilter #shape li.active img,#desktopFilter #mobile-style li.active img,#desktopFilter #mobile-metal li.active img,#desktopFilter #mobile-shape li.active img{border:1px solid #4195cf;padding:0;}
#desktopFilter #style li img,#desktopFilter #metal li img,#desktopFilter #shape li img,#desktopFilter #mobile-style li img,#desktopFilter #mobile-metal li img,#desktopFilter #mobile-shape li img{margin-right:15px;padding:1px;max-width: 80px}
#desktopFilter #style li a,#desktopFilter #gemstone li a,#desktopFilter #metal li a,#desktopFilter #shape li a,#desktopFilter #mobile-style li a,#desktopFilter #mobile-gemstone li a,#desktopFilter #mobile-metal li a,#desktopFilter #mobile-shape li a{color:#343434;}
/* PRODUCT FILTER GEMSTONE */
#desktopFilter #gemstone ul,#desktopFilter #mobile-gemstone ul{width:16%;float:left;}
#desktopFilter #gemstone ul h5,#desktopFilter #mobile-gemstone ul h5{font-weight: 600;margin-bottom: 30px}
#desktopFilter #gemstone ul.half{width:40%;float:left;}
#desktopFilter #gemstone ul.half li{margin-bottom:5px;width:50%;float:left;}
#desktopFilter #gemstone li,#desktopFilter #mobile-gemstone li{margin-bottom:5px;}
#desktopFilter #gemstone li img,#desktopFilter #mobile-gemstone li img{margin-right: 10px;}
#desktopFilter #price button[type="submit"],#desktopFilter #carat button[type="submit"],#desktopFilter #mobile-price button[type="submit"],#desktopFilter #mobile-carat button[type="submit"] {
background: #7fb4d9 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
font-size: 15px;
height: 40px;
padding: 0 15px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
float:right;
min-width: 150px
}
.product-list .col-md-6 select{height: 40px;padding: 0 40px 0 15px;border:none;color: #636161;line-height: 40px;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.product-list .svg-arrow {
width: 5px;
height: 9px;
top: 12px;
right: 13px;
}
.product-list .svg-arrow {
fill: #535d5f;
width: 6px;
height: 10px;
position: absolute;
top: 15px;
right: 40px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.filtered-links{margin-top:10px;}
.filtered-links li{float:left;margin-right: 20px;}
.filtered-links li.clear-filters a{font-weight: bold;color:#343434;}
@media (max-width: 767px){
.product-list .section-title h2{text-align: center}
.mobileFilter .collapse,#mobile-menu-area{position: fixed;top: 0;left: 0;width: 100%;height: 99% !important;z-index: 999;background: #f7f7f7;overflow: scroll;}
.mobileFilter .range-feature button{float: left;margin-top: 50px;width: 100%;margin-bottom: 20px;}
.mobileFilter .card{padding:0 !important;background: #fff !important;min-height: 100% !important;}
.mobileFilter .card h3{font-size: 22px;padding: 10px;background: #f5f5f5;font-weight: 500}
.mobileFilter .back-btn{background: #343434;color:#fff;font-weight: bold;position: fixed;bottom:0;height:60px;}
.mobileFilter img{max-width: 32px !important;margin-right: 5px !important}
.filter-btn-area{border:1px solid #ddd;float:left;width:100%;}
.filter-btn-area button{background: #fff;color:#343434;}
.filter-btn-area .col-xs-6:first-child{border-right: 1px solid #ddd;}
#mobile-style li,#mobile-shape li,#mobile-gemstone li{width:50% !important;float:left;}
#mobile-metal li{width:100% !important;float:left;}
#mobile-gemstone ul{width:100% !important;margin-bottom: 15px}
#mobile-gemstone ul h5{margin-bottom: 15px !important}
#mobile-filter button.filter-tag{ width: 100%;text-align: left;font-weight: bold;padding: 15px 0;border-bottom: 1px solid #ddd;margin:0 !important;}
#mobile-filter button.filter-tag i{float: right}
#mobile-filter button span{font-size: 13px;font-weight: 500;float: right;margin-right: 10px;line-height: 1;color: #888;}
/* Mobile Tables */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr { border: 1px solid #ccc; }
#no-more-tables td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
white-space: normal;
text-align:left;
}
#no-more-tables td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
}
.address-book tr{border-top:1px solid #ddd;}
.address-book tr td{padding-top: 20px !important}
.address-book tr:last-child{border-bottom: 1px solid #ddd;}
.address-book p.title{font-weight: bold;}
.address-book img.order-img{max-width: 100px}
.table-user{min-width: 130px}
.table-address p{max-width: 240px}
.table-settings{min-width: 240px;text-align: right;}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
margin-top: 0px!important
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) {
#slide-nav .container {
margin: 0!important;
padding: 0!important;
height:100%;
}
#slide-nav .navbar-header {
margin: 0 auto;
padding: 0 15px;
}
#slide-nav .navbar.slide-active {
position: absolute;
width: 80%;
top: -1px;
z-index: 1000;
}
#slide-nav #slidemenu {
background: #fff;
left: -100%;
width: 90%;
min-width: 0;
position: absolute;
padding-left: 0;
z-index: 9;
top: 48px;
margin: 0;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#slide-nav #slidemenu .navbar-nav {
min-width: 0;
width: 100%;
margin: 0;
background: #f7f7f7
}
#slide-nav #slidemenu .navbar-nav li{
border-bottom: 1px solid #ddd
}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
min-width: 0;
width: 100%;
white-space: normal;
color:#343434;
}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li:last-child{
border-bottom: none !important
}
#slide-nav #slidemenu .navbar-nav li a{
color:#343434;
}
#slide-nav #slidemenu .navbar-nav li a i{
float:right;
line-height: 1.5;
}
#slide-nav {
border-top: 0
}
#slide-nav.navbar-inverse #slidemenu {
background: #333
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
background: #337ab7
}
#slide-nav ul.other-menus{margin-top: 20px;}
#slide-nav ul.other-menus li{padding-left:15px;line-height: 1.5;}
#slide-nav ul.other-menus h5{padding-left:15px;}
/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
#navbar-height-col {
position: fixed;
top: 0;
height: 100%;
bottom:0;
width: 80%;
left: -80%;
background: #f7f7f7;
}
#navbar-height-col.inverse {
background: #333;
z-index: 1;
border: 0;
}
#slide-nav .navbar-form {
width: 100%;
margin: 8px 0;
text-align: center;
overflow: hidden;
/*fast clearfixer*/
}
#slide-nav .navbar-form .form-control {
text-align: center
}
#slide-nav .navbar-form .btn {
width: 100%
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
}
@media (min-width:768px) {
#page-content {
left: 0!important
}
.navbar.navbar-fixed-top.slide-active {
position: fixed
}
.navbar-header {
left: 0!important
}
}
.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}
.navbar-toggle.slide-active .icon-bar:nth-of-type(2) {
top: 6px;
transform: rotate(45deg);
}
.navbar-toggle.slide-active .icon-bar:nth-of-type(3) {
background-color: transparent !important;
}
.navbar-toggle.slide-active .icon-bar:nth-of-type(4) {
top: -6px;
transform: rotate(-45deg);
}
.nav .open a i{transform: rotate(90deg);}
.checkout-confirm-info{border-bottom:1px solid #d9d9d9;padding-top:20px;padding-bottom: 20px}
.checkout-confirm-info h3{font-size: 18px;}
.checkout-confirm-info h3 a{font-size: 15px;color:#343434;font-weight: 500;text-transform: none}
.checkout-confirm-info p{margin-bottom: 0 !important}
.checkout-confirm-info h3 span.line{margin-left:25px;margin-right:25px;color:#d9d9d9;font-weight: 500}
.confirm-method span.delivery-time,.confirm-address span.payment-choice{font-size: 13px;color:#8f8e8e;font-style:italic;}
table.payment-table{width:100%;border-collapse:separate; border-spacing: 0 1em;}
table.payment-table tr td{padding:20px 20px;border: 1px solid #d9d9d9;}
table.payment-table tr td.first-child{border-right: none}
table.payment-table tr td.second-child{border-left: none;text-align: right}
table.payment-table tr td.second-child i{font-size:20px;color:#b5b5b5;}
.stepwizard-step p {
margin-top: 0px;
color:#666;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.stepwizard-step button[disabled] {
/*opacity: 1 !important;
filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
opacity:1 !important;
color:#bbb;
}
.stepwizard .btn-primary{background: #7fb4d9 none repeat scroll 0 0;border:none;}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content:" ";
width: 62%;
left: 19%;
height: 1px;
background-color: #ccc;
z-index: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
/* Yeni Geldi */
.product-view .product-name,.product-view .product-attr{margin:0;}
.product-view .product-name{font-size:20px;}
.product-view .product-attr{color:#727272;}
.product-view .product-rating{width:100%;float:left;}
.product-view .product-rating i{font-size:20px;}
.product-view .product-rating a{margin-left:10px;}
.product-view .order-info{width:100%;float:left;}
.product-view .order-info p{margin-bottom: 0}
.product-view .order-info span{margin-right: 15px}
.product-view .order-info span i{color:#4195cf;}
.product-view .order-info p.order-estimated span{color:#727272;}
.product-view .order-info p.order-estimated span b{color:#343434;}
.product-view .product-price label{font-size:32px;margin:10px 0;}
.product-view .order-info button{margin:0;}
.product-view .collapses-group h4.panel-title{font-size:14px;border-top:1px solid #dadada;height: 70px;padding-top: 15px;padding-bottom: 15px;color: #343434;}
.product-view .panel-group .panel+.panel{margin:0;}
.product-view .panel-group .panel{margin-bottom: 0}
.product-view .panel-group .panel span.selected-attr{position: absolute;left: 0;bottom: 15px;color: #8e8e8e;font-weight: 500;margin:0;}
.product-view .panel-group a.collapsed h4.panel-title:before{content:"\f3d1";font-family:"Ionicons";position: absolute;right: 0;line-height: 40px}
.product-view .panel-group h4.panel-title:before{content:"\f3d0";font-family:"Ionicons";position: absolute;right: 0;line-height: 40px}
.product-view .panel-group h4 img{position: absolute;right: 20px;bottom:20px;width:32px;}
.product-view .panel-group ul.center-stone-size{width:100%;float:left;margin-bottom:0;}
.product-view .panel-group ul.center-stone-size li{float:left;margin-right: 5px;width:50px;text-align: center}
.product-view .panel-group ul.center-stone-size li span{margin:0;color:#343434;font-size:12px;display:none;}
.product-view .panel-group ul.center-stone-size li img{float:left;width:100%;padding:5px;}
/*.product-view .panel-group ul.center-stone-size li.active img{border:1px solid #343434;}*/
.product-view .panel-group ul.center-stone-quality{width:100%;float:left;margin-bottom:0;}
.product-view .panel-group ul.center-stone-quality li{float:left;margin-right: 5px;text-align: center}
.product-view .panel-group ul.center-stone-quality li span{margin:0;color:#343434;font-size:12px;border: 1px solid #c3c1c1;background: #f1f1f1;padding: 5px 10px;}
.product-view .panel-group ul.center-stone-quality li img{float:left;width:100%;}
.product-view .panel-group ul.center-stone{width:100%;float:left;margin-bottom:0;}
.product-view .panel-group ul.center-stone li{float:left;margin-right: 5px;width:48px;text-align: center}
.product-view .panel-group ul.center-stone li:hover span{color:#8e8e8e;}
.product-view .panel-group ul.center-stone li span{margin:0;color:#fff;font-size:12px;display:none;}
.product-view .panel-group ul.center-stone li img{float:left;width:100%;padding:5px;}
/*.product-view .panel-group ul.center-stone li.active img{border:1px solid #343434;}*/
.product-view .panel-group ul.center-stone li.active span{color:#343434;}
.product-view .panel-group select{border:1px solid #ddd;}
.product-view .reviews{background:#f7f7f7;}
.product-view .reviews .tab-content label{width:100%;float:left;line-height: 1.5;}
.product-view .reviews .tab-content label span{font-weight: 500}
.product-view .reviews .tab-content h4{font-weight: 500;}
.product-view .reviews .tab-content .tab-pane{padding:30px;}
.product-view .reviews .tab-content ul.review-list li{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;}
.product-view .reviews .tab-content span.review-rating{color:#4195cf;float:left;margin-right: 15px}
.product-view .reviews .tab-content span.review-title{font-weight: bold;}
.product-view .reviews .tab-content span.review-date{float:right;color:#8e8e8e;}
.product-view .reviews .tab-content span.review-question a{font-weight: bold;margin-left: 20px;font-size:13px;color:#343434;}
.product-view .reviews .tab-content span.review-question a span{color:#8e8e8e;}
.product-view .reviews .tab-content p{margin-bottom: 0}
.product-view .reviews .tab-content p.review-comments{float:left;}
.product-view .reviews .tab-content p.review-username{font-weight: bold;}
.product-view .reviews .tab-content .rating .glyphicon {font-size: 22px;}
.product-view .reviews .tab-content .rating-num { margin-top:0px;font-size: 54px; }
.product-view .reviews .tab-content .progress { margin-bottom: 5px;}
.product-view .reviews .tab-content .progress-bar { text-align: left; }
.product-view .reviews .tab-content .rating-desc .col-md-2 {padding-right: 0px;}
.product-view .reviews .tab-content .sr-only { margin-left: 5px;overflow: visible;clip: auto; }
.product-view .reviews .tab-content .glyphicon { margin-right:5px;}
.product-view .reviews .tab-content .fa-star,.product-view .reviews .tab-content .fa-star-half{color:#7fb4d9;}
.product-view .reviews .tab-content .progress-bar{background:#7fb4d9;}
.product-view .reviews .tab-content .average-rating span{color:#8e8e8e;font-size:12px;}
.product-view .reviews{background:#f7f7f7;}
.product-view .reviews h4.panel-title{font-weight: 500;line-height: 40px}
.product-view .reviews .panel-collapse label{width:100%;float:left;line-height: 1.5;}
.product-view .reviews .panel-collapse label span{font-weight: 500}
.product-view .reviews .panel-collapse h4{font-weight: 500;}
.product-view .reviews .panel-collapse .tab-pane{padding:30px;}
.product-view .reviews .panel-collapse ul.review-list li{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;}
.product-view .reviews .panel-collapse span.review-rating{color:#4195cf;float:left;margin-right: 15px}
.product-view .reviews .panel-collapse span.review-title{font-weight: bold;}
.product-view .reviews .panel-collapse span.review-date{float:right;color:#8e8e8e;}
.product-view .reviews .panel-collapse span.review-question a{font-weight: bold;margin-left: 20px;font-size:13px;color:#343434;}
.product-view .reviews .panel-collapse span.review-question a span{color:#8e8e8e;}
.product-view .reviews .panel-collapse p{margin-bottom: 0}
.product-view .reviews .panel-collapse p.review-comments{float:left;}
.product-view .reviews .panel-collapse p.review-username{font-weight: bold;}
.product-view .reviews .panel-collapse .rating .glyphicon {font-size: 22px;}
.product-view .reviews .panel-collapse .rating-num { margin-top:0px;font-size: 54px; }
.product-view .reviews .panel-collapse .progress { margin-bottom: 5px;}
.product-view .reviews .panel-collapse .progress-bar { text-align: left; }
.product-view .reviews .panel-collapse .rating-desc .col-md-2 {padding-right: 0px;}
.product-view .reviews .panel-collapse .sr-only { margin-left: 5px;overflow: visible;clip: auto; }
.product-view .reviews .panel-collapse .glyphicon { margin-right:5px;}
.product-view .reviews .panel-collapse .fa-star,.product-view .reviews .tab-content .fa-star-half{color:#7fb4d9;}
.product-view .reviews .panel-collapse .progress-bar{background:#7fb4d9;}
.product-view .reviews .panel-collapse .average-rating span{color:#8e8e8e;font-size:12px;}
.button-white{background: #fff none repeat scroll 0 0;border: 2px solid #343434;border-radius: 0;color: #343434;font-size: 12px;font-weight: 700;height: 40px;padding: 0 50px;transition: all 0.3s ease 0s;}
.button-blue{line-height:40px;background: #7fb4d9 none repeat scroll 0 0;border: medium none;border-radius: 0;color: #fff;font-size: 12px;font-weight: 700;height: 40px;margin-top: 16px;padding: 0 15px;text-transform: uppercase;transition: all 0.3s ease 0s;}
.button-fullwidth{width:100%;}
.button-blue:hover {background: #3e82b2 none repeat scroll 0 0;}
.button-block{max-width: 250px !important;}
.button-default{background: #c5c5c5 none repeat scroll 0 0;border: medium none;border-radius: 0;color: #fff;font-size: 12px;font-weight: 700;height: 40px;margin-top: 16px;padding: 0 15px;text-transform: uppercase;transition: all 0.3s ease 0s;}
.button-large{padding:0 50px;}
@media (max-width: 767px){
.product-gallery.thumb-left .pdt-gallery {
width: 100% !important;
float: none !important;
text-align: center;
}
.product-view .reviews ul.nav li{width:100%;float:100%;text-align: center}
}
@media (max-width: 991px){
.pdt-dtl .product-gallery{
margin-bottom: 30px;
}
.product-gallery.thumb-left .pdt-gallery {
width: 600px;
}
.pdt-dtl .product-gallery .pdt-gallery li img {
width: 100%;
}
ul.pdt-gallery-thumb.pdt-thumb1.slick-initialized.slick-slider.slick-vertical,
.pdt-thumb2{
display: none;
}
}
.engravingAll{width:330px;position:absolute;z-index:1;border-radius:5px;border:1px solid #ddd;}
.engravingAll .engraving-header{background: #ececec;width:100%;float:left;line-height: 40px;padding:5px;}
.engravingAll .engraving-header h5{line-height: 40px;margin:0;color:#414042;font-size:14px;font-weight: 500;}
a#close-engraving{position: absolute;top: 5px;right: 10px;}
.engraving-image{width:100%;float:left;height:172px;background:url("img/engraving_red.jpg");background-repeat: no-repeat;background-position: 0px center;background-size: cover;}
.engraving-text{
position:absolute;top:44%;width: 100%;text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 #603320;
}
a.open-engraving{border: 1px solid #14e74b;padding: 7px;color:#14e74b;}
@media (max-width: 321px){
.engravingAll{width:100%;}
}
#rings.nav{padding:0;border:none;margin-bottom: 10px}
#rings.nav > li{
padding:0 5px;
text-align: center
}
#rings.nav > li > a{
padding:5px;
border:1px solid #ddd;
width:100%;
float:left;
color:#343434;
border-radius: 0
}
#rings.nav > li i{
font-size:30px;
}
#rings.nav li.nav-icon{
width:100%;float:left;text-align: center
}
#rings li>a:hover, .nav>li>a:focus{
background-color: transparent;
border:1px solid #7fb4d9;
}
#rings >li.active>a{
text-decoration: none !important;
border:1px solid #7fb4d9;
}
#desctopShape .col-lg-3 div{margin-bottom:10px;}
#desctopShape img{width:32px;}
ul.product-bottom-process{width:100%;float:left;margin-top:20px;}
ul.product-bottom-process li{float:left;margin-right: 20px}
ul.product-bottom-process li i{margin-right: 5px;font-size:18px;float:left;}
ul.product-bottom-process li i.ion-ios-email-outline{font-size:22px;}
ul.product-bottom-process li i.icon-phone{font-size:14px;}
ul.product-bottom-process li a{color:#343434;font-size:15px;font-weight: bold}
.product-tab > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
display: block;
height: 0;
overflow-y: hidden;
}
.categorie-slider{width:100%;float:left;margin-bottom: 15px}
.categorie-slider .categorie-slider-wrap-all{width:100%;float:left;}
.categorie-slider .categorie-slider-wrapper img{border:1px solid #ddd;}
.blog-active .item-name{text-align: center;font-size: 12px;line-height: 1em;padding-top: 5px}
.blog-active .item-name a{color:#333;}
.newslatter-form .newslatter-action{text-align: center;}
.newslatter-form .newslatter-action span{font-size:18px;color:#333;}
.newslatter-form .newslatter-action ul{width: 100%;float: left;margin-top: 15px;margin-bottom: 15px}
.newslatter-form .newslatter-action ul li{width:30%;float:left;}
.newslatter-form .newslatter-action ul li:first-child{margin-right: 3%}
.newslatter-form .newslatter-action ul li:last-child{float:right;}
.newslatter-form .newslatter-action p{color:#8e8e8e;margin-bottom: 20px}
.newslatter-form .newslatter-action ul li a{color:#333;}
.newslatter-form .newslatter-action ul li a i{display: block;color:#7fb4d9;}
#startOfPage{position: absolute;left:-9999999px;}