/*==========================================================================
===========================================================================
# google Fonts
01. Theme Default CSS (body, link color, section etc)
02. header-area css
03. header-cart-box css
04. top-shopoing-cart css
05. main-menu-area css
06. slider-main-area css
07. categories-toggler-menu css
08. about-corporate-area css
09. box-product-area
10. benner-area css
11. single-deals-offer css
12. featured-categories-area css
13. product-area css
14. brand-area css
15. product-category-area css
16. about-corporate-area css
17. footer-top css
18. modal-wrapper css
19. newsletter-group-area css
20. product-area-style2 css
21. from-our-blog css
22. shop page css
23. single-product-page css
24. faequently-questions css
25. checkout css
26. shopping-cart css
27. blog-area css
28. My Account Page
29. about-page css
30. error-404 css
31. contact-page css
=============================================================================*/
/*------------------------
# google Fonts
-----------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900');
/*----------------------------------------*/
/*-------------------
01. Theme Default CSS (body, link color, section etc)
---------------------*/
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:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px; color: #333;
font-weight: 550;}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px;
color: #2c2c2c;
line-height: 1.35;
}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none;color: #2c2c2c;}
a:hover {
color: #6d3795 ;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
button:focus, input:focus,textarea:focus{outline: none;}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {
color: #222;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
}
.container {
max-width: 1170px;
}
.container {
padding-right: calc(var(--bs-gutter-x) * .625);
padding-left: calc(var(--bs-gutter-x) * .625);
}
.row {
--bs-gutter-x: 30px;
}
.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-90{
padding: 90px 0;
}
.pb-10{
padding-bottom: 10px;
}
.pb-20{
padding-bottom: 20px;
}
.pb-30{
padding-bottom: 30px;
}
.pb-50{
padding-bottom: 50px;
}
.pb-60{
padding-bottom: 60px;
}
.pt-60{
padding-top: 60px;
}
.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-10{
margin: 10px 0 0 0;
}
.mt-20{
margin: 20px 0 0 0;
}
.mt-30{
margin: 30px 0 0 0;
}
.mt-40{
margin: 40px 0 0 0;
}
.mt-50{
margin: 50px 0 0 0;
}
.mt-60{
margin: 60px 0 0 0;
}
.mb-20{
margin: 0 0 20px 0;
}
.mb-30{
margin: 0 0 30px 0;
}
.mb-60{
margin: 0 0 60px 0;
}
.mb-80{
margin: 0 0 80px 0;
}
.mb-90{
margin: 0 0 90px 0;
}
.bg-gray{
background: #cce5ff;
}
.bg-blue{
background: #6d3795
}
.bg-white{
background: #fff;
}
.bg-black{
background: #232F3E;
}
.bg-orange{
background: #FF6A00;
}
.bg-yellow{
background: #FFC833;
}
.bg-brown{
background: #6d3795;
}
#scrollUp {
background: #333333 none repeat scroll 0 0;
bottom: 30px;
border-radius: 5px;
color: #ffffff;
font-size: 18px;
height: 40px;
line-height: 38px;
right: 20px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: 40px;
}
#scrollUp:hover {
background: #6d3795 ;
}
/*------------------------------------
02. header-area css
--------------------------------------*/
.wrapper header {
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
}
.logo {
margin: 5px 0;
}
/*--- top-search-area start ---*/
.top-search-area {
margin: 27px 0;
position: relative;
}
.top-search-area .search-form-input .nice-select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #f3f3f3 none repeat scroll 0 0;
border-bottom: medium none;
-o-border-image: none;
border-image: none;
border-radius: 25px 0 0 25px;
border-right: 1px solid #cdcdcd;
border-top: medium none;
color: #000000;
font-size: 13px;
height: 45px;
line-height: 45px;
padding: 0 21px;
position: absolute;
top: 0;
width: 174px;
z-index: 9;
font-weight:550;
}
.top-search-area .search-form-input .nice-select .list {
height: 320px;
overflow-y: auto;
margin: 0;
}
.top-search-area .search-form-input .nice-select .list li {
font-size: 13px;
padding: 0 28px;
}
.search-form-input input {
border: medium none;
border-radius: 25px;
height: 45px;
padding: 10px 55px 10px 185px;
position: relative;
width: 100%;
}
.search-form-input .top-search-btn {
background: #333333 none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
color: #ffffff;
cursor: pointer;
height: 40px;
position: absolute;
right: 5px;
top: 3px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 40px;
font-size: 21px;
}
.search-form-input .top-search-btn:hover {
background: #6d3795 ;
}
.home-two-shearch .search-form-input input {
border: 2px solid #ff6a00;
border-radius: 5px;
height: 45px;
padding: 10px 130px 10px 185px;
position: relative;
width: 100%;
}
/*----- home-two-shearch css ------*/
.top-search-area.home-two-shearch {
margin: 0 0 30px;
}
.top-search-area.home-two-shearch .search-form-input .nice-select {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #000000;
height: 43px;
left: 0px;
line-height: 43px;
padding: 0 21px;
position: absolute;
top: 0;
width: 164px;
z-index: 9;
}
.top-search-area.home-two-shearch .search-form-input .nice-select:before {
background: #A1A1A1 none repeat scroll 0 0;
content: "";
height: 25px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
}
.top-search-area.home-two-shearch .search-form-input .top-search-btn {
background: #ff6a00 none repeat scroll 0 0;
border: medium none;
border-radius: 0 5px 5px 0;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 45px;
line-height: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 120px;
}
.top-search-area.home-two-shearch .search-form-input .top-search-btn:hover{
background: #222222;
}
/*-------- shearch-three css ------------*/
.shearch-three .search-form-input .top-search-btn {
background: #FFC833 none repeat scroll 0 0;
color: #333;
}
.shearch-three .search-form-input .top-search-btn:hover {
color: #fff;
}
/*------ shearch-fore ------*/
.shearch-fore .search-form-input {
border: 2px solid #6d3795;
border-radius: 25px;
}
.top-search-area.shearch-fore .search-form-input .nice-select {
background: transparent;
}
.top-search-area.shearch-fore .search-form-input .nice-select {
border: medium none;
top: 2px;
width: 154px;
}
.top-search-area.shearch-fore .search-form-input input {
padding: 10px 55px 10px 168px;
}
.shearch-fore .search-form-input .top-search-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #333333;
font-size: 22px;
top: 6px;
}
.shearch-fore .search-form-input .top-search-btn:hover {
color: #6d3795;
}
.top-search-area.shearch-fore .search-form-input .nice-select:before {
background: #a1a1a1 none repeat scroll 0 0;
content: "";
height: 25px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
}
/*-----------------------------------------
03. header-cart-box css
-------------------------------------------*/
.header-cart-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 16px 0;
position: relative;
}
.dropdown-toggle:after {
display: none;
}
.btn-group .btn-link {
border: 0 none;
color: #fff;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 550;
line-height: 25px;
overflow: hidden;
padding: 12px 0;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: capitalize;
background-color: transparent;
}
/*--- setting-account css ----*/
.setting-account {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
padding-right: 20px;
position: relative;
}
.setting-account:after {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 20px;
margin-top: -10px;
position: absolute;
right: 0;
top: 50%;
width: 1px;
}
.header-cart-box .btn-group .btn-link {
color: #ffffff;
font-size: 14px;
font-weight: 500;
line-height: 30px;
padding: 5px 0;
text-decoration: none;
background-color: transparent;
}
.btn-group .dropdown-menu {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #eaecee;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
left: auto !important;
margin: 0;
padding: 0 20px;
position: absolute;
right: 0 !important;
text-align: left;
}
.btn-group .dropdown-menu li > a {
border-bottom: 1px solid #eeeeee;
border-radius: 0;
color: #222222;
display: block;
font-size: 13px;
font-weight: normal;
height: inherit;
line-height: 24px;
padding: 12px 0;
text-align: left;
text-transform: capitalize;
}
.btn-group .dropdown-menu li > a:hover {
color: #6d3795 ;
}
/*-- header-cart-box-2 css --*/
.header-cart-box .setting-account.home-two-setting .btn-group .btn-link {
color: #333333;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-cart-box.header-cart-box-2 {
margin: 0 0 30px;
}
.header-cart-box .setting-account.home-two-setting .btn-group .btn-link:hover{
color: #FF6A00;
}
.home-two-setting .btn-group .dropdown-menu li > a:hover{
color: #FF6A00;
}
.header-cart-box-2 .setting-account:after {
background: #333333 none repeat scroll 0 0;
}
/*--- cart-box-fore ---*/
.header-cart-box.header-cart-box-fore .setting-account .btn-group .btn-link {
color: #333333;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#top-shopoing-cart .shopping-cart.shopping-cart-fore i {
color: #333333;
}
#top-shopoing-cart .shopping-cart.shopping-cart-fore .top-cart-total{
color: #333333;
}
.home-3 .btn-group .dropdown-menu li > a:hover {
color: #FFC833;
}
.header-cart-box-fore .btn-group .dropdown-menu li > a:hover{
color: #6d3795;
}
.home-4 .setting-account:after {
background: #333333;
}
.home-4 .header-cart-box {
margin: 30px 0 20px;
}
/*------------------------------------
04. top-shopoing-cart css
-------------------------------------*/
#top-shopoing-cart .shopping-cart i {
color: #ffffff;
font-size: 32px;
font-style: normal;
line-height: 40px;
vertical-align: middle;
}
#top-shopoing-cart .item-text-number {
background: #6d3795 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
height: 16px;
left: 20px;
line-height: 16px;
position: absolute;
text-align: center;
top: 1px;
vertical-align: top;
width: 16px;
}
#top-shopoing-cart .top-cart-total {
color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 30px;
margin-left: 16px;
padding: 5px 0;
text-align: left;
text-transform: capitalize;
vertical-align: top;
}
#top-shopoing-cart .dropdown-menu {
background: #ffe4e1;
border: 1px solid #eaecee;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 11px 0 0;
padding: 18px 20px 30px !important;
right: 0 !important;
top: 100%;
-webkit-transform: translate3d(0px, 47px, 0px) !important;
transform: translate3d(0px, 47px, 0px) !important;
width: 350px;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
}
#top-shopoing-cart .dropdown-menu:after{
border-bottom-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
#top-shopoing-cart .dropdown-menu:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
-o-border-image: none;
border-image: none;
border-style: solid;
border-width: 8px;
right: 25px;
top: -15px;
z-index: 98;
}
#top-shopoing-cart .dropdown-menu li.single-cart {
margin: 0;
max-height: 300px;
overflow: auto;
}
#top-shopoing-cart .dropdown-menu li.single-cart{
border-bottom: 1px dashed #333333;
display: block;
padding-bottom: 20px;
padding-top: 20px;
position: relative;
}
#top-shopoing-cart .dropdown-menu .cart-info {
float: left;
}
#top-shopoing-cart .dropdown-menu .cart-img {
float: left;
margin-right: 8px;
}
#top-shopoing-cart .dropdown-menu .cart-info > a {
font-size: 14px;
}
#top-shopoing-cart .dropdown-menu .cart-info .cart-quantity {
color: #333;
display: block;
font-size: 14px;
line-height: 20px;
padding: 5px 0;
margin: 0;
}
#top-shopoing-cart .dropdown-menu .cart-info .cart-price {
color: #6d3795;
display: block;
font-size: 20px;
font-weight: 600;
padding-top: 2px;
margin: 0;
}
#top-shopoing-cart .mini-cart-sub .cart-remove {
background: #6d3795 none repeat scroll 0 0;
border: medium none;
border-radius: 500%;
color: #fff;
cursor: pointer;
float: right;
font-size: 18px;
height: 20px;
line-height: 22px;
padding: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 20px;
}
#top-shopoing-cart .mini-cart-sub .cart-remove:hover {
background: #6d3795 ;
color: #fff;
}
#top-shopoing-cart .cart-total-box {
padding: 20px 0;
}
#top-shopoing-cart .cart-total-box h5 {
color: #333;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
#top-shopoing-cart .cart-total-box h5:last-child {
margin-bottom: 0px;
}
#top-shopoing-cart .cart-total-box h5 span {
color: #6d3795;
font-size: 18px;
font-weight: 600;
}
.cart-button{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#top-shopoing-cart p{
margin: 0;
}
#top-shopoing-cart p.cart-button a {
background: #6d3795 none repeat scroll 0 0;
border: medium none;
border-radius: 20px;
color: #ffffff;
float: left;
font-size: 14px;
font-weight: 600;
line-height: 40px;
margin-top: 5px;
padding: 0 30px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#top-shopoing-cart p.cart-button a:hover {
background: #6d3795;
}
/*------- home-2 css ----------*/
#top-shopoing-cart .top-cart-total.home-two {
color: #333333;
}
#top-shopoing-cart .shopping-cart.home-two i {
color: #333;
}
#top-shopoing-cart .home-two .item-text-number {
background: #FF6A00;
}
#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info > a:hover{
color: #FF6A00;
}
#top-shopoing-cart .mini-cart-sub.mini-cart-2 .cart-remove:hover {
background: #FF6A00 none repeat scroll 0 0;
}
#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info .cart-price {
color: #FF6A00;
}
#top-shopoing-cart .mini-cart-2 .cart-total-box h5 span {
color: #FF6A00;
}
#top-shopoing-cart .mini-cart-2 p.cart-button a {
background: #FF6A00;
}
#top-shopoing-cart .mini-cart-2 p.cart-button a:hover {
background: #222222;
}
/*--- home-three css ---*/
#top-shopoing-cart .home-three .item-text-number {
background: #FFC833;
}
#top-shopoing-cart .mini-cart-sub.mini-cart-3 .cart-remove:hover {
background: #FFC833 none repeat scroll 0 0;
}
#top-shopoing-cart .mini-cart-3 p.cart-button a {
background: #FFC833;
color: #333;
}
#top-shopoing-cart .mini-cart-3 p.cart-button a:hover {
background: #6d3795;
color: #fff;
}
/*--- home-fore css ---*/
#top-shopoing-cart .mini-cart-sub.mini-cart-fore .cart-remove:hover {
background: #6d3795 none repeat scroll 0 0;
}
#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a {
background: #6d3795;
}
#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a:hover {
background: #222222;
}
/*---------------------------
05. main-menu-area css
-----------------------------*/
.sticky-header.sticky {
-webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
background: #6d3795 none repeat scroll 0 0;
-webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
left: 0;
margin: auto;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
header .logo img
{
width:80%;
}
footer .logo img
{
width:60%;
}
footer .logo img
{
filter: brightness(0) invert(1);
}
.home-2 .sticky-header.sticky .logo {
margin: 8px 0;
}
.home-2 .sticky-header.sticky .main-menu.main-menu-style-2 {
margin: 8px 0;
}
.home-2 .sticky-header.sticky .top-box-lang.top-box-lang-2 {
margin: 8px 0;
}
.home-3 .sticky .main-menu.menu-style-3 ul > li > a {
color: #222222;
}
.home-3 .sticky .top-box-lang.top-box-lang-3 ul li button {
color: #222222;
}
.home-3 .sticky .mean-container a.meanmenu-reveal span {
background: #333333 none repeat scroll 0 0;
}
.border--top{
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu ul > li {
display: inline-block;
position: relative;
}
.main-menu ul > li > a {
display: block;
font-size: 14px;
font-weight: 550;
padding: 16px 18px;
color:#fff;
}
.main-menu ul > li:first-child a {
padding-left: 0;
}
/*--- dorpdown-menu css ---*/
.main-menu ul > li > ul.dorpdown-menu,.main-menu ul > li > ul.mega-menu {
background: #ffffff none repeat scroll 0 0;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 120%;
visibility: hidden;
width: 180px;
z-index: 99;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu ul > li > ul.dorpdown-menu{
padding: 10px 0;
}
.main-menu ul > li > ul.dorpdown-menu li {
display: block;
}
.main-menu ul > li > ul.dorpdown-menu li > a {
display: block;
font-size: 14px;
font-weight: 550;
padding: 7px 15px;
color:#333;
}
.main-menu ul > li > ul.mega-menu {
padding: 20px;
width: 630px;
z-index: 99999;
}
.main-menu ul > li > ul.mega-menu li {
display: block;
float: left;
padding: 0;
width: 33.3333%;
}
.main-menu ul > li > ul.mega-menu li a {
color: #333333;
font-size: 15px;
margin-bottom: 10px;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu ul > li > ul.mega-menu li a:hover {
color: #6d3795 ;
}
.main-menu ul > li > ul.mega-menu li ul li {
display: block;
padding: 0;
width: 100%;
}
.main-menu ul > li > ul.mega-menu li ul li a {
display: block;
font-size: 14px;
font-weight: 400;
padding: 5px 0;
margin: 0;
}
.main-menu ul > li:hover ul.dorpdown-menu,.main-menu ul > li:hover ul.mega-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 100%;
}
/*--- main-menu-style-2 css ----*/
.main-menu.main-menu-style-2 {
margin: 24px 0;
}
.top-box-lang.top-box-lang-2 {
margin: 24px 0;
}
.main-menu.main-menu-style-2 ul > li > a:hover{
color: #FF6A00;
}
/*--- menu-style-3 css ----*/
.main-menu.menu-style-3 ul > li > a {
color: #ffffff;
}
.main-menu.menu-style-3 ul > li > a:hover {
color: #FFC833;
}
.main-menu.menu-style-3 ul > li > ul.dorpdown-menu li > a{
color: #222;
}
.main-menu.menu-style-3 ul > li > ul.dorpdown-menu li > a:hover{
color: #FFC833;
}
/*------ mobile-menu css ------*/
.mean-container .mean-bar {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
min-height: 0;
padding: 0;
}
.mean-container a.meanmenu-reveal {
border: 0 none;
color: #222222;
margin-top: -38px;
padding: 2px 0;
position: absolute;
right: 0 !important;
left: 0 !important;
}
.home-3 .mean-container a.meanmenu-reveal {
color: #FFC833;
}
.mean-container .mean-nav {
background: #ffffff none repeat scroll 0 0;
float: left;
margin-top: 0;
position: absolute;
width: 100%;
}
.home-2 .mean-container a.meanmenu-reveal {
margin-top: -60px;
}
.home-3 .mean-container a.meanmenu-reveal span {
background: #fff;
}
.home-3 .mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #FFC833;
}
/*--- top-box-lang css ----*/
.top-box-lang ul li button {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.top-box-lang ul li button:hover {
color: #ffffff ;
}
.top-box-lang ul li {
display: inline-block;
}
.top-box-lang ul > li.currency {
position: relative;
margin-right: 20px;
padding-right: 20px;
}
.top-box-lang ul > li.currency:after {
background: #444444 none repeat scroll 0 0;
content: "";
height: 14px;
margin-top: -7px;
position: absolute;
right: 0;
top: 50%;
width: 1px;
}
.top-box-lang .dropdown-menu li {
display: block;
}
.top-box-lang .language img {
margin-right: 5px;
}
.top-box-lang.top-box-lang-2 ul li button:hover{
color: #FF6A00;
}
.top-box-lang-2 .btn-group .dropdown-menu li > a:hover {
color: #FF6A00;
}
.top-box-lang.top-box-lang-3 ul li button{
color: #fff;
}
.top-box-lang.top-box-lang-3 ul li button:hover{
color: #FFC833;
}
.top-box-lang-3 .btn-group .dropdown-menu li > a:hover {
color: #FFC833;
}
.top-box-lang.top-box-lang-4 ul li button:hover {
color: #6d3795;
}
.top-box-lang.top-box-lang-4 .btn-group .dropdown-menu li > a:hover {
color: #6d3795;
}
/*-----------------------------------------
06. slider-main-area css
------------------------------------------*/
.slider-text-info.style-1,.slider-text-info.style-2 {
padding: 98px 0;
}
.slider-text-info .title-1,.slider-text-info .title-2 {
color: #222222;
font-size: 36px;
font-weight: 600;
line-height: 1.1;
margin: 0;
text-transform: uppercase;
}
.slider-text-info .slider-1-des p {
color: #666666;
font-size: 24px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
margin-top: 17px;
padding: 0;
text-transform: uppercase;
}
.slider-text-info .slider-1-des p span {
color: #6d3795 ;
display: block;
font-size: 60px;
}
.slider-text-info .slier-btn-1 a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #6d3795 ;
border-radius: 3px;
color: #6d3795 ;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 40px;
margin-top: 30px;
padding: 0 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
vertical-align: top;
}
.slider-text-info .slier-btn-1 a:hover {
background: #6d3795 ;
border-color: #6d3795 ;
color: #fff;
}
.slider-text-info.style-2 .slider-1-des p span {
color: #6d3795;
}
.slider-text-info.style-2 .slier-btn-1 a {
border: 2px solid #6d3795;
color: #6d3795;
}
.slider-text-info.style-2 .slier-btn-1 a:hover {
background: #6d3795;
border-color: #6d3795;
color: #fff;
}
.slider-active .owl-dots {
bottom: 20px;
left: 0;
position: absolute;
right: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.slider-active .owl-dots .owl-dot {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 4px;
width: 10px;
}
.slider-active .owl-dots .owl-dot.active {
background: #6d3795 none repeat scroll 0 0;
}
.active .slider-wrapper .slider-text-animation * {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-item.active .slider-text-animation h1 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.owl-item.active .slider-text-animation h2 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.owl-item.active .slider-text-animation .slider-1-des {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.owl-item.active .slider-text-animation .slier-btn-1 {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/*--------- Home-2 slider css -----------*/
.slider-text-info.style-3 .title-1,.slider-text-info.style-4 .title-2 {
color: #ffffff;
font-size: 60px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-3 p,.slider-text-info.style-4 p {
color: #ffffff;
font-size: 24px;
font-weight: 500;
line-height: 30px;
margin-bottom: 0;
margin-top: 10px;
padding: 0;
text-transform: capitalize;
}
.slider-text-info.style-3 .slier-btn-1 a,.slider-text-info.style-4 .slier-btn-1 a {
border: 2px solid #fff;
color: #fff;
}
.slider-text-info.style-3 .slier-btn-1 a:hover,.slider-text-info.style-4 .slier-btn-1 a:hover {
background: #FF6A00;
border: 2px solid #FF6A00;
color: #fff;
}
.slider-text-info.style-4 .title-2{
font-size: 46px;
}
.slider-text-info.style-3 {
padding: 93px 0 93px 0px;
}
.slider-text-info.style-4 {
padding: 77px 0 77px 30px;
}
.slider-active-2 .owl-nav button {
background: rgba(0, 0, 0, 0.3) !important;
font-size: 20px !important;
height: 60px;
color: #fff !important;
line-height: 60px !important;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 60px;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slider-active-2 .owl-nav button:hover {
background: rgba(0, 0, 0, 0.5) !important;
}
.slider-active-2 .owl-nav button.owl-prev {
left: 10px;
}
.slider-active-2 .owl-nav button.owl-next {
right: 10px;
}
.slider-active-2 .owl-dots {
padding: 5px 0 15px;
text-align: center;
}
.slider-active-2 .owl-dots .owl-dot {
background: #cecece none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 4px;
width: 10px;
}
.slider-active-2 .owl-dots .owl-dot.active {
background: #FF6A00 none repeat scroll 0 0;
}
/*---- Home-3 slider css ----*/
.slider-text-info.style-5 {
padding: 98px 0;
}
.slider-text-info.style-5 .title-1,.slider-text-info.style-5 .title-2 {
color: #ffffff;
font-size: 36px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-5 .slider-1-des p {
color: #fff;
}
.slider-text-info.style-5 .slider-1-des p span {
color: #fff;
}
.slider-text-info.style-5 .slier-btn-1 a,.slider-text-info.style-7 .slier-btn-1 a,.slider-text-info.style-8 .slier-btn-1 a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
color: #fff;
}
.slider-text-info.style-8 .slier-btn-1 a:hover {
background: #6d3795;
border: 2px solid #6d3795;
color: #fff;
}
.slider-text-info.style-5 .slier-btn-1 a:hover {
background: #FFC833;
border: 2px solid #FFC833;
color: #333;
}
.slider-text-info.style-6 {
padding: 110px 0;
}
.slider-text-info.style-6 .title-1 {
color: #222222;
font-size: 48px;
line-height: 1;
}
.slider-text-info.style-6 .title-2 {
color: #222222;
font-size: 32px;
font-weight: 500;
}
.slider-text-info.style-6 .slider-1-des p {
color: #ff6a00;
font-size: 40px;
margin-top: 12px;
text-transform: capitalize;
}
.slider-text-info.style-6 .slider-1-des p span {
color: #666666;
font-size: 20px;
font-weight: 400;
position: relative;
text-decoration: line-through;
text-transform: uppercase;
}
.slider-text-info.style-6 .slier-btn-1 a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #FF6A00;
color: #FF6A00;
}
.slider-text-info.style-6 .slier-btn-1 a:hover, ,.slider-text-info.style-8 .slier-btn-1 a:hover {
background: #FF6A00;
border: 2px solid #FF6A00;
color: #fff;
}
.slider-active.slier-3 .owl-dots {
bottom: 0;
padding: 10px 0 15px;
position: inherit;
}
.slider-active.slier-3 .owl-dots .owl-dot {
background: #cecece none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 4px;
width: 10px;
}
.slider-active.slier-3 .owl-dots .owl-dot.active {
background: #FFC833 none repeat scroll 0 0;
}
/*---- Home-4 slider css ----*/
.slider-text-info.style-7 .title-1,.slider-text-info.style-7 .title-2 {
color: #ffffff;
font-size: 44px;
line-height: 1;
}
.slider-text-info.style-7 .slider-1-des p{
color: #ffffff;
font-size: 22px;
font-weight: 400;
margin-top: 12px;
text-transform: capitalize;
}
.slider-text-info.style-7 .slider-1-des p span {
color: #6d3795;
display: inline;
font-size: 22px;
}
.slider-text-info.style-7 .slier-btn-1 a:hover {
background: #6d3795;
border: 2px solid #6d3795;
color: #fff;
}
.slider-text-info.style-8 .title-1,.slider-text-info.style-8 .title-2 {
color: #ffffff;
font-size: 36px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-8 .slider-1-des p{
color: #ffffff;
font-size: 24px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
margin-top: 17px;
padding: 0;
text-transform: uppercase;
}
.slider-text-info.style-8 .slider-1-des p span {
color: #ffffff;
display: block;
font-size: 60px;
}
.slider-text-info.style-7 {
padding: 115px 0;
}
.slider-text-info.style-8 {
padding: 86px 0;
}
.slider-active-2.style-4 .owl-dots {
padding: 5px 0 15px;
text-align: center;
position: absolute;
}
.slider-active-2.style-4 .owl-dots {
bottom: 10px;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
.slider-active-2.style-4 .owl-dots .owl-dot.active {
background: #6d3795 none repeat scroll 0 0;
}
/*--------------------------------
07. categories-toggler-menu css
----------------------------------*/
.categories-toggler-menu {
background: #6d3795 none repeat scroll 0 0;
color: #ffffff;
padding: 15px 20px;
position: relative;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
cursor: pointer;
}
.vertical-menu-list {
background: #ffffff none repeat scroll 0 0;
border-color: #eaecee;
border-style: none solid solid;
border-width: 0 1px 1px;
display: block;
padding: 20px 0 20px 10px;
}
.vertical-menu-list ul li{
display: block;
position: relative;
}
.vertical-menu-list ul li a {
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 5px 20px 5px 10px;
text-transform: none;
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.vertical-menu-list ul li a span {
float: right;
}
.vertical-menu-list ul li a:hover{
color: #222222;
background: #E9EAEF;
}
.vertical-menu-list ul li .right-sub-menu,.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub,.vertical-menu-list ul li .right-mega-menu {
background: #fff;
border: 1px solid #eaecee;
-webkit-box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);
box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);
left: 100%;
position: absolute;
top: 5px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 200px;
z-index: 99;
padding: 0;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 9;
}
.vertical-menu-list ul li .right-sub-menu li {
position: relative;
}
.vertical-menu-list ul li .right-sub-menu li a {
padding: 5px 15px;
}
.vertical-menu-list ul li .right-sub-menu li a:hover {
background: none;
color: #6d3795 ;
}
.vertical-menu-list ul li:hover .right-sub-menu,.vertical-menu-list ul li .right-sub-menu li:hover ul.right-threed-sub,.vertical-menu-list ul li:hover ul.right-mega-menu {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 0;
}
.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub {
width: 90px;
}
.vertical-menu-list ul li .right-mega-menu {
padding: 15px 5px 20px;
width: 530px;
}
.vertical-menu-list ul li .right-mega-menu li {
float: left;
padding: 0 15px;
width: 50%;
}
.vertical-menu-list ul li .right-mega-menu li a {
color: #6d3795 ;
font-size: 15px;
font-weight: 600;
padding: 0;
margin: 10px 0;
}
.vertical-menu-list ul li .right-mega-menu li a:hover {
text-decoration: underline;
background: none;
}
.vertical-menu-list ul li .right-mega-menu li ul li {
display: block;
padding: 0;
width: 100%;
}
.vertical-menu-list ul li .right-mega-menu li ul li > a {
color: #333333;
display: block;
font-size: 13px;
font-weight: 400;
line-height: 28px;
margin: 0;
padding: 0;
}
.vertical-menu-list ul li .right-mega-menu li ul li > a:hover {
background: none;
color: #6d3795 ;
text-decoration: none;
}
.vertical-menu-list ul li .right-mega-menu li.menu-benner-image {
margin-top: 20px;
width: 100%;
}
.categories-more-less {
cursor: pointer;
}
.vertical-menu-list li a.more-default,.vertical-menu-list li a.less-show {
color: #6d3795 ;
}
.vertical-menu-list li a.more-default:hover,.vertical-menu-list li a.less-show:hover {
color: #6d3795 ;
}
.hide-child,.vertical-menu-list ul li a.less-show {
display: none;
}
.vertical-menu-list ul li.rx-change a.less-show {
display: block;
}
.vertical-menu-list ul li.rx-change a.more-default {
display: none;
}
.vertical-menu-list li.hide-child {
display: none;
}
.vertical-menu > span {
background: #f2f2f2 none repeat scroll 0 0;
color: #363636;
cursor: pointer;
display: block;
font-family: "lato",sans-serif;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
overflow: hidden;
padding-left: 45px;
position: relative;
text-transform: uppercase;
}
/*---- home-2 all-categories-menu-2 -----*/
.slider-main-area .sub-col {
padding: 0;
}
.slider-main-area .sub-col:nth-child(1) {
padding-right: 10px;
}
.slider-main-area .sub-col:nth-child(2) {
padding-right: 20px;
}
.all-categories-menu-2 .categories-toggler-menu {
background: #ffffff none repeat scroll 0 0;
color: #ff6a00;
}
.all-categories-menu-2 .vertical-menu-list {
border: none;
padding: 0 0 10px 10px;
}
.slider-main-area .row.sub-row {
border: 1px solid #eaecee;
margin-left: 0;
margin-right: 0;
}
.all-categories-menu-2 .vertical-menu-list ul li .right-sub-menu li a:hover {
color: #FF6A00;
}
.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a {
color: #FF6A00;
}
.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a:hover {
color: #FF6A00;
text-decoration: underline;
}
.all-categories-menu-2 .vertical-menu-list ul > li .right-mega-menu li ul li > a {
color: #333333;
}
.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li ul li > a:hover {
color: #FF6A00;
text-decoration: none;
}
.all-categories-menu-2 .vertical-menu-list li a.more-default,.all-categories-menu-2 .vertical-menu-list li a.less-show {
color: #FF6A00;
}
/*----- categories-style-three css ------*/
.categories-toggler-menu.togoler-style-3,.categories-toggler-menu.togoler-style-4 {
background: #232f3e none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 7px 0;
padding: 7px 20px;
position: relative;
}
.categories-style-three .vertical-menu-list, .categories-style-fore .vertical-menu-list {
border-radius: 5px;
padding: 10px 0 10px 10px;
position: absolute;
top: 90%;
z-index: 999;
display: none;
}
.categories-style-three .vertical-menu-list:before,
.categories-style-fore .vertical-menu-list:before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
-o-border-image: none;
border-image: none;
border-style: solid;
border-width: 10px;
content: "";
position: absolute;
right: 84px;
top: -20px;
z-index: 99;
}
.categories-toggler-menu.togoler-style-3:hover{
color: #FFC833;
}
.categories-style-three .vertical-menu-list ul li .right-mega-menu li a {
color: #FFC833;
}
.categories-style-three .vertical-menu-list ul li .right-mega-menu li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-decoration: underline;
}
.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li > a {
color: #333333;
}
.categories-style-three .vertical-menu-list ul li .right-sub-menu li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #FFC833;
}
.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li > a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #FFC833;
text-decoration: none;
}
.categories-style-three .vertical-menu-list li a.more-default,.categories-style-three .vertical-menu-list li a.less-show {
color: #FFC833;
}
/*----- categories-style-fore css ------*/
.categories-toggler-menu.togoler-style-4 {
background: #E8EAEF none repeat scroll 0 0;
color: #222;
border-radius: 5px;
position: relative;
}
.categories-toggler-menu.togoler-style-4:hover{
background: #6d3795;
color: #fff;
}
.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a {
color: #6d3795;
}
.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #6d3795;
}
.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-decoration: underline;
}
.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li > a {
color: #333333;
}
.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #6d3795;
}
.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li > a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #6d3795;
text-decoration: none;
}
.categories-style-fore .vertical-menu-list li a.more-default, .categories-style-fore .vertical-menu-list li a.less-show {
color: #6d3795;
}
.all-categories-menu-area.categories-style-three {
position: relative;
}
/*---- cate-mobile-toggle ------ */
.vertical-menu > span {
background: #6d3795 none repeat scroll 0 0;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
overflow: hidden;
padding-left: 45px;
position: relative;
text-transform: uppercase;
}
#cate-mobile-toggle {
height: 265px;
overflow-y: auto;
}
#cate-mobile-toggle > ul {
padding: 22px 0 0;
}
.sidbar-style ul li {
padding-top: 10px;
}
#cate-mobile-toggle > ul li > a {
font-size: 15px;
padding-bottom: 3px;
padding-top: 3px;
}
.sidebar-menu li:hover > a, .sidebar-menu li.has-sub:hover > a, .sidebar-menu li.has-sub.open > a {
color: #6d3795 ;
}
.sidebar-menu .category-sub {
padding-left: 10px;
}
#cate-mobile-toggle .category-sub li a {
display: block;
padding-left: 20px;
position: relative;
}
#cate-mobile-toggle .category-sub > li > a:before {
color: #6d3795 ;
content: "";
font-family: "Ionicons";
font-size: 9px;
left: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.vertical-menu > span:after {
content: "";
font-family: "Ionicons";
font-size: 27px;
font-weight: normal;
left: 16px;
position: absolute;
}
.menu-hidden {
display: none;
}
.category-menu ul.category-sub {
display: none;
}
#cate-mobile-toggle > ul {
background: #f1f1f1 none repeat scroll 0 0;
padding: 20px 5px 20px 20px;
}
.sidbar-style > ul > li:first-child {
padding-top: 0;
}
.sidebar-menu ul li {
position: relative;
}
.sidbar-style li {
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
#cate-mobile-toggle > ul li > a {
font-size: 15px;
padding-bottom: 3px;
padding-top: 3px;
}
.category-menu.sidebar-menu .has-sub a span.holder:after, .category-menu.sidebar-menu li.has-sub > a:after {
content: "";
font-family: "Ionicons";
font-size: 14px;
position: absolute;
right: 20px;
}
.category-menu.sidebar-menu .has-sub.open a span.holder:after, .category-menu.sidebar-menu li.has-sub.open > a:after {
content: "";
}
/*-------------------------------------
08. about-corporate-area css
--------------------------------------*/
.corporate-about-area .single-corporate-wrapper {
border-bottom: 1px solid #ededed;
padding: 17.5px 0;
}
.corporate-about-area {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #eaecee;
overflow: hidden;
padding: 5px 20px;
}
.corporate-about-area .single-corporate-wrapper h3 {
color: #222222;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1;
margin: 0 0 3px;
text-transform: capitalize;
}
.corporate-about-area .single-corporate-wrapper h3 i {
color: #222222;
font-size: 35px;
font-weight: normal;
margin-right: 10px;
vertical-align: middle;
}
.corporate-about-area .single-corporate-wrapper h3 span {
font-weight: 600;
}
.corporate-about-area .single-corporate-wrapper p {
color: #222222;
display: block;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.corporate-about-area .single-corporate-wrapper:last-child {
border: medium none;
}
.about-corporate-area .col-0-sub {
position: relative;
}
.about-corporate-area .col-0-sub:after {
background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
content: "";
height: 36px;
margin-top: -18px;
position: absolute;
right: 0;
top: 50%;
width: 1px;
}
.about-corporate-area .col-0-sub:last-child:after {
display: none;
}
/*------------------------------
09. box-product-area
-------------------------------*/
.box-product-area {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #eaecee;
padding: 20px;
}
.secton-title {
border-bottom: 1px solid #ededed;
display: block;
margin-bottom: 30px;
position: relative;
text-align: left;
}
.product-module-1 .secton-title {
margin-bottom: 15px;
}
.secton-title h2,.title-style-three h2 {
color: #222222;
display: inline-block;
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin: 0;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
vertical-align: top;
}
.secton-title h2:after {
background: #6d3795 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 70px;
}
.secton-title.title-2 h2:after {
background: #FF6A00 none repeat scroll 0 0;
}
.secton-title.title-3 {
border: medium none;
}
.secton-title.title-3 h2:after {
background: #ffc833 none repeat scroll 0 0;
}
.home-4 .secton-title h2:after {
background: #6d3795 none repeat scroll 0 0;
}
.single-product-module-1 {
border-bottom: 1px solid #ededed;
margin-bottom: 15px;
overflow: hidden;
padding-bottom: 15px;
}
.single-product-module-1:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.single-product-module-1 .product-thumb {
display: table-cell;
float: none;
vertical-align: middle;
width: 20%;
}
.single-product-module-1 .product-desc .product-name a {
display: block;
font-size: 14px;
font-weight: 400;
overflow: hidden;
padding: 0;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-product-module-1 .product-desc {
display: table-cell;
float: none;
padding-left: 5px;
padding-right: 35px;
padding-top: 0;
position: relative;
text-align: left;
vertical-align: middle;
width: 68.46%;
}
.single-product-module-1 .product-desc h4 {
margin: 5px 0;
}
.single-product-module-1 .product-desc .price-box .new-price {
color: #6d3795;
font-size: 16px;
font-weight: 600;
}
.single-product-module-1 .product-desc .price-box .old-price {
color: #999999;
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
}
.single-product-module-1 .product-desc .btn-cart {
background: #dedede none repeat scroll 0 0;
color: #222222;
height: 33px;
line-height: 33px;
width: 33px;
font-weight: 14px;
display: block;
text-align: center;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 16px;
}
.single-product-module-1 .product-desc .btn-cart:hover {
background: #6d3795 none repeat scroll 0 0;
color: #fff;
}
.home-4 .single-product-module-1 .product-desc .btn-cart:hover {
background: #6d3795 none repeat scroll 0 0;
}
.home-2 .single-product-module-1 .product-desc .btn-cart:hover {
background: #FF6A00 none repeat scroll 0 0;
}
.single-product-module-1 .product-desc .shopping-btn {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.priduct-module-1-active .owl-nav button, .deals-offer-active .owl-nav button, .feategory-active .owl-nav button, .prodict-active .owl-nav button, .prodict-two-active .owl-nav button,.product-category-active .owl-nav button,.deals-offer-one-active .owl-nav button,.from-blog .owl-nav button,.prodict-active-4 .owl-nav button {
border: 2px solid #6d3795 !important;
background-color:#6d3795 !important;
border-radius: 0px;
color: #fff !important;
font-size: 16px !important;
height: 31px;
left: auto !important;
line-height: 28px;
margin: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: absolute;
right: 0;
top: -72px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
vertical-align: top;
width: 31px;
}
.priduct-module-1-active .owl-nav button:hover,.deals-offer-active .owl-nav button:hover,.feategory-active .owl-nav button:hover,.prodict-active .owl-nav button:hover,.prodict-two-active .owl-nav button:hover,.product-category-active .owl-nav button:hover ,.deals-offer-one-active .owl-nav button:hover{
background: #6d3795;
border: 2px solid #6d3795!important;
color: #fff !important;
}
.home-2 .priduct-module-1-active .owl-nav button:hover,
.home-2 .feategory-active .owl-nav button:hover,
.home-2 .prodict-active .owl-nav button:hover,
.home-2 .product-category-active .owl-nav button:hover,
.home-2 .deals-offer-one-active .owl-nav button:hover,
.product-three-active .owl-nav button:hover{
background: #FF6A00 !important;
border: 2px solid #FF6A00 !important;
color: #fff !important;
}
.home-3 .deals-offer-active .owl-nav button:hover,
.home-3 .prodict-active .owl-nav button:hover,
.product-three-active .owl-nav button:hover,
.from-blog .owl-nav button:hover{
background: #FFC833 !important;
border: 2px solid #FFC833 !important;
color: #fff !important;
}
.home-4 .priduct-module-1-active .owl-nav button:hover,
.home-4 .deals-offer-one-active .owl-nav button:hover,
.from-blog .owl-nav button:hover,.home-4 .prodict-active-4 .owl-nav button:hover,.home-4 .feategory-active .owl-nav button:hover,.home-4 .prodict-two-active .owl-nav button:hover,.home-4 .product-category-active .owl-nav button:hover{
background: #6d3795 !important;
border: 2px solid #6d3795 !important;
color: #fff !important;
}
.priduct-module-1-active .owl-nav button.owl-prev,.feategory-active .owl-nav button.owl-prev,.product-category-active .owl-nav button.owl-prev {
right: 40px;
}
.priduct-module-1-active .owl-nav button {
top: -60px;
}
/*-----------------------------------
10. benner-area css
-------------------------------------*/
.benner-area {
margin-top: 30px;;
}
.single-benner a {
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
}
.single-benner a:before {
border: 10px solid rgba(255, 255, 255, 0.7);
content: "";
height: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
-webkit-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
width: 100%;
}
.single-benner a:hover:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
/*-------------------------------------
11. single-deals-offer css
---------------------------------------*/
.section-row {
padding: 0 0 60px;
}
.single-deals-offer .product-thumb{
display: table-cell;
float: none;
width: 47.36%;
}
.categ-backg
{
background-attachment: scroll !important;
background-color: transparent;
background-image: url(../img/bg6.webp);
padding: 100px 0 300px;
background-size: cover;
}
.elements12
{
position: absolute;
animation-name: animation-7;
animation-duration: 90s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function:
cubic-bezier(0.59, 0.59, 1, 1);
top: 0px;
right: 0px;
}
@keyframes animation-7
{
0% {
transform: rotate(0);
}
100% {
transform: rotate(-1000deg);
}
}
.single-deals-offer .product-thumb .product-image {
display: block;
position: relative;
}
.label-product {
background: #94c341 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
font-size: 12px;
font-weight: 600;
height: 40px;
line-height: 40px;
padding: 0;
position: absolute;
right: 10px;
text-transform: capitalize;
top: 10px;
width: 40px;
z-index: 4;
text-align: center;
}
.label-sale {
background: #6d3795 none repeat scroll 0 0;
left: 15px;
right: auto;
top: 10px;
}
.label-sale.labele-sale-2 {
background: #ff6a00 none repeat scroll 0 0;
}
.single-deals-offer .product-info {
display: table-cell;
float: none;
padding-left: 20px;
padding-top: 0;
vertical-align: middle;
width: 52.64%;
}
.rating-box .rating li {
color: #6d3795 ;
font-size: 16px;
margin-right: 2px;
}
.single-deals-offer .product-name a {
font-size: 16px;
font-weight: 400;
}
.single-deals-offer .price-box .new-price {
color: #6d3795;
font-size: 18px;
}
.single-deals-offer .price-box .old-price {
color: #999999;
font-size: 16px;
margin-left: 4px;
padding-top: 1px;
text-decoration: line-through;
}
.single-deals-offer .text-hurryup {
color: #333333;
display: block;
font-size: 14px;
margin-bottom: 10px;
margin-top: 25px;
}
.single-deals-offer {
padding-bottom: 10px;
}
.countdown-deals {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
}
.countdown-deals span.cdown {
margin-right: 10px;
}
.countdown-deals .time-count {
background: #eaeaea none repeat scroll 0 0;
border-radius: 5px;
color: #222222;
display: block;
font-size: 18px;
font-weight: 600;
height: 40px;
line-height: 40px;
width: 60px;
}
.countdown-deals .cdown > p {
font-size: 13px;
margin: 5px 0 0 0;
text-align: center;
text-transform: uppercase;
}
.single-deals-offer .action-links .btn-cart {
background: #222222 none repeat scroll 0 0;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 40px;
margin-top: 30px;
padding: 0 15px;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-deals-offer .action-links .btn-cart:hover {
background: #6d3795 ;
}
.single-deals-offer.deals-offer-2 .action-links .btn-cart:hover {
background: #FF6A00;
}
.single-deals-offer.deals-offer-3 .action-links .btn-cart:hover {
background: #FFC833;
color: #333;
}
.home-4 .single-deals-offer .action-links .btn-cart:hover {
background: #6d3795;
}
.deals-offer-active .col-lg-6 {
max-width: 100%;
}
.deals-offer-active .owl-nav button,.prodict-active .owl-nav button,.prodict-two-active .owl-nav button,.deals-offer-one-active .owl-nav button,.from-blog .owl-nav button,.prodict-active-4 .owl-nav button {
right: 15px;
}
.deals-offer-active .owl-nav button.owl-prev,.prodict-active .owl-nav button.owl-prev,.prodict-two-active .owl-nav button.owl-prev,.deals-offer-one-active .owl-nav button.owl-prev,.from-blog .owl-nav button.owl-prev,.prodict-active-4 .owl-nav button.owl-prev {
right: 55px;
}
/*----- home-2 deals-offer-2 css -----*/
.deals-offer-2 .countdown-deals span.cdown {
margin-right: 0;
}
.single-deals-offer.deals-offer-2 {
padding-bottom: 30px;
}
.deals-offer-2 .countdown-deals {
border: 1px solid #ededed;
border-radius: 5px;
}
.deals-offer-2 .countdown-deals .cdown {
padding: 12px 0;
background: transparent;
border-right: 1px solid #ededed;
width: 80px;
display: block;
}
.deals-offer-2 .countdown-deals .cdown:last-child {
border: medium none;
}
.deals-offer-2 .countdown-deals .time-count {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
color: #222222;
display: inline;
font-size: 18px;
font-weight: 600;
height: auto;
line-height: 0;
width: auto;
}
.deals-offer-2 .countdown-deals .cdown > p {
margin: 5px 0 0 0;
}
/*----------------------------------------
12. featured-categories-area css
------------------------------------------*/
.featured-categories-area .owl-container {
margin: 0 -10px;
}
.feategory-active .owl-item {
padding: 0 10px;
}
.fcategory-image > a {
display: block;
overflow: hidden;
position: relative;
border-radius: 100%;
}
.fcategory-image img {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.fcategory-content:hover .fcategory-image img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.fcategory-title > h3 {
line-height: 15px;
margin: 5px 0 20px;
text-align: center;
}
.fcategory-title h3 a {
font-size: 14px;
font-weight: 600;
}
.tab-content .tab-pane {
display: block;
height: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
width: 100%;
}
.tab-content .tab-pane.active {
height: auto;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.fcategory-content:hover .fcategory-title h3 a {
color: #6d3795 ;
}
.home-2 .fcategory-content:hover .fcategory-title h3 a {
color: #FF6A00;
}
.feategory-active .owl-nav button {
right: -10px;
}
.feategory-active .owl-nav button.owl-prev {
right: 30px;
}
.home-4 .fcategory-content:hover .fcategory-title h3 a {
color: #6d3795;
}
/*--------------------------------------
13. product-area css
-----------------------------------------*/
.tabs-categorys-list li {
display: inline-block;
margin-right: 9px;
vertical-align: top;
}
.tabs-categorys-list li a {
color: #6d3795;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: 600;
line-height: 30px;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
padding: 6px 21px;
border: 1px solid #6d3795;
}
.tabs-categorys-list li a.active {
color: #222;
}
.tabs-categorys-list li a.active:after {
background: #6d3795 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 70px;
}
.tabs-categorys-list.title-2 li a.active:after {
background: #FF6A00;
}
.tabs-categorys-list.title-3 li a.active:after {
background: #FFC833 none repeat scroll 0 0;
}
.home-4 .tabs-categorys-list li a.active:after {
background: #6d3795;
}
.sinle-product-item .product-thumb {
overflow: hidden;
position: relative;
background-color: #ffffff;
}
.sinle-product-item .product-thumb img
{
transition: all 0.2s ease-in-out;
}
.product-thumb:hover img
{
transform:scale(1.1);
}
.sinle-product-item .product-thumb > a {
display: block;
}
.sinle-product-item .product-thumb > a img.secondary-image {
left: 0;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sinle-product-item:hover .product-thumb img.secondary-image{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sinle-product-item .action-links {
position: absolute;
right: -10px;
top: 10px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 5;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.sinle-product-item .action-links .action-btn {
background: rgba(34, 34, 34, 0.6) none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 41px;
margin-right: 5px;
padding: 0;
text-align: center;
width: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sinle-product-item .action-links .action-btn:hover{
background: #6d3795 ;
}
.home-2 .sinle-product-item .action-links .action-btn:hover{
background: #FF6A00;
}
.home-3 .sinle-product-item .action-links .action-btn:hover{
background: #FFC833;
color: #333;
}
.home-4 .sinle-product-item .action-links .action-btn:hover{
background: #6d3795;
}
.sinle-product-item:hover .action-links {
right: 6px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.sinle-product-item .add-to-cart .btn-cart {
background: #6d3795 none repeat scroll 0 0;
border: 1px solid #6d3795;
border-radius: 0;
color: #ffffff;
line-height: 40px;
padding: 0 10px;
text-align: center;
margin-bottom: 18px;
margin-top: 10px;
}
/*.home-2 .sinle-product-item .add-to-cart .btn-cart {
background: rgba(255, 106, 0, 0.7) none repeat scroll 0 0;
}
.home-3 .sinle-product-item .add-to-cart .btn-cart {
background: rgba(35, 47, 62, 0.7) none repeat scroll 0 0;
}
.home-4 .sinle-product-item .add-to-cart .btn-cart {
background: rgba(229, 69, 69, 0.7) none repeat scroll 0 0;
}
.sinle-product-item:hover .add-to-cart .btn-cart {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
bottom: 0;
}
.sinle-product-item .add-to-cart .btn-cart:before {
content: "";
display: inline-block;
font-family: "Ionicons";
font-size: 22px;
left: 0;
line-height: inherit;
position: absolute;
right: 0;
top: 100%;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
vertical-align: top;
width: 100%;
}
.sinle-product-item .add-to-cart .btn-cart span{
display: block;
line-height: inherit;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sinle-product-item .add-to-cart .btn-cart:hover span{
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.sinle-product-item .add-to-cart .btn-cart:hover:before {
top: 0;
}
.sinle-product-item .add-to-cart .btn-cart:hover {
background: #6d3795 none repeat scroll 0 0;
}
.home-2 .sinle-product-item .add-to-cart .btn-cart:hover {
background: #FF6A00 none repeat scroll 0 0;
}
.home-3 .sinle-product-item .add-to-cart .btn-cart:hover {
background: #ffc833 none repeat scroll 0 0;
color: #333;
}
.home-4 .sinle-product-item .add-to-cart .btn-cart:hover {
background: #6d3795 none repeat scroll 0 0;
} */
.sinle-product-item .product-info {
text-align: center;
padding: 20px 0 5px;
background-color: #bab2cf;
}
.sinle-product-item .product-info .rating {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-name {
display: block;
margin-bottom: 15px;
margin-top: 5px;
}
.product-name a {
color: #222222;
display: block;
font-size: 14px;
font-weight: 650;
overflow: hidden;
padding: 0;
text-transform: capitalize;
}
.product-name a:hover {
color: #6d3795 ;
}
.price-box .new-price{
color: #6d3795;
font-size: 16px;
font-weight: 600;
}
.price-box .old-price{
color: #999999;
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
margin-left: 4px;
padding-top: 1px;
}
.prodict-active .col-lg-3,.prodict-two-active .col-lg-3 {
max-width: 100%;
}
.prodict-two-active .owl-nav button {
top: -67px;
}
/*-------------------------------------
15. product-category-area css
--------------------------------------*/
.product-list-style {
border-bottom: 1px solid #ededed;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
}
.product-list-style:last-child {
border: 0 none;
margin: 0;
padding-bottom: 5px;
}
.product-list-style .product-thumb {
float: left;
width: 33.54%;
}
.product-list-style .product-info {
float: left;
padding: 10px 0 0 10px;
position: relative;
text-align: left;
width: 66.46%;
}
.product-category-active .owl-nav button {
top: -75px;
}
.signup-newsletter-wrapper .secton-title {
margin-bottom: 20px;
}
.social-follow {
padding: 8px 0 0;
}
.product-category-inner > label {
color: #ffffff;
display: block;
font-size: 13px;
line-height: 24px;
margin: 0;
text-transform: none;
}
.product-category-inner .newleter-content {
padding: 25px 0;
position: relative;
}
.box-content .subscribe-email {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #777;
border-radius: 0px;
color: #333;
font-size: 13px;
font-weight: 400;
height: 46px;
line-height: 30px;
padding: 10px 20px;
width: 100%;
}
.box-content.newleter-content .subscribe-btn {
background: #6d3795 none repeat scroll 0 0;
border:1px solid #6d3795;
border-radius: 0px;
color: #ffffff;
display: inline-block;
font-size: 13px;
font-weight: 600;
height: 36px;
line-height: 38px;
margin-top: 20px;
padding: 0 22px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.home-4 .box-content.newleter-content .subscribe-btn {
background: #6d3795;
}
.home-4 .box-content.newleter-content .subscribe-btn:hover {
background: #222;
}
.box-content.newleter-content .subscribe-btn:hover,.box-content.newleter-content .subscribe-btn.btn-3:hover {
background: #333333;
color: #fff;
border:1px solid #333333;
}
.box-content.newleter-content .subscribe-btn.btn-3 {
background: #FFC833 none repeat scroll 0 0;
}
.text-dontspam {
font-size: 13px;
line-height: 24px;
margin: 0;
}
.social-link-follow li {
margin-bottom: 5px;
margin-right: 10px;
display: inline-block;
}
.social-link-follow li a {
background: #365493 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 16px;
height: 36px;
line-height: 36px;
color: #fff;
padding: 0;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 36px;
z-index: 1;
}
.social-link-follow li a.twitter {
background: #33ccff;
}
.social-link-follow li a.Google {
background: #4086f4;
}
.social-link-follow li a.Youtube {
background: #cb2027;
}
.social-link-follow li a.Flickrer {
background: #f89a1e;
}
.social-link-follow li a:hover {
background: #6d3795 ;
}
.home-3 .social-link-follow li a:hover{
background: #FFC833;
color: #333;
}
.home-4 .social-link-follow li a:hover{
background: #6d3795;
color: #fff;
}
/*----------------------------------
16. about-corporate-area css
------------------------------------*/
.single-corporate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column-align: center;
justify-items: center;
padding: 38px 0;
}
.corporate-icon {
color: #ffffff;
font-size: 48px;
line-height: 48px;
}
.corporate-text-des {
padding-left: 15px;
}
.about-corporate-area .single-corporate .corporate-text-des h3 {
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 600;
margin: 0 0 2px;
text-transform: capitalize;
}
.about-corporate-area .single-corporate .corporate-text-des p {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
margin: 0;
}
/*----------------------------------
17. footer-top css
-------------------------------------*/
footer
{
position:relative;
background-image:url('../img/bg-footer.webp');
padding: 50px 0px 10px;
}
footer::before
{
content:"";
position:absolute;
top:0px;
left:0px;
right:0px;
width:100%;
height:100%;
background-color: #6d3795;
opacity: 0.8;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
footer .container
{
position:relative;
}
.footer-title h5 {
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0 0 15px;
text-transform: uppercase;
}
ul.footer-list li a,.footer-contact li i,.footer-contact li p
{
color:#ffffff;
}
.footer-content p.des
{
color:#ffffff;
}
.footer-contact li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}
.footer-contact li i {
font-size: 13px;
}
.footer-contact li p {
margin: 0;
padding-left: 10px;
}
.home-blog .articles-inner .articles-image {
float: left;
width: 80px;
}
.home-blog .articles-inner .aritcles-content {
overflow: hidden;
padding-left: 18px;
}
.home-blog .articles-inner .aritcles-content .articles-date {
color: #777777;
font-size: 12px;
font-style: italic;
font-weight: 400;
text-transform: capitalize;
margin-top: 10px;
}
.home-blog .articles-inner {
overflow: hidden;
}
.home-blog .articles-inner:not(:first-child) {
border-top: 1px solid #ededed;
margin-top: 20px;
padding-top: 20px;
}
.footer-content .footer-list li a {
display: block;
font-weight: 400;
padding: 5px 0;
}
/*-- footer-bottom css ---*/
.footer-bottom {
padding: 15px 0;
}
.footer-copyright > p {
color: #ffffff;
margin: 0;
}
.footer-copyright > p a {
color: #ffffff;
}
.footer-copyright > p a:hover {
color: #6d3795 ;
}
.home-2 .footer-copyright > p a:hover {
color: #FF6A00;
}
.home-3 .footer-copyright > p a:hover {
color: #FFC833;
}
.home-4 .footer-copyright > p a:hover {
color: #6d3795;
}
.footer-payment {
text-align: right;
}
.home-2 .footer-copyright > p a:hover{
color: #FF6A00;
}
/*------------------------------------
18. modal-wrapper css
-------------------------------------*/
.modal-wrapper .modal-dialog {
margin: 28px auto;
margin: 28px auto;
margin: 1.75rem auto;
max-width: 1000px;
}
.modal-wrapper .modal-body {
padding: 48px 16px;
padding: 48px 16px;
padding: 3rem 1rem;
}
.modal-wrapper button.close {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #333333;
border-radius: 3px;
font-weight: 300;
height: 30px;
line-height: 30px;
position: relative;
top: -32px;
width: 30px;
}
#img-1 > a {
border: 1px solid #eaebee;
display: block;
overflow: hidden;
}
.single-product-active li a {
border: 1px solid #eaebee;
display: block;
}
.single-product-active{
margin: 20px 0 0 0;
}
.single-product-active {
display: block;
padding: 0 19px;
}
.single-product-active .owl-nav button {
font-size: 30px !important;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-product-active .owl-nav button:hover {
color: #6d3795 ;
}
.single-product-active .owl-nav button.owl-prev {
left: 0;
}
.single-product-active .owl-nav button.owl-next {
right: 0;
}
.quick-view-content .product-info > p {
font-size: 17px;
margin: 15px 0;
font-weight: 550;
line-height: 25px;
}
.dashboard-content .tab-pane > h3
{
text-align:center;
}
.quick-view-content .price-box .new-price {
font-size: 24px;
}
.quick-view-content .price-box .old-price {
font-size: 16px;
margin-left: 15px;
}
.list-unstyled {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
margin: 15px 0;
padding: 15px 0;
}
.list-unstyled > li {
line-height: 25px;
}
.list-unstyled li a {
color: #239d60;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.list-unstyled li a:hover {
text-decoration: underline;
}
.quick-view-content .quantity > label {
display: inline-block;
margin: 0 10px 0 0;
}
.cart-plus-minus{
display: inline-block;
}
.cart-plus-minus .input-box {
border: 1px solid #222222;
height: 35px;
text-align: center;
width: 50px;
}
.quick-view-content .quantity {
margin: 20px 0;
}
.quick-view-content .add-to-cart {
background: #6d3795 none repeat scroll 0 0;
border: medium none;
border-radius: 25px;
color: #ffffff;
display: block;
height: 40px;
padding: 0 25px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.quick-view-content .add-to-cart:hover {
background: #222;
}
.quick-view-content .wishlist-compare-btn {
margin: 20px 0 0 0 ;
}
.quick-view-content .wishlist-compare-btn > li {
display: inline-block;
margin: 0 15px 0 0;
}
/*--------------------------------
19. newsletter-group-area css
----------------------------------*/
.newsletter-group-area .newletter-box-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.newsletter-group-area .newletter-box-area .newletter-title {
display: inline-block;
margin-right: 25px;
padding: 3.5px 0;
vertical-align: top;
}
.newsletter-group-area .newletter-box-area .newletter-title > h2 {
color: #ffffff;
font-size: 22px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
}
.newsletter-group-area .newletter-box-area .newletter-title p {
color: #ffffff;
display: block;
font-size: 14px;
line-height: 24px;
margin: 0;
text-transform: none;
}
.newsletter-group-area .newleter-content-box {
padding: 7px 0;
position: relative;
width: 460px;
}
.newleter-content-inner{position: relative;}
.newsletter-group-area .newleter-content-box input{
background: #ffffff none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
color: #222;
font-size: 13px;
font-weight: 400;
height: 46px;
line-height: 30px;
padding: 10px 125px 10px 20px;
width: 100%;
}
.newsletter-group-area .newleter-content-box .newleter-btn {
background: #222222 none repeat scroll 0 0;
border: 0 none;
border-radius: 0 3px 3px 0;
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 46px;
padding: 0 22px;
position: absolute;
right: 0;
text-align: center;
text-transform: capitalize;
top: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.newsletter-group-area .newleter-content-box .newleter-btn:hover {
color: #FF6A00;
}
.social-link-area .social-link-follow {
float: right;
margin-top: 12px;
}
.social-link-area .social-link-follow li {
display: inline-block;
margin: 0 10px 0 0;
}
.social-link-area .social-link-follow a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ffffff;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.social-link-area .social-link-follow a:hover {
background: #fff;
border: 1px solid #ffffff;
color: #FF6A00;
}
/*------------------------------
20. product-area-style2 css
--------------------------------*/
.product-area-style2 {
padding-left: 250px;
position: relative;
}
.product-area-style2 .title-style-three {
border: 0 none;
left: 0;
max-width: 250px;
padding: 0 15px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-area-style2 .title-style-three h2 {
display: block;
font-size: 22px;
}
.product-area-style2 .title-style-three .view-all-btn {
background: #ff6a00 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-block !important;
font-size: 14px;
line-height: 36px;
padding: 0 18px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-area-style2 .title-style-three .view-all-btn:hover {
background: #333;
}
.product-area-style2 .title-style-three.title-3-color .view-all-btn {
background: #FFC833;
}
.product-area-style2 .title-style-three.title-3-color .view-all-btn:hover {
background: #6d3795;
color: #fff;
}
.product-three-active .col-lg-3 {
max-width: 100%;
}
.product-three-active .owl-nav button {
background: #ffffff none repeat scroll 0 0 !important;
border: 2px solid #777777 !important;
border-radius: 50%;
color: #777777 !important;
height: 43px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 43px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.product-three-active .owl-nav button:hover {
background: #FF6A00;
border: 2px solid #FF6A00;
color: #fff;
}
.product-three-active:hover .owl-nav button {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-three-active .owl-nav button.owl-next {
right: 0;
}
.home-2 a:hover{
color: #FF6A00;
}
/*-----------------------------------
21. from-our-blog css
---------------------------------------*/
.from-blog-contend > h4{
margin: 0;
}
.from-blog-contend a {
display: block;
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-bottom: 17px;
margin-top: 15px;
padding-bottom: 20px;
position: relative;
text-transform: capitalize;
}
.from-blog-contend a:after {
background: #dbdbdb none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 40px;
}
.from-blog .col-lg-6 {
max-width: 100%;
}
.home-3 a:hover{
color: #FFC833;
}
.single-from-blog {
padding-bottom: 5px;
}
.home-4 a:hover{
color: #6d3795;
}
.prodict-active-4 .col-lg-3{
max-width: 100%;
}
/*--------------------------------------
22. shop page css
--------------------------------------*/
.other-page-categoriy .vertical-menu-list {
display: none;
position: absolute;
z-index: 9;
background: #fff;
}
.breadcrumb-item + .breadcrumb-item:before {
color: #6c757d;
content: "";
display: inline-block;
font-family: fontawesome;
padding-left: 8px;
padding-left: 8px;
padding-left: 0.5rem;
padding-right: 8px;
padding-right: 8px;
padding-right: 0.5rem;
}
.breadcrumb-item {
display: inline-block;
}
.breadcrumb-area {
border-bottom: 1px solid #dddddd;
padding: 95px 0;
}
.breadcrumb-item.active {
color: #6d3795 ;
}
.sidebar-categores-box {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #eaecee;
margin-bottom: 30px;
padding: 20px;
}
.sidebar-categores-box .secton-title {
margin-bottom: 17px;
}
.shop .box-module,.shop-fullwith .box-module {
margin-top: 30px;
}
/*--- widget content ----*/
.ui-widget-content {
background: #333333 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
height: 6px;
margin: 25px 0 25px;
}
.ui-slider-range {
background: #6d3795 none repeat scroll 0 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #6d3795 none repeat scroll 0 0;
border: 2px solid #6d3795;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
font-weight: normal;
width: 14px;
height: 14px;
cursor: pointer;
}
.ui-widget-content .ui-state-default:hover {
background: #fff;
}
.filter-price-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
}
.filter-price-cont .input-type > input {
border: medium none;
padding: 0 8px 0 0;
text-align: center;
width: 50px;
}
.filter-group a:before {
border: 1px solid #dfdfdf;
border-radius: 2px;
color: rgba(0, 0, 0, 0);
content: "";
display: inline-block;
font-family: "Ionicons";
height: 15px;
line-height: 13px;
margin-right: 10px;
text-align: center;
width: 15px;
}
.filter-group a:hover:before {
color: #6d3795 ;
}
.filter-group > a {
display: block;
padding: 5px 0;
}
.product-select-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-show {
margin-right: 20px;
}
.product-view-mode {
margin-right: 20px;
}
.product-view-mode ul li {
margin-right: 15px;
margin-top: 4px;
}
.product-view-mode ul li a {
display: block;
font-size: 20px;
}
.product-view-mode ul li a:hover {
color: #6d3795 ;
}
.product-view-mode ul li a.active {
color: #6d3795 ;
}
.shop-products-wrapper .tab-content .tab-pane.active {
display: block;
}
.shop-bar-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shop-products-wrapper .tab-content .tab-pane {
display: none;
height: auto;
}
.shop-top-bar {
background: #ffffff none repeat scroll 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px;
border: 1px solid #eaecee;
}
.product-short,.product-show{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-short > p, .product-show p {
margin: 5px 10px 0 0;
}
.product-short .nice-select,.product-show .nice-select {
height: 34px;
line-height: 31px;
}
.product-short .nice-select {
width: 168px;
}
.product-show .nice-select {
width: 168px;
}
.product-show .nice-select {
width: 76px;
}
.toolbar-amount > span {
display: block;
margin-top: 5px;
}
.product-layout-list .price-box .new-price {
font-size: 18px;
}
.product-layout-list .product-des {
line-height: 24px;
margin-bottom: 0;
margin-top: 0;
padding: 15px 0;
}
.product-layout-list .list-btn-cart {
background: #6d3795 none repeat scroll 0 0;
border: 0 none;
color: #ffffff;
display: inline-block;
font-weight: 600;
padding: 0 25px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
border-radius: 20px;
font-size: 14px;
line-height: 40px;
margin-top: 5px;
cursor: pointer;
}
.product-layout-list .list-btn-cart:hover {
background: #6d3795;
}
.product-layout-list:hover .action-links {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: 6px;
visibility: visible;
}
.product-layout-list {
margin-bottom: 30px;
}
.shop-products-wrapper {
margin-bottom: 60px;
}
.paginatoin-area {
margin: 30px 0 0;
}
.pagination-box {
float: right;
}
.pagination-box > li {
display: inline-block;
margin-right: 5px;
}
.pagination-box li a {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ededed;
border-radius: 2px;
color: #222222;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pagination-box li a:hover {
background: #6d3795 ;
color: #fff;
}
.pagination-box li a.active {
background: #6d3795 ;
color: #fff;
}
.paginatoin-area p {
margin: 10px 0;
}
/*------------------------------------
23. single-product-page css
--------------------------------------*/
.sinlge-product-wrap .price-box {
margin-top: 15px;
}
.sinlge-product-wrap .price-box .new-price {
font-size: 28px;
}
.sinlge-product-wrap .price-box .old-price {
font-size: 26px;
}
.sinlge-product-wrap .wishlist-compare-btn a {
font-size: 16px;
}
.sinlge-product-wrap .wishlist-compare-btn a i{
margin-right: 5px;
}
.sinlge-product-wrap .quick-view-content .add-to-cart {
font-weight: 600;
padding: 0 25px;
text-transform: uppercase;
}
.product-info-detailed {
background: #f5f7fa none repeat scroll 0 0;
display: block;
margin-top: 60px;
padding: 12px 0;
}
.description-content
{
color:#000;
font-size:17px;
}
.discription-tab-menu .nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.discription-tab-menu ul li{
margin-right: 10px;
}
.discription-tab-menu li a {
display: inline-block;
font-size: 16px;
font-weight: 600;
padding: 12px 25px;
text-transform: uppercase;
}
.description-content > p {
line-height: 24px;
}
.discription-tab-menu li a.active {
color: #6d3795 ;
}
.form-review .table-striped li {
display: inline-block;
margin-right: 7px;
}
.table-name {
width: 50%;
}
.review-wrap {
margin-top: 30px;
}
.review-wrap > h2 {
font-size: 24px;
margin-bottom: 20px;
}
.review-wrap .control-label:before {
color: #ff0000;
content: "* ";
font-weight: bold;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 none;
}
.review-wrap .help-block {
margin: 10px 0 0;
}
.button-review {
background: #6d3795 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
height: 40px;
padding: 0 25px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.button-review:hover {
background: #333;
}
.sinlge-product-wrap .tab-content .tab-pane.active {
display: block;
}
.sinlge-product-wrap .tab-content .tab-pane {
display: none;
height: auto;
}
.related-products .prodict-two-active .owl-nav button {
top: -70px;
}
/*---------------------------------------
24. faequently-questions css
----------------------------------------*/
.feequently-about-content {
margin-bottom: 60px;
margin-top: 60px;
}
.feequently-about-content > h4 {
font-size: 20px;
}
.faequently-accordion {
margin-bottom: 60px;
}
.faequently-accordion h4 a:before, .faequently-tab-menu ul li a:before {
color: #333;
content: "";
font-family: fontawesome;
font-size: 12px;
position: absolute;
right: 20px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}
.faequently-accordion h4.open a:after, .faequently-tab-menu ul li.active a:before {
color: #333;
content: "";
font-family: fontawesome;
font-size: 12px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}
.faequently-accordion h4.open a:before {
display: none;
}
.faequently-accordion h4 {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
line-height: 1.5;
margin: 0 0 10px;
padding: 0;
}
.faequently-accordion h4 a {
color: #333;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
padding: 15px 10px 15px 25px;
position: relative;
}
.faequently-description {
border-color: #e7e4dd #6d3795 #6d3795 ;
border-style: solid;
border-width: 1px;
padding: 20px 25px;
margin-bottom: 10px;
}
.faequently-accordion h4.open {
border-color: #6d3795 #6d3795 #6d3795 ;
margin-bottom: 0;
}
.faequently-accordion h4.open a {
color: #6d3795 ;
}
.faequently-description > p {
color: #333333;
font-size: 14px;
}
/*------------------------------------
25. checkout css
--------------------------------------*/
.coupon-area {
margin: 60px 0;
}
.checkout-area {
padding-bottom: 30px;
padding-top: 50px;
}
.coupon-accordion h3:before {
color: #1e85be;
content: "";
display: inline-block;
font-family: "fontawesome";
left: 1.5em;
position: absolute;
top: 1em;
}
.coupon-accordion > h3 {
background: #ffffff none repeat scroll 0 0;
border-top: 3px solid #1e85be;
color: #515151;
font-size: 14px;
font-weight: 400;
margin: 0 0 2em;
padding: 1em 2em 1em 3.5em;
position: relative;
}
.coupon-accordion h3 span.coupon {
color: #ff5c00;
cursor: pointer;
}
.coupon-accordion h3 span.coupon:hover {
color: #6d3795 ;
}
.coupon-content, .login-Register-info {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d3ced2;
border-radius: 5px;
margin: 2em 0;
padding: 50px 20px;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
}
.customer-login-register > h3 {
line-height: 28px;
}
.coupon-content {
display: none;
}
.coupon-info p.coupon-input {
margin: 0 0 10px;
}
.coupon-info p.form-row-first{
float: left;
width: 47%;
}
.coupon-info p.form-row-last {
float: right;
width: 47%;
}
.coupon-info p.coupon-input > label {
display: block;
line-height: 2;
margin-bottom: 5px;
}
.coupon-input > input,.checkout-coupon > input,.single-form-row > input,.single-form-row textarea {
border: 1px solid #e5e5e5;
height: 42px;
padding: 0 0 0 10px;
width: 100%;
}
.single-form-row textarea {
height: 100px;
padding: 10px;
line-height: 1.5;
}
.coupon-input .required {
color: #ff0000;
}
.coupon-info .button-login,.login-Register-info .button-login{
margin: 5px 10px 0 0;
}
.coupon-info label span,.login-Register-info label span {
margin-left: 5px;
}
.checkout-coupon {
margin: 0;
}
.checkout-coupon > input {
width: auto;
}
.checkout-coupon .button-apply-coupon {
background: #333333 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
cursor: pointer;
line-height: 42px;
margin-left: 5px;
padding: 0 25px;
}
.checkout-coupon .button-apply-coupon:hover {
background: #1a1a1a none repeat scroll 0 0;
}
.nice-select {
float: inherit;
}
.account-create .creat-pass {
color: #aa0000;
}
.account-create input.input-text {
border-color: #aa0000;
}
.account-create,.ship-box-info {
display: none;
}
.login-Register-info .button-login {
background: #333333 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
color: #ffffff;
height: 40px;
padding: 0 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-Register-info .button-login:hover{
background: #6d3795 ;
}
.lost-password {
float: right;
margin: 12px 0 0;
color: #6d3795;
}
.coupon-accordion .button-login {
background: #333333 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
height: 40px;
padding: 0 25px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coupon-accordion .button-login:hover {
background: #6d3795 ;
}
.login-register-area {
padding: 60px 0 30px;
}
.checkout-page .lost-password {
float: inherit;
}
/*-- checkbox-form --*/
.checkout-area h3.shoping-checkboxt-title {
border-bottom: 1px solid #e7e4dd;
font-size: 1.4em;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: none;
width: 100%;
}
.checkbox-form .single-form-row {
margin: 0 0 15px;
}
.single-form-row .required {
border: 0 none;
color: #ff0000;
font-weight: 700;
cursor: help;
}
.checkbox-form .nice-select{
border-radius: 0;
}
.single-form-row.checkout-area {
margin-bottom: 5px;
}
table.checkout-review-order-table {
width: 100%;
background-color: #ffffff;
}
.checkout-review-order-table thead th,.checkout-review-order-table tbody td,
.checkout-review-order-table tfoot tr th,.checkout-review-order-table tfoot tr td {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid #dcd8ce;
border-right: medium none;
border-top: medium none;
font-size: 14px;
padding: 15px 0;
text-align: center;
}
.checkout-review-order-table tfoot tr td {
font-weight: 700;
}
.checkout-review-order-table tfoot tr.order-total td,.checkout-review-order-table tfoot tr.order-total th {
border-bottom: medium none;
font-size: 18px;
}
.checkout-review-order-table tfoot tr.order-total td span {
color: #E85757;
}
.payment_methods {
margin-top: 15px;
}
.payment_methods > p {
font-size: 15px;
margin: 0;
}
.payment_methods label {
font-size: 15px;
margin: 0;
}
.checkout-review-order {
background: #ffffff none repeat scroll 0 0;
padding: 30px;
}
.checkout-payment .button-continue-payment {
background: #333333 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
height: 40px;
padding: 0 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.checkout-payment .button-continue-payment:hover {
background: #6d3795 ;
}
/*-------------------------------------
26. shopping-cart css
---------------------------------------*/
.table-content table {
background: #ffffff none repeat scroll 0 0;
border-color: #ebebeb;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.table-content table {
text-align: center;
}
thead {
background-color: #ffdab9;
}
.table-content table th {
border-top: medium none;
font-size: 15px;
font-weight: 500;
padding: 20px 10px;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
}
.table-content table td.plantmore-product-remove {
font-size: 20px;
}
.table-content table td {
border-top: medium none;
font-size: 13px;
padding: 20px 10px;
vertical-align: middle;
}
.table-content table th, .table-content table td {
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.table-content table td {
font-size: 15px;
font-weight: bold;
}
.plantmore-product-quantity > input {
text-align: center;
width: 48px;
}
.cart-table .coupon-all {
margin-top: 50px;
}
.cart-table .coupon {
float: left;
}
.cart-table .coupon2 {
float: right;
}
.cart-table .coupon input {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #dddddd;
border-radius: 0;
color: #333333;
font-size: 13px;
height: 42px;
padding: 10px;
width: 120px;
margin-right: 10px;
}
.cart-table .coupon-all input.button {
background-color: #333333;
border: 0 none;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 700;
height: 42px;
letter-spacing: 1px;
line-height: 42px;
padding: 0 25px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: inherit;
}
.cart-table .coupon-all input.button:hover {
background-color: #6d3795 ;
}
.cart-page-total {
padding-top: 36px;
margin-bottom: 60px;
background-color: #fff;
box-shadow: 0px 3px 3px rgb(0 0 0 / 52%);
margin-top: 40px;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
}
.cart-page-total > h2 {
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
text-transform: capitalize;
}
.cart-page-total > ul {
border: 1px solid #dddddd;
}
.cart-page-total > ul > li {
border-bottom: 1px solid #ebebeb;
color: #252525;
font-family: "Montserrat",sans-serif;
font-size: 15px;
font-weight: 700;
list-style: outside none none;
padding: 10px 30px;
}
.cart-page-total ul > li > span {
float: right;
}
.cart-page-total li:last-child {
border-bottom: 0 none;
}
.cart-page-total > a {
background-color: #333333;
border: 1px solid #333333;
color: #ffffff;
display: inline-block;
margin-top: 30px;
padding: 10px 20px;
border-radius: 5px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cart-page-total > a:hover {
background-color: #6d3795 ;
border: 1px solid #6d3795 ;
}
.plantmore-product-stock-status span.in-stock,.plantmore-product-stock-status span.out-stock {
color: #30b878;
font-size: 12px;
text-transform: capitalize;
}
.plantmore-product-stock-status span.out-stock {
color: #eb3e32;
}
.plantmore-product-add-cart > a {
background: #333333 none repeat scroll 0 0;
border-radius: 5px;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 41px;
line-height: 40px;
padding: 0 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 180px;
}
.plantmore-product-add-cart > a:hover {
background: #6d3795 ;
}
/*-----------------------------------------
27. blog-area css
-------------------------------------------*/
.single-blog-area {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e7e4dd;
margin: 0 0 30px;
padding: 30px;
text-align: center;
}
.post-category li {
display: inline-block;
color: #6d3795 ;
}
.post-category a {
color: #6d3795 ;
font-size: 14px;
padding: 0 5px;
text-decoration: underline;
}
.post-category a:hover{
color: #4c4c4c;
}
.blog-titel h1 {
font-size: 36px;
letter-spacing: 0.05em;
margin: 10px 0;
}
.blog-titel.blog-image h1:before {
color: #6d3795 ;
content: "";
display: inline-block;
font-family: "FontAwesome";
font-size: 30px;
margin-right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.blog-titel h1 a {
color: #333333;
}
.blog-titel h1 a:hover {
color: #6d3795 ;
}
.post-separator {
margin: 0 5px;
}
.post-author, .post-date {
color: #333333;
font-size: 14px;
letter-spacing: 0.05em;
}
.blog-content .post-separator {
color: #333;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.post-thumbnail {
margin: 20px 0 30px;
overflow: hidden;
position: relative;
}
.postinfo-wrapper .readmore.button {
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 0.857em;
height: 45px;
letter-spacing: 0.2em;
line-height: 45px;
margin-bottom: 30px;
padding: 0 50px;
text-align: center;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.postinfo-wrapper .readmore.button:hover {
background: #6d3795 none repeat scroll 0 0;
}
.social-comment .social-sharing {
float: left;
}
.social-sharing .social-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #333333;
float: left;
font-size: 14px;
line-height: 26px;
margin: 0 20px 0 0;
width: auto;
}
.social-icons {
float: left;
}
.social-comment .social-icons > li {
display: inline-block;
}
.social-comment {
overflow: hidden;
}
.social-sharing .social-icons li a {
background: #f7f7f7 none repeat scroll 0 0;
border-radius: 100%;
color: #353535;
display: inline-block;
font-size: 14px;
height: 26px;
line-height: 26px;
margin-bottom: 10px;
margin-right: 10px;
text-align: center;
width: 26px;
}
.social-sharing .social-icons li a:hover {
background: #6d3795 ;
color: #fff;
}
.social-comment .blog-comment {
color: #333;
float: right;
font-size: 0.857em;
font-weight: bold;
}
.social-comment .blog-comment:hover {
color: #6d3795 ;
}
.post-thumbnail iframe {
width: 100%;
}
.post-slider .owl-nav button {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
border-radius: 50%;
color: #ffffff !important;
font-size: 20px !important;
height: 40px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-slider .owl-nav button:hover {
background: #6d3795 !important;
}
.post-slider .owl-nav .owl-next {
right: 10px;
margin: auto;
}
.post-slider .owl-nav .owl-prev {
left: 10px;
}
.post-slider .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 20%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.post-slider .owl-dots .owl-dot {
background: #0D1718;
border: 3px solid #0D1718;
border-radius: 100%;
display: inline-block;
height: 14px;
margin: 0 4px;
width: 14px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-slider .owl-dots .owl-dot:hover {
background: #ffffff none repeat scroll 0 0;
border: 3px solid #0D1718;
}
.post-slider .owl-dots .owl-dot.active{
background: #ffffff none repeat scroll 0 0;
border: 3px solid #96a1a3;
}
.post-slider:hover .owl-dots,.post-slider:hover .owl-nav button {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-blog-wrap {
margin-bottom: 60px;
}
.blog-audio iframe {
vertical-align: middle;
border: none;
width: 100%;
min-height: 300px;
}
.postinfo-wrapper p {
font-size: 15px;
line-height: 24px;
}
/*-- categories-blog-area css --*/
.single-categories-1 {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #dddddd;
margin: 0 0 30px;
overflow: hidden;
padding: 20px;
}
.single-categories-1.tag-area {
margin-top: 30px;
}
.single-categories-1 .blog-categorie-title {
border-bottom: 1px solid #cccccc;
color: #222222;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1;
margin: 0 0 20px;
padding: 0 0 15px;
position: relative;
text-transform: capitalize;
}
.single-categories-1 .blog-categorie-title:after {
background: #6d3795 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 70px;
}
.single-categories-blog li:not(:last-child) {
line-height: 20px;
margin-bottom: 10px;
}
.single-categories-blog li a {
color: #333;
font-size: 15px;
}
.single-categories-blog li a:hover {
color: #6d3795 ;
}
.blog-search-form .form-input .input-text {
border: 1px solid #ddd;
color: #333333;
font-size: 14px;
height: 34px;
padding: 0 40px 0 15px;
width: 100%;
background: transparent;
}
.blog-search-form {
position: relative;
}
.tagcloud > a {
border: 1px solid #333333;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
padding: 6px 10px;
}
.tagcloud > a:hover {
border: 1px solid #6d3795 ;
color: #6d3795 ;
}
.blog-search-form .form-input .blog-search-button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #333;
height: 34px;
outline: medium none;
padding: 0 10px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-search-form .form-input .blog-search-button:hover {
color: #6d3795 ;
}
.single-categories-1.blog-search .categorie-title {
margin-bottom: 30px;
}
.post-info {
margin-bottom: 30px;
text-align: left;
}
.postinfo-wrapper .post-info blockquote {
border-left: 5px solid #6d3795 ;
color: #666;
font-size: 17px;
font-style: italic;
line-height: 26px;
margin: 30px 0;
padding: 0 0 0 10px;
}
.post-commet {
border-bottom: 1px solid #e7e4dd;
border-top: 1px solid #e7e4dd;
color: #808080;
font-size: 13px;
margin: 0 0 30px;
padding: 15px 0;
text-align: left;
text-transform: uppercase;
}
.post-commet a {
color: #333;
text-align: left;
width: 100%;
}
.post-commet a:hover {
color: #6d3795 ;
}
.blog-with-post .social-sharing{
margin-bottom: 30px;
}
.comments-area.comments-reply-ara .comment-reply-title {
border-bottom: 1px solid #e7e4dd;
border-top: medium none;
font-size: 20px;
font-weight: 700;
margin: 0 0 30px;
padding: 0 0 20px;
position: relative;
text-transform: uppercase;
}
.comments-area.comments-reply-ara .comment-submit {
background: #333333 none repeat scroll 0 0;
}
.comment-submit {
margin-top: 10px;
}
.comments-area.comments-reply-ara .comment-submit:hover {
background: #009e90;
}
.single-blog-related .relatedthumb {
margin-bottom: 25px;
}
.single-blog-related h4 {
font-size: 14px;
margin: 0;
text-transform: capitalize;
}
.single-blog-related h4 a {
color: #333333;
}
.single-blog-related h4 a:hover {
color: #009D8F;
}
.single-blog-related .post-date {
color: #808080;
font-size: 0.857em;
letter-spacing: 0.05em;
font-style: italic;
}
.blgo-relatedposts h3.relatedpost-title {
display: block;
font-size: 20px;
margin: 0 0 30px;
padding: 0 0 20px;
position: relative;
text-align: left;
text-transform: capitalize;
}
.comment-form-author,.comment-form-email,.comment-form-url {
float: left;
padding: 0 10px;
width: 33.3333%;
}
.comment-input {
margin: 0 -10px;
}
.comment-form-comment > label, .comment-input label {
color: #333;
display: block;
font-size: 14px;
margin: 0 0 5px;
}
.comment-form-comment textarea {
border: 1px solid #e5e5e5;
font-size: 14px;
height: 130px;
padding: 10px;
width: 100%;
}
.comment-input input{
border: 1px solid #e5e5e5;
height: 42px;
width: 100%;
padding: 0 0 0 10px;
font-size: 14px;
}
.comment-form-area {
margin-bottom: 60px;
}
.comment-form-submit .comment-submit {
background: #333333 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
font-size: 15px;
height: 50px;
line-height: 50px;
margin-top: 10px;
padding: 0 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.comment-form-submit .comment-submit:hover {
background: #6d3795 ;
}
.ht-sidebar-three-instagram {
float: left;
margin: 0 -2px;
}
.ht-sidebar-three-instagram li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
padding: 0 2px 4px;
width: 33.333%;
}
/*----- single-blog-post -------*/
.comments-area > h3 {
font-size: 17px;
font-weight: 700;
line-height: 22px;
margin-bottom: 20px;
text-transform: uppercase;
}
.comments-area .commentlist li .single-comment {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #dddddd;
margin: 0 0 20px;
padding: 30px;
width: 100%;
}
.comments-area .commentlist li .comment-avatar {
float: left;
margin-right: 20px;
}
.commentlist {
padding: 0;
}
.comments-area .commentlist li .comment-info {
border: medium none;
overflow: hidden;
position: relative;
}
.commentlist li {
list-style: outside none none;
}
.comments-area .commentlist .comment-info a {
color: #222222;
display: block;
font-size: 14px;
font-weight: 700;
}
.comments-area .commentlist .comment-info span.date {
color: #222222;
display: block;
font-size: 13px;
font-style: italic;
line-height: 19px;
margin-bottom: 15px;
}
.comments-area .commentlist li .comment-info .reply {
display: inline-block;
float: right;
position: absolute;
right: 0;
top: 0;
}
.comments-area .commentlist li .comment-info .reply a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #6d3795 ;
border-radius: 500px;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d3795 ;
display: inline-block;
font-size: 11px;
font-weight: 700;
height: 28px;
line-height: 26px;
padding: 0 20px;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
/*----------------------------------------
28. My Account Page CSS
----------------------------------------*/
.dashboard-upper-info {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
margin-bottom: 60px;
}
.dashboard-content .tab-pane:not(.active) {
display: none;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
border-right: 1px solid #ebebeb;
padding: 30px 20px;
}
.user-name{
position: relative;
}
.user-name:before {
color: #222;
content: "\f05d";
font-family: FontAwesome;
font-size: 18px;
left: -20px;
position: absolute;
top: 0;
}
.account-dashboard p {
font-size: 14px;
margin: 0;
}
.d-single-info a, .account-login-form a {
color: #333;
}
.d-single-info a:hover, .account-login-form a:hover {
color: #6d3795 ;
}
.dashboard-upper-info a.view-cart,
.view {
color: #fff;
font-size: 14px;
padding: 5px 12px;
background: #6d3795 ;
text-transform: capitalize;
}
.dashboard-upper-info a.view-cart:hover,
.view:hover{
background: #222;
color: #fff;
}
.view-cart {
display: inline-block;
font-size: 14px;
padding-left: 5px;
text-transform: capitalize;
}
.view-cart > i {
margin-right: 5px;
}
.user-name span {
color: #303030;
font-size: 15px;
font-weight: 600;
}
.dashboard-list li a {
border-bottom: 1px solid #ebebeb;
color: #222;
display: block;
font-size: 13px;
padding: 12px 0;
text-transform: capitalize;
font-weight:650;
}
.dashboard-list li a.active,.dashboard-list li a:hover,.view-cart:hover,.dashboard-upper-info a:hover {
color: #6d3795;
font-weight: bold;
}
.dashboard-list li a.active:after{
content: "\f105";
font-family: FontAwesome;
margin-left: 5px;
-webkit-transition: 0.10s;
transition: 0.10s;
}
.dashboard-content {
background-color:#ffe4e1;
border: 1px solid #ebebeb;
padding: 30px;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
}
.dashboard-content h3{
text-transform: capitalize;
}
.dashboard-content h3 {
border-bottom: 1px solid #ebebeb;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 700;
}
.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th{
border: none;
}
.dashboard-content .table-responsive > .table > thead {
background: #f6f6f6 none repeat scroll 0 0;
border-bottom: 1px solid #ebebeb;
}
.dashboard-content .table-responsive .table > thead > tr > th {
font-size: 14px;
font-weight: 600;
}
.dashboard-content .table-responsive .table > tbody > tr > td {
color: #333333;
font-size: 13px;
}
#dashboard a{
color: #222;
text-transform: capitalize;
}
#dashboard a:hover{
color: #6d3795 ;
}
.billing-address {
font-size: 16px;
font-weight: 700;
margin-top: 25px;
}
#address .view {
display: inline-block;
margin: 5px 0;
font-size: 14px;
}
.register-form {
padding: 40px;
}
.account-login-form {
background: #ececec none repeat scroll 0 0;
-webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
padding: 30px 30px 20px;
}
.login-form-container {
padding: 40px 60px;
-webkit-box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
background: #fff;
margin-bottom: 30px;
border: 1px solid rgba(0,0,0,.125);
padding-bottom: 20px;
}
.input-radio .custom-radio input {
width: auto;
height: 11px;
}
.account-login-form input {
background: #ffffff none repeat scroll 0 0;
border: 0 none;
color: #7d7d7d;
height: 35px;
margin-bottom: 20px;
padding: 8px 15px;
width: 100%;
}
.example {
display: block;
color: #878787;
font-size: 14px;
margin-bottom: 20px;
}
.custom-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.login-form-container input[type="checkbox"] {
margin: 0;
position: relative;
top: 3px;
width: auto;
height: 15px;
margin-right: 10px;
}
.default-btn {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background: #434343;
color: #fff;
border: 0;
padding: 8px 20px;
cursor: pointer;
margin: 20px 0;
text-align: ;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.default-btn:hover {
background: #6d3795 ;
color: #fff;
}
.account-login-form label {
font-size: 15px;
color: #333;
}
/*--------------------------------------
29. about-page css
----------------------------------------*/
.about-info-wrapper > h2 {
font-weight: 600;
}
.section-titel-three {
margin: 0px 0 20px;
text-align: center;
}
.section-titel-three > h2 {
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
}
.read-more-btn > a {
background: #333333 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
border-radius: 5px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.read-more-btn > a:hover {
background: #6d3795 ;
}
.single-our-team {
margin-top: 30px;
}
.our-team-image > img {
width: 100%;
}
.About-us-team-area {
padding: 60px 0;
}
.our-team-image {
position: relative;
overflow: hidden;
}
.team-social-link {
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
padding: 10px 0;
position: absolute;
text-align: center;
-webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
visibility: hidden;
width: 100%;
}
.team-social-link li {
display: inline-block;
margin: 0 3px;
}
.team-social-link li a {
background: #6d3795 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 14px;
height: 38px;
line-height: 38px;
width: 38px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-social-link li a:hover {
background: #333;
}
.our-team-info {
background: #f1f1f1 none repeat scroll 0 0;
padding: 10px 0;
text-align: center;
}
.our-team-info > h3 {
color: #333333;
font-size: 20px;
margin-bottom: 5px;
}
.our-team-info > p {
font-size: 16px;
margin: 0;
}
.section-titel-three > p {
margin: 0;
}
.single-our-team:hover .team-social-link{
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0);
transform: translateY(0)
}
/*-- testimonial ---*/
.testimonials-area {
background: #f1f1f1 none repeat scroll 0 0;
padding: 90px 0;
}
.single-testimonial p {
font-size: 20px;
font-style: italic;
margin: 20px 0 30px;
}
.single-testimonial h4 {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
}
.single-testimonial span {
color: #666666;
font-size: 14px;
font-style: italic;
font-weight: 400;
text-transform: uppercase;
}
.owl-carousel .owl-item .single-testimonial img {
display: block;
margin: 0 auto;
width: auto;
}
.about-page .brand-logo-active {
border-top: medium none;
}
/*---------------------------------------
30. error-404 css
----------------------------------------*/
.search-error-wrapper {
padding: 90px 0;
text-align: center;
}
.error404 .search-error-wrapper h1 {
color: #6d3795 ;
font-size: 160px;
font-weight: 700;
letter-spacing: 8px;
line-height: 120px;
margin: 0 0 60px;
}
.error404 .search-error-wrapper h2 {
font-size: 30px;
text-transform: uppercase;
}
.error404 .search-error-wrapper p {
font-size: 16px;
font-weight: 300;
margin: 20px auto 30px;
text-align: center;
width: 60%;
}
.error404 .search-error-wrapper .error-form .error-form-input {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
border-radius: 30px;
height: 45px;
margin: 0 auto;
position: relative;
width: 450px;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-input-text {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
height: 100%;
outline: medium none;
padding-left: 20px;
padding-right: 80px;
width: 100%;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-s-button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #4f4f4f;
font-size: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-s-button:hover {
color: #6d3795 ;
}
.error404 .search-error-wrapper a.home-bacck-button {
background: #6d3795 none repeat scroll 0 0;
border-radius: 35px;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin-top: 30px;
padding: 0 30px;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.error404 .search-error-wrapper a.home-bacck-button:hover {
background: #333;
}
/*---------------------------------------
31. contact-page css
----------------------------------------*/
.contact-title > h3 {
font-size: 20px;
margin-bottom: 30px;
text-transform: uppercase;
}
.contact-form {
margin: 60px 0 0;
}
.contact-input {
display: block;
margin: 0 -10px;
overflow: hidden;
}
.contact-inner {
float: left;
margin: 0 0 20px;
padding: 0 10px;
width: 50%;
}
.contact-inner.contact-message textarea,.contact-inner.contact-message {
width: 100%;
}
.contact-page-form .contact-inner > input, .contact-inner.contact-message textarea {
border: 1px solid #dddddd;
color: #222222;
font-size: 14px;
height: 45px;
padding-left: 15px;
width: 100%;
}
.contact-inner.contact-message textarea {
height: 135px;
padding: 15px;
}
.form-messege.error {
color: #ff0000;
font-style: italic;
margin-top: 10px;
}
.form-messege.success {
color: #008000;
font-style: italic;
margin-top: 10px;
}
.contact-submit-btn .submit-btn {
background: #333333 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
padding: 0 25px;
text-transform: capitalize;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.contact-submit-btn .submit-btn:hover {
background: #6d3795 ;
}
.table-hover tbody tr:hover {
background-color: #F6F6F6;
}
.contact-infor {
background: #fff5ee;
margin: 60px 0;
padding: 20px 30px;
}
.contact-dec > p, .contact-address {
margin-bottom: 30px;
}
.contact-address > ul {
max-width: 380px;
}
.contact-address li {
border-top: 1px solid #e4e4e4;
font-size: 14px;
padding: 10px 0;
}
.contact-address ul li i {
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.work-hours > h3 {
font-size: 24px;
margin: 0 0 5px;
}
/*--
Coming soon
--------------------------------------*/
.mt-110 {
margin-top: 110px;
}
.height-100vh {
min-height: 100vh;
}
.comming-soon-area {
padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
.comming-soon-area {
padding: 40px 0;
}
}
.comming-soon-area .comming-soon-wrap {
position: relative;
z-index: 99;
}
.comming-soon-area .comming-soon-wrap .comming-soon-top {
margin: 0 0 54px;
}
@media only screen and (max-width: 767px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top {
margin: 0 0 30px;
}
}
.comming-soon-area .comming-soon-wrap .comming-soon-top > h3 {
color: #fff;
font-size: 30px;
font-weight: 500;
letter-spacing: 12px;
line-height: 1;
margin: 58px 0 41px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > h3 {
margin: 29px 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > h3 {
margin: 40px 0 20px;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > h3 {
letter-spacing: 6px;
margin: 30px 0 20px;
}
}
@media only screen and (max-width: 479px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > h3 {
letter-spacing: 4px;
margin: 30px 0 20px;
}
}
.comming-soon-area .comming-soon-wrap .comming-soon-top > p {
color: #fff;
font-size: 16px;
width: 66%;
margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > p {
width: 85%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > p {
width: 82%;
}
}
@media only screen and (max-width: 767px) {
.comming-soon-area .comming-soon-wrap .comming-soon-top > p {
width: 98%;
}
}
.comming-soon-area.overlay {
position: relative;
}
.comming-soon-area.overlay:before {
background-color: #000;
bottom: 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
right: 0;
width: 100%;
z-index: 9;
}
.subscribe-area {
position: relative;
z-index: 99;
}
.subscribe-area > h4 {
color: #fff;
font-size: 18px;
font-weight: 500;
letter-spacing: 3px;
margin: 0 0 14px;
}
@media only screen and (max-width: 767px) {
.subscribe-area > h4 {
letter-spacing: 2px;
}
}
.subscribe-area .subscribe-form > form {
position: relative;
}
.subscribe-area .subscribe-form > form .mc-news {
display: none;
}
.subscribe-area .subscribe-form > form .clear {
position: absolute;
top: 0;
right: 0;
}
.subscribe-area .subscribe-form > form .clear input {
background: transparent none repeat scroll 0 0;
border: medium none;
border-radius: 50px;
color: #e0e0e0;
cursor: pointer;
font-weight: 700;
padding: 2px 40px 2px 30px;
width: auto;
}
@media only screen and (max-width: 767px) {
.subscribe-area .subscribe-form > form .clear input {
padding: 2px 25px 2px 18px;
}
.featured-categories-area .row .col-lg-4:nth-child(4), .featured-categories-area .row .col-lg-4:nth-child(5)
{
position: static !important;
width: 50% !important;
}
.featured-categories-area .row .col-lg-4:nth-child(2) .fcategory-image img
{
height:auto !important;
}
.featured-categories-area .fcategory-content
{
margin-bottom:10px;
}
}
.subscribe-area .subscribe-form > form .clear:hover input {
color: #8f9495;
}
.subscribe-area .subscribe-form > form .clear:before {
background: #fff none repeat scroll 0 0;
content: "";
height: 35px;
position: absolute;
top: 10px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 2px;
left: 0;
}
@media only screen and (max-width: 479px) {
.subscribe-area .subscribe-form > form .clear:before {
height: 29px;
}
}
.subscribe-area .subscribe-form > form input {
background: transparent;
border: 1px solid #eceff8;
color: #fff;
font-size: 14px;
height: 55px;
padding: 2px 146px 2px 40px;
width: 100%;
font-weight: 300;
border-radius: 50px;
}
.subscribe-area .subscribe-form > form input::-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.subscribe-area .subscribe-form > form input::-webkit-input-placeholder {
color: #fff !important;
opacity: 1;
}
@media only screen and (max-width: 767px) {
.subscribe-area .subscribe-form > form input {
padding: 2px 117px 2px 20px;
height: 50px;
}
}
.subscribe-area.mt-110 {
margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe-area.mt-110 {
margin-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.subscribe-area.mt-110 {
margin-top: 50px;
}
}
.DateCountdown {
position: relative;
}
.DateCountdown .time_circles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.DateCountdown .time_circles canvas {
width: 100% !important;
height: auto !important;
position: absolute;
left: 0;
top: 0;
}
.DateCountdown .time_circles > div {
margin-top: 86px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
position: static;
width: 25% !important;
z-index: 99;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.DateCountdown .time_circles > div {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.DateCountdown .time_circles > div {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.DateCountdown .time_circles > div {
margin-top: 26px;
}
}
@media only screen and (max-width: 479px) {
.DateCountdown .time_circles > div {
margin-top: 0px;
}
}
.DateCountdown .time_circles > div > h4 {
color: #fff;
font-size: 18px !important;
font-weight: 400;
margin: 89px 0 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
text-align: center;
text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.DateCountdown .time_circles > div > h4 {
margin: 64px 0 0;
}
}
@media only screen and (max-width: 479px) {
.DateCountdown .time_circles > div > h4 {
font-size: 16px !important;
margin: 25px 0 0;
}
}
@media only screen and (max-width: 767px) {
.DateCountdown .time_circles > div > h4 {
font-size: 16px !important;
margin: 50px 0 0;
}
}
.DateCountdown .time_circles > div > span {
color: #fff;
display: block;
font-size: 60px !important;
font-weight: 400;
line-height: 47px !important;
margin-top: 16px;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.DateCountdown .time_circles > div > span {
font-size: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.DateCountdown .time_circles > div > span {
font-size: 30px !important;
margin-top: 5px;
}
}
@media only screen and (max-width: 479px) {
.DateCountdown .time_circles > div > span {
font-size: 26px !important;
margin-top: 12px;
}
}
.asingle-feature {
position: relative;
z-index: 2;
background-repeat: no-repeat;
padding: 31px 31px;
background-size: cover;
background-position: center center;
}
@media (min-width: 1399px) and (max-width: 1600px) {
.asingle-feature {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.asingle-feature {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.asingle-feature {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.asingle-feature {
padding-left: 135px;
padding-right: 150px;
}
}
@media (max-width: 767px) {
.asingle-feature {
padding: 51px 21px;
}
}
.asingle-feature::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background-color: #0074FE;
opacity: 0.702;
z-index: -1;
}
.asingle-feature h2 {
font-size: 38px;
color: #ffffff;
font-weight: 500;
}
@media (min-width: 992px) and (max-width: 1199px) {
.asingle-feature h2 {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.asingle-feature h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.asingle-feature h2 {
font-size: 25px;
}
}
.asingle-feature p {
font-size: 17px;
color: #ffffff;
margin-bottom: 25px;
}
.feature-btn {
padding: 14px 35px;
color: #ffffff;
font-size: 14px;
background: var(--clr-theme-1);
display: inline-block;
font-weight: 500;
text-decoration: none;
transition: 0.3s;
border: 1px solid transparent;
}
@media (max-width: 767px) {
.feature-btn {
padding: 13px 30px;
}
}
.feature-btn:hover {
background: #fff;
color: #222222;
border-color: #222222;
}
.service-area
{
padding:60px 0px;
}
/*-- Page Banner --*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.page-banner {
padding: 15px 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-banner {
padding: 20px 30px;
}
}
.page-banner h1 {
text-transform: uppercase;
font-size: 42px;
color: #202020;
line-height: 1;
font-weight: 800;
margin-bottom: 13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.page-banner h1 {
font-size: 30px;
margin-bottom: 8px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-banner h1 {
font-size: 24px;
margin-bottom: 8px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.page-banner h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 767px) {
.page-banner h1 {
font-size: 26px;
}
}
@media only screen and (max-width: 479px) {
.page-banner h1 {
font-size: 22px;
}
}
.page-banner p {
max-width: 470px;
margin: auto;
font-size: 14px;
line-height: 24px;
color: #444444;
margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.page-banner p {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-banner p {
display: none;
}
}
/*-- Breadcrumb --*/
.breadcrumb {
background-color: transparent;
border-radius: 0;
padding: 0;
margin: 0;
}
.breadcrumb ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0 8px;
position: relative;
}
.breadcrumb ul li::before {
position: absolute;
right: -2px;
top: 50%;
content: "";
width: 4px;
height: 1px;
background-color: #444444;
}
.breadcrumb ul li:last-child::before {
display: none;
}
.breadcrumb ul li a {
display: block;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #333333;
font-weight: bold;
}
.breadcrumb ul li a:hover {
color: #202020;
}
.banner a {
display: block;
position: relative;
overflow: hidden;
}
.banner a::before {
background-color: rgba(255, 255, 255, 0.2);
content: "";
height: 200%;
left: -280px;
position: absolute;
top: -50%;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
width: 80px;
z-index: 0;
}
.banner a::after {
background-color: rgba(255, 255, 255, 0.2);
content: "";
height: 200%;
left: 180%;
position: absolute;
top: -50%;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
width: 80px;
z-index: 0;
}
.banner a:hover::before {
left: 180%;
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a:hover::after {
left: -280px;
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a img {
width: 100%;
}
.page-banner-section {
background-color: #fefcef;
}
.main-ucntnt ul li i
{
color:#6d3795 ;
}
.main-ucntnt ul li
{
line-height: 28px;
list-style-type: square;
color: #333;
font-weight: 550;
}
.main-ucntnt ul
{
padding-left:20px;
}
.order-cnfrm
{
background-color:#f2f2f2;
padding:60px 0px;
}
.invce-taglne
{
background-color: #6d3795 ;
color: #fff;
padding: 10px;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
margin-left: 40px;
margin-right: 40px;
font-size: 23px;
text-align: center;
}
.tel-info
{
color:#6d3795 ;
font-weight:bold;
}
#address table tr td.adres-info p
{
padding:10px;
}
.account-dashboard button
{
color: #fff;
font-size: 14px;
padding: 5px 12px;
background: #6d3795 ;
text-transform: capitalize;
border-radius:0px;
}
.account-dashboard .btn:hover
{
background: #222;
color: #fff;
}
.adress-form
{
display:none;
}
.success_message {
display: none;
margin-top: 15px;
color: #ec1c24;
font-weight: 600;
opacity: 0;
transition: opacity 0.5s ease-in-out;
position: absolute;
top: -17px;
left: 0px;
line-height: 20px;
}
.tabs-categorys-list li .active
{
background-color: #6d3795;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
color: #ffffff !important;
}
.success_message.show {
display: block;
opacity: 1;
}
.alert {
position: absolute;
padding: 5px 120px 5px 20px;
z-index: 11111;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 6px;
right: 30%;
top: 6px;
font-size: 14px;
transform: translate(-30%, 0px);
}
.alert button.close {
position: absolute;
right: 5px;
background: transparent;
border: 0;
font-size: 2rem;
top: 3px;
opacity: 0.7;
color: #25222b;
}
.fcategory-content
{
box-shadow: 0px 3px 3px rgb(0 0 0 / 34%);
border-radius: 10px;
background: #fff;
padding: 24px 30px 24px 24px;
}
.featured-categories-area .row .col-lg-4:nth-child(2) .fcategory-image img
{
height: 550px;
object-fit: cover
}
.featured-categories-area .row .col-lg-4:nth-child(4)
{
position: absolute;
top: 400px;
width: 33%;
}
.custproduct-wrea
{
background: #ECE8FF;
}
.featured-categories-area .row .col-lg-4:nth-child(5)
{
position: absolute;
top: 400px;
width: 33%;
right: 0px;
}
.categres-custmpadd
{
padding-bottom: 180px;
}
.rating-box
{
position:absolute;
top:10px;
z-index:9999;
right:20px;
}
.rating-box i
{
color:#ffffff;
}
.product-img
{
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.product-img:hover
{
transform:translateY(-10px)
}
.breadcrumb-area
{
background-image:url('../img/bg.webp');
}
.breadcr-bg
{
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
overflow: hidden;
}
.breadcrumb-shape-1
{
left: 0px;
position: absolute;
top: 0px;
z-index: 999999;
}
.contact-wraper
{
background-color:#d2b48c;
}
.contact-form .form-control
{
border-radius:0px;
}
.contact-form
{
background-color: #ececec;
padding: 40px;
}
.main-menu-area
{
background-color: #6d3795;
}
.cart-table .table-content tr:last-child td
{
padding: 5px 10px 32px !important;
}
.cart-table .table-content table
{
clip-path: ellipse(94% 100% at top);
}
.checkout-btn a
{
background-color: #00234B;
margin: 20px 0px;
padding: 12px 26px;
color: #fff;
}
.checkout-page__billing-address,.order-info,.checkout-page__payment-wrapper,.card-info,.checktrem-cndt
{
background-color:#ffe4e1;
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
padding: 30px;
}
.checkout-page__billing-address .form-label,.order-info label,.card-info label
{
font-weight:550;
}
.checkout-page__billing-address .form-control
{
border-radius:0px;
margin-bottom: 10px;
}
.checkout-page__payment__button
{
margin:20px 0px;
}
.card-img
{
position: absolute;
top: 39px;
width: 220px;
right: 20px;
}
.checkout-page__payment__button .form-check-input[type=checkbox]
{
margin-top:0px;
}
.checktrem-cndt a
{
font-weight:bold;
}
.order-gshdw
{
clip-path: polygon(10% 0%, 90% 0%, 100% 8%, 100% 92%, 90% 100%, 10% 100%, 0% 92%, 0% 8%);
background: #ffe4e1;
}
#cookies-policy .cookiesBtn__link
{
background-color:#6d3795 !important;
border:1px solid #6d3795 !important;
}
#cookies-policy .cookies__title
{
font-size:23px;
}
#cookies-policy .cookies__alert
{
background: #ffe4e1 !important;
border:1px solid #ffe4e1 !important;
}
#cookies-policy .cookies__details
{
font-weight:bold;
color: #ffe4e1;
}
.product-img1
{
height:495px;
}
.sdeu-baner
{
height:534px;
}
/* start about section */
.about-one {
position: relative;
padding:50px 0px;
}
.about-one .container {
position: relative;
z-index: 1;
}
.about-one__image {
position: relative;
}
.about-one__image__one {
width: calc(100% + 19px);
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: auto;
mask-size: auto;
}
@media (max-width: 1199px) {
.about-one__image__one {
width: 100%;
-webkit-mask: unset;
mask: unset;
}
}
.about-one__image__one img {
width: 100%;
display: block;
}
@media (max-width: 1199px) {
.about-one__image__one img {
border-radius: 40px;
}
}
.about-one__experience {
background-image:url('../img/about-1-2.jpg');
padding: 26.5px 28px 29.5px;
position: relative;
position: absolute;
right: -19px;
bottom: 0;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
border-radius: 40px;
}
@media (max-width: 1199px) {
.about-one__experience {
right: 30px;
bottom: 30px;
}
}
@media (max-width: 412px) {
.about-one__experience {
padding-top: 20px;
padding-bottom: 23px;
}
}
@media (max-width: 412px) {
.about-one__experience {
right: 20px;
bottom: 20px;
}
}
.about-one__experience::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(109 55 149 / 86%);
border-radius: inherit;
}
.about-one__experience__content {
position: relative;
z-index: 1;
}
.about-one__experience__year {
margin-bottom: 7px;
font-size: 60px;
color: transparent;
font-weight: 800;
text-transform: capitalize;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--mediox-white, #FFFFFF);
line-height: 1;
}
@media (max-width: 390px) {
.about-one__experience__year {
font-size: 50px;
}
}
.about-one__experience__text {
display: block;
font-size: 16px;
color: var(--mediox-white, #FFFFFF);
font-weight: 600;
line-height: 1.562;
}
.about-one__content {
padding-left: 45px;
}
@media (max-width: 1199px) {
.about-one__content {
padding-left: 20px;
}
}
.about-one .sec-title {
margin-bottom: 21px;
}
.about-one__text {
margin-bottom: 30px;
font-weight: 400;
}
.about-one__inner {
position: relative;
padding: 9.5px 0;
margin-bottom: 50px;
border-top: 1px solid RGBA(var(--mediox-black-rgb, 10, 34, 65), 0.1);
border-bottom: 1px solid RGBA(var(--mediox-black-rgb, 10, 34, 65), 0.1);
}
.about-one__inner::after {
content: "";
width: 1px;
height: 100%;
background-color: RGBA(var(--mediox-black-rgb, 10, 34, 65), 0.1);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 390px) {
.about-one__inner::after {
display: none;
}
}
@media (max-width: 375px) {
.about-one__inner__row > * {
width: 100%;
}
}
.about-one__funfact {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-one__funfact {
flex-direction: column;
text-align: center;
}
}
@media (min-width: 376px) and (max-width: 767px) {
.about-one__funfact {
flex-direction: column;
text-align: center;
}
}
@media (max-width: 390px) {
.about-one__funfact {
justify-content: flex-start;
}
}
.about-one__funfact__number {
margin: 0;
display: flex;
align-items: center;
font-size: 40px;
color: var(--mediox-base, #33C1ED);
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.05em;
text-transform: capitalize;
}
.about-one__funfact__title {
margin: 0;
font-size: 15px;
font-weight: 600;
color: RGBA(var(--mediox-black-rgb, 10, 34, 65), 0.8);
text-transform: capitalize;
line-height: 1.6;
}
.about-one__bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
}
.about-one__shape-1 {
max-width: 100%;
height: auto;
position: absolute;
left: 81px;
bottom: 120px;
opacity: 0.15;
animation: moveHorizontal2 2s linear infinite;
}
@media (max-width: 1599px) {
.about-one__shape-1 {
left: 40px;
}
}
@media (max-width: 1199px) {
.about-one__shape-1 {
display: none;
}
}
.about-one__shape-2 {
max-width: 100%;
height: auto;
position: absolute;
right: 42px;
bottom: 229px;
opacity: 0.25;
animation: zump 2s linear infinite;
}
@media (max-width: 1599px) {
.about-one__shape-2 {
right: 20px;
max-width: 100px;
}
}
@media (max-width: 1399px) {
.about-one__shape-2 {
display: none;
}
}
.sec-title__top {
margin-bottom: 14px;
display: flex
;
align-items: center;
gap: 10px;
}
.sec-title__top img {
max-width: 100%;
height: auto;
animation: rotate 3s
linear infinite;
}
.sec-title__tagline {
font-size: 16px;
color: #6d3795;
font-weight: 600;
line-height: 1.5;
text-transform: capitalize;
}
.about-profile {
display: flex;
align-items: center;
gap: 15px;
}
.about-profile__image {
flex-shrink: 0;
width: 65px;
height: 65px;
border-radius: 50%;
}
.about-profile__name {
margin-bottom: 3px;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
text-transform: capitalize;
}
.about-profile__designation {
margin: 0;
font-size: 15px;
font-weight: 400;
}
.welcome-one {
position: relative;
padding:50px 0px;
}
.welcome-one .container {
position: relative;
z-index: 1;
}
.welcome-one__inner {
position: relative;
padding: 55px 60px 60px;
border-radius: 30px;
}
@media (max-width: 767px) {
.welcome-one__inner {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 575px) {
.welcome-one__inner {
padding-left: 30px;
padding-right: 30px;
}
}
.welcome-one__inner__bg {
background-image:url('../img/welcome-inner-bg-1-1.jpg');
position: relative;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: top;
background-size: cover;
border-radius: 30px;
}
.welcome-one__inner__bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, #6d3795 0%, rgba(46, 81, 163, 0) 100%);
border-radius: inherit
}
.welcome-one__content {
position: relative;
z-index: 1;
max-width: 520px;
}
.welcome-one .sec-title {
margin-bottom: 10px;
}
.welcome-one .sec-title__tagline, .welcome-one .sec-title__title {
color: var(--mediox-white, #FFFFFF);
}
@media (max-width: 767px) {
.welcome-one .sec-title__title br {
display: none;
}
}
.welcome-one__text {
margin-bottom: 31px;
color: var(--mediox-white, #FFFFFF);
}
.welcome-one .mediox-btn::before, .welcome-one .mediox-btn::after {
background-color: var(--mediox-white, #FFFFFF);
}
.welcome-one .mediox-btn:hover, .welcome-one .mediox-btn:hover .mediox-btn__icon {
color: var(--mediox-base, #33C1ED);
}
.welcome-one__image {
width: 100%;
max-width: 569px;
height: 100%;
position: relative;
position: absolute;
top: 0;
right: 0;
background-color: var(--mediox-white, #FFFFFF);
border-radius: 1000px 30px 30px 0px;
z-index: 1;
}
@media (max-width: 1199px) {
.welcome-one__image {
display: none;
}
}
.welcome-one__image__bg {
width: calc(100% - 20px);
height: 100%;
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: top;
background-size: cover;
border-radius: inherit;
background-image: url('../img/about-1-3.jpg');
}
.welcome-one--home2 {
padding-top: 181px;
background-color: var(--mediox-white2, #ECF0F5);
}
.welcome-one--home2 .welcome-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
mix-blend-mode: hard-light;
opacity: 0.2;
}
.bookapt-btn
{
display: inline-block;
padding: 10px;
background-color: #6d3795;
color: #fff;
border: 1px solid #6d3795;
font-size: 19px;
text-transform: capitalize;
}
.bookapt-btn:hover,.bookapt-btn:focus
{
background-color:#fff !important;
border:1px solid #6d3795 !important;
color:#6d3795 !important;
}
/* start choose us */
.why-choose-one {
position: relative;
background-color: var(--mediox-white, #FFFFFF);
}
.why-choose-one .container {
position: relative;
z-index: 1;
}
.why-choose-one__image {
display: table;
position: relative;
top: 4px;
}
@media (max-width: 1199px) {
.why-choose-one__image {
margin-bottom: 80px;
top: 0;
}
}
.why-choose-one__image__one {
max-width: 100%;
height: auto;
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: auto;
mask-size: auto;
}
.why-choose-one__image__two {
padding: 10px;
position: absolute;
right: 0;
bottom: -30px;
background-color: var(--mediox-white, #FFFFFF);
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: auto;
mask-size: auto;
}
.why-choose-one__image__two img {
max-width: 100%;
height: auto;
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: auto;
mask-size: auto;
}
@media (max-width: 575px) {
.why-choose-one__image__two img {
max-width: 200px;
}
}
@media (max-width: 390px) {
.why-choose-one__image__two img {
max-width: 170px;
}
}
@media (max-width: 360px) {
.why-choose-one__image__two img {
max-width: 150px;
}
}
.why-choose-one__content {
position: relative;
}
@media (max-width: 1199px) {
.why-choose-one__content {
max-width: 750px;
}
}
.why-choose-one .sec-title {
margin-bottom: 49px;
}
.why-choose-one__item + .why-choose-one__item {
padding-top: 30px;
margin-top: 20px;
border-top: 1px solid var(--mediox-border-color, #D9E1EB);
}
.why-choose-one__item {
display: flex;
align-items: flex-start;
gap: 20px 30px;
}
@media (max-width: 575px) {
.why-choose-one__item {
flex-direction: column;
}
}
.why-choose-one__item__icon {
position: relative;
width: 76px;
height: 76px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background-color: #6d3795;
border-radius: 50%;
font-size: 40px;
color: #fff;
z-index: 1;
transition: all 500ms ease;
}
.why-choose-one__item__icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.why-choose-one__item__icon::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(0.5);
opacity: 0;
background-color: #2C51A3;
transition: transform 400ms ease, opacity 400ms ease;
}
.why-choose-one__item:hover .why-choose-one__item__icon::after {
opacity: 1;
transform: scale(1);
}
.why-choose-one__item__title {
margin-bottom: 6px;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.2;
}
@media (max-width: 575px) {
.why-choose-one__item__title {
margin-bottom: 10px;
}
}
.why-choose-one__item__text {
margin: 0;
}
.why-choose-one__shape {
width: 18px;
height: 18px;
position: relative;
position: absolute;
animation: 3s rotate linear infinite;
}
@keyframes rotate
{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bookapt-btn:hover,.bookapt-btn:focus
{
color:#fff;
background-color:#fff;
border:1px solid
}
.why-choose-one__shape::before, .why-choose-one__shape::after {
content: "";
width: 18px;
height: 6px;
background-color: #33C1ED;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.why-choose-one__shape::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.why-choose-one__shape--1 {
top: 59px;
left: -43px;
}
@media (max-width: 1399px) {
.why-choose-one__shape--1 {
left: 0px;
}
}
@media (max-width: 430px) {
.why-choose-one__shape--1 {
top: 0px;
}
}
.why-choose-one__shape--2 {
right: 200px;
bottom: -46px;
}
.why-choose-one__shape--3 {
right: -105px;
bottom: 221px;
}
@media (max-width: 1399px) {
.why-choose-one__shape--3 {
right: -45px;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.why-choose-one__shape--3 {
display: none;
}
}
@media (max-width: 1199px) {
.why-choose-one__shape--3 {
right: -90px;
}
}
@media (max-width: 991px) {
.why-choose-one__shape--3 {
display: none;
}
}
.why-choose-one__shape--4 {
top: 179px;
right: 90px;
}
@media (max-width: 1599px) {
.why-choose-one__shape--4 {
right: 50px;
}
}
@media (max-width: 1399px) {
.why-choose-one__shape--4 {
right: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.why-choose-one__shape--4 {
display: none;
}
}
@media (max-width: 1199px) {
.why-choose-one__shape--4 {
right: 90px;
}
}
@media (max-width: 767px) {
.why-choose-one__shape--4 {
display: none;
}
}
.why-choose-one__shape-5 {
max-width: 100%;
height: auto;
position: absolute;
left: 110px;
bottom: 336px;
animation: shapeMover 3s linear infinite;
}
@media (max-width: 1599px) {
.why-choose-one__shape-5 {
left: 50px;
}
}
@media (max-width: 1399px) {
.why-choose-one__shape-5 {
display: none;
}
}
.why-choose-one--home3 .why-choose-one__shape--1 {
top: -11px;
left: 30px;
}
.why-choose-one--home3 .why-choose-one__shape--3 {
display: block;
right: auto;
bottom: auto;
top: 252px;
left: 19px;
}
@media (max-width: 767px) {
.why-choose-one--home3 .why-choose-one__shape--3 {
left: 10px;
}
}
.why-choose-one--home3 .why-choose-one__shape--4 {
top: auto;
right: auto;
left: 184px;
bottom: 247px;
}
@media (max-width: 1399px) {
.why-choose-one--home3 .why-choose-one__shape--4 {
display: block;
left: 100px;
bottom: 200px;
}
}
@media (max-width: 1199px) {
.why-choose-one--home3 .why-choose-one__shape--4 {
display: none;
}
}
.why-choose-two {
position: relative;
background-color: #FFFFFF;
}
.why-choose-two .container {
position: relative;
z-index: 1;
}
.why-choose-two__inner {
position: relative;
padding: 0 40px 78px;
border-radius: 30px;
}
@media (max-width: 1199px) {
.why-choose-two__inner {
padding: 40px;
}
}
@media (max-width: 575px) {
.why-choose-two__inner {
padding: 30px;
}
}
@media (max-width: 430px) {
.why-choose-two__inner {
padding: 30px 20px 20px;
}
}
.why-choose-two__bg {
position: relative;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ECF0F5;
border-radius: inherit;
}
@media (min-width: 1200px) {
.why-choose-two__bg {
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover;
}
}
.why-choose-two__bg__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
mix-blend-mode: multiply;
opacity: 0.3;
border-radius: inherit;
}
.why-choose-two__tab-box {
position: relative;
display: block;
z-index: 1;
}
.why-choose-two__tab-box .tab-buttons {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
z-index: 1;
}
.why-choose-two__tab-box .tab-buttons .tab-btn {
position: relative;
padding: 3px 15px;
display: inline-block;
background-color: transparent;
font-size: 16px;
color: #0A2241;
text-align: center;
font-weight: 700;
text-transform: capitalize;
line-height: 1.75;
border-radius: 100px;
cursor: pointer;
border: 1px solid #D9E1EB;
overflow: hidden;
z-index: 1;
transition: all 500ms ease;
}
.why-choose-two__tab-box .tab-buttons .tab-btn::before, .why-choose-two__tab-box .tab-buttons .tab-btn::after {
content: "";
background-color: #33C1ED;
height: calc(100% + 6px);
width: 0%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: -1;
transition: all 500ms ease;
}
.why-choose-two__tab-box .tab-buttons .tab-btn::before {
left: -5px;
border-radius: 100px 0 0 100px;
}
.why-choose-two__tab-box .tab-buttons .tab-btn::after {
right: -5px;
border-radius: 0 100px 100px 0;
}
.why-choose-two__tab-box .tab-buttons .tab-btn:hover {
color: var(--mediox-white, #FFFFFF);
border-color: var(--mediox-base, #33C1ED);
}
.why-choose-two__tab-box .tab-buttons .tab-btn:hover::before, .why-choose-two__tab-box .tab-buttons .tab-btn:hover::after {
width: calc(50% + 6px);
}
.why-choose-two__tab-box .tab-buttons .tab-btn.active-btn {
color: var(--mediox-white, #FFFFFF);
background-color: var(--mediox-base, #33C1ED);
}
.why-choose-two__tab-box .tabs-content {
margin-top: 65px;
position: relative;
display: block;
}
@media (max-width: 1199px) {
.why-choose-two__tab-box .tabs-content {
margin-top: 40px;
}
}
.why-choose-two__tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.why-choose-two__tab-box .tabs-content .tab.active-tab {
display: block;
}
@media (min-width: 1200px) {
.why-choose-two__tab-col-1 {
flex: 0 0 auto;
width: 54.643%;
}
}
@media (min-width: 1200px) {
.why-choose-two__tab-col-2 {
flex: 0 0 auto;
width: 45.357%;
}
}
.why-choose-two__image {
display: grid;
grid-template-columns: 376px 176px;
grid-gap: 30px;
}
@media (max-width: 767px) {
.why-choose-two__image {
grid-template-columns: 1fr;
}
}
.why-choose-two__image img + img {
margin-top: 30px;
}
.why-choose-two__image img {
max-width: 100%;
height: auto;
border-radius: 30px;
}
@media (max-width: 767px) {
.why-choose-two__image__two {
display: none;
}
}
.why-choose-two__content {
padding: 32px 40px;
background-color: var(--mediox-white, #FFFFFF);
border-radius: 30px;
}
@media (max-width: 575px) {
.why-choose-two__content {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 430px) {
.why-choose-two__content {
padding-left: 25px;
padding-right: 25px;
}
}
.why-choose-two__title {
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.666;
}
.why-choose-two__text {
margin-bottom: 35px;
font-weight: 400;
}
.why-choose-two__list {
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 16px 30px;
}
.why-choose-two__list li {
width: calc(50% - 15px);
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 16px;
font-weight: 700;
color: var(--mediox-black, #0A2241);
text-transform: capitalize;
line-height: 1.875;
}
@media (max-width: 1199px) {
.why-choose-two__list li {
width: 100%;
}
}
.why-choose-two__list__icon {
position: relative;
top: 1px;
font-size: 16px;
color: var(--mediox-base, #33C1ED);
}
.why-choose-two__shape {
width: 18px;
height: 18px;
position: relative;
position: absolute;
animation: 3s rotate linear infinite;
}
@media (max-width: 1199px) {
.why-choose-two__shape {
display: none;
}
}
.why-choose-two__shape--1 {
right: -70px;
bottom: 290px;
}
@media (max-width: 1399px) {
.why-choose-two__shape--1 {
right: -40px;
}
}
.why-choose-two__shape--2 {
top: 243px;
right: 115px;
}
.why-choose-two__shape::before, .why-choose-two__shape::after {
content: "";
width: 18px;
height: 6px;
background-color: RGBA(51, 193, 237);
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.why-choose-two__shape::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.why-choose-two__shape-3 {
max-width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
opacity: 0.2;
}
@media (max-width: 1399px) {
.why-choose-two__shape-3 {
left: -50px;
}
}
@media (max-width: 1199px) {
.why-choose-two__shape-3 {
display: none;
}
}
.why-choose-two__shape-4 {
max-width: 100%;
height: auto;
position: absolute;
right: 91px;
bottom: 371px;
animation: shapeMover 3s linear infinite;
}
@media (max-width: 1599px) {
.why-choose-two__shape-4 {
right: 60px;
}
}
@media (max-width: 1399px) {
.why-choose-two__shape-4 {
display: none;
}
}
/* Chrome, Safari, Edge, Opera ke liye */
td.plantmore-product-quantity input[type=number]::-webkit-inner-spin-button,
td.plantmore-product-quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox ke liye */
td.plantmore-product-quantity input[type=number] {
-moz-appearance: textfield;
}
td.plantmore-product-quantity input
{
text-align:center;
margin:0px auto;
}
/* end choose us */