@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" ;
@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" ;
body {
padding : 0;
margin : 0;
font-family : "open sans", sans-serif;
font-size : 14px;
}
a {
text-decoration : none;
transition : 0.5s;
color : #111;
}
a:hover, a:focus {
color : #fecc00;
text-decoration : none;
}
button {
outline : 0 !important ;
}
p {
margin-bottom : 15px;
line-height : 1.8;
color : #23232b;
font-weight : 500;
font-family : "open sans", sans-serif;
font-size : 16px;
}
p:last-child {
margin-bottom : 0;
}
i {
line-height : normal;
}
.d-table {
width : 100%;
height : 100%;
}
.d-table-cell {
vertical-align : middle;
}
img {
max-width : 100%;
height : auto;
display : inline-block;
}
.ptb-100 {
padding-top : 100px;
padding-bottom : 100px;
}
.pt-100 {
padding-top : 100px;
}
.pb-100 {
padding-bottom : 100px;
}
.pt-70 {
padding-top : 70px;
}
.pb-70 {
padding-bottom : 70px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color : #111;
font-weight : 700;
text-transform : capitalize;
}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
margin-bottom : 0;
}
.default-btn {
display : inline-block;
padding : 12px 35px;
background-color : #e6ba04;
color : #fff;
border-radius : 30px;
font-size : 16px;
font-weight : 500;
transition : 0.5s;
position : relative;
z-index : 1;
overflow : hidden;
}
.default-btn::before {
content : '';
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 0%;
background-color : #fecc00;
z-index : -1;
transition : 0.5s;
border-radius : 30px;
}
.default-btn:hover {
color : #fff;
}
.default-btn:hover::before {
height : 100%;
}
.optional-btn {
display : inline-block;
padding : 12px 35px;
background-color : #e6ba04;
color : #fff;
border-radius : 30px;
font-size : 16px;
font-weight : 500;
transition : 0.5s;
position : relative;
z-index : 1;
margin-left : 15px;
margin-top : 15px;
overflow : hidden;
}
.optional-btn::before {
content : '';
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 0%;
background-color : #383267;
z-index : -1;
transition : 0.5s;
border-radius : 30px;
}
.optional-btn:hover {
color : #fff;
}
.optional-btn:hover::before {
height : 100%;
}
.section-title {
max-width : 1000px;
margin : 0 auto 45px;
text-align : center;
}
.section-title h2 {
font-size : 40px;
margin-bottom : 15px;
}
.section-title p {
margin-bottom : 0;
}
.preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #fff;
z-index : 999999;
}
.preloader .preloader {
width : 100px;
height : 100px;
display : inline-block;
padding : 0;
text-align : left;
box-sizing : border-box;
position : absolute;
top : 50%;
left : 50%;
margin-left : -25px;
margin-top : -25px;
}
.preloader .preloader span {
position : absolute;
display : inline-block;
width : 100px;
height : 100px;
border-radius : 100%;
background-color : #fecc00 !important ;
animation : preloader 1.3s linear infinite;
}
.preloader .preloader span:last-child {
animation-delay : -0.8s;
}
@keyframes preloader {
0% {
transform : scale(0,0);
opacity : 0.5;
}
100% {
transform : scale(1,1);
opacity : 0;
}
}
.top-header-area {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #02267c;
    background: #02267c;
}
.top-header-information {
padding-left : 0;
margin-bottom : 0;
}
.top-header-information li {
list-style-type : none;
display : inline-block;
color : #cecece;
font-size : 14px;
font-weight : 400;
position : relative;
padding-left : 20px;
margin-right : 15px;
}
.top-header-information li:last-child {
margin-right : 0;
}
.top-header-information li i {
position : absolute;
left : 0;
color : #fecc00;
top : 4px;
font-size : 16px;
}
.top-header-information li a {
color : #cecece;
}
.top-header-information li a:hover {
color : #fecc00;
}
.top-header-social {
padding-left : 0;
margin-bottom : 0;
text-align : right;
}
.top-header-social li {
display : inline-block;
list-style-type : none;
margin-right : 10px;
}
.top-header-social li:last-child {
margin-right : 0;
}
.top-header-social li a i {
display : inline-block;
height : 28px;
width : 28px;
line-height : 27px;
background-color : transparent;
border : #dedede solid 1px;
text-align : center;
font-size : 14px;
border-radius : 50px;
color : #fecc00;
transition : 0.5s;
}
.top-header-social li a i:hover {
background-color : #fecc00;
border : #fecc00 solid 1px;
transform : translateY(-2px);
color : #fff;
}
.main-responsive-nav {
display : none;
}
.main-navbar {
padding-top : 0;
}
.main-navbar .navbar {
transition : 0.5s;
padding-right : 0;
padding-top : 0;
padding-left : 0;
padding-bottom : 0;
}
.main-navbar .navbar ul {
padding-left : 0;
list-style-type : none;
margin-bottom : 0;
}
.main-navbar .navbar .navbar-nav {
margin-left : auto;
}
.main-navbar .navbar .navbar-nav .nav-item {
position : relative;
margin-left : 15px;
margin-right : 15px;
}
.main-navbar .navbar .navbar-nav .nav-item a {
color : #111;
font-size : 16px;
font-weight : 600;
padding-left : 0;
padding-right : 0;
padding-top : 25px;
padding-bottom : 25px;
}
.main-navbar .navbar .navbar-nav .nav-item a i {
font-size : 18px;
position : relative;
top : 2px;
display : inline-block;
margin-left : -4px;
margin-right : -4px;
}
.main-navbar .navbar .navbar-nav .nav-item a:hover, .main-navbar .navbar .navbar-nav .nav-item a:focus, .main-navbar .navbar .navbar-nav .nav-item a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item:last-child {
margin-right : 0;
}
.main-navbar .navbar .navbar-nav .nav-item:first-child {
margin-left : 0;
}
.main-navbar .navbar .navbar-nav .nav-item:hover a, .main-navbar .navbar .navbar-nav .nav-item.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu {
border : none;
top : 70px;
left : 0;
z-index : 99;
opacity : 0;
width : 250px;
display : block;
border-radius : 0;
padding : 10px 0;
margin-top : 15px;
position : absolute;
visibility : hidden;
background : #fff;
transition : all 0.3s ease-in-out;
box-shadow : 0 0 15px 0 rgb(0, 0, 0, 0.1);
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li {
margin : 0;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a {
padding : 10px 20px;
position : relative;
display : block;
color : #111;
font-size : 16px;
font-weight : 600;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a i {
margin : 0;
position : absolute;
top : 50%;
font-size : 20px;
transform : translateY(-50%);
right : 15px;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
right : -250px;
left : auto;
margin-top : 15px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
left : 300px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
left : -300px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
left : 300px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
left : -300px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top : 0;
opacity : 0;
left : 300px;
visibility : hidden;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color : #111;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
color : #fecc00;
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity : 1;
visibility : visible;
margin-top : 0;
}
.main-navbar .navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity : 1;
visibility : visible;
margin-top : 0;
}
.main-navbar .navbar .others-options {
margin-left : 35px;
}
.main-navbar .navbar .others-options .option-item {
margin-right : 20px;
}
.main-navbar .navbar .others-options .option-item:last-child {
margin-right : 0;
}
.main-navbar .navbar .others-options .option-item .languages-list .nice-select {
background-color : transparent;
border-radius : 0;
border : none;
font-size : 16px;
font-weight : 600;
height : auto;
top : 0;
line-height : initial;
color : #111;
padding-left : 0;
padding-right : 10px;
}
.main-navbar .navbar .others-options .option-item .languages-list .nice-select:after {
right : 0;
color : #6b6b84;
margin-top : -2px;
}
.main-navbar .navbar .others-options .option-item .languages-list .nice-select .list {
left : auto;
right : 0;
border : none;
padding : 15px;
box-shadow : 0 0 15px 0 rgb(0, 0, 0, 0.1);
list-style-type : none;
margin : 14px 0 0;
border-radius : 5px;
}
.main-navbar .navbar .others-options .option-item .languages-list .nice-select .option {
line-height : initial;
min-height : auto;
padding-left : 15px;
padding-top : 8px;
padding-bottom : 8px;
padding-right : 15px;
}
.main-navbar .navbar .others-options .option-item .languages-list .nice-select .option:hover, .main-navbar .navbar .others-options .option-item .languages-list .nice-select .option.focus, .main-navbar .navbar .others-options .option-item .languages-list .nice-select .option.selected.focus {
background-color : #fff;
}
.main-navbar .navbar .others-options .option-item .cart-btn a {
font-size : 30px;
color : #111;
transition : 0.5s;
position : relative;
}
.main-navbar .navbar .others-options .option-item .cart-btn a:hover {
color : #fecc00;
}
.main-navbar .navbar .others-options .option-item .cart-btn a span {
position : absolute;
right : -1px;
top : 2px;
width : 18px;
height : 18px;
text-align : center;
line-height : 18px;
border-radius : 50%;
background : #fecc00;
color : #fff;
font-size : 14px;
font-weight : 600;
}
.main-navbar .navbar .others-options .option-item .search-box {
position : relative;
width : 180px;
border-radius : 5px;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control {
display : block;
width : 100%;
height : 45px;
border : #f5f5f5 solid 1px;
border-radius : 2px;
background-color : #f5f5f5;
transition : 0.5s;
color : #111;
font-size : 16px;
font-weight : 400;
padding-left : 15px;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control::-webkit-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control:-ms-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control::-ms-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control::placeholder {
color : #6b6b84;
transition : 0.5s;
}
.main-navbar .navbar .others-options .option-item .search-box .form-control:focus {
box-shadow : none;
background-color : transparent;
}
.main-navbar .navbar .others-options .option-item .search-box button {
position : absolute;
right : 0;
top : 0;
height : 48px;
background-color : transparent;
border : none;
color : #fecc00;
border-radius : 5px;
font-size : 22px;
padding : 0 15px;
cursor : pointer;
}
.main-navbar .navbar .others-options .option-item .burger-menu {
width : 40px;
height : auto;
background-color : transparent;
cursor : pointer;
display : inline-block;
position : relative;
top : 2px;
}
.main-navbar .navbar .others-options .option-item .burger-menu span {
display : block;
width : 40px;
height : 3px;
background : #111;
transition : 0.5s;
margin-left : auto;
margin-bottom : 8px;
}
.main-navbar .navbar .others-options .option-item .burger-menu span:nth-child(3) {
margin-bottom : 0;
width : 28px;
margin-left : auto;
height : 3px;
}
.main-navbar .navbar .others-options .option-item .burger-menu:hover span {
background : #fecc00;
}
.main-navbar .navbar .others-options .option-item .burger-menu:hover span:nth-child(3) {
width : 40px;
}
.navbar-area.is-sticky {
position : fixed;
top : 0;
left : 0;
width : 100%;
z-index : 999;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
background-color : #fff !important ;
animation : fadeInDown 500ms 0s ease-in-out 1 normal none;
}
.others-option-for-responsive {
display : none;
}
.others-option-for-responsive .dot-menu {
padding : 0 10px;
height : 30px;
cursor : pointer;
z-index : 9991;
position : absolute;
right : 60px;
top : -28px;
}
.others-option-for-responsive .dot-menu .inner {
display : flex;
align-items : center;
height : 30px;
}
.others-option-for-responsive .dot-menu .inner .circle {
height : 5px;
width : 5px;
border-radius : 100%;
margin : 0 2px;
transition : 0.5s;
background-color : #111;
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
background-color : #fecc00;
}
.others-option-for-responsive .container {
position : relative;
}
.others-option-for-responsive .container .container {
position : absolute;
right : 0;
top : 10px;
max-width : 260px;
background-color : #fff;
box-shadow : 0 0 15px 0 rgb(0, 0, 0, 0.1);
margin-left : auto;
opacity : 0;
visibility : hidden;
transition : 0.5s;
transform : scaleX(0);
z-index : 2;
padding-left : 15px;
padding-right : 15px;
}
.others-option-for-responsive .container .container.active {
opacity : 1;
visibility : visible;
transform : scaleX(1);
}
.others-option-for-responsive .option-inner .others-options {
margin-left : 35px;
}
.others-option-for-responsive .option-inner .others-options .option-item {
margin-right : 20px;
}
.others-option-for-responsive .option-inner .others-options .option-item:last-child {
margin-right : 0;
}
.others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select {
background-color : transparent;
border-radius : 0;
border : none;
font-size : 16px;
font-weight : 600;
height : auto;
top : 0;
line-height : initial;
color : #111;
padding-left : 0;
padding-right : 10px;
}
.others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select:after {
right : 0;
color : #6b6b84;
margin-top : -2px;
}
.others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select .list {
left : auto;
right : 0;
border : none;
padding : 15px;
box-shadow : 0 0 15px 0 rgb(0, 0, 0, 0.1);
list-style-type : none;
margin : 14px 0 0;
border-radius : 5px;
}
.others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select .option {
line-height : initial;
min-height : auto;
padding-left : 15px;
padding-top : 8px;
padding-bottom : 8px;
padding-right : 15px;
}
.others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select .option:hover, .others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select .option.focus, .others-option-for-responsive .option-inner .others-options .option-item .languages-list .nice-select .option.selected.focus {
background-color : #fff;
}
.others-option-for-responsive .option-inner .others-options .option-item .cart-btn a {
font-size : 30px;
color : #111;
transition : 0.5s;
position : relative;
}
.others-option-for-responsive .option-inner .others-options .option-item .cart-btn a:hover {
color : #fecc00;
}
.others-option-for-responsive .option-inner .others-options .option-item .cart-btn a span {
position : absolute;
right : -1px;
top : 2px;
width : 18px;
height : 18px;
text-align : center;
line-height : 18px;
border-radius : 50%;
background : #fecc00;
color : #fff;
font-size : 14px;
font-weight : 600;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box {
position : relative;
width : 180px;
border-radius : 5px;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control {
display : block;
width : 100%;
height : 45px;
border : #f5f5f5 solid 1px;
border-radius : 2px;
background-color : #f5f5f5;
transition : 0.5s;
color : #111;
font-size : 16px;
font-weight : 400;
padding-left : 15px;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control::-webkit-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control:-ms-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control::-ms-input-placeholder {
color : #6b6b84;
transition : 0.5s;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control::placeholder {
color : #6b6b84;
transition : 0.5s;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box .form-control:focus {
box-shadow : none;
background-color : transparent;
}
.others-option-for-responsive .option-inner .others-options .option-item .search-box button {
position : absolute;
right : 0;
top : 0;
height : 48px;
background-color : transparent;
border : none;
color : #fecc00;
border-radius : 5px;
font-size : 22px;
padding : 0 15px;
cursor : pointer;
}
.others-option-for-responsive .option-inner .others-options .option-item .burger-menu {
width : 40px;
height : auto;
background-color : transparent;
cursor : pointer;
display : inline-block;
position : relative;
top : 2px;
}
.others-option-for-responsive .option-inner .others-options .option-item .burger-menu span {
display : block;
width : 40px;
height : 3px;
background : #111;
transition : 0.5s;
margin-left : auto;
margin-bottom : 8px;
}
.others-option-for-responsive .option-inner .others-options .option-item .burger-menu span:nth-child(3) {
margin-bottom : 0;
width : 28px;
margin-left : auto;
height : 3px;
}
.others-option-for-responsive .option-inner .others-options .option-item .burger-menu:hover span {
background : #fecc00;
}
.others-option-for-responsive .option-inner .others-options .option-item .burger-menu:hover span:nth-child(3) {
width : 40px;
}
@media only screen and (max-width: 1199px) {
.main-responsive-nav {
display : block;
}
.main-responsive-nav .main-responsive-menu {
position : relative;
}
.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul {
font-size : 15px;
}
.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active {
color : #f99459;
}
.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a i {
display : none;
}
.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a {
font-size : 14px;
}
.main-responsive-nav .main-responsive-menu.mean-container .others-options {
display : none !important ;
}
.main-responsive-nav .mean-container a.meanmenu-reveal {
color : #111;
}
.main-responsive-nav .mean-container a.meanmenu-reveal span {
background : #111;
position : relative;
}
.main-responsive-nav .logo {
position : relative;
}
.main-responsive-nav .logo img {
max-width : 100px !important ;
}
.navbar-area {
background-color : #fff;
padding-top : 15px;
padding-bottom : 15px;
}
.main-navbar {
display : none;
}
.others-option-for-responsive {
display : block;
}
}
.sidebar-modal {
position : fixed;
right : 0;
top : 0;
width : 100%;
height : 100%;
background-color : rgb(0, 0, 0, 0.8);
z-index : 9999;
opacity : 0;
visibility : hidden;
transition : 0.5s;
overflow : hidden;
}
.sidebar-modal .sidebar-modal-inner {
position : absolute;
right : -100%;
top : 0;
width : 30%;
overflow-y : scroll;
height : 100%;
background-color : #fff;
transition : 0.7s;
z-index : 1;
padding : 80px 30px 50px;
}
.sidebar-modal .sidebar-modal-inner .close-btn {
display : inline-block;
position : absolute;
right : 35px;
top : 20px;
font-size : 20px;
transition : 0.5s;
color : #111;
opacity : 0.66;
cursor : pointer;
}
.sidebar-modal .sidebar-modal-inner .close-btn:hover {
opacity : 1;
}
.sidebar-modal .sidebar-about-area {
margin-bottom : 40px;
}
.sidebar-modal .sidebar-about-area .title h2 {
margin-bottom : 0;
font-size : 25px;
}
.sidebar-modal .sidebar-about-area .title p {
margin-top : 15px;
font-size : 15px;
}
.sidebar-modal .sidebar-instagram-feed {
margin-bottom : 40px;
}
.sidebar-modal .sidebar-instagram-feed h2 {
margin-bottom : 25px;
font-size : 25px;
}
.sidebar-modal .sidebar-instagram-feed ul {
display : flex;
flex-wrap : wrap;
padding-left : 0;
list-style-type : none;
margin-left : -5px;
margin-right : -5px;
margin-bottom : 0;
margin-top : -10px;
}
.sidebar-modal .sidebar-instagram-feed ul li {
flex : 0 0 25%;
max-width : 25%;
padding-left : 5px;
padding-right : 5px;
padding-top : 10px;
}
.sidebar-modal .sidebar-instagram-feed ul li a {
display : block;
position : relative;
}
.sidebar-modal .sidebar-instagram-feed ul li a::before {
content : '';
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #000;
transition : 0.5s;
opacity : 0;
visibility : hidden;
}
.sidebar-modal .sidebar-instagram-feed ul li a:hover::before {
opacity : 0.5;
visibility : visible;
}
.contact-area {
background : #eaeaea;
}
.sidebar-modal .sidebar-contact-area .contact-info {
text-align : center;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 {
margin-bottom : 0;
text-transform : lowercase;
font-size : 20px;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a {
display : inline-block;
color : #fecc00;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:hover {
color : #111;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child) {
color : #111;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child):hover {
color : #fecc00;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 span {
display : block;
color : #6b6b84;
margin-top : 15px;
margin-bottom : 15px;
font-size : 15px;
font-weight : 600;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social {
padding-left : 0;
list-style-type : none;
margin-bottom : 0;
margin-top : 20px;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li {
display : inline-block;
margin : 0 2px;
padding-left : 0;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a i {
display : inline-block;
width : 35px;
height : 35px;
line-height : 35px;
border : #dadada solid 1px;
border-radius : 50%;
color : #aba5a5;
display : block;
font-size : 20px;
transition : 0.5s;
}
.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a i:hover {
color : #fff;
border-color : #fecc00;
background-color : #fecc00;
}
.sidebar-modal.active {
opacity : 1;
visibility : visible;
}
.sidebar-modal.active .sidebar-modal-inner {
right : 0;
}
.main-banner {
position : relative;
z-index : 1;
overflow : hidden;
}
.main-banner-item {
background-image : url(/Content/home/assets/img/main-slider/main-slider-2.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
padding-top : 100px;
padding-bottom : 100px;
background-attachment : fixed;
}
.main-banner-item.banner-item-two {
background-image : url(/Content/home/assets/img/main-banner-bg-2.jpg);
padding-top : 50px;
padding-bottom : 0;
overflow : hidden;
background-attachment : unset;
}
.main-banner-item.banner-item-two .main-banner-content h1 {
color : #111;
font-size : 55px;
}
.main-banner-item.banner-item-two .main-banner-content p {
color : #6b6b84;
margin-bottom : 0;
}
.main-banner-content span {
font-size : 18px;
color : #fecc00;
font-weight : 500;
}
.main-banner-content h1 {
font-size : 70px;
color : #fff;
margin-top : 15px;
margin-bottom : 20px;
}
.main-banner-content p {
color : #fff;
margin-bottom : 0;
}
.main-banner-content .banner-btn {
margin-top : 30px;
}
.main-banner-shape .shape-1 {
position : absolute;
bottom : 30px;
left : 0;
max-width : 150px;
animation : moveBounce 5s linear infinite;
}
.main-banner-image {
margin-top : 30px;
}
.main-slider-area {
position : relative;
z-index : 1;
overflow : hidden;
}
.main-slider-item {
background-image : url(../img/main-slider/slider-bg-1.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
padding-top : 120px;
padding-bottom : 120px;
overflow : hidden;
}
.main-slider-item.main-slider-two {
background-color : #fde9dd;
background-image : unset;
padding-top : 0;
padding-bottom : 0;
}
.main-slider-item.main-slider-two .container-fluid {
padding-right : 0;
}
.main-slider-item.main-slider-two .main-slider-content {
margin-left : auto;
max-width : 595px;
}
.main-slider-content {
max-width : 680px;
}
.main-slider-content span {
font-size : 18px;
color : #fecc00;
font-weight : 500;
}
.main-slider-content h1 {
font-size : 70px;
color : #111;
margin-top : 15px;
margin-bottom : 20px;
}
.main-slider-content p {
color : #6b6b84;
margin-bottom : 0;
}
.main-slider-content .slider-btn {
margin-top : 30px;
}
.main-slider-shape .shape-1 {
position : absolute;
bottom : 30px;
left : 0;
max-width : 100px;
animation : moveBounce 5s linear infinite;
z-index : 1;
}
.main-slider-shape .shape-2 {
position : absolute;
top : 30px;
left : 50%;
transform : translateX(-50%);
max-width : 100px;
animation : moveBounce 5s linear infinite;
z-index : 1;
}
.home-slides.owl-theme .owl-nav {
margin-top : 0;
}
.home-slides.owl-theme .owl-nav [class*="owl-"] {
position : absolute;
left : 10px;
top : 45%;
transform : translateY(-45%);
margin : 0;
outline : 0;
width : 45px;
height : 45px;
line-height : 52px;
transition : 0.5s;
background-color : #fff;
color : #f99459;
border-radius : 50%;
opacity : 0;
visibility : hidden;
}
.home-slides.owl-theme .owl-nav [class*="owl-"]:hover, .home-slides.owl-theme .owl-nav [class*="owl-"]:focus {
background-color : #111;
}
.home-slides.owl-theme .owl-nav [class*="owl-"].owl-next {
left : auto;
right : 10px;
}
.home-slides.owl-theme .owl-nav [class*="owl-"].owl-next i {
position : relative;
top : 1px;
left : 2px;
}
.home-slides.owl-theme .owl-nav [class*="owl-"] i {
font-size : 25px;
font-weight : 700;
position : relative;
top : 1px;
right : 2px;
}
.home-slides.owl-theme:hover .owl-nav [class*="owl-"] {
opacity : 1;
visibility : visible;
left : 20px;
transition : 0.5s;
}
.home-slides.owl-theme:hover .owl-nav [class*="owl-"].owl-next {
left : auto;
right : 20px;
}
.main-slider-image-wrap .slider-shape {
position : absolute;
bottom : 0;
left : 0;
right : 0;
}
.top-products-area {
background : #eaeaea;
}
.top-products-item {
text-align : center;
margin-bottom : 30px;
}
.top-products-item .products-image {
overflow : hidden;
position : relative;
}
.top-products-item .products-image img {
transition : 0.5s;
}
.top-products-item .products-image .products-action {
padding-left : 0;
list-style-type : none;
position : absolute;
left : 0;
right : 0;
bottom : 20px;
margin : auto;
margin-bottom : 0;
}
.top-products-item .products-image .products-action li {
display : inline-block;
transform : translateY(30px);
transition : all 0.3s 0s ease-in-out;
opacity : 0;
visibility : hidden;
margin : 0 5px;
}
.top-products-item .products-image .products-action li a {
display : block;
width : 45px;
height : 45px;
background-color : #fff;
text-align : center;
position : relative;
font-size : 20px;
color : #fecc00;
border-radius : 50px;
transition : 0.5s;
}
.top-products-item .products-image .products-action li a i {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
margin-left : auto;
margin-right : auto;
}
.top-products-item .products-image .products-action li a:hover {
color : #fff;
background-color : #fecc00;
}
.top-products-item .products-image .products-action li:nth-child(1) {
transition-delay : 0.1s;
}
.top-products-item .products-image .products-action li:nth-child(2) {
transition-delay : 0.2s;
}
.top-products-item .products-image .products-action li:nth-child(3) {
transition-delay : 0.3s;
}
.top-products-item .products-image .products-action li:nth-child(4) {
transition-delay : 0.4s;
}
.top-products-item .products-image .sale {
position : absolute;
left : 10px;
top : 10px;
}
.top-products-item .products-image .sale span {
display : inline-block;
padding : 10px 20px;
background-color : #fff;
color : #111;
font-size : 15px;
font-weight : 500;
border-radius : 5px;
transition : 0.5s;
}
.top-products-item .products-content {
margin-top : 12px;
}
.top-products-item .products-content h3 {
font-size : 21px;
margin-bottom : 0;
font-weight : 600;
}
.top-products-item .products-content h3 a {
color : #111;
}
.top-products-item .products-content h3 a:hover {
color : #f99459;
}
.top-products-item .products-content .price {
margin-top : 10px;
margin-bottom : 10px;
font-weight : 600;
color : #fecc00;
}
.top-products-item .products-content .price .old-price {
text-decoration : line-through;
color : #6b6b84;
font-weight : 500;
}
.top-products-item .products-content .rating {
padding-left : 0;
margin-bottom : 0;
}
.top-products-item .products-content .rating li {
list-style-type : none;
}
.top-products-item .products-content .rating li i {
font-size : 16px;
color : #fecc00;
}
.top-products-item:hover .products-image .products-action li {
transform : translateY(0);
opacity : 1;
visibility : visible;
}
.top-products-item:hover .products-image img {
transform : rotate(1deg) scale(1.1);
}
.top-products-item:hover .products-image .sale span {
background-color : #fecc00;
color : #fff;
}
.top-products-slider.owl-theme .owl-dots .owl-dot span {
width : 20px;
height : 20px;
background-color : transparent;
transition : 0.5s;
border-radius : 50%;
border : #fecc00 solid 1px;
position : relative;
margin-top : 0;
margin-bottom : 0;
}
.top-products-slider.owl-theme .owl-dots .owl-dot span::before {
content : '';
position : absolute;
left : 0;
top : 0;
right : 0;
bottom : 0;
background-color : #fecc00;
border-radius : 50%;
margin : 4px;
opacity : 0;
visibility : hidden;
transition : 0.5s;
transform : scale(0);
}
.top-products-slider.owl-theme .owl-dots .owl-dot:hover span::before, .top-products-slider.owl-theme .owl-dots .owl-dot.active span::before {
opacity : 1;
visibility : visible;
transform : scale(1);
}
.top-products-slider.owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 35px;
line-height : 0;
}
.top-products-slider.owl-theme .owl-nav [class*="owl-"] {
position : absolute;
left : 0;
top : 30%;
transform : translateY(-30%);
margin : 0;
outline : 0;
width : 45px;
height : 45px;
line-height : 52px;
transition : 0.5s;
background-color : #fff;
color : #fecc00;
border-radius : 50%;
opacity : 0;
visibility : hidden;
}
.top-products-slider.owl-theme .owl-nav [class*="owl-"]:hover, .top-products-slider.owl-theme .owl-nav [class*="owl-"]:focus {
background-color : #111;
}
.top-products-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
left : auto;
right : 0;
}
.top-products-slider.owl-theme .owl-nav [class*="owl-"] i {
font-size : 25px;
font-weight : 700;
}
.top-products-slider.owl-theme:hover .owl-nav [class*="owl-"] {
opacity : 1;
visibility : visible;
left : -20px;
transition : 0.5s;
}
.top-products-slider.owl-theme:hover .owl-nav [class*="owl-"].owl-next {
left : auto;
right : -20px;
}
.orgo-grid-sorting {
margin-bottom : 40px;
}
.orgo-grid-sorting .result-count p .count {
font-weight : 700;
color : #111;
}
.orgo-grid-sorting .ordering {
text-align : right;
}
.orgo-grid-sorting .ordering label {
display : inline-block;
margin-bottom : 0;
color : #f99459;
margin-right : 5px;
font-weight : 600;
}
.orgo-grid-sorting .ordering .nice-select {
display : inline-block;
float : unset;
width : 215px;
background : #f8f8f8;
border-color : #eee;
color : #111;
transition : 0.5s;
padding : 0 0 0 12px;
height : 45px;
line-height : 45px;
font-size : 15px;
font-weight : 500;
}
.orgo-grid-sorting .ordering .nice-select .list {
background-color : #fff;
border-radius : 5px;
box-shadow : 0 10px 30px rgb(0, 0, 0, 0.2);
list-style-type : none;
border : none;
width : 100%;
margin-top : 0;
margin-bottom : 0;
padding-left : 0;
padding-top : 10px;
padding-bottom : 10px;
}
.orgo-grid-sorting .ordering .nice-select .list .option {
line-height : 38px;
min-height : 38px;
color : #111;
position : relative;
transition : 0.5s;
padding-left : 15px;
padding-right : 25px;
font-size : 15px;
font-weight : 500;
}
.orgo-grid-sorting .ordering .nice-select .list .option:hover {
background-color : #f99459 !important ;
color : #fff;
}
.orgo-grid-sorting .ordering .nice-select:after {
border-color : #111;
height : 8px;
width : 8px;
margin-top : -5px;
}
.orgo-grid-sorting .ordering .nice-select:hover {
border-color : #f99459;
background-color : transparent;
}
.detox-water-area {
background-image : url(../img/detox-water/detox-water-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
background-attachment : fixed;
position : relative;
z-index : 1;
overflow : hidden;
}
.detox-water-area .section-title {
max-width : 650px;
}
.detox-water-image {
text-align : center;
}
.detox-water-shape .shape1 {
position : absolute;
left : 10px;
top : 0;
animation : moveBounce 5s linear infinite;
max-width : 100px;
}
.detox-water-shape .shape2 {
position : absolute;
left : 15px;
bottom : 30px;
animation : moveLeftBounce 3s linear infinite;
max-width : 100px;
}
.detox-water-shape .shape3 {
position : absolute;
right : 15px;
top : 0;
animation : moveBounce 5s linear infinite;
max-width : 100px;
}
.detox-water-shape .shape4 {
position : absolute;
right : 15px;
bottom : 30px;
animation : moveScale 3s linear infinite;
max-width : 100px;
}
@keyframes moveBounce {
0% {
transform : translateY(0);
}
50% {
transform : translateY(20px);
}
100% {
transform : translateY(0);
}
}
@keyframes moveScale {
0% {
transform : scale(0.6);
}
50% {
transform : scale(0.8);
}
100% {
transform : scale(0.6);
}
}
@keyframes moveLeftBounce {
0% {
transform : translateX(0);
}
50% {
transform : translateX(20px);
}
100% {
transform : translateX(0);
}
}
.single-department {
margin-bottom : 30px;
}
.single-department .department-image {
position : relative;
overflow : hidden;
}
.single-department .department-image img {
transition : 0.5s;
}
.single-department .department-image .content {
position : absolute;
bottom : 0;
left : 0;
right : 0;
text-align : center;
padding : 25px;
}
.single-department .department-image .content h3 {
font-size : 22px;
}
.single-department .department-image .content h3 a {
color : #111;
}
.single-department:hover .department-image img {
transform : rotate(1deg) scale(1.2);
}
.single-department:hover .department-image .content h3 a {
color : #fecc00;
}
.why-choose-area {
background-image : url(../img/why-choose-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
background-attachment : fixed;
}
.why-choose-area.choose-item-two {
background-image : url(../img/why-choose-bg-2.jpg);
}
.why-choose-area.choose-item-two .why-choose-item {
margin-right : auto;
margin-left : 0;
}
.why-choose-item {
background-color : #fef8f5;
padding : 50px;
max-width : 800px;
margin-left : auto;
margin-right : 0;
}
.why-choose-item .content span {
font-size : 18px;
color : #fecc00;
font-weight : 500;
}
.why-choose-item .content h3 {
font-size : 40px;
margin-top : 15px;
margin-bottom : 15px;
}
.why-choose-item .content p {
margin-bottom : 0;
}
.why-choose-item .inner-content {
position : relative;
padding-left : 75px;
margin-top : 30px;
}
.why-choose-item .inner-content .icon {
position : absolute;
left : 0;
right : 0;
}
.why-choose-item .inner-content .icon i {
display : inline-block;
height : 60px;
width : 60px;
line-height : 60px;
background-color : #f99459;
color : #fff;
text-align : center;
font-size : 35px;
border-radius : 50px;
transition : 0.5s;
}
.why-choose-item .inner-content h4 {
font-size : 22px;
margin-bottom : 10px;
position : relative;
z-index : 1;
}
.why-choose-item .inner-content:hover .icon i {
background-color : #fecc00;
color : #fff;
}
.featured-products-area.bg-fafafa {
background-color : #f3f3f3;
}
.featured-products-item {
text-align : center;
margin-bottom : 30px;
}
.featured-products-item .products-image {
overflow : hidden;
position : relative;
}
.featured-products-item .products-image img {
transition : 0.5s;
}
.featured-products-item .products-image .products-action {
padding-left : 0;
list-style-type : none;
position : absolute;
left : 0;
right : 0;
bottom : 20px;
margin : auto;
margin-bottom : 0;
}
.featured-products-item .products-image .products-action li {
display : inline-block;
transform : translateY(30px);
transition : all 0.3s 0s ease-in-out;
opacity : 0;
visibility : hidden;
margin : 0 5px;
}
.featured-products-item .products-image .products-action li a {
display : block;
width : 45px;
height : 45px;
background-color : #fff;
text-align : center;
position : relative;
font-size : 20px;
color : #fecc00;
border-radius : 50px;
transition : 0.5s;
}
.featured-products-item .products-image .products-action li a i {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
margin-left : auto;
margin-right : auto;
}
.featured-products-item .products-image .products-action li a:hover {
color : #fff;
background-color : #fecc00;
}
.featured-products-item .products-image .products-action li:nth-child(1) {
transition-delay : 0.1s;
}
.featured-products-item .products-image .products-action li:nth-child(2) {
transition-delay : 0.2s;
}
.featured-products-item .products-image .products-action li:nth-child(3) {
transition-delay : 0.3s;
}
.featured-products-item .products-image .products-action li:nth-child(4) {
transition-delay : 0.4s;
}
.featured-products-item .products-image .new {
position : absolute;
left : 10px;
top : 10px;
}
.featured-products-item .products-image .new span {
display : inline-block;
padding : 10px 20px;
background-color : #fff;
color : #111;
font-size : 14px;
font-weight : 500;
border-radius : 5px;
transition : 0.5s;
}
.featured-products-item .products-content {
margin-top : 25px;
}
.featured-products-item .products-content h3 {
font-size : 25px;
margin-bottom : 0;
font-weight : 600;
}
.featured-products-item .products-content h3 a {
color : #111;
}
.featured-products-item .products-content h3 a:hover {
color : #f99459;
}
.featured-products-item .products-content .price {
margin-top : 15px;
margin-bottom : 15px;
font-weight : 600;
color : #fecc00;
}
.featured-products-item .products-content .price .old-price {
text-decoration : line-through;
color : #6b6b84;
font-weight : 500;
}
.featured-products-item .products-content .rating {
padding-left : 0;
margin-bottom : 0;
}
.featured-products-item .products-content .rating li {
list-style-type : none;
}
.featured-products-item .products-content .rating li i {
font-size : 16px;
color : #fecc00;
}
.featured-products-item:hover .products-image .products-action li {
transform : translateY(0);
opacity : 1;
visibility : visible;
}
.featured-products-item:hover .products-image img {
transform : rotate(1deg) scale(1.1);
}
.featured-products-item:hover .products-image .new span {
background-color : #fecc00;
color : #fff;
}
.featured-products-slider.owl-theme .owl-dots .owl-dot span {
width : 20px;
height : 20px;
background-color : transparent;
transition : 0.5s;
border-radius : 50%;
border : #fecc00 solid 1px;
position : relative;
margin-top : 0;
margin-bottom : 0;
}
.featured-products-slider.owl-theme .owl-dots .owl-dot span::before {
content : '';
position : absolute;
left : 0;
top : 0;
right : 0;
bottom : 0;
background-color : #fecc00;
border-radius : 50%;
margin : 4px;
opacity : 0;
visibility : hidden;
transition : 0.5s;
transform : scale(0);
}
.featured-products-slider.owl-theme .owl-dots .owl-dot:hover span::before, .featured-products-slider.owl-theme .owl-dots .owl-dot.active span::before {
opacity : 1;
visibility : visible;
transform : scale(1);
}
.featured-products-slider.owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 35px;
line-height : 0;
}
.featured-products-slider.owl-theme .owl-nav [class*="owl-"] {
position : absolute;
left : 0;
top : 30%;
transform : translateY(-30%);
margin : 0;
outline : 0;
width : 45px;
height : 45px;
line-height : 52px;
transition : 0.5s;
background-color : #fff;
color : #fecc00;
border-radius : 50%;
opacity : 0;
visibility : hidden;
}
.featured-products-slider.owl-theme .owl-nav [class*="owl-"]:hover, .featured-products-slider.owl-theme .owl-nav [class*="owl-"]:focus {
background-color : #111;
}
.featured-products-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
left : auto;
right : 0;
}
.featured-products-slider.owl-theme .owl-nav [class*="owl-"] i {
font-size : 25px;
font-weight : 700;
}
.featured-products-slider.owl-theme:hover .owl-nav [class*="owl-"] {
opacity : 1;
visibility : visible;
left : -20px;
transition : 0.5s;
}
.featured-products-slider.owl-theme:hover .owl-nav [class*="owl-"].owl-next {
left : auto;
right : -20px;
}
.testimonial-area {
background-image : url(../img/testimonial-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
background-attachment : fixed;
position : relative;
z-index : 1;
}
.testimonial-area::before {
position : absolute;
content : "";
height : 100%;
width : 100%;
left : 0;
right : 0;
top : 0;
background-color : #000;
z-index : -1;
opacity : 0.7;
}
.testimonial-area .section-title h2 {
color : #fff;
}
.testimonial-area .section-title p {
color : #fff;
}
.testimonial-item {
background-color : #f99459;
padding : 30px 50px;
border-radius : 20px;
text-align : center;
max-width : 850px;
margin : auto;
}
.testimonial-item .info {
margin-bottom : 20px;
}
.testimonial-item .info img {
display : inline-block;
height : 100px;
width : 100px;
border-radius : 50px;
margin-bottom : 16px;
}
.testimonial-item .info h3 {
font-size : 25px;
margin-bottom : 8px;
color : #fff;
}
.testimonial-item .info span {
color : #fff;
font-weight : 500;
font-size : 15px;
}
.testimonial-item p {
color : #fff;
font-style : italic;
max-width : 750px;
margin : auto;
}
.testimonial-item .icon {
position : absolute;
right : 18%;
top : 30px;
}
.testimonial-item .icon i {
font-size : 60px;
color : #f9cbce;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot span {
width : 20px;
height : 20px;
background-color : transparent;
transition : 0.5s;
border-radius : 50%;
border : #fecc00 solid 1px;
position : relative;
margin-top : 0;
margin-bottom : 0;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot span::before {
content : '';
position : absolute;
left : 0;
top : 0;
right : 0;
bottom : 0;
background-color : #fecc00;
border-radius : 50%;
margin : 4px;
opacity : 0;
visibility : hidden;
transition : 0.5s;
transform : scale(0);
}
.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span::before, .testimonial-slider.owl-theme .owl-dots .owl-dot.active span::before {
opacity : 1;
visibility : visible;
transform : scale(1);
}
.testimonial-slider.owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 35px;
line-height : 0;
}
.overview-area {
background-image : url(../img/overview-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
background-attachment : fixed;
}
.overview-content h3 {
font-size : 40px;
color : #fff;
margin-bottom : 18px;
}
.overview-content p {
color : #fff;
margin-bottom : 0;
}
.overview-content .overview-btn {
margin-top : 30px;
}
.overview-video {
text-align : center;
position : relative;
}
.overview-video .video-btn {
display : inline-block;
width : 100px;
height : 100px;
line-height : 100px;
background-color : #fff;
border-radius : 50%;
color : #111;
z-index : 1;
text-align : center;
position : relative;
}
.overview-video .video-btn i {
font-size : 60px;
position : relative;
top : 20px;
left : 0;
color : #fecc00;
}
.overview-video .video-btn::before {
content : '';
display : block;
position : absolute;
top : 0;
right : 0;
z-index : -1;
bottom : 0;
left : 0;
border-radius : 50%;
border : #fff solid 2px;
animation : ripple 1s linear infinite;
}
.overview-video .video-btn:hover {
background-color : #fecc00;
}
.overview-video .video-btn:hover i {
color : #fff;
}
@keyframes ripple {
0% {
transform : scale(1);
}
75% {
transform : scale(1.75);
opacity : 1;
}
100% {
transform : scale(2);
opacity : 0;
}
}
.single-blog-item {
margin-bottom : 30px;
}
.single-blog-item .image {
position : relative;
overflow : hidden;
}
.single-blog-item .image .date {
position : absolute;
bottom : 0;
left : 0;
transition : 0.5s;
}
.single-blog-item .image .date span {
display : inline-block;
padding : 10px 25px;
background-color : #fecc0099;
color : #000000;
font-weight : 800;
transition : 0.5s;
border-radius : 0 5px 0 0;
}
.single-blog-item .image img {
transition : 0.5s;
border-radius : 5px 5px 0 0;
}
.single-blog-item .content {
background-color : #fecc0021;
box-shadow : 0 0 1.25rem rgb(108, 118, 134, 0.1);
padding : 30px 20px;
position : relative;
z-index : 1;
transition : 0.5s;
border-radius : 0 0 5px 5px;
}
.single-blog-item .content h3 {
font-size : 18px;
margin-bottom : 15px;
transition : 0.5s;
line-height : 1.2;
}
.single-blog-item .content h3 a {
color : #111;
}
.single-blog-item .content .blog-btn {
font-size : 18px;
font-weight : 700;
color : #322d5c;
transition : 0.5s;
}
.single-blog-item .content::before {
content : '';
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 0;
background : #fecc00;
z-index : -1;
transition : 0.5s;
border-radius : 0 0 5px 5px;
}
.single-blog-item:hover .image img {
transform : rotate(2deg) scale(1.2);
}
.single-blog-item:hover .image .date span {
background-color : #fecc00;
color : #fff;
}
.single-blog-item:hover .content h3 a {
color : #fff;
}
.single-blog-item:hover .content .blog-btn {
color : #fff;
}
.single-blog-item:hover .content::before {
height : 100%;
}
.newsletter-area {
background-color : #fafafa;
}
.newsletter-content h2 {
font-size : 35px;
margin-bottom : 15px;
}
.newsletter-content p {
margin-bottom : 0;
}
.newsletter-form {
position : relative;
}
.newsletter-form .input-newsletter {
display : block;
width : 100%;
background-color : #f3f3f3;
border : #f3f3f3 solid 1px;
height : 60px;
padding-left : 25px;
border-radius : 5px;
outline : 0;
color : #111;
}
.newsletter-form .input-newsletter::-webkit-input-placeholder {
color : #6b6b84;
}
.newsletter-form .input-newsletter:-ms-input-placeholder {
color : #6b6b84;
}
.newsletter-form .input-newsletter::-ms-input-placeholder {
color : #6b6b84;
}
.newsletter-form .input-newsletter::placeholder {
color : #6b6b84;
}
.newsletter-form button {
position : absolute;
right : 4px;
top : 4px;
background-color : #fecc00;
color : #fff;
border : none;
height : 52px;
padding : 0 30px;
border-radius : 5px;
transition : 0.5s;
line-height : 50px;
text-transform : capitalize;
cursor : pointer;
font-size : 16px;
font-weight : 500;
}
.newsletter-form button:hover {
background-color : #111;
color : #fff;
}
.newsletter-form #validator-newsletter {
color : red;
position : relative;
top : 8px;
font-size : 16px;
font-weight : 500;
}
.partner-item img {
width : auto !important ;
margin : auto;
max-width : 120px;
}
.food-area {
margin-top : -10px;
position : relative;
z-index : 1;
}
.food-area .container-fluid {
padding-left : 0;
padding-right : 0;
overflow : hidden;
}
.food-item {
position : relative;
margin-bottom : 30px;
}
.food-item .food-image {
overflow : hidden;
}
.food-item .food-image img {
transition : 0.5s;
}
.food-item .food-content {
position : absolute;
left : 0;
bottom : 0;
padding : 30px;
transition : 0.5s;
}
.food-item .food-content h3 {
font-size : 30px;
color : #fff;
position : relative;
z-index : 1;
}
.food-item:hover .food-content {
bottom : 10px;
}
.food-item:hover .food-image img {
transform : rotate(2deg) scale(1.2);
}
.deal-area {
background-color : #fef2ea;
position : relative;
z-index : 1;
overflow : hidden;
}
.deal-title {
text-align : center;
margin-bottom : 35px;
}
.deal-title h2 {
font-size : 40px;
margin-bottom : 15px;
}
.deal-title p {
margin-bottom : 0;
}
.deal-content #timer div {
background-color : #fad7d8;
color : #fecc00;
width : 120px;
height : 125px;
border-radius : 50%;
font-size : 40px;
font-weight : 700;
margin-left : 10px;
margin-right : 10px;
}
.deal-content #timer div span {
display : block;
margin-top : -2px;
font-size : 16px;
font-weight : 600;
color : #111;
}
.deal-content .deal-btn {
margin-top : 35px;
text-align : center;
}
.deal-image {
position : relative;
text-align : center;
}
.deal-image .offer {
background-color : #fecc00;
display : inline-block;
text-align : center;
padding : 35px;
border-radius : 50%;
line-height : 1;
position : absolute;
left : 25px;
top : 30px;
transition : 0.5s;
}
.deal-image .offer h4 {
font-size : 40px;
margin-bottom : 15px;
color : #fff;
line-height : 1;
transition : 0.5s;
font-weight : 600;
}
.deal-image .offer span {
font-size : 30px;
color : #fff;
transition : 0.5s;
text-transform : uppercase;
}
.deal-image .offer:hover {
background-color : #f99459;
}
.deal-image .offer::before {
content : '';
display : block;
position : absolute;
top : 0;
right : 0;
z-index : 1;
bottom : 0;
left : 0;
border-radius : 50%;
border : #fecc00 solid 1px;
animation : ripple 1s linear infinite;
}
.deal-shape .shape-1 {
position : absolute;
top : 30px;
left : 10px;
animation : moveBounce 5s linear infinite;
}
.deal-shape .shape-2 {
position : absolute;
left : 10px;
bottom : 30px;
max-width : 100px;
animation : moveLeftBounce 3s linear infinite;
}
.deal-shape .shape-3 {
position : absolute;
right : 10px;
top : 30px;
animation : moveBounce 5s linear infinite;
}
.deal-shape .shape-4 {
position : absolute;
right : 20px;
bottom : 30px;
max-width : 80px;
animation : moveLeftBounce 3s linear infinite;
}
.gallery-area.bg-fafafa {
background-color : #fafafa;
}
.gallery-area.bg-fafafa .container-fluid {
padding-left : 0;
padding-right : 0;
overflow : hidden;
}
.single-gallery-box {
position : relative;
margin-bottom : 30px;
}
.single-gallery-box .gallery-image {
position : relative;
}
.single-gallery-box .gallery-image::before {
width : 100%;
content : '';
position : absolute;
height : 100%;
background-color : #000;
left : 0;
top : 0;
transition : 0.5s;
opacity : 0;
visibility : hidden;
}
.single-gallery-box .gallery-image:hover::before {
opacity : 0.3;
visibility : visible;
}
.single-gallery-box .gallery-content {
background-color : #fff;
padding : 30px 35px;
position : absolute;
bottom : 10px;
left : 0;
transition : 0.5s;
opacity : 0;
visibility : hidden;
}
.single-gallery-box .gallery-content h3 {
font-size : 25px;
margin-bottom : 15px;
}
.single-gallery-box .gallery-content h3 a {
color : #111;
}
.single-gallery-box .gallery-content h3 a:hover {
color : #fecc00;
}
.single-gallery-box .gallery-content span {
font-size : 18px;
color : #fecc00;
font-weight : 500;
}
.single-gallery-box:hover .gallery-content {
bottom : 30px;
left : 10px;
opacity : 1;
visibility : visible;
}
.others-food-item {
margin-bottom : 30px;
text-align : center;
}
.others-food-item .content {
margin-top : 25px;
}
.others-food-item .content h3 {
font-size : 25px;
margin-bottom : 0;
}
.video-area {
text-align : center;
background-image : url(../img/video-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
position : relative;
background-attachment : fixed;
z-index : 1;
}
.video-area::before {
content : '';
position : absolute;
left : 0;
top : 0;
z-index : -1;
width : 100%;
height : 100%;
background : #000;
opacity : 0.6;
}
.video-content h3 {
font-size : 40px;
margin-bottom : 30px;
color : #fff;
margin-top : -5px;
}
.video-content .video-btn {
display : inline-block;
width : 90px;
height : 90px;
line-height : 100px;
background-color : #fff;
border-radius : 50%;
color : #fecc00;
position : relative;
z-index : 1;
}
.video-content .video-btn i {
font-size : 50px;
position : relative;
top : 12px;
}
.video-content .video-btn::after {
content : '';
display : block;
position : absolute;
top : 0;
right : 0;
z-index : -1;
bottom : 0;
left : 0;
border-radius : 50%;
border : #fff solid 1px;
animation : ripple 2s 1s linear infinite;
}
.video-content .video-btn::before {
content : '';
display : block;
position : absolute;
top : 0;
right : 0;
z-index : -1;
bottom : 0;
left : 0;
border-radius : 50%;
border : #fff solid 1px;
animation : ripple 2s linear infinite;
}
.video-content .video-btn:hover {
background-color : #fecc00;
color : #fff;
}
.features-area .container-fluid {
padding-left : 0;
}
.features-item {
max-width : 570px;
}
.features-item .features-content span {
font-size : 40px;
color : #383267;
font-weight : 700;
}
.features-item .features-content h3 {
font-size : 40px;
margin-top : 15px;
margin-bottom : 15px;
}
.features-item .features-content p {
margin-bottom : 0;
}
.features-item .features-inner-content {
position : relative;
padding-left : 65px;
margin-top : 25px;
}
.features-item .features-inner-content .icon {
position : absolute;
left : 0;
right : 0;
}
.features-item .features-inner-content .icon i {
display : inline-block;
height : 50px;
width : 50px;
line-height : 50px;
background-color : #383267;
color : #fff;
text-align : center;
font-size : 25px;
border-radius : 50px;
transition : 0.5s;
}
.features-item .features-inner-content h4 {
font-size : 22px;
margin-bottom : 10px;
position : relative;
z-index : 1;
}
.features-item .features-inner-content:hover .icon i {
background-color : #fecc00;
color : #fff;
}
.juice-area .container-fluid {
padding-left : 0;
padding-right : 0;
overflow : hidden;
}
.juice-item .juice-image {
overflow : hidden;
}
.juice-item .juice-image img {
transition : 0.5s;
}
.juice-item:hover .juice-image img {
transform : rotate(2deg) scale(1.2);
}
.single-team-box {
margin-bottom : 30px;
text-align : center;
}
.single-team-box .image {
position : relative;
transition : 0.5s;
}
.single-team-box .image .social {
padding-left : 0;
list-style-type : none;
position : absolute;
left : 0;
right : 0;
bottom : 10px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;
}
.single-team-box .image .social li {
display : inline-block;
transform : translateY(30px);
transition : all 0.3s 0s ease-in-out;
opacity : 0;
visibility : hidden;
margin : 0 2px;
}
.single-team-box .image .social li a {
display : block;
width : 35px;
height : 35px;
background-color : #f4f5fe;
text-align : center;
position : relative;
font-size : 20px;
color : #fecc00;
border-radius : 50px;
transition : 0.5s;
}
.single-team-box .image .social li a i {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
margin-left : auto;
margin-right : auto;
}
.single-team-box .image .social li a:hover {
color : #fff;
background-color : #fecc00;
}
.single-team-box .image img {
border-radius : 5px 5px 0 0;
}
.single-team-box .content {
background-color : #322d5c;
padding : 15px;
transition : 0.5s;
}
.single-team-box .content h3 {
margin-bottom : 0;
font-size : 25px;
color : #fff;
font-weight : 500;
}
.single-team-box .content span {
display : block;
color : #fff;
font-size : 14px;
margin-top : 10px;
}
.single-team-box:hover .image .social li {
transform : translateY(0);
opacity : 1;
visibility : visible;
}
.single-team-box:hover .content {
background-color : #fecc00;
}
.client-area {
background-image : url(../img/client-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
position : relative;
z-index : 1;
background-attachment : fixed;
}
.client-area::before {
position : absolute;
content : "";
height : 100%;
width : 100%;
background-color : #000;
left : 0;
right : 0;
top : 0;
z-index : -1;
opacity : 0.7;
}
.client-area .section-title h2 {
color : #fff;
}
.client-area .section-title p {
color : #fff;
}
.client-item {
text-align : center;
}
.client-item .icon {
margin-bottom : 20px;
}
.client-item .icon i {
font-size : 65px;
color : #fff;
}
.client-item p {
font-size : 18px;
color : #fff;
font-style : italic;
max-width : 950px;
margin : auto;
}
.client-item .client-info {
margin-top : 30px;
}
.client-item .client-info img {
display : inline-block;
width : 100px;
height : 100px;
border-radius : 50px;
margin-bottom : 20px;
}
.client-item .client-info h3 {
font-size : 25px;
margin-bottom : 10px;
color : #f99459;
}
.client-item .client-info span {
color : #fff;
}
.client-slider.owl-theme .owl-nav {
margin-top : 0;
}
.client-slider.owl-theme .owl-nav [class*="owl-"] {
position : absolute;
left : -10px;
top : 35%;
transform : translateY(-35%);
margin : 0;
outline : 0;
width : 45px;
height : 45px;
line-height : 52px;
transition : 0.5s;
background : #f99459;
color : #fff;
border-radius : 50%;
}
.client-slider.owl-theme .owl-nav [class*="owl-"]:hover, .client-slider.owl-theme .owl-nav [class*="owl-"]:focus {
background-color : #111;
}
.client-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
left : auto;
right : -10px;
}
.client-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
position : relative;
top : 1px;
left : 2px;
}
.client-slider.owl-theme .owl-nav [class*="owl-"] i {
font-size : 25px;
font-weight : 700;
position : relative;
top : 1px;
right : 2px;
}
.client-slider.owl-theme:hover .owl-nav [class*="owl-"] {
left : -20px;
transition : 0.5s;
}
.client-slider.owl-theme:hover .owl-nav [class*="owl-"].owl-next {
left : auto;
right : -20px;
}
.single-special-features {
text-align : center;
margin-bottom : 30px;
}
.single-special-features .content {
margin-top : 25px;
}
.single-special-features .content h3 {
font-size : 22px;
margin-bottom : 16px;
}
.single-special-features .content .read-btn {
font-size : 16px;
font-weight : 600;
color : #fecc00;
}
.services-area.bg-image {
background-image : url(../img/services-bg.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
}
.single-services-box {
margin-bottom : 30px;
position : relative;
z-index : 1;
text-align : center;
padding : 30px 20px;
border : #322d5c8f solid 2px;
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
transition : 0.5s;
border-radius : 5px;
}
.single-services-box .icon {
margin-bottom : 20px;
}
.single-services-box .icon i {
display : inline-block;
height : 70px;
width : 70px;
line-height : 70px;
border : #383267 dashed 1px;
color : #383267;
font-size : 35px;
border-radius : 50px;
transition : 0.5s;
text-align : center;
}
.single-services-box h3 {
font-size : 22px;
margin-bottom : 15px;
transition : 0.5s;
font-weight : 500;
}
.single-services-box p {
transition : 0.5s;
font-size : 15px;
}
.single-services-box .read-btn {
font-size : 16px;
color : #fecc00;
font-weight : 500;
transition : 0.5s;
}
.single-services-box::before {
top : 50%;
left : 50%;
width : 0%;
z-index : -1;
height : 100%;
content : "";
position : absolute;
transition : all 0.3s ease-in-out;
background-color : #fecc00;
transform : translate(-50%,-50%);
border-radius : 5px;
transition : 0.5s;
}
.single-services-box:hover {
transform : translateY(-10px);
}
.single-services-box:hover::before {
width : 100%;
}
.single-services-box:hover .icon i {
background-color : #fff;
color : #fecc00;
border : #fff dashed 1px;
}
.single-services-box:hover h3 {
color : #fff;
}
.single-services-box:hover p {
color : #fff;
}
.single-services-box:hover .read-btn {
color : #fff;
}
.about-content h3 {
font-size : 40px;
margin-bottom : 15px;
}
.about-content p {
margin-bottom : 0;
}
.about-content .about-list {
padding-left : 0;
margin-top : 20px;
margin-bottom : 0;
}
.about-content .about-list li {
list-style-type : none;
margin-bottom : 15px;
}
.about-content .about-list li:last-child {
margin-bottom : 0;
}
.about-content .about-list li i {
font-size : 18px;
color : #fecc00;
}
.about-content .about-btn {
margin-top : 30px;
}
.single-fun-fact {
margin-bottom : 30px;
text-align : center;
}
.single-fun-fact h3 {
margin-bottom : 0;
line-height : 1;
font-size : 60px;
transition : 0.5s;
color : #fecc00;
}
.single-fun-fact p {
font-size : 16px;
font-weight : 500;
}
.single-pricing-box {
margin-bottom : 30px;
border : #f5eafc solid 1px;
padding : 30px;
transition : 0.5s;
border-radius : 5px;
text-align : center;
}
.single-pricing-box .pricing-header h3 {
margin-bottom : 10px;
font-size : 20px;
font-weight : 700;
}
.single-pricing-box .price {
font-size : 50px;
font-weight : 700;
color : #fecc00;
margin-bottom : 15px;
}
.single-pricing-box .price span {
display : inline-block;
margin-left : -5px;
font-size : 15px;
font-weight : 600;
}
.single-pricing-box .pricing-features {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.single-pricing-box .pricing-features li {
margin-bottom : 12px;
position : relative;
text-transform : capitalize;
font-weight : 500;
}
.single-pricing-box .pricing-features li:last-child {
margin-bottom : 0;
}
.single-pricing-box .pricing-features li i {
margin-right : 5px;
font-size : 18px;
color : #fecc00;
}
.single-pricing-box .pricing-btn {
margin-top : 25px;
}
.single-pricing-box:hover {
box-shadow : 0 0 40px 3px rgb(0, 0, 0, 0.05);
transform : translateY(-5px);
background-color : #fff;
border-color : #fff;
}
.page-banner-area {
position : relative;
z-index : 1;
background-image : url(../img/page-banner/page-banner-1.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
height : 100%;
padding-top : 50px;
padding-bottom : 50px;
background-attachment : fixed;
}
.page-banner-area::before {
position : absolute;
content : "";
height : 100%;
width : 100%;
background-color : #000;
left : 0;
right : 0;
top : 0;
z-index : -1;
opacity : 0.6;
}
.page-banner-area.item-bg1 {
background-image : url(../img/page-banner/page-banner-2.jpg);
}
.page-banner-area.item-bg2 {
background-image : url(../img/page-banner/page-banner-3.jpg);
}
.page-banner-area.item-bg3 {
background-image : url(../img/page-banner/page-banner-4.jpg);
}
.page-banner-area.item-bg4 {
background-image : url(../img/page-banner/page-banner-5.jpg);
}
.page-banner-content {
text-align : center;
}
.page-banner-content h2 {
color : #fff;
margin-bottom : 30px;
font-size : 45px;
}
.page-banner-content ul {
text-align : center;
position : relative;
right : 0;
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
top : 50%;
transform : translateY(-50%);
}
.page-banner-content ul li {
display : inline-block;
margin-left : 15px;
font-weight : 600;
color : #fecc00;
position : relative;
}
.page-banner-content ul li::before {
content : '';
position : absolute;
left : -10px;
top : 8px;
height : 12px;
width : 1px;
background : #fecc00;
}
.page-banner-content ul li:first-child {
margin-left : 0;
}
.page-banner-content ul li:first-child::before {
display : none;
}
.page-banner-content ul li a {
display : block;
color : #fff;
}
.faq-area {
background-color : #fafafa;
}
.faq-accordion .accordion {
list-style-type : none;
padding-left : 0;
margin-bottom : 0;
}
.faq-accordion .accordion .accordion-item {
display : block;
background : #f3f3f3;
margin-bottom : 10px;
}
.faq-accordion .accordion .accordion-item:last-child {
margin-bottom : 0;
}
.faq-accordion .accordion .accordion-title {
padding : 25px 40px 20px 20px;
color : #111;
position : relative;
display : block;
text-transform : capitalize;
font-size : 18px;
font-weight : 600;
}
.faq-accordion .accordion .accordion-title i {
position : absolute;
right : 20px;
top : 50%;
transform : translateY(-50%);
color : #111;
font-size : 20px;
transition : 0.5s;
}
.faq-accordion .accordion .accordion-title.active i::before {
content : "\eace";
color : #f99459;
}
.faq-accordion .accordion .accordion-content {
display : none;
position : relative;
padding : 18px 20px;
border-top : 1px solid #f99459;
color : #6b6b84;
}
.faq-accordion .accordion .accordion-content.show {
display : block;
}
.faq-contact-form #contactForm .form-group .form-control {
height : 60px;
padding : 0 0 0 15px;
line-height : initial;
color : #111;
background-color : transparent;
border : #f1f1f1 solid 1px;
border-radius : 5px;
box-shadow : unset !important ;
transition : 0.5s;
font-weight : 400;
}
.faq-contact-form #contactForm .form-group .form-control:focus {
border-color : #f99459;
}
.faq-contact-form #contactForm .form-group textarea.form-control {
height : auto;
padding : 15px 0 0 15px;
}
.faq-contact-form #contactForm .form-group .help-block.with-errors ul {
color : red;
margin-bottom : 0;
margin-top : 10px;
}
.faq-contact-form #contactForm #msgSubmit {
margin : 0;
font-size : 1.3rem;
}
.faq-contact-form #contactForm #msgSubmit.text-danger, .faq-contact-form #contactForm #msgSubmit.text-success {
margin-top : 15px;
}
.faq-contact-form #contactForm .send-btn {
margin-top : 15px;
}
.faq-contact-form #contactForm .send-btn .default-btn {
border : none;
position : relative;
z-index : 1;
}
.login-form {
padding : 50px 30px;
border-radius : 5px;
background-color : #fff5d0;
box-shadow : 0 0 10px rgb(51, 51, 51, 0.1);
max-width : 750px;
margin : auto;
}
.login-form h2 {
margin-bottom : 30px;
font-size : 35px;
}
.login-form form .form-group {
margin-bottom : 25px;
}
.login-form form .form-group label {
display : block;
margin-bottom : 10px;
color : #6b6b84;
font-weight : 400;
font-size : 16px;
}
.login-form form .form-group .form-control {
height : 55px;
padding : 0 0 0 15px;
line-height : initial;
color : #111;
background-color : transparent !important ;
border : #f1f1f1 solid 1px;
border-radius : 5px;
box-shadow : unset !important ;
transition : 0.5s;
font-weight : 400;
}
.login-form form .form-group .form-control:focus {
border-color : #f99459;
}
.login-form form .lost-your-password {
text-align : right;
}
.login-form form .lost-your-password a {
display : inline-block;
position : relative;
font-weight : 500;
font-size : 15px;
color : #6b6b84;
}
.login-form form .lost-your-password a::before {
width : 100%;
height : 1px;
position : absolute;
left : 0;
bottom : 0;
content : '';
transition : 0.5s;
background-color : #eee;
}
.login-form form .lost-your-password a::after {
width : 0;
height : 1px;
position : absolute;
left : 0;
transition : 0.5s;
bottom : 0;
content : '';
background-color : #f99459;
}
.login-form form .lost-your-password a:hover::before {
width : 0;
}
.login-form form .lost-your-password a:hover::after {
width : 100%;
}
.login-form form .form-check {
font-weight : 500;
font-size : 15px;
color : #6b6b84;
}
.login-form form .form-check-input {
position : absolute;
margin-top : 4px;
margin-left : -18px;
}
.login-form form button {
margin-top : 25px;
width : 100%;
cursor : pointer;
border : none;
}
.register-form {
padding : 40px 50px;
border-radius : 5px;
background-color : #fff;
box-shadow : 0 0 10px rgb(51, 51, 51, 0.1);
max-width : 750px;
margin : auto;
}
.register-form h2 {
margin-bottom : 30px;
font-size : 35px;
}
.register-form form .form-group {
margin-bottom : 25px;
}
.register-form form .form-group label {
display : block;
margin-bottom : 10px;
color : #6b6b84;
font-weight : 400;
font-size : 16px;
}
.register-form form .form-group .form-control {
height : 55px;
padding : 0 0 0 15px;
line-height : initial;
color : #111;
background-color : transparent !important ;
border : #f1f1f1 solid 1px;
border-radius : 5px;
box-shadow : unset !important ;
transition : 0.5s;
font-weight : 400;
}
.register-form form .form-group .form-control:focus {
border-color : #f99459;
}
.register-form form .description {
font-style : italic;
font-size : 13.5px;
margin-top : -10px;
margin-bottom : 0;
}
.register-form form button {
margin-top : 25px;
width : 100%;
cursor : pointer;
border : none;
}
.error-content {
text-align : center;
margin : 0 auto;
max-width : 750px;
}
.error-content h3 {
font-size : 38px;
margin-top : 45px;
margin-bottom : 15px;
}
.error-content p {
max-width : 520px;
margin : 0 auto 25px;
}
.privacy-content h3 {
font-size : 22px;
margin : 0 0 16px;
font-weight : 600;
}
.privacy-content ol, .privacy-content ul {
margin-top : 20px;
}
.privacy-content ol li, .privacy-content ul li {
margin-bottom : 10px;
color : #6b6b84;
line-height : 1.8;
font-weight : 400;
}
.terms-of-service-content h3 {
font-size : 22px;
margin : 0 0 16px;
font-weight : 600;
}
.terms-of-service-content ol, .terms-of-service-content ul {
margin-top : 20px;
}
.terms-of-service-content ol li, .terms-of-service-content ul li {
margin-bottom : 10px;
color : #6b6b84;
line-height : 1.8;
font-weight : 400;
}
.contact-info-box {
text-align : center;
border-radius : 5px;
transition : 0.5s;
box-shadow : 0 2px 15px 0 #e6ba049e;
background : #fff;
border : #e6ba04 solid 1px;
padding : 30px;
margin-bottom : 30px;
}
.contact-info-box .icon {
display : inline-block;
width : 70px;
height : 70px;
line-height : 70px;
background : #f5f5f5;
border-radius : 50%;
font-size : 35px;
color : #322d5c;
transition : 0.5s;
margin-bottom : 12px;
position : relative;
}
.contact-info-box .icon i {
position : absolute;
left : 0;
top : 50%;
transform : translateY(-50%);
right : 0;
}
.contact-info-box h3 {
margin-bottom : 12px;
transition : 0.5s;
font-size : 23px;
font-weight : 700;
}
.contact-info-box p {
margin-bottom : 2px;
transition : 0.5s;
}
.contact-info-box p a {
display : inline-block;
color : #6b6b84;
}
.contact-info-box p a:hover {
color : #fecc00;
}
.contact-info-box p:last-child {
margin-bottom : 0;
}
.contact-info-box:hover {
transform : translateY(-10px);
}
.contact-form {
max-width : 980px;
margin : auto;
}
.contact-form .form-group .form-control {
display : block;
width : 100%;
height : 50px;
outline : 0;
background-color : #fff;
border : #f1f1f1 solid 1px;
border-radius : 3px;
box-shadow : none;
padding : 0 12px;
transition : 0.5s;
}
.contact-form .form-group .form-control:focus {
outline : 0;
background-color : #fff;
border-color : #f99459;
box-shadow : none;
}
.contact-form .form-group textarea.form-control {
height : auto;
padding : 8px 12px;
line-height : 1.5rem;
}
.contact-form .form-group .help-block.with-errors ul {
color : red;
margin-bottom : 0;
margin-top : 10px;
}
.contact-form .form-group .help-block.with-errors ul li {
font-size : 14px;
}
.contact-form .form-group label {
font-weight : 600;
margin-bottom : 5px;
}
.contact-form #msgSubmit {
margin : 0;
font-size : 1.3rem;
}
.contact-form #msgSubmit.text-danger, .contact-form #msgSubmit.text-success {
margin-top : 15px;
font-size : 20px;
}
.contact-form .default-btn {
margin-top : 10px;
border : none;
}
#map iframe {
width : 100%;
height : 500px;
margin-bottom : -7px;
border : none;
}
.pagination-area {
text-align : center;
margin-top : 20px;
}
.pagination-area .page-numbers {
width : 35px;
height : 35px;
margin : 0 3px;
display : inline-block;
background-color : #fff;
line-height : 35px;
color : #111;
box-shadow : 0 2px 10px 0 #d8dde6;
font-size : 18px;
font-weight : 700;
border-radius : 50px;
}
.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
background : #f99459;
color : #fff;
box-shadow : 0 2px 10px 0 #d8dde6;
}
.gallery-details-image {
margin-bottom : 40px;
}
.gallery-details-desc h3 {
margin-bottom : 14px;
font-size : 25px;
}
.gallery-details-desc .features-text {
margin-top : 20px;
margin-bottom : 20px;
}
.gallery-details-desc .features-text h4 {
margin-bottom : 12px;
font-size : 18px;
font-weight : 600;
}
.gallery-details-desc .features-text h4 i {
font-size : 16px;
margin-right : 4px;
color : #f99459;
}
.gallery-details-desc h4 {
margin-top : 20px;
font-size : 25px;
}
.gallery-details-information {
background-color : #fff;
box-shadow : 0 -10px 30px rgb(0, 0, 0, 0.1);
border-radius : 5px;
border-top : 3px solid #f99459;
padding : 40px 30px;
}
.gallery-details-information ul {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.gallery-details-information ul li {
margin-bottom : 20px;
border-bottom : 1px solid #eee;
position : relative;
color : #6b6b84;
font-weight : 600;
font-size : 15px;
padding-left : 35px;
padding-bottom : 20px;
}
.gallery-details-information ul li span {
color : #111;
display : block;
margin-bottom : 8px;
font-size : 20px;
font-weight : 600;
}
.gallery-details-information ul li a {
display : block;
color : #6b6b84;
margin-bottom : 8px;
}
.gallery-details-information ul li a:last-child {
margin-bottom : 0;
}
.gallery-details-information ul li a:hover {
color : #f99459;
}
.gallery-details-information ul li .icon {
position : absolute;
left : 0;
top : 0;
color : #f99459;
font-size : 25px;
}
.gallery-details-information ul li:last-child {
padding-bottom : 0;
margin-bottom : 0;
border-bottom : none;
}
.related-gallery {
margin-top : 35px;
}
.related-gallery h5 {
font-size : 25px;
margin-bottom : 25px;
}
.services-details-desc h3 {
margin-top : 30px;
margin-bottom : 12px;
font-size : 25px;
}
.services-details-desc p {
margin-bottom : 0;
}
.services-details-desc .services-details-features .features-text {
margin-top : 30px;
margin-bottom : 30px;
}
.services-details-desc .services-details-features .features-text h4 {
margin-bottom : 12px;
font-size : 18px;
font-weight : 600;
}
.services-details-desc .services-details-features .features-text h4 i {
font-size : 16px;
margin-right : 4px;
color : #f99459;
}
.services-details-desc .services-details-overview {
margin-bottom : 30px;
padding : 25px;
background-color : #fff;
box-shadow : 0 0 1.25rem rgb(108, 118, 134, 0.1);
position : relative;
z-index : 1;
transition : 0.5s;
border-radius : 5px;
text-align : center;
}
.services-details-desc .services-details-overview h4 {
font-size : 22px;
margin-bottom : 10px;
transition : 0.5s;
}
.services-details-desc .services-details-overview p {
transition : 0.5s;
font-size : 14px;
}
.services-details-desc .services-details-overview::before {
top : 50%;
left : 50%;
width : 0%;
z-index : -1;
height : 100%;
content : "";
position : absolute;
transition : all 0.3s ease-in-out;
background-color : #fecc00;
transform : translate(-50%,-50%);
border-radius : 5px;
transition : 0.5s;
}
.services-details-desc .services-details-overview:hover {
transform : translateY(-10px);
}
.services-details-desc .services-details-overview:hover::before {
width : 100%;
}
.services-details-desc .services-details-overview:hover h4 {
color : #fff;
}
.services-details-desc .services-details-overview:hover p {
color : #fff;
}
.services-details-desc .text-result h3 {
margin-top : 0;
margin-bottom : 12px;
font-size : 25px;
}
.services-details-desc .text-result p {
margin-bottom : 0;
}
.services-details-desc .services-details-faq {
margin-top : 30px;
}
.services-details-desc .services-details-faq .accordion {
list-style-type : none;
padding-left : 0;
margin-bottom : 0;
}
.services-details-desc .services-details-faq .accordion .accordion-item {
display : block;
background : #f3f3f3;
margin-bottom : 10px;
}
.services-details-desc .services-details-faq .accordion .accordion-item:last-child {
margin-bottom : 0;
}
.services-details-desc .services-details-faq .accordion .accordion-title {
padding : 25px 40px 20px 20px;
color : #111;
position : relative;
display : block;
text-transform : capitalize;
font-size : 18px;
font-weight : 600;
}
.services-details-desc .services-details-faq .accordion .accordion-title i {
position : absolute;
right : 20px;
top : 50%;
transform : translateY(-50%);
color : #111;
font-size : 20px;
transition : 0.5s;
}
.services-details-desc .services-details-faq .accordion .accordion-title.active i::before {
content : "\eace";
color : #f99459;
}
.services-details-desc .services-details-faq .accordion .accordion-content {
display : none;
position : relative;
padding : 18px 20px;
border-top : 1px solid #f99459;
color : #6b6b84;
}
.services-details-desc .services-details-faq .accordion .accordion-content.show {
display : block;
}
.services-details-information .services-list {
padding-left : 0;
list-style-type : none;
background-color : #fff;
box-shadow : 0 5px 40px 10px #eaeaef;
margin-bottom : 30px;
}
.services-details-information .services-list li a {
display : block;
border-bottom : 1px solid #eee;
padding : 20px 30px;
position : relative;
font-size : 15px;
font-weight : 600;
}
.services-details-information .services-list li a:hover, .services-details-information .services-list li a.active {
background-color : #fecc00;
border-color : #fecc00;
color : #fff;
}
.services-details-information .services-list li:last-child a {
border-bottom : none;
}
.services-details-information .download-file {
background-color : #fff;
box-shadow : 0 5px 40px 10px #eaeaef;
margin-bottom : 30px;
padding : 30px;
}
.services-details-information .download-file h3 {
margin-bottom : 25px;
font-size : 22px;
}
.services-details-information .download-file ul {
padding-left : 0;
list-style-type : none;
margin-bottom : 0;
}
.services-details-information .download-file ul li a {
display : block;
border-bottom : 1px solid #eee;
position : relative;
padding-top : 15px;
padding-bottom : 15px;
font-size : 14px;
font-weight : 600;
}
.services-details-information .download-file ul li a i {
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
font-size : 22px;
}
.services-details-information .download-file ul li a:hover {
color : #fecc00;
}
.services-details-information .download-file ul li:first-child {
border-top : 1px solid #eee;
}
.services-details-information .services-contact-info {
background-color : #fff;
box-shadow : 0 5px 40px 10px #eaeaef;
margin-bottom : 30px;
padding : 30px;
}
.services-details-information .services-contact-info h3 {
margin-bottom : 25px;
font-size : 22px;
}
.services-details-information .services-contact-info ul {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.services-details-information .services-contact-info ul li {
margin-bottom : 20px;
border-bottom : 1px solid #eee;
position : relative;
color : #fecc00;
font-weight : 500;
font-size : 16px;
padding-left : 35px;
padding-bottom : 20px;
font-size : 14px;
}
.services-details-information .services-contact-info ul li span {
color : #111;
display : block;
margin-bottom : 8px;
font-size : 18px;
font-weight : 600;
}
.services-details-information .services-contact-info ul li a {
display : block;
color : #fecc00;
margin-bottom : 8px;
font-size : 14px;
}
.services-details-information .services-contact-info ul li a:last-child {
margin-bottom : 0;
}
.services-details-information .services-contact-info ul li a:hover {
color : #fecc00;
}
.services-details-information .services-contact-info ul li .icon {
position : absolute;
left : 0;
top : 3px;
color : #fecc00;
font-size : 25px;
}
.services-details-information .services-contact-info ul li:last-child {
padding-bottom : 0;
margin-bottom : 0;
border-bottom : none;
}
.related-services {
margin-top : 35px;
}
.related-services h5 {
font-size : 25px;
margin-bottom : 25px;
}
.widget-area .widget {
margin-bottom : 30px;
}
.widget-area .widget:last-child {
margin-bottom : 0;
}
.widget-area .widget .widget-title {
margin-bottom : 25px;
position : relative;
padding-bottom : 10px;
border-bottom : 1px solid #eee;
font-size : 20px;
}
.widget-area .widget .widget-title::before {
content : '';
position : absolute;
left : 0;
bottom : 0;
width : 50px;
height : 1px;
bottom : -1px;
background : #fecc00;
}
.widget-area .widget_search {
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .widget_search form {
position : relative;
}
.widget-area .widget_search form label {
display : block;
margin-bottom : 0;
}
.widget-area .widget_search form .screen-reader-text {
display : none;
}
.widget-area .widget_search form .search-field {
background-color : transparent;
height : 50px;
padding : 8px 15px;
border : #eee solid 1px;
width : 100%;
display : block;
outline : 0;
transition : 0.5s;
border-radius : 5px;
}
.widget-area .widget_search form .search-field:focus {
border-color : #f99459;
}
.widget-area .widget_search form button {
border : none;
background-color : #eee;
color : #f99459;
height : 40px;
width : 40px;
position : absolute;
right : 5px;
padding : 0;
transition : 0.5s;
top : 5px;
font-size : 20px;
border-radius : 5px;
cursor : pointer;
}
.widget-area .widget_search form button i {
position : absolute;
left : 0;
right : 0;
top : 52%;
transform : translateY(-52%);
}
.widget-area .widget_search form button:hover, .widget-area .widget_search form button:focus {
background-color : #f99459;
color : #fff;
}
.widget-area .widget_orgo_posts_thumb {
position : relative;
overflow : hidden;
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .widget_orgo_posts_thumb .item {
overflow : hidden;
margin-bottom : 15px;
}
.widget-area .widget_orgo_posts_thumb .item:last-child {
margin-bottom : 0;
}
.widget-area .widget_orgo_posts_thumb .item .thumb {
float : left;
height : 80px;
overflow : hidden;
display : block;
position : relative;
width : 80px;
margin-right : 15px;
z-index : 1;
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage {
width : 80px;
height : 80px;
display : inline-block;
border-radius : 5px;
background-size : cover !important ;
background-repeat : no-repeat;
background-position : center center !important ;
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg1 {
background-image : url(../img/blog/blog-1.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg2 {
background-image : url(../img/blog/blog-2.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg3 {
background-image : url(../img/blog/blog-3.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg4 {
background-image : url(../img/blog/blog-7.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg5 {
background-image : url(../img/blog/blog-8.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .thumb .fullimage.bg6 {
background-image : url(../img/blog/blog-9.jpg);
}
.widget-area .widget_orgo_posts_thumb .item .info {
overflow : hidden;
margin-top : 5px;
}
.widget-area .widget_orgo_posts_thumb .item .info span {
display : block;
color : #f99459;
margin-top : -2px;
margin-bottom : 5px;
font-size : 14px;
}
.widget-area .widget_orgo_posts_thumb .item .info .title {
margin-bottom : 0;
line-height : 1.4;
font-size : 17px;
font-weight : 700;
}
.widget-area .widget_orgo_posts_thumb .item .info .title a {
display : inline-block;
transition : 0.5s;
}
.widget-area .widget_orgo_posts_thumb .item .info .title a:hover {
color : #f99459;
}
.widget-area .widget_categories {
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .widget_categories ul {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.widget-area .widget_categories ul li {
position : relative;
margin-bottom : 12px;
overflow : hidden;
color : #111;
padding-left : 18px;
font-size : 15px;
font-weight : 600;
}
.widget-area .widget_categories ul li:last-child {
margin-bottom : 0;
}
.widget-area .widget_categories ul li::before {
background : #fecc00;
height : 8px;
width : 8px;
content : '';
border-radius : 50%;
left : 0;
top : 7px;
position : absolute;
}
.widget-area .widget_categories ul li a {
color : #111;
display : inline-block;
}
.widget-area .widget_categories ul li a:hover {
color : #f99459;
}
.widget-area .widget_tag_cloud {
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .widget_tag_cloud .widget-title {
margin-bottom : 18px;
}
.widget-area .tagcloud a {
display : inline-block;
background : #f5f5f5;
color : #111;
padding : 8px 30px;
border : none;
border-radius : 3px;
font-weight : 600;
font-size : 15px !important ;
margin-top : 8px;
margin-right : 5px;
}
.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
color : #fff;
background-color : #f99459;
}
.widget-area .price_list_widget {
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .price_list_widget .form-group .form-control {
display : block;
width : 100%;
height : 50px;
outline : 0;
background-color : #fff;
border : #f1f1f1 solid 1px;
border-radius : 3px;
box-shadow : none;
padding : 0 12px;
transition : 0.5s;
}
.widget-area .price_list_widget .form-group .form-control:focus {
outline : 0;
background-color : #fff;
border-color : #f99459;
box-shadow : none;
}
.widget-area .widget_popular_products {
position : relative;
overflow : hidden;
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.09);
border-radius : 5px;
padding : 25px;
}
.widget-area .widget_popular_products .widget-title {
margin-bottom : 30px;
}
.widget-area .widget_popular_products .item {
overflow : hidden;
margin-bottom : 20px;
border-bottom : 1px solid #eee;
padding-bottom : 20px;
}
.widget-area .widget_popular_products .item:last-child {
margin-bottom : 0;
border-bottom : none;
padding-bottom : 0;
}
.widget-area .widget_popular_products .item .thumb {
float : left;
height : 110px;
overflow : hidden;
display : block;
position : relative;
width : 110px;
margin-right : 15px;
z-index : 1;
}
.widget-area .widget_popular_products .item .thumb .fullimage {
width : 110px;
height : 110px;
display : inline-block;
border-radius : 2px;
background-size : cover !important ;
background-repeat : no-repeat;
background-position : center center !important ;
}
.widget-area .widget_popular_products .item .thumb .fullimage.bg1 {
background-image : url(../img/top-products/top-products-1.jpg);
}
.widget-area .widget_popular_products .item .thumb .fullimage.bg2 {
background-image : url(../img/top-products/top-products-2.jpg);
}
.widget-area .widget_popular_products .item .thumb .fullimage.bg3 {
background-image : url(../img/top-products/top-products-3.jpg);
}
.widget-area .widget_popular_products .item .info {
overflow : hidden;
margin-top : 5px;
}
.widget-area .widget_popular_products .item .info span {
display : block;
color : #f99459;
text-transform : uppercase;
margin-top : -5px;
margin-bottom : 6px;
font-weight : 500;
}
.widget-area .widget_popular_products .item .info .title {
margin-bottom : 0;
line-height : 1.4;
font-weight : 500;
font-size : 18px;
}
.widget-area .widget_popular_products .item .info .title a {
display : inline-block;
}
.widget-area .widget_popular_products .item .info .title a:hover {
color : #f99459;
}
.widget-area .widget_popular_products .item .info .rating {
margin-top : 8px;
}
.widget-area .widget_popular_products .item .info .rating i {
color : #f6b500;
display : inline-block;
margin-right : -2px;
}
.cart-table table {
margin-bottom : 0;
}
.cart-table table thead tr th {
border-bottom-width : 0;
vertical-align : middle;
padding : 0 0 20px;
border : none;
white-space : nowrap;
font-weight : 700;
font-size : 20px;
}
.cart-table table tbody tr td {
vertical-align : middle;
white-space : nowrap;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0;
padding-right : 0;
border-color : #eaedff;
border-left : none;
border-right : none;
}
.cart-table table tbody tr td.product-thumbnail a {
display : block;
}
.cart-table table tbody tr td.product-thumbnail a img {
width : 80px;
}
.cart-table table tbody tr td.product-name a {
color : #666;
font-weight : 500;
display : inline-block;
text-decoration : none;
}
.cart-table table tbody tr td.product-name a:hover {
color : #f99459;
}
.cart-table table tbody tr td.product-subtotal .remove {
color : #f99459;
float : right;
position : relative;
top : -1px;
}
.cart-table table tbody tr td.product-quantity .input-counter {
max-width : 130px;
min-width : 130px;
text-align : center;
display : inline-block;
position : relative;
}
.cart-table table tbody tr td.product-quantity .input-counter span {
position : absolute;
top : 0;
background-color : transparent;
cursor : pointer;
color : #d0d0d0;
width : 40px;
height : 100%;
line-height : 48px;
transition : 0.6s;
}
.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
left : 0;
}
.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
right : 0;
}
.cart-table table tbody tr td.product-quantity .input-counter span:hover {
color : #f99459;
}
.cart-table table tbody tr td.product-quantity .input-counter input {
height : 45px;
color : #f99459;
outline : 0;
display : block;
border : none;
background-color : #f8f8f8;
text-align : center;
width : 100%;
outline : 0;
box-shadow : none;
font-weight : 600;
}
.cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
color : #f99459;
}
.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
color : #f99459;
}
.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
color : #f99459;
}
.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
color : #f99459;
}
.cart-table table tbody tr td.product-subtotal {
overflow : hidden;
}
.cart-buttons {
margin-top : 30px;
}
.cart-totals {
background : #fff;
padding : 30px;
max-width : 750px;
box-shadow : 0 2px 48px 0 rgb(0, 0, 0, 0.08);
border-radius : 5px;
margin : 50px auto 0;
}
.cart-totals h3 {
margin-bottom : 25px;
font-size : 25px;
}
.cart-totals ul {
padding-left : 0;
margin : 0 0 25px;
list-style-type : none;
}
.cart-totals ul li {
border : #eaedff solid 1px;
padding : 20px 15px;
color : #111;
overflow : hidden;
font-weight : 600;
}
.cart-totals ul li:first-child {
border-bottom : none;
}
.cart-totals ul li:last-child {
border-top : none;
}
.cart-totals ul li b {
font-weight : 500;
}
.cart-totals ul li span {
float : right;
color : #6b6b84;
font-weight : 500;
}
.cart-totals .default-btn {
position : relative;
z-index : 1;
}
.user-actions {
box-shadow : 0 2px 48px 0 rgb(0, 0, 0, 0.08);
background : #fff;
padding : 18px 20px 15px;
margin-bottom : 65px;
border-top : 3px solid #111;
position : relative;
}
.user-actions::before {
content : '';
position : absolute;
right : 0;
bottom : -35px;
width : 100%;
height : 1px;
background : #eee;
}
.user-actions i {
color : #111;
margin-right : 2px;
font-size : 18px;
color : #f99459;
position : relative;
top : 2px;
}
.user-actions span {
display : inline-block;
font-weight : 600;
color : #111;
font-size : 14px;
}
.user-actions span a {
display : inline-block;
color : #111;
text-decoration : none;
}
.user-actions span a:hover, .user-actions span a:focus {
color : #f99459;
}
.billing-details .title {
margin-bottom : 30px;
position : relative;
padding-bottom : 10px;
border-bottom : 1px solid #eee;
font-size : 25px;
font-weight : 700;
}
.billing-details .title::before {
content : '';
position : absolute;
background : #fecc00;
bottom : -1px;
left : 0;
width : 50px;
height : 1px;
}
.billing-details .form-group {
margin-bottom : 25px;
}
.billing-details .form-group label {
display : block;
margin-bottom : 8px;
font-size : 16px;
font-weight : 500;
}
.billing-details .form-group label .required {
color : #111;
}
.billing-details .form-group .nice-select {
float : unset;
line-height : 60px;
color : #666;
font-weight : 500;
padding-top : 0;
padding-bottom : 0;
}
.billing-details .form-group .nice-select .list {
background-color : #fff;
box-shadow : 0 0 29px 0 rgb(102, 102, 102, 0.1);
border-radius : 0;
margin-top : 0;
width : 100%;
padding-top : 10px;
padding-bottom : 10px;
}
.billing-details .form-group .nice-select .list .option {
transition : 0.5s;
padding-left : 20px;
padding-right : 20px;
}
.billing-details .form-group .nice-select .list .option:hover {
background-color : #f99459 !important ;
color : #fff;
}
.billing-details .form-group .nice-select .list .option.selected {
background-color : transparent;
font-weight : 600;
}
.billing-details .form-group .nice-select:after {
right : 20px;
}
.billing-details .form-group .form-control {
height : 60px;
outline : 0;
box-shadow : none;
}
.billing-details .form-group .form-control:focus {
border-color : #f99459;
outline : 0;
box-shadow : none;
}
.billing-details .form-group textarea.form-control {
height : auto;
padding-top : 15px;
}
.billing-details .form-check {
margin-bottom : 20px;
}
.billing-details .form-check .form-check-label {
color : #111;
}
.billing-details .form-check label {
position : relative;
left : -3px;
top : 1px;
font-weight : 500;
}
.billing-details .col-lg-12:last-child .form-group {
margin-bottom : 0;
}
.order-details .title {
margin-bottom : 30px;
position : relative;
padding-bottom : 10px;
border-bottom : 1px solid #eee;
font-size : 25px;
font-weight : 700;
}
.order-details .title::before {
content : '';
position : absolute;
background : #fecc00;
bottom : -1px;
left : 0;
width : 50px;
height : 1px;
}
.order-details .order-table table {
margin-bottom : 0;
}
.order-details .order-table table thead tr th {
border-bottom-width : 0;
vertical-align : middle;
border-color : #eaedff;
font-weight : 600;
padding-left : 20px;
padding-top : 25px;
padding-right : 20px;
padding-bottom : 20px;
}
.order-details .order-table table tbody tr td {
vertical-align : middle;
color : #666;
border-color : #eaedff;
padding-left : 20px;
padding-right : 20px;
padding-top : 20px;
padding-bottom : 20px;
}
.order-details .order-table table tbody tr td.product-name a {
color : #666;
display : inline-block;
text-decoration : none;
font-weight : 500;
}
.order-details .order-table table tbody tr td.product-name a:hover {
color : #fecc00;
}
.order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span {
color : #666;
font-weight : 500;
}
.order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal {
font-weight : 600;
}
.order-details .payment-box {
background-color : #fff;
box-shadow : 0 2px 28px 0 rgb(0, 0, 0, 0.06);
margin-top : 30px;
padding : 30px;
}
.order-details .payment-box .payment-method p [type="radio"]:checked, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
display : none;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
padding-left : 28px;
cursor : pointer;
display : block;
color : #111;
position : relative;
margin-bottom : 8px;
font-size : 16px;
font-weight : 600;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label::before, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
content : '';
position : absolute;
left : 0;
top : 4px;
width : 20px;
height : 20px;
border : #ddd solid 1px;
border-radius : 50%;
background : #fff;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label::after, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
content : '';
width : 12px;
height : 12px;
background : #f99459;
position : absolute;
top : 8px;
left : 4px;
border-radius : 50%;
transition : 0.5s;
}
.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
opacity : 0;
visibility : hidden;
transform : scale(0);
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
opacity : 1;
visibility : visible;
transform : scale(1);
}
.order-details .payment-box .default-btn {
display : block;
margin-top : 25px;
position : relative;
z-index : 1;
text-align : center;
}
.product-details-image {
background-image : url(../img/top-products/top-products-7.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
height : 100%;
width : 100%;
position : relative;
z-index : 1;
}
.product-details-desc {
padding : 15px;
padding-left : 0;
padding-right : 0;
}
.product-details-desc h3 {
margin-bottom : 18px;
font-size : 25px;
}
.product-details-desc .price {
margin-bottom : 15px;
color : #000;
font-size : 15px;
font-weight : 600;
}
.product-details-desc .price .old-price {
text-decoration : line-through;
color : #828893;
}
.product-details-desc p {
margin-bottom : 0;
}
.product-details-desc .product-review {
margin-bottom : 15px;
}
.product-details-desc .product-review .rating {
display : inline-block;
padding-right : 5px;
font-size : 14px;
}
.product-details-desc .product-review .rating i {
color : #ffba0a;
}
.product-details-desc .product-review .rating-count {
display : inline-block;
color : #000;
border-bottom : 1px solid #000;
line-height : initial;
}
.product-details-desc .product-review .rating-count:hover {
color : #f99459;
border-color : #f99459;
text-decoration : none;
}
.product-details-desc .product-add-to-cart {
margin-top : 20px;
}
.product-details-desc .product-add-to-cart .input-counter {
max-width : 130px;
min-width : 130px;
margin-right : 10px;
text-align : center;
display : inline-block;
position : relative;
}
.product-details-desc .product-add-to-cart .input-counter span {
position : absolute;
top : 0;
background-color : transparent;
cursor : pointer;
color : #d0d0d0;
width : 50px;
height : 100%;
line-height : 55px;
transition : 0.5s;
}
.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
left : 0;
}
.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
right : 0;
}
.product-details-desc .product-add-to-cart .input-counter span:hover {
color : #f99459;
}
.product-details-desc .product-add-to-cart .input-counter input {
height : 50px;
color : #000;
outline : 0;
display : block;
border : none;
background-color : #f8f8f8;
text-align : center;
width : 100%;
font-size : 16px;
font-weight : 600;
}
.product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
color : #000;
}
.product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
color : #000;
}
.product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
color : #000;
}
.product-details-desc .product-add-to-cart .input-counter input::placeholder {
color : #000;
}
.product-details-desc .product-add-to-cart .default-btn {
position : relative;
padding : 12px 30px;
background-color : #f99459;
color : #fff;
border : #f99459 solid 1px;
cursor : pointer;
}
.product-details-desc .product-add-to-cart .default-btn i {
margin-right : 2px;
}
.product-details-desc .product-add-to-cart .default-btn:hover {
background-color : #fff;
color : #f99459;
transition : 0.5s;
}
.product-details-desc .buy-checkbox-btn {
margin-top : 20px;
}
.product-details-desc .buy-checkbox-btn input {
display : none;
}
.product-details-desc .buy-checkbox-btn .cbx {
margin : auto;
user-select : none;
cursor : pointer;
}
.product-details-desc .buy-checkbox-btn .cbx span {
display : inline-block;
vertical-align : middle;
transform : translate3d(0,0,0);
}
.product-details-desc .buy-checkbox-btn .cbx span:first-child {
position : relative;
width : 18px;
height : 18px;
border-radius : 3px;
transform : scale(1);
vertical-align : middle;
border : #ebebeb solid 1px;
transition : all 0.2s ease;
transition : 0.5s;
}
.product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
position : absolute;
top : 3px;
left : 2px;
fill : none;
stroke : #fff;
stroke-width : 2;
stroke-linecap : round;
stroke-linejoin : round;
stroke-dasharray : 16px;
stroke-dashoffset : 16px;
transition : all 0.3s ease;
transition-delay : 0.1s;
transform : translate3d(0,0,0);
transition : 0.5s;
}
.product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
content : "";
width : 100%;
height : 100%;
background : #000;
display : block;
transform : scale(0);
opacity : 1;
border-radius : 50%;
transition : 0.6s;
}
.product-details-desc .buy-checkbox-btn .cbx span:last-child {
position : relative;
top : 2px;
padding-left : 4px;
color : #666;
}
.product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
border-color : #f99459;
}
.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
background : #f99459;
border-color : #f99459;
animation : wave 0.4s ease;
}
.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
stroke-dashoffset : 0;
}
.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
transform : scale(3.5);
opacity : 0;
transition : all 0.6s ease;
}
.product-details-desc .buy-checkbox-btn .item:not(:first-child) {
margin-top : 15px;
}
.product-details-desc .buy-checkbox-btn .btn-light {
background-color : #f2f2f2;
border : none;
padding : 13px 25px 10px;
transition : 0.6s;
font-weight : 600;
display : block;
width : 100%;
}
.product-details-desc .buy-checkbox-btn .btn-light:hover {
background-color : #f99459;
color : #fff;
}
.product-details-desc .products-share {
margin-top : 30px;
}
.product-details-desc .products-share .social {
padding-left : 0;
list-style-type : none;
margin-bottom : 0;
}
.product-details-desc .products-share .social li {
display : inline-block;
}
.product-details-desc .products-share .social li span {
display : inline-block;
margin-right : 3px;
font-weight : 700;
position : relative;
top : -2px;
}
.product-details-desc .products-share .social li a {
display : block;
width : 35px;
height : 35px;
line-height : 35px;
border-radius : 50%;
background-color : #f99459;
color : #fff;
border : #f99459 solid 1px;
text-align : center;
font-size : 18px;
margin-left : 2px;
}
.product-details-desc .products-share .social li a:hover, .product-details-desc .products-share .social li a:focus {
color : #fecc00;
background-color : transparent;
}
.product-details-desc .products-share .social li a.facebook {
background-color : #3b5998;
border-color : #3b5998;
color : #fff;
}
.product-details-desc .products-share .social li a.facebook:hover, .product-details-desc .products-share .social li a.facebook:focus {
color : #3b5998;
background-color : transparent;
}
.product-details-desc .products-share .social li a.twitter {
background-color : #1da1f2;
border-color : #1da1f2;
color : #fff;
}
.product-details-desc .products-share .social li a.twitter:hover, .product-details-desc .products-share .social li a.twitter:focus {
color : #1da1f2;
background-color : transparent;
}
.product-details-desc .products-share .social li a.linkedin {
background-color : #007bb5;
border-color : #007bb5;
color : #fff;
}
.product-details-desc .products-share .social li a.linkedin:hover, .product-details-desc .products-share .social li a.linkedin:focus {
color : #007bb5;
background-color : transparent;
}
.product-details-desc .products-share .social li a.instagram {
background-color : #c13584;
border-color : #c13584;
color : #fff;
}
.product-details-desc .products-share .social li a.instagram:hover, .product-details-desc .products-share .social li a.instagram:focus {
color : #c13584;
background-color : transparent;
}
.products-details-tab {
margin-top : 50px;
}
.products-details-tab .tabs {
list-style-type : none;
margin-bottom : -1px;
padding-left : 0;
}
.products-details-tab .tabs li {
display : inline-block;
line-height : initial;
margin-right : 5px;
}
.products-details-tab .tabs li a {
display : inline-block;
position : relative;
text-transform : capitalize;
color : #111;
border : #eee dashed 1px;
text-decoration : none;
font-size : 16px;
font-weight : 500;
padding-top : 14px;
padding-bottom : 14px;
padding-right : 30px;
padding-left : 30px;
}
.products-details-tab .tabs li a:hover, .products-details-tab .tabs li a:focus {
color : #fff;
background-color : #f99459;
border-color : #f99459;
}
.products-details-tab .tabs li.current a {
color : #fff;
background-color : #f99459;
border-color : #f99459;
}
.products-details-tab .tabs li:last-child {
margin-right : 0;
}
.products-details-tab .tab_content {
border : #eee dashed 1px;
padding : 30px;
}
.products-details-tab .tab_content .tabs_item {
display : none;
}
.products-details-tab .tab_content .tabs_item:first-child {
display : block;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content p {
margin-bottom : 20px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
margin-bottom : 0;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
margin-bottom : 15px;
font-size : 24px;
font-weight : 700;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
position : relative;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
display : inline-block;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
color : #ffba0a;
font-size : 14px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
margin-bottom : 0;
display : inline-block;
padding-left : 5px;
line-height : initial;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn {
position : absolute;
right : 0;
bottom : 0;
padding : 8px 20px;
background-color : #f99459;
color : #fff;
transition : 0.5s;
font-size : 15px;
border : #f99459 solid 1px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn:hover {
background-color : #fff;
color : #f99459;
text-decoration : none;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
margin-top : 35px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
margin-top : 30px;
position : relative;
padding-right : 200px;
border-top : 1px dashed #eee;
padding-top : 30px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
color : #ffba0a;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
font-size : 14px;
color : #ffba0a;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
font-size : 18px;
margin-top : 10px;
margin-bottom : 10px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
margin-bottom : 10px;
font-size : 13px;
display : block;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
font-weight : 600;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
margin-bottom : 0;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
position : absolute;
right : 0;
color : #666;
top : 40px;
text-decoration : underline;
font-weight : 500;
font-size : 15px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
color : #f99459;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
margin-top : 30px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form h3 {
margin-bottom : 20px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form {
max-width : 100%;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
margin-bottom : 15px;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
height : 55px;
background-color : #eee;
border : #eee solid 1px;
transition : 0.5s;
color : #111;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control:focus {
background-color : transparent;
border : #f99459 solid 1px;
outline : 0;
box-shadow : none;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control {
padding-top : 15px;
height : auto;
}
.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form .default-btn {
cursor : pointer;
position : relative;
z-index : 1;
border : none;
}
.related-shop {
margin-top : 35px;
}
.related-shop h4 {
font-size : 25px;
margin-bottom : 25px;
}
.blog-details-desc .article-content {
margin-top : 30px;
}
.blog-details-desc .article-content .entry-meta {
margin-bottom : -8px;
}
.blog-details-desc .article-content .entry-meta ul {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.blog-details-desc .article-content .entry-meta ul li {
position : relative;
display : inline-block;
color : #111;
margin-right : 20px;
}
.blog-details-desc .article-content .entry-meta ul li span {
display : inline-block;
color : #111;
font-weight : 500;
}
.blog-details-desc .article-content .entry-meta ul li a {
display : inline-block;
color : #6b6b84;
}
.blog-details-desc .article-content .entry-meta ul li a:hover {
color : #fecc00;
}
.blog-details-desc .article-content .entry-meta ul li i {
color : #fecc00;
margin-right : 2px;
}
.blog-details-desc .article-content .entry-meta ul li::before {
content : '';
position : absolute;
top : 12px;
right : -15px;
width : 6px;
height : 1px;
background : #fecc00;
}
.blog-details-desc .article-content .entry-meta ul li:last-child {
margin-right : 0;
}
.blog-details-desc .article-content .entry-meta ul li:last-child::before {
display : none;
}
.blog-details-desc .article-content h3 {
margin-bottom : 15px;
margin-top : 25px;
font-size : 25px;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 {
padding-left : 0;
list-style-type : none;
display : flex;
flex-wrap : wrap;
margin-right : -10px;
margin-left : -10px;
margin-bottom : 30px;
margin-top : 30px;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
flex : 0 0 33.3333%;
max-width : 33.3333%;
padding-right : 10px;
padding-left : 10px;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
margin-bottom : 0;
}
.blog-details-desc .article-footer {
display : flex;
flex-wrap : wrap;
margin-top : 30px;
}
.blog-details-desc .article-footer .article-tags {
flex : 0 0 50%;
max-width : 50%;
color : #6b6b84;
}
.blog-details-desc .article-footer .article-tags span {
display : inline-block;
color : #111;
font-size : 20px;
margin-right : 5px;
position : relative;
top : 2px;
}
.blog-details-desc .article-footer .article-tags a {
display : inline-block;
margin-right : 2px;
font-weight : 500;
color : #6b6b84;
}
.blog-details-desc .article-footer .article-tags a:hover {
color : #f99459;
}
.blog-details-desc .article-footer .article-share {
flex : 0 0 50%;
max-width : 50%;
}
.blog-details-desc .article-footer .article-share .social {
padding-left : 0;
list-style-type : none;
text-align : right;
margin-bottom : 0;
}
.blog-details-desc .article-footer .article-share .social li {
display : inline-block;
}
.blog-details-desc .article-footer .article-share .social li span {
display : inline-block;
margin-right : 2px;
font-weight : 500;
color : #6b6b84;
}
.blog-details-desc .article-footer .article-share .social li a {
display : block;
color : #f99459;
width : 30px;
height : 30px;
line-height : 34px;
border-radius : 50%;
background-color : #eeeef0;
text-align : center;
}
.blog-details-desc .article-footer .article-share .social li a:hover {
color : #fff;
background-color : #f99459;
transform : translateY(-2px);
}
blockquote, .blockquote {
background-color : #fafafa;
padding : 30px !important ;
text-align : center;
margin-top : 20px;
margin-bottom : 20px;
border-left : 3px solid #f99459;
border-right : 3px solid #f99459;
border-radius : 5px;
}
blockquote p, .blockquote p {
color : #111;
margin-bottom : 0;
font-size : 18px !important ;
font-weight : 500;
font-style : italic;
}
.post-navigation {
margin-top : 30px;
border-top : 1px solid #eee;
border-bottom : 1px solid #eee;
padding-top : 20px;
padding-bottom : 20px;
}
.post-navigation .navigation-links {
display : flex;
flex-wrap : wrap;
}
.post-navigation .navigation-links .nav-previous {
flex : 0 0 50%;
max-width : 50%;
}
.post-navigation .navigation-links .nav-previous a i {
margin-right : 2px;
transition : 0.5s;
font-size : 18px;
position : relative;
top : 1px;
}
.post-navigation .navigation-links .nav-previous a:hover i {
margin-right : 0;
}
.post-navigation .navigation-links .nav-next {
flex : 0 0 50%;
max-width : 50%;
text-align : right;
}
.post-navigation .navigation-links .nav-next a i {
margin-left : 2px;
transition : 0.5s;
font-size : 18px;
position : relative;
top : 1px;
}
.post-navigation .navigation-links .nav-next a:hover i {
margin-left : 0;
}
.post-navigation .navigation-links div a {
display : inline-block;
font-weight : 600;
}
.comments-area {
margin-top : 30px;
}
.comments-area .comments-title {
margin-bottom : 30px;
font-size : 24px;
}
.comments-area ol, .comments-area ul {
padding : 0;
margin : 0;
list-style-type : none;
}
.comments-area .comment-list {
padding : 0;
margin : 0;
list-style-type : none;
}
.comments-area .children {
margin-left : 20px;
}
.comments-area .comment-body {
border-bottom : 1px dashed #eee;
padding-left : 70px;
color : #111;
margin-bottom : 20px;
padding-bottom : 20px;
}
.comments-area .comment-body .reply {
margin-top : 15px;
}
.comments-area .comment-body .reply a {
border : #ded9d9 dashed 1px;
color : #111;
display : inline-block;
padding : 5px 25px;
border-radius : 30px;
text-transform : capitalize;
font-size : 14px;
font-weight : 500;
}
.comments-area .comment-body .reply a:hover {
color : #fff;
background-color : #f99459;
border-color : #f99459;
}
.comments-area .comment-author {
font-size : 16px;
margin-bottom : 8px;
position : relative;
z-index : 2;
}
.comments-area .comment-author .avatar {
height : 50px;
left : -65px;
position : absolute;
width : 50px;
}
.comments-area .comment-author .fn {
font-weight : 600;
}
.comments-area .comment-metadata {
color : #6b6b84;
margin-bottom : 10px;
font-size : 14px;
}
.comments-area .comment-metadata a {
display : inline-block;
color : #6b6b84;
}
.comments-area .comment-metadata a:hover {
color : #f99459;
}
.comments-area .comment-respond {
margin-top : 30px;
}
.comments-area .comment-respond .comment-reply-title {
margin-bottom : 0;
font-size : 24px;
}
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
display : inline-block;
}
.comments-area .comment-respond .comment-form {
overflow : hidden;
}
.comments-area .comment-respond .comment-notes {
margin-top : 10px;
margin-bottom : 20px;
}
.comments-area .comment-respond .comment-notes .required {
color : red;
}
.comments-area .comment-respond .comment-form-comment {
float : left;
width : 100%;
}
.comments-area .comment-respond label {
display : none;
}
.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
display : block;
width : 100%;
background-color : #f4f4f4;
border : none;
padding : 1px 0 0 15px;
height : 60px;
outline : 0;
border-radius : 2px;
color : #111;
}
.comments-area .comment-respond input[type="date"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]::-webkit-input-placeholder, .comments-area .comment-respond textarea::-webkit-input-placeholder {
color : #6b6b84;
}
.comments-area .comment-respond input[type="date"]:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:-ms-input-placeholder, .comments-area .comment-respond textarea:-ms-input-placeholder {
color : #6b6b84;
}
.comments-area .comment-respond input[type="date"]::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]::-ms-input-placeholder, .comments-area .comment-respond textarea::-ms-input-placeholder {
color : #6b6b84;
}
.comments-area .comment-respond input[type="date"]::placeholder, .comments-area .comment-respond input[type="time"]::placeholder, .comments-area .comment-respond input[type="datetime-local"]::placeholder, .comments-area .comment-respond input[type="week"]::placeholder, .comments-area .comment-respond input[type="month"]::placeholder, .comments-area .comment-respond input[type="text"]::placeholder, .comments-area .comment-respond input[type="email"]::placeholder, .comments-area .comment-respond input[type="url"]::placeholder, .comments-area .comment-respond input[type="password"]::placeholder, .comments-area .comment-respond input[type="search"]::placeholder, .comments-area .comment-respond input[type="tel"]::placeholder, .comments-area .comment-respond input[type="number"]::placeholder, .comments-area .comment-respond textarea::placeholder {
color : #6b6b84;
}
.comments-area .comment-respond textarea {
height : auto !important ;
padding-top : 15px;
}
.comments-area .comment-respond .comment-form-author {
float : left;
width : 50%;
padding-right : 10px;
margin-bottom : 20px;
}
.comments-area .comment-respond .comment-form-email {
float : left;
width : 50%;
padding-left : 12px;
margin-bottom : 20px;
}
.comments-area .comment-respond .comment-form-url {
float : left;
width : 100%;
margin-bottom : 20px;
}
.comments-area .comment-respond .comment-form-cookies-consent {
width : 100%;
float : left;
position : relative;
padding-left : 20px;
margin-top : 15px;
margin-bottom : 20px;
}
.comments-area .comment-respond .comment-form-cookies-consent input {
position : absolute;
left : 0;
top : 7.5px;
}
.comments-area .comment-respond .comment-form-cookies-consent label {
display : inline-block;
margin : 0;
color : #6b6b84;
}
.comments-area .comment-respond .form-submit {
float : left;
width : 100%;
}
.comments-area .comment-respond .form-submit input {
background : #fecc00;
border : none;
color : #fff;
padding : 10px 30px;
display : inline-block;
cursor : pointer;
text-transform : capitalize;
transition : 0.5s;
border-radius : 0;
font-weight : 600;
border-radius : 5px;
}
.footer-area {
background-color : #231f402b;
padding : 50px 0 30px 0;
}
.single-footer-widget {
margin-bottom : 30px;
}
.single-footer-widget .logo {
margin-bottom : 25px;
}
.single-footer-widget .logo h2 {
font-size : 50px;
}
.single-footer-widget .logo h2 a {
color : #fecc00;
}
.single-footer-widget p {
margin-bottom : 0;
color : #111;
}
.single-footer-widget .social {
padding-left : 0;
list-style-type : none;
margin-top : 25px;
margin-bottom : 0;
}
.single-footer-widget .social li {
display : inline-block;
margin-right : 10px;
}
.single-footer-widget .social li:last-child {
margin-right : 0;
}
.single-footer-widget .social li a {
display : block;
width : 35px;
height : 35px;
line-height : 35px;
border-radius : 50%;
background-color : #fecc00;
color : #fff;
border : #fecc00 solid 1px;
text-align : center;
font-size : 18px;
}
.single-footer-widget .social li a:hover, .single-footer-widget .social li a:focus {
color : #fecc00;
background-color : transparent;
}
.single-footer-widget .social li a.facebook {
background-color : #3b5998;
border-color : #3b5998;
color : #fff;
}
.single-footer-widget .social li a.facebook:hover, .single-footer-widget .social li a.facebook:focus {
color : #3b5998;
background-color : transparent;
}
.single-footer-widget .social li a.twitter {
background-color : #1da1f2;
border-color : #1da1f2;
color : #fff;
}
.single-footer-widget .social li a.twitter:hover, .single-footer-widget .social li a.twitter:focus {
color : #1da1f2;
background-color : transparent;
}
.single-footer-widget .social li a.linkedin {
background-color : #007bb5;
border-color : #007bb5;
color : #fff;
}
.single-footer-widget .social li a.linkedin:hover, .single-footer-widget .social li a.linkedin:focus {
color : #007bb5;
background-color : transparent;
}
.single-footer-widget .social li a.pinterest {
background-color : #c13584;
border-color : #c13584;
color : #fff;
}
.single-footer-widget .social li a.pinterest:hover, .single-footer-widget .social li a.pinterest:focus {
color : #c13584;
background-color : transparent;
}
.single-footer-widget h3 {
font-size : 22px;
position : relative;
padding-bottom : 15px;
margin-bottom : 25px;
font-family : "open sans", sans-serif;
}
.single-footer-widget h3::before {
position : absolute;
content : '';
bottom : 0;
left : 0;
height : 2px;
width : 50px;
background-color : #fecc00;
}
.single-footer-widget .instagram-list {
padding-left : 0;
list-style-type : none;
display : flex;
flex-wrap : wrap;
margin-bottom : 0;
margin-left : -2px;
margin-right : -2px;
margin-top : -5px;
}
.single-footer-widget .instagram-list li {
flex : 0 0 33.333333%;
max-width : 33.333333%;
text-align : center;
padding-left : 2px;
padding-right : 2px;
padding-top : 5px;
}
.single-footer-widget .instagram-list li .box {
position : relative;
z-index : 1;
overflow : hidden;
}
.single-footer-widget .instagram-list li .box .link-btn {
display : block;
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
z-index : 3;
}
.single-footer-widget .instagram-list li .box i {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
font-size : 30px;
transition : 0.5s;
opacity : 0;
visibility : hidden;
color : #fff;
z-index : 2;
}
.single-footer-widget .instagram-list li .box img {
transition : 0.5s;
}
.single-footer-widget .instagram-list li .box::before {
content : '';
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
z-index : 1;
background-color : #fecc00;
transition : 0.5s;
opacity : 0;
visibility : hidden;
}
.single-footer-widget .instagram-list li .box:hover::before {
opacity : 0.5;
visibility : visible;
}
.single-footer-widget .instagram-list li .box:hover img {
transform : scale(1.3);
}
.single-footer-widget .instagram-list li .box:hover i {
opacity : 1;
visibility : visible;
}
.single-footer-widget .quick-links {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.single-footer-widget .quick-links li {
margin-bottom : 18px;
color : #111;
font-size : 16px;
}
.single-footer-widget .quick-links li a {
display : inline-block;
color : #111;
font-weight : 500;
position : relative;
}
.single-footer-widget .quick-links li a:hover {
color : #fecc00;
}
.single-footer-widget .quick-links li a:hover::before {
width : 100%;
}
.single-footer-widget .quick-links li a::before {
content : '';
position : absolute;
left : 0;
bottom : 0;
width : 0;
height : 1px;
transition : 0.5s;
background-color : #fecc00;
}
.single-footer-widget .quick-links li:last-child {
margin-bottom : 0;
}
.single-footer-widget .footer-contact-info {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
}
.single-footer-widget .footer-contact-info li {
margin-bottom : 20px;
color : #111;
position : relative;
padding-left : 35px;
}
.single-footer-widget .footer-contact-info li i {
position : absolute;
left : 0;
top : 5px;
font-size : 25px;
color : #fecc00;
}
.single-footer-widget .footer-contact-info li span {
display : block;
font-weight : 700;
margin-bottom : 5px;
color : #111;
font-size : 18px;
}
.single-footer-widget .footer-contact-info li a {
display : inline-block;
color : #111;
font-weight : 500;
position : relative;
font-size : 15px;
}
.single-footer-widget .footer-contact-info li a:hover {
color : #fecc00;
}
.single-footer-widget .footer-contact-info li a:hover::before {
width : 100%;
}
    .single-footer-widget .footer-contact-info li a::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        transition: 0.5s;
        background-color: #02267c;
    }
.single-footer-widget .footer-contact-info li:last-child {
margin-bottom : 0;
}
.copyright-area {
padding-top : 30px;
padding-bottom : 30px;
background-color : #1b1832;
}
.copyright-area .copyright-area-content p {
color : #fff;
}
.copyright-area .copyright-area-content p a {
display : inline-block;
font-weight : 600;
color : #fecc00;
}
.copyright-area .copyright-area-content p a:hover {
color : #fff;
}
.copyright-area .copyright-area-content ul {
padding-left : 0;
margin-bottom : 0;
list-style-type : none;
text-align : right;
}
.copyright-area .copyright-area-content ul li {
display : inline-block;
position : relative;
margin-left : 10px;
margin-right : 10px;
}
.copyright-area .copyright-area-content ul li a {
display : inline-block;
color : #fff;
}
.copyright-area .copyright-area-content ul li a:hover {
color : #fecc00;
}
.copyright-area .copyright-area-content ul li::before {
content : '';
position : absolute;
top : 5px;
right : -13px;
width : 1px;
height : 14px;
background-color : #fecc00;
}
.copyright-area .copyright-area-content ul li:last-child {
margin-right : 0;
}
.copyright-area .copyright-area-content ul li:last-child::before {
display : none;
}
.copyright-area .copyright-area-content ul li:first-child {
margin-left : 0;
}
.go-top {
position : fixed;
cursor : pointer;
bottom : -100px;
right : 20px;
color : #fff;
background-color : #111;
z-index : 4;
width : 45px;
text-align : center;
height : 45px;
opacity : 0;
visibility : hidden;
border-radius : 50%;
font-size : 22px;
transition : 0.9s;
overflow : hidden;
box-shadow : 0 3px 10px rgb(0, 0, 0, 0.1);
}
.go-top i {
position : absolute;
right : 0;
left : 0;
top : 50%;
transform : translateY(-50%);
text-align : center;
font-size : 30px;
margin-left : auto;
margin-right : auto;
}
.go-top.active {
opacity : 1;
visibility : visible;
bottom : 20px;
}
.go-top:hover {
background-color : #fecc00;
color : #fff;
transition : 0.5s;
box-shadow : 0 4px 6px rgb(50, 50, 93, 0.11), 0 1px 3px rgb(0, 0, 0, 0.08);
transform : translateY(-5px);
}
.productsQuickView .modal-dialog {
max-width : 850px;
margin : 0 auto;
}
.productsQuickView .modal-content {
border : none;
padding : 40px 25px;
border-radius : 0;
}
.productsQuickView .modal-content button.close {
position : absolute;
right : 0;
top : 0;
outline : 0;
opacity : 1;
color : #111;
transition : 0.5s;
line-height : 35px;
padding : 0;
margin : 0;
font-size : 25px;
width : 35px;
text-shadow : unset;
height : 35px;
border : none;
}
.productsQuickView .modal-content button.close:hover {
background-color : #fecc00;
color : #fff;
}
.productsQuickView .modal-content .products-image {
background-image : url(../img/top-products/top-products-4.jpg);
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
height : 100%;
width : 100%;
}
.productsQuickView .modal-content .product-content h3 {
margin-bottom : 18px;
font-size : 25px;
}
.productsQuickView .modal-content .product-content .price {
margin-bottom : 15px;
color : #000;
font-size : 15px;
font-weight : 600;
}
.productsQuickView .modal-content .product-content .price .old-price {
text-decoration : line-through;
color : #828893;
}
.productsQuickView .modal-content .product-content p {
margin-bottom : 0;
}
.productsQuickView .modal-content .product-content .product-review {
margin-bottom : 15px;
}
.productsQuickView .modal-content .product-content .product-review .rating {
display : inline-block;
padding-right : 5px;
font-size : 14px;
}
.productsQuickView .modal-content .product-content .product-review .rating i {
color : #ffba0a;
}
.productsQuickView .modal-content .product-content .product-review .rating-count {
display : inline-block;
color : #000;
border-bottom : 1px solid #000;
line-height : initial;
}
.productsQuickView .modal-content .product-content .product-review .rating-count:hover {
color : #fecc00;
border-color : #fecc00;
text-decoration : none;
}
.productsQuickView .modal-content .product-content .product-add-to-cart {
margin-top : 20px;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter {
max-width : 130px;
min-width : 130px;
margin-right : 10px;
text-align : center;
display : inline-block;
position : relative;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter span {
position : absolute;
top : 0;
background-color : transparent;
cursor : pointer;
color : #d0d0d0;
width : 50px;
height : 100%;
line-height : 55px;
transition : 0.5s;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter span.minus-btn {
left : 0;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter span.plus-btn {
right : 0;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter span:hover {
color : #fecc00;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter input {
height : 50px;
color : #000;
outline : 0;
display : block;
border : none;
background-color : #f8f8f8;
text-align : center;
width : 100%;
font-size : 16px;
font-weight : 600;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter input::-webkit-input-placeholder {
color : #000;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter input:-ms-input-placeholder {
color : #000;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter input::-ms-input-placeholder {
color : #000;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .input-counter input::placeholder {
color : #000;
}
.productsQuickView .modal-content .product-content .product-add-to-cart .default-btn {
border : none;
cursor : pointer;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn {
margin-top : 20px;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn input {
display : none;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx {
margin : auto;
user-select : none;
cursor : pointer;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx span {
display : inline-block;
vertical-align : middle;
transform : translate3d(0,0,0);
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx span:first-child {
position : relative;
width : 18px;
height : 18px;
border-radius : 3px;
transform : scale(1);
vertical-align : middle;
border : #ebebeb solid 1px;
transition : all 0.2s ease;
transition : 0.5s;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx span:first-child svg {
position : absolute;
top : 3px;
left : 2px;
fill : none;
stroke : #fff;
stroke-width : 2;
stroke-linecap : round;
stroke-linejoin : round;
stroke-dasharray : 16px;
stroke-dashoffset : 16px;
transition : all 0.3s ease;
transition-delay : 0.1s;
transform : translate3d(0,0,0);
transition : 0.5s;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx span:first-child:before {
content : "";
width : 100%;
height : 100%;
background : #000;
display : block;
transform : scale(0);
opacity : 1;
border-radius : 50%;
transition : 0.6s;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx span:last-child {
position : relative;
top : 2px;
padding-left : 4px;
color : #666;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .cbx:hover span:first-child {
border-color : #fecc00;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
background : #fecc00;
border-color : #fecc00;
animation : wave 0.4s ease;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
stroke-dashoffset : 0;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
transform : scale(3.5);
opacity : 0;
transition : all 0.6s ease;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .item:not(:first-child) {
margin-top : 15px;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .btn-light {
background-color : #f2f2f2;
border : none;
padding : 13px 25px 10px;
transition : 0.6s;
font-weight : 600;
display : block;
width : 100%;
}
.productsQuickView .modal-content .product-content .buy-checkbox-btn .btn-light:hover {
background-color : #fecc00;
color : #fff;
}
.productsQuickView .modal-content .product-content .products-share {
margin-top : 30px;
}
.productsQuickView .modal-content .product-content .products-share .social {
padding-left : 0;
list-style-type : none;
margin-bottom : 0;
}
.productsQuickView .modal-content .product-content .products-share .social li {
display : inline-block;
}
.productsQuickView .modal-content .product-content .products-share .social li span {
display : inline-block;
margin-right : 3px;
font-weight : 700;
position : relative;
top : -2px;
}
.productsQuickView .modal-content .product-content .products-share .social li a {
display : block;
width : 35px;
height : 35px;
line-height : 35px;
border-radius : 50%;
background-color : #fecc00;
color : #fff;
border : #fecc00 solid 1px;
text-align : center;
font-size : 18px;
margin-left : 2px;
}
.productsQuickView .modal-content .product-content .products-share .social li a:hover, .productsQuickView .modal-content .product-content .products-share .social li a:focus {
color : #fecc00;
background-color : transparent;
}
.productsQuickView .modal-content .product-content .products-share .social li a.facebook {
background-color : #3b5998;
border-color : #3b5998;
color : #fff;
}
.productsQuickView .modal-content .product-content .products-share .social li a.facebook:hover, .productsQuickView .modal-content .product-content .products-share .social li a.facebook:focus {
color : #3b5998;
background-color : transparent;
}
.productsQuickView .modal-content .product-content .products-share .social li a.twitter {
background-color : #1da1f2;
border-color : #1da1f2;
color : #fff;
}
.productsQuickView .modal-content .product-content .products-share .social li a.twitter:hover, .productsQuickView .modal-content .product-content .products-share .social li a.twitter:focus {
color : #1da1f2;
background-color : transparent;
}
.productsQuickView .modal-content .product-content .products-share .social li a.linkedin {
background-color : #007bb5;
border-color : #007bb5;
color : #fff;
}
.productsQuickView .modal-content .product-content .products-share .social li a.linkedin:hover, .productsQuickView .modal-content .product-content .products-share .social li a.linkedin:focus {
color : #007bb5;
background-color : transparent;
}
.productsQuickView .modal-content .product-content .products-share .social li a.instagram {
background-color : #c13584;
border-color : #c13584;
color : #fff;
}
.productsQuickView .modal-content .product-content .products-share .social li a.instagram:hover, .productsQuickView .modal-content .product-content .products-share .social li a.instagram:focus {
color : #c13584;
background-color : transparent;
}
.login-block {
float : left;
width : 100%;
padding : 50px 0;
}
.banner-sec {
background : url(https://static.pexels.com/photos/33972/pexels-photo.jpg) left bottom no-repeat;
background-size : cover;
min-height : 500px;
border-radius : 0 10px 10px 0;
padding : 0;
}
.login-container {
background : #fff;
border-radius : 10px;
box-shadow : 15px 20px 0 rgb(0, 0, 0, 0.1);
}
.carousel-inner {
border-radius : 0 10px 10px 0;
}
.carousel-caption {
text-align : left;
left : 5%;
}
.login-sec {
padding : 50px 30px;
background : #fff5d0;
position : relative;
}
.login-sec .copy-text {
position : absolute;
width : 80%;
bottom : 20px;
font-size : 13px;
text-align : center;
}
.login-sec .copy-text i {
color : #FEB58A;
}
.login-sec .copy-text a {
color : #383267;
font-weight : 700;
}
.login-sec .copy-text a:hover {
color : #fecc00;
}
.login-sec h2 {
margin-bottom : 30px;
font-weight : 800;
font-size : 30px;
color : #383267;
}
.login-sec h2:after {
content : " ";
width : 100px;
height : 5px;
background : #383267;
display : block;
margin-top : 20px;
border-radius : 3px;
margin-left : auto;
margin-right : auto;
}
.btn-login {
background : #383267;
color : #fff;
font-weight : 600;
}
.banner-text {
width : 70%;
position : absolute;
bottom : 40px;
padding-left : 20px;
}
.banner-text h2 {
color : #fff;
font-weight : 600;
}
.banner-text h2:after {
content : " ";
width : 100px;
height : 5px;
background : #FFF;
display : block;
margin-top : 20px;
border-radius : 3px;
}
.banner-text p {
color : #fff;
}
.loaderfrm {
display : none;
background : #fff5d0ab;
top : 0;
left : 0;
padding : 35% 0;
text-align : center;
width : 100%;
border-radius : 4px;
bottom : 0;
z-index : 999;
position : absolute;
}