html,
body {
font-size : 14px;
font-family : "Segoe UI", Verdana, Arial, sans-serif;
margin : 0;
background-color : #FCFCFC;
position : relative;
height : 100%
}
a,
a:link,
a:hover,
a:active,
a:visited {
text-decoration : none;
font-weight : inherit;
color : inherit;
}
textarea {
resize : none;
}
.errorlist {
background : #FEFEFE;
border : 1px solid #E6E6E6;
border-radius : 6px 6px 6px 6px;
color : #333333;
min-width : 250px;
padding : 4px 7px;
box-shadow : 0 -1px 0 #F4F4F4 inset, 0 2px 3px rgba(0, 0, 0, 0.5);
}
.errorlist.positioned-error {
position : absolute;
z-index : 1;
}
.errorlist.positioned-right {
margin-left : 8px;
}
.errorlist.positioned-left {
margin-right : 8px;
}
.errorlist .message-text:before {
color : #000000;
content : "* ";
vertical-align : middle;
}
.errorlist .message-text {
vertical-align : middle;
}
.errorlist.positioned-right .pointer {
background : url("/wc/7.0.0/images/common/errorlist/errorlist-left-arrow.png") no-repeat scroll left top transparent;
position : absolute;
left : -9px;
top : 7px;
width : 10px;
height : 15px;
}
.errorlist.positioned-error .close-btn {
background : url("/wc/7.0.0/images/common/errorlist/errorlist_close.png") no-repeat scroll left top transparent;
height : 12px;
position : absolute;
right : -6px;
top : -6px;
width : 12px;
cursor : pointer;
}
.errorlist.positioned-left .pointer {
background : url("/wc/7.0.0/images/common/errorlist/errorlist-right-arrow.png") no-repeat scroll left top transparent;
position : absolute;
right : -10px;
top : 7px;
width : 10px;
height : 15px;
}
.errorlist.positioned-error.positioned-left .close-btn {
background : url("/wc/7.0.0/images/common/errorlist/errorlist_close.png") no-repeat scroll left top transparent;
height : 12px;
position : absolute;
left : -6px;
top : -6px;
width : 12px;
cursor : pointer;
}
.error-field-error.inline-error,
.validation-error {
background-color : #FFEEEE;
border : 1px solid #FF0000;
color : #FF0000;
}
.radio-checkbox-row.validation-error{
border: 0;
background: none;
}
.div-mask {
background-color: #ffffffab;
text-align : center;
z-index: 100;
}
.div-mask.bg-white {
background-color : white;
}
.vertical-aligner {
display : inline-block;
height : 100%;
vertical-align : middle;
}
.loader {
font-size: 31px;
width : 1em;
height : 1em;
border-radius : 50%;
margin : -0.5em 0 0 -0.5em;
-webkit-animation : load6 1.7s infinite ease;
animation : load6 1.7s infinite ease;
position : absolute;
left : 50%;
top : 50%;
}
@-webkit-keyframes load6 {
0% {
box-shadow : -0.11em -0.83em 0 -0.35em #1199C4, -0.11em -0.83em 0 -0.38em #1199C4, -0.11em -0.83em 0 -0.41em #1199C4, -0.11em -0.83em 0 -0.44em #1199C4, -0.11em -0.83em 0 -0.47em #1199C4;
}
5%,
95% {
box-shadow : -0.11em -0.83em 0 -0.35em #1199C4, -0.11em -0.83em 0 -0.38em #1199C4, -0.11em -0.83em 0 -0.41em #1199C4, -0.11em -0.83em 0 -0.44em #1199C4, -0.11em -0.83em 0 -0.47em #1199C4;
}
30% {
box-shadow : -0.11em -0.83em 0 -0.35em #1199C4, -0.51em -0.66em 0 -0.38em #1199C4, -0.75em -0.36em 0 -0.41em #1199C4, -0.83em -0.03em 0 -0.44em #1199C4, -0.81em 0.21em 0 -0.47em #1199C4;
}
55% {
box-shadow : -0.11em -0.83em 0 -0.35em #1199C4, -0.29em -0.78em 0 -0.38em #1199C4, -0.43em -0.72em 0 -0.41em #1199C4, -0.52em -0.65em 0 -0.44em #1199C4, -0.57em -0.61em 0 -0.47em #1199C4;
}
100% {
-webkit-transform : rotate(360deg);
box-shadow : -0.11em -0.83em 0 -0.35em #1199C4, -0.11em -0.83em 0 -0.38em #1199C4, -0.11em -0.83em 0 -0.41em #1199C4, -0.11em -0.83em 0 -0.44em #1199C4, -0.11em -0.83em 0 -0.47em #1199C4;
}
}
@keyframes load6 {
0% {
box-shadow: -0.11em -0.83em 0 -0.35em #000000, -0.11em -0.83em 0 -0.38em #000000, -0.11em -0.83em 0 -0.41em #000000, -0.11em -0.83em 0 -0.44em #000000, -0.11em -0.83em 0 -0.47em #000000;
}
5%,
95% {
box-shadow: -0.11em -0.83em 0 -0.35em #000000, -0.11em -0.83em 0 -0.38em #000000, -0.11em -0.83em 0 -0.41em #000000, -0.11em -0.83em 0 -0.44em #000000, -0.11em -0.83em 0 -0.47em #000000;
}
30% {
box-shadow: -0.11em -0.83em 0 -0.35em #000000, -0.51em -0.66em 0 -0.38em #000000, -0.75em -0.36em 0 -0.41em #000000, -0.83em -0.03em 0 -0.44em #000000, -0.81em 0.21em 0 -0.47em #000000;
}
55% {
box-shadow: -0.11em -0.83em 0 -0.35em #000000, -0.29em -0.78em 0 -0.38em #000000, -0.43em -0.72em 0 -0.41em #000000, -0.52em -0.65em 0 -0.44em #000000, -0.57em -0.61em 0 -0.47em #000000;
}
100% {
transform : rotate(360deg);
box-shadow: -0.11em -0.83em 0 -0.35em #000000, -0.11em -0.83em 0 -0.38em #000000, -0.11em -0.83em 0 -0.41em #000000, -0.11em -0.83em 0 -0.44em #000000, -0.11em -0.83em 0 -0.47em #000000;
}
}
/*Loader 2*/
.loader2 {
width: 40px;
height: 40px;
background-color: #333;
margin: 100px auto;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.view-popup .info-row {
padding : 5px 0;
}
.view-popup {
min-width : 450px;
}
.view-popup > div.value {
display : block;
margin : 10px;
border-radius : 5px;
border : 1px solid #000000;
padding : 5px;
}
/*********************** accordion ************************/
.accordion-panel {
padding : 0 0 15px;
}
.accordion-panel > .label-bar {
background : none repeat scroll 0 0 #FAFDFD;
border : 1px solid #E1E5E5;
color : #777;
cursor : pointer;
font-size : 15px;
height : 42px;
line-height : 42px;
margin : 0 0 7px;
padding : 0 20px 0 30px;
position : relative;
}
.ie9 .accordion-panel > .label-bar {
background-size : 100% 100%;
filter : none;
}
.accordion-panel > .label-bar.expanded {
background : none repeat scroll 0 0 #FFFFFF;
color : #1199C4;
margin : 0;
}
.accordion-panel > .label-bar:hover {
background : none repeat scroll 0 0 #FFFFFF;
}
.accordion-panel > .label-bar .toggle-icon {
background-image : url("/wc/7.0.0/images/widgets/accordion/accordion-toggle.png");
display : inline-block;
height : 16px;
left : 7px;
position : absolute;
top : 12px;
vertical-align : top;
width : 16px;
}
.accordion-item {
background : none repeat scroll 0 0 #FFFFFF;
border : 1px solid #E1E5E5;
box-shadow : 0 4px 0 0 rgba(0, 0, 0, 0.05);
margin : 0 0 15px;
padding : 25px 30px;
position : relative;
top : -1px;
}
.accordion-item form {
padding : 0;
}
.accordion-panel > .accordion-item.collapsed {
display : none;
}
.accordion-panel > .accordion-item table th:first-child,
.accordion-panel > .accordion-item table th:last-child {
border-radius : 0;
}
.expanded .toggle-icon {
background-position : -16px 0;
}
.multi-column.two-column .columns {
width : 50%;
}
.multi-column .columns {
display : inline-block;
vertical-align : top;
margin : 0;
padding : 0;
outline : 0;
}
.two-column .first-column .column-content {
margin-right : 5px;
}
.two-column .last-column .column-content {
margin-left : 5px;
}
.multi-column.three-column .columns {
width : 33.33%;
}
.float-none {
float: none !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mt-30 {
margin-top: 30px !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pl-12 {
padding-left: 12px !important;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
background-color : #FFFFFF;
margin : 0;
padding : 0;
font-size : 13px;
}
table {
width : 100%;
table-layout : fixed;
}
table, th, td {
border-collapse : collapse;
}
img {
border : none;
}
input[type=text],
input[type=password],
select,
textarea {
border-width: 1px;
border-color: #BBBBBB #DDDDDD #DDDDDD #AAAAAA;
border-style: solid;
vertical-align: middle;
padding: 3px;
width: 180px;
margin: 5px 0;
display: inline-block;
zoom: 1;
}
input[type=text],
input[type=password],
input[type=email] {
}
input:-moz-placeholder {
color : #999999;
}
::-webkit-input-placeholder {
color : #999999;
}
select[multiple] {
height : auto;
}
select option {
background : #FFFFFF;
}
input[type=radio],
input[type=checkbox] {
border : none;
background : none;
height : auto;
width : auto;
}
fieldset {
margin : 15px;
padding : 15px;
border : 1px solid #CCCCCC;
}
fieldset legend {
font-size : 16px;
}
:focus {
outline: none;
}
/************************** Common Style ***************************/
.link,
.link-btn {
background: none;
color: #666666;
cursor: pointer;
display: inline-block;
text-decoration: underline;
padding: 0;
}
.link + .link,
.link-btn + .link-btn {
margin-left: 15px;
}
.link:hover,
.link-btn:hover {
background: none;
color: #000000;
}
span.product-image-link.image-link.link {
cursor: pointer;
}
.tool-icon {
cursor : pointer;
}
.form-row {
margin : 5px 0;
}
.form-row label {
color: #555555;
display: inline-block;
font-size: 14px;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
width: 150px;
}
.form-row .suggestion {
display: inline-block;
padding-left: 10px;
color: #AAAAAA;
font-style: italic;
}
input[type=submit],
input[type=button],
button,
.button,
a.button {
background-color : #4d4d4d;
border : none;
color : #CCCCCC;
cursor : pointer;
display : inline-block;
}
input[type=submit],
input[type=button],
button,
.button,
a.button {
padding : 8px 15px;
}
span.button,
a.button {
height: auto;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
a.button:hover,
.button:hover {
background-color : #666666;
}
input[type=submit][disabled],
input[type=button][disabled],
button[disabled],
.button.disabled,
a.button.disabled {
background : #bfbfbf;
border : none;
color : #ACACAC;
text-shadow : 0 0 1px #E6E6E6;
}
.strike-through {
text-decoration: line-through;
}
.stepper .stepper-input {
box-sizing: border-box;
height: 36px;
padding: 9px 28px 10px 10px;
width: 100%;
}
.stepper .stepper-arrow {
z-index: 0;
}
.stepper .stepper-arrow.up {
border-radius: 0 3px 0 0;
}
.stepper .stepper-arrow.down {
border-radius: 0 0 3px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* +++++++++++++++++++++++++++++++++ pagination design +++++++++++++++++++++++++++++++++++++ */
.pagination {
display : inline-block;
float: right;
}
.pagination span {
background-color : #FFFFFF;
border : 1px solid #CCCCCC;
color : #555555;
cursor : pointer;
margin : 0 2px;
padding : 3px 10px;
box-shadow : 1px 1px 0 #CCCCCC;
display : inline-block;
}
.pagination span.first {
margin-left : 0;
}
.pagination span.last {
margin-right : 0;
}
.pagination span.disabled {
color : #BEBEBE;
}
.pagination span.current {
background : url("/wc/7.0.0/images/site/btn_bg.png") repeat-x left top;
border : 1px solid #4D4D4D;
color : #FFFFFF;
}
/* +++++++++++++++++++++++++++++++++++++++++ custom select +++++++++++++++++++++++++++++++++++++ */
.chosen-container-single {
display : inline-block;
padding-right : 24px;
vertical-align : middle;
min-width: 178px;
}
.chosen-container-single .chosen-single div b {
top: 5px;
}
.chosen-container-single .chosen-single span {
line-height: 26px;
}
.chosen-container-single.per-page-count {
float: left;
padding-right : 29px;
}
.chosen-container-single .chosen-drop {
position : absolute;
min-width : 100%;
box-sizing : border-box;
z-index : 100;
}
.chosen-container-single .chosen-single {
color : #000000;
text-shadow : 0 0;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
line-height : 19px;
}
.chosen-container-single .active-result {
box-sizing : border-box;
background : none repeat scroll 0 0 #FFFFFF;
border-bottom : 1px solid #F1F1F1;
display : block;
font-size : 13px;
padding : 5px 15px;
text-overflow : ellipsis;
white-space : nowrap;
}
.chosen-container .chosen-results li.depth-1 {
padding-left : 15px;
}
.chosen-container .chosen-results li.depth-2 {
padding-left : 30px;
}
.chosen-container .chosen-results li.depth-3 {
padding-left : 45px;
}
.chosen-container .chosen-results li.depth-4 {
padding-left : 60px;
}
.chosen-container .chosen-results li.depth-5 {
padding-left : 75px;
}
.chosen-container .chosen-results li.depth-6 {
padding-left : 90px;
}
.chosen-container .chosen-results li.depth-7 {
padding-left : 105px;
}
.chosen-container .chosen-results li.depth-8 {
padding-left : 120px;
}
.chosen-container .chosen-results li.depth-9 {
padding-left : 135px;
}
.chosen-container .chosen-results li.depth-10 {
padding-left : 150px;
}
.chosen-container .chosen-results li.depth-11 {
padding-left : 165px;
}
.chosen-container .chosen-results li.depth-12 {
padding-left : 180px;
}
.chosen-container .chosen-results li.depth-13 {
padding-left : 195px;
}
.chosen-container .chosen-results li.depth-14 {
padding-left : 210px;
}
.chosen-container .chosen-results li.depth-15 {
padding-left : 225px;
}
.chosen-container .chosen-results li.depth-16 {
padding-left : 240px;
}
.chosen-container .chosen-results li.depth-17 {
padding-left : 255px;
}
.chosen-container .chosen-results li.depth-18 {
padding-left : 270px;
}
.chosen-container .chosen-results li.depth-19 {
padding-left : 285px;
}
.chosen-container .chosen-results li.depth-20 {
padding-left : 300px;
}
.chosen-container .chosen-results li.depth-21 {
padding-left : 315px;
}
.chosen-container .chosen-results li.depth-22 {
padding-left : 330px;
}
.chosen-container .chosen-results li.depth-23 {
padding-left : 345px;
}
.chosen-container .chosen-results li.depth-24 {
padding-left : 360px;
}
.chosen-container .chosen-results li.depth-25 {
padding-left : 375px;
}
.chosen-container .chosen-results li.depth-26 {
padding-left : 390px;
}
.chosen-container .chosen-results li.depth-27 {
padding-left : 405px;
}
.chosen-container .chosen-results li.depth-28 {
padding-left : 420px;
}
.chosen-container .chosen-results li.depth-29 {
padding-left : 435px;
}
.chosen-container .chosen-results li.depth-30 {
padding-left : 450px;
}
.chosen-container.td-full-width {
width: -moz-calc(100% - 26px);
/* @alternate */ width: -webkit-calc(100% - 26px);
/* @alternate */ width: calc(100% - 26px);
}
.chosen-container.validation-error {
border : 1px solid #FF0000;
}
/* +++++++++++++++++++++++++++++++++++++++++ scroll design ++++++++++++++++++++++++++++++++++++++++ */
.scroll-left,
.scroll-right {
display : inline-block;
height : 24px;
width : 26px;
vertical-align : bottom;
border : 1px solid #E1E1E1;
cursor : pointer;
}
.scroll-left {
background : url("/wc/7.0.0/images/site/left-arrow.png") no-repeat left top;
}
.scroll-right {
background : url("/wc/7.0.0/images/site/right-arrow.png") no-repeat left top;
}
.scroll-right.disabled,
.scroll-left.disabled {
/* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
/* @alternate */ -moz-opacity: 40;
/* @alternate */ -khtml-opacity: 40;
opacity: 0.4;
cursor: default;
}
.scrollable-view .header {
background : none;
margin : 0;
padding : 0;
border-bottom : 2px solid #CCCCCC;
overflow : hidden;
}
.scrollable-view {
background : none;
border-bottom : 2px solid #CCCCCC;
margin-bottom : 0;
padding : 0;
overflow : hidden;
}
.scrollable-view .scroller {
float : right;
}
.scrollable-view > .content {
overflow-x : hidden;
white-space : nowrap;
border : 1px #CCCCCC solid;
padding : 31px 42px;
}
.scrollable-view .product-block {
border : 1px solid #E6E6E6;
display : inline-block;
margin : 5px;
padding : 10px;
vertical-align : top;
white-space : normal;
}
/* +++++++++++++++++++++++++++++++++++++++++ spinner design +++++++++++++++++++++++++++++++++++++ */
.ui-spinner {
background-color : #F9F9F9;
border : 1px solid #E6E6E6;
border-radius : 5px;
display : inline-block;
height : auto !important;
padding : 0 18px 0 0;
position : relative;
}
.ui-spinner input {
background-color : #F9F9F9;
border-top : none;
border-bottom : none;
border-left : none;
border-right : 1px #E6E6E6 solid;
padding : 5px;
margin : 0;
text-align : center;
width : 20px;
border-radius : 3px 0 0 3px;
}
.ui-spinner-button {
background-image : url("/wc/7.0.0/images/site/spinner-arrow.png");
background-repeat : no-repeat;
color : #CCCCCC;
cursor : pointer;
font-size : 10px;
height : 13px;
position : absolute;
right : 0;
width : 18px;
}
.ui-spinner-button .ui-icon {
display : none;
}
.ui-spinner-button.ui-spinner-up {
background-position : 0 0;
top : 0;
}
.ui-spinner-button.ui-spinner-up:hover {
background-position : -18px 0;
}
.ui-spinner-button.ui-spinner-down {
background-position : 0 -14px;
bottom : 0;
}
.ui-spinner-button.ui-spinner-down:hover {
background-position : -18px -14px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++ rechaptcha +++++++++++++++++++++++++++++++++++++ */
.recaptcha-container {
display: inline-block;
margin-left: -2px;
}
#recaptcha_table {
table-layout : auto;
}
#recaptcha_table .recaptcha_input_area {
height : auto !important;
}
#recaptcha_table #recaptcha_response_field {
margin-top : 7px !important;
}
.simple-captcha-reload.icon {
background: url("/wc/7.0.0/images/site/captcha-changer.png") no-repeat left top;
display: inline-block;
height: 16px;
margin: 0 5px;
width: 16px;
cursor: pointer;
}
/* ++++++++++++++++++++++++++++ Password Strength Meter start +++++++++++++++++++++++++++++++++++++ */
.password-meter-wrap {
display : inline-block;
margin-left : 10px;
width : 150px;
}
.password-meter-wrap .password-strength-bar {
height : 10px;
display : block;
float : left;
}
.password-meter-wrap .very-weak {
width : 50px;
background : #B30004;
}
.password-meter-wrap .weak {
width : 60px;
background : #CF6100;
}
.password-meter-wrap .better {
width : 70px;
background : #FC9B00;
}
.password-meter-wrap .medium {
width : 80px;
background : #FFE364;
}
.password-meter-wrap .strong {
width : 90px;
background : #8DCE00;
}
.password-meter-wrap .strongest {
width : 100px;
background : #2FA300;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ page content block design start ++++++++++++++++++++++++++*/
.widget-container {
position : relative;
margin : auto;
}
.body .page-content .widget-container {
width : auto;
}
.header .widget,
.footer .widget,
.dockable .widget {
position : absolute;
}
[section] .widget-group {
position : absolute;
}
.body .widget,
.body .grid-block,
.body .body-section,
.body .product-widget{
position : relative;
}
.l-fixed-container,
.r-fixed-container {
display : flex;
}
.r-fixed-left,
.l-fixed-right {
flex : 1 1 0;
width : auto;
}
.no-fixed-container {
display : block;
}
.no-fixed-item,
.no-fixed-left,
.no-fixed-middle,
.no-fixed-right {
display : inline-block;
vertical-align : top;
}
.no-fixed-container > .l-fixed-container,
.no-fixed-container > .r-fixed-container {
display : inline-flex;
}
.double-input-row.mandatory > label:after,
.form-row.mandatory > label:after {
color : #FF0000;
content : " *";
}
/********************* page content block design end ********************/
/*********************************************************************************************** Widget design start ****************************************************************************/
/* +++++++++++++++++ Widget common design +++++++++++++++++++++++++ */
.header .widget,
.footer .widget,
.dockable .widget {
overflow: hidden;
}
.header .widget.widget-languageSelector,
.footer .widget.widget-languageSelector {
overflow: visible;
}
.widget > .widget-title {
font-size : 16px;
padding-bottom : 10px;
}
.cart-menu-button, .search-menu-button {
background: none;
cursor:pointer;
}
.cart-menu-button:after, .search-menu-button:after {
font-family: 'FontAwesome';
content: "\f079";
display: inline-block;
font-size: 20px;
}
.search-menu-button:after {
display: inline-flex;
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
cursor: pointer;
content: "";
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
background-position: center;
}
.search-menu-button.close:after {
content: "";
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
}
.cart-menu-button:after{
content: "\f07a";
}
.widget-cart .content.show{
float: right;
}
.widget-cart .content.show{
float: right;
height:100%;
/* @alternate */ -webkit-transition: all 0.3s ease;
/* @alternate */ -moz-transition: all 0.3s ease;
/* @alternate */ -ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
/* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
/* @alternate */ -moz-opacity: 100;
/* @alternate */ -khtml-opacity: 100;
opacity: 1;
}
.header .widget.widget-cart, .header .widget.widget-search {
overflow: visible;
}
/* +++++++++++++++++ Breadcrumb widget design +++++++++++++++++++++++++ */
.breadcrumb-item.root .icon {
background : url("/wc/7.0.0/images/site/breadcrumb-root.png") no-repeat left top;
display : inline-block;
height : 16px;
width : 16px;
}
.breadcrumb-item .separator {
padding : 0 5px;
font-size : 16px;
}
.breadcrumb-item .label {
color : #555555;
}
.breadcrumb-item .label:hover {
color : #CCCCCC;
}
/* +++++++++++++++++ Cart widget design +++++++++++++++++++++++++ */
.cart-widget-img {
background : url("/wc/7.0.0/images/site/cart-icon.png") no-repeat left top;
display : inline-block;
height : 24px;
width : 24px;
vertical-align : middle;
}
.cart-widget-text {
font-size : 13px;
padding-left : 3px;
vertical-align : middle;
}
.quick-cart {
cursor : pointer;
}
.quick-cart-content {
background-color : #FFFFFF;
border : 1px solid #DDDDDD;
padding : 7px;
width : 200px;
}
.quick-cart-content .product-name {
width : 110px;
}
.quick-cart-content table th {
background-color : #F1F1F1;
border : 1px solid #DDDDDD;
color : #555555;
font-size : 13px;
font-weight : normal;
padding : 5px;
}
.quick-cart-content table th.product-name {
text-align : left;
}
.quick-cart-content table td {
border : 1px solid #DDDDDD;
padding : 5px;
word-break : break-all;
}
.quick-cart-content table td.quantity {
text-align : center;
}
.quick-cart-content table td.price {
text-align : right;
}
.quick-cart-content table td.total {
background-color : #F1F1F1;
}
.quick-cart-content table td.total-price {
background-color : #F1F1F1;
text-align : right;
}
.cart-details-link {
overflow : hidden;
padding-top : 6px;
}
.cart-details-link .checkout {
float : left;
}
.cart-details-link .view-cart {
float : right;
}
.cart-menu-button {
display: none;
width: 26px;
height: 26px;
background: green;
}
/* +++++++++++++++++ Image widget design +++++++++++++++++++++++++ */
.widget-image img {
max-height : 100%;
max-width : 100%;
}
/* +++++++++++++++++ Navigation widget design +++++++++++++++++++++++++ */
.widget-navigation .image-wrapper img {
vertical-align : middle;
padding-right : 5px;
}
.navigation-item a {
display : inline-block;
color : #555555;
}
.navigation-item a:hover {
color : #999999;
}
/*Menu*/
.widget-navigation .menu-title {
display: none;
}
.widget-navigation .menu-button {
-moz-user-select: none;
border-radius: 5px;
cursor: pointer;
height: 28px;
width: 32px;
user-select: none;
}
.widget-navigation .menu-button em {
background-color: #999;
display: block;
height: 2px;
margin: 6px 0 5px 3px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
width: 26px;
}
.widget-navigation .menu-button em:nth-child(1) {
/* @alternate */ -moz-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -webkit-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -o-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -ms-transform: rotate(0) translateX(0) translateY(0);
transform: rotate(0) translateX(0) translateY(0);
}
.widget-navigation .menu-button em:nth-child(2) {
/* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=100);
/* @alternate */ -moz-opacity: 100;
/* @alternate */ -khtml-opacity: 100;
opacity: 100;
}
.widget-navigation .menu-button em:nth-child(3) {
/* @alternate */ -moz-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -webkit-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -o-transform: rotate(0) translateX(0) translateY(0);
/* @alternate */ -ms-transform: rotate(0) translateX(0) translateY(0);
transform: rotate(0) translateX(0) translateY(0);
}
.widget-navigation .menu-button.close em:nth-child(1) {
/* @alternate */ -moz-transform: rotate(45deg) translateX(6.0px) translateY(6.0px);
/* @alternate */ -webkit-transform: rotate(45deg) translateX(6.0px) translateY(6.0px);
/* @alternate */ -o-transform: rotate(45deg) translateX(6.0px) translateY(6.0px);
/* @alternate */ -ms-transform: rotate(45deg) translateX(6.0px) translateY(6.0px);
transform: rotate(45deg) translateX(6.0px) translateY(6.0px);
}
.widget-navigation .menu-button.close em:nth-child(2) {
/* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=0);
/* @alternate */ -moz-opacity: 0;
/* @alternate */ -khtml-opacity: 0;
opacity: 0;
}
.widget-navigation .menu-button.close em:nth-child(3) {
/* @alternate */ -moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
/* @alternate */ -webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
/* @alternate */ -o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
/* @alternate */ -ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
transform: rotate(-45deg) translateX(5px) translateY(-5px);
}
/*responsive*/
.header .widget.widget-navigation{
overflow: visible;
float: none;
}
.left-container .navigation-item, .responsive-navigation .navigation-item {
display: block;
padding:10px 20px;
background: #fff;
}
.widget-navigation .nav-wrapper.hide {
/* @alternate */ -webkit-transition: all 1s ease;
/* @alternate */ -moz-transition: all 1s ease;
/* @alternate */ -ms-transition: all 1s ease;
/* @alternate */ -o-transition: all 1s ease;
transition: all 1s ease;
height:0;
}
.widget-navigation .nav-wrapper.show {
/* @alternate */ -webkit-transition: all 1s ease;
/* @alternate */ -moz-transition: all 1s ease;
/* @alternate */ -ms-transition: all 1s ease;
/* @alternate */ -o-transition: all 1s ease;
transition: all 1s ease;
height:500px;
}
.left-container{
width:300px;
float: left;
}
.left-container.open{
/* @alternate */ -webkit-transform: translate3d(0%, 0, 0);
/* @alternate */ -moz-transform: translate3d(0%, 0, 0);
/* @alternate */ -ms-transform: translate3d(0%, 0, 0);
/* @alternate */ -o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
/* @alternate */ -webkit-transition: all 1s ease;
/* @alternate */ -moz-transition: all 1s ease;
/* @alternate */ -ms-transition: all 1s ease;
/* @alternate */ -o-transition: all 1s ease;
transition: all 1s ease;
overflow: hidden;
}
.page-container.open{
/* @alternate */ -webkit-transform: translate3d(300px, 0, 0);
/* @alternate */ -moz-transform: translate3d(300px, 0, 0);
/* @alternate */ -ms-transform: translate3d(300px, 0, 0);
/* @alternate */ -o-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
/* @alternate */ -webkit-transition: all 1s ease;
/* @alternate */ -moz-transition: all 1s ease;
/* @alternate */ -ms-transition: all 1s ease;
/* @alternate */ -o-transition: all 1s ease;
transition: all 1s ease;
}
.page-container{
/* @alternate */ -webkit-transform: translate3d(0%, 0, 0);
/* @alternate */ -moz-transform: translate3d(0%, 0, 0);
/* @alternate */ -ms-transform: translate3d(0%, 0, 0);
/* @alternate */ -o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
/* @alternate */ -webkit-transition: all 0.4s ease;
/* @alternate */ -moz-transition: all 0.4s ease;
/* @alternate */ -ms-transition: all 0.4s ease;
/* @alternate */ -o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.left-container {
bottom: 0;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
z-index: 0;
/* @alternate */ -webkit-transform: translate3d(-100%, 0, 0);
/* @alternate */ -moz-transform: translate3d(-100%, 0, 0);
/* @alternate */ -ms-transform: translate3d(-100%, 0, 0);
/* @alternate */ -o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
/* @alternate */ -webkit-transition: all 1s ease;
/* @alternate */ -moz-transition: all 1s ease;
/* @alternate */ -ms-transition: all 1s ease;
/* @alternate */ -o-transition: all 1s ease;
transition: all 1s ease;
}
/*Horizontal*/
.horizontal > .navigation-item {
display : inline-block;
}
.horizontal .navigation-item a {
display : inline-block;
padding : 5px;
}
.horizontal .navigation-item.active > a {
color : #FF9000;
}
.horizontal > .navigation-item.first a {
padding-left : 0;
}
.horizontal > .navigation-item.last a {
padding-right : 0;
}
.horizontal .navigation-item-child-container {
display : none;
}
.horizontal .navigation-item:hover > .navigation-item-child-container {
display : inline-block;
}
.horizontal .navigation-item.has-child {
position : relative;
}
.horizontal .has-child .navigation-item-child-container {
background: rgba(0, 0, 0, 0) url("/wc/7.0.0/images/site/light-white-colo.png") repeat scroll left top;
left: 150px;
position: absolute;
top: 0;
width: 150px;
z-index: 10000;
}
.horizontal > .has-child > .navigation-item-child-container {
background: rgba(0, 0, 0, 0) url("/wc/7.0.0/images/site/light-white-colo.png") repeat scroll left top;
left: 0;
top: 27px;
}
.horizontal .navigation-item .navigation-item-child-container .navigation-item {
padding : 0 5px;
}
.horizontal .navigation-item .navigation-item-child-container .navigation-item a {
display : block;
position : relative;
border-bottom : 1px #E6E6E6 solid;
}
.horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
left : 150px;
position : absolute;
top : 0;
width : 150px;
}
/*Vertical*/
.vertical .navigation-item a {
border-bottom : 1px dashed #CCCCCC;
display : block;
padding : 5px 0;
}
.vertical .navigation-item.first {
padding-top : 0;
}
.vertical .navigation-item.last {
padding-bottom : 0;
}
.vertical .navigation-item .navigation-item-child-container {
display : none;
}
.vertical .navigation-item.active > a {
color : #FF9000;
}
.vertical .navigation-item.active > .navigation-item-child-container {
display : block;
padding : 0 0 0 20px;
}
/*responsive menu design*/
.nav-wrapper.responsive-navigation {
position: absolute;
width: 100%;
z-index: 99;
}
@media only screen and (max-width: 991px) {
.fee-preview-mode.ff .widget-navigation.main_menu .nav-wrapper {
width: calc(100vw - 17px);
}
}
.nav-wrapper.responsive-navigation .navigation-item {
position: relative;
display: block;
}
.responsive-navigation .navigation-item.has-child .child-opener {
position: absolute;
right: 15px;
top: 16px;
}
.responsive-navigation .navigation-item.has-child .child-opener::before {
content: "\f067";
font-family: fontawesome;
}
.responsive-navigation .navigation-item.has-child .child-opener.close::before {
content: "\f068";
}
.responsive-navigation .navigation-item.has-child .navigation-item .child-opener {
top: 6px;
}
/* +++++++++++++++++ Gallery widget design +++++++++++++++++++++++++ */
.nivo-directionNav a {
background-color : #FFFFFF;
padding: 10px;
}
.nivo-directionNav a.nivo-nextNav {
border-radius : 50% 0 0 50%;
border-left : 1px #CCCCCC solid;
border-top : 1px #CCCCCC solid;
border-right : none;
border-bottom : 1px #CCCCCC solid;
}
.nivo-directionNav a.nivo-prevNav {
border-radius : 0 50% 50% 0;
border-left : none;
border-top : 1px #CCCCCC solid;
border-right : 1px #CCCCCC solid;
border-bottom : 1px #CCCCCC solid;
}
/* Site Tabify tab */
.bmui-tab-panel[aria-hidden=true] {
display : none;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0;
left:0;
max-width: none;
height: 100%;
object-fit: cover;
object-position: 0 0;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0;
bottom:0;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
/* @alternate */ -moz-opacity: 0.8;
filter:alpha(opacity=8);
/* @alternate */ -webkit-box-sizing: border-box;
/* @alternate */ -moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0;
}
.nivo-nextNav {
right:0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.widget-gallery .nivoSlider {
height: auto;
}
.widget-gallery .nivo-directionNav a.nivo-prevNav, .widget-gallery .nivo-directionNav a.nivo-nextNav {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
font-size: 0;
position: absolute;
top: 42%;
color: #fff;
}
.widget-gallery .nivo-directionNav a:hover.nivo-prevNav, .widget-gallery .nivo-directionNav a:hover.nivo-nextNav{
color: #000000;
}
.widget-gallery .nivo-directionNav a.nivo-prevNav::before {
content: "\f104 ";
font-family: FontAwesome;
font-size: 60px;
position: absolute;
left: 20px;
}
.widget-gallery .nivo-directionNav a.nivo-nextNav::before {
content: "\f105";
font-family: FontAwesome;
font-size: 60px;
overflow: hidden;
position: absolute;
right: 20px;
}
.widget-gallery .nivo-controlNav {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
padding: 15px;
text-align: center;
}
.widget-gallery .nivo-controlNav .nivo-control {
border: 1px solid;
color: #999999;
display: inline-block;
font-size: 16px;
line-height: 18px;
margin: 5px;
min-width: 30px;
padding: 6px 8px;
}
.widget-gallery .nivo-controlNav .nivo-control.active, .widget-gallery .nivo-controlNav .nivo-control:hover {
color: #000000;
}
@media (max-width:991px) {
.widget-gallery .nivo-directionNav a.nivo-prevNav, .widget-gallery .nivo-directionNav a.nivo-nextNav {
top: 40%;
}
.widget-gallery .nivo-directionNav a.nivo-nextNav::before {
right: 15px;
font-size: 52px;
}
.widget-gallery .nivo-directionNav a.nivo-prevNav::before {
font-size: 52px;
left: 15px;
}
.widget-gallery .nivo-controlNav {
padding: 10px;
}
}
@media (max-width:767px) {
.widget-gallery .nivo-directionNav a.nivo-prevNav, .widget-gallery .nivo-directionNav a.nivo-nextNav {
top: 34%;
}
.widget-gallery .nivo-directionNav a.nivo-nextNav::before {
font-size: 42px;
right: 10px;
}
.widget-gallery .nivo-directionNav a.nivo-prevNav::before {
font-size: 42px;
left: 10px;
}
.widget-gallery .nivo-controlNav {
padding: 8px;
}
.widget-gallery .nivo-controlNav .nivo-control {
margin: 5px;
padding: 5px;
width: auto;
}
}
.shipping.type-label.hidden,
.delivery.type-label.hidden {
display: none;
}
input.is-different-shipping-checkbox {
opacity: 1 !important;
}
span.type-label.delivery {
padding-left: 30px;
}
.wc-icon{
height: 20px;
width: 20px;
}
.hidden-delivery-checkbox{
display: none;
}
.wc-icon.medium{
height: 24px;
width: 24px;
}
.wc-icon.large{
height: 32px;
width: 32px;
}
.wc-icon {
fill: #929291;
}
.wc-icon.brand {
fill: #1198C5;
}
.wc-icon.white {
fill: #fff;
}
.checkout-page .section.shipping span.title.hidden {
display: none;
}
@font-face {
font-family: "Flaticon";
src: url("/wc/7.0.0/font/Flaticon.eot");
src: url("/wc/7.0.0/font/Flaticon.eot?#iefix") format("embedded-opentype"),
url("/wc/7.0.0/font/Flaticon.woff") format("woff"),
url("/wc/7.0.0/font/Flaticon.ttf") format("truetype"),
url("/wc/7.0.0/font/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nxicons';
src: url('/wc/7.0.0/font/nxicons.woff'),
url('/wc/7.0.0/font/nxicons.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.fee-preview-mode.ff .widget-search .search-form {
width: calc(100vw - 17px);
}
}
@keyframes loading-spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* ------------------------------------------
// Multi Language popup design
--------------------------------------------*/
.popup.multi-language {
padding: 30px 20px 35px;
border-radius: 10px;
}
.popup.multi-language .title,
.popup.multi-language .label {
text-align: center;
}
.popup.multi-language .title {
font-size: 18px;
max-width: 310px;
margin: 0 auto;
font-weight: 600;
padding-bottom: 15px;
}
.popup.multi-language .label {
font-size: 16px;
padding-bottom: 10px;
}
.popup.multi-language .select-wrapper {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
padding-bottom: 20px;
}
.popup.multi-language .select-wrapper .form-item {
/* @alternate */ -webkit-box-flex: 1;
/* @alternate */ -ms-flex-positive: 1;
flex-grow: 1;
/* @alternate */ -ms-flex-negative: 1;
flex-shrink: 1;
margin-right: 10px;
padding-right: 0;
}
.popup.multi-language .chosen-container a,
.popup.multi-language .language-select-continue {
height: 34px;
border-radius: 3px;
}
.popup.multi-language .language-select-continue {
}
.popup.multi-language .language-popup-close {
text-align: center;
}
.popup.multi-language .language-select-cancel {
text-decoration: underline;
cursor: pointer;
background: none;
padding: 0;
color: #222;
}
.popup.multi-language .language-select-cancel:hover {
text-decoration: none;
color: #898888;
}
div.country-select.inside input {
border: 1px #ccc solid;
height: 36px;
width: 100%;
}
div.country-select .country-list {
width: 100%;
}
div.country-select.inside .flag-dropdown {
right: 0;
}
.widget-article .article-item .article-content iframe,
.widget-html .html-widget-element-content iframe {
max-width: 100%;
}
@media (max-width: 767px) {
div.col-0,
div.col-1,
div.col-2,
div.col-3,
div.col-4,
div.col-5 {
display: block;
width: 100% !important;
}
}
.fee-fixed-width-content {
padding-left: calc(50% - 585px) !important;
padding-right: calc(50% - 585px) !important;
}
.widget-blogPost.fee-hide-read-more-blog-widget-button .blog-read-more {
display: none;
}
/* --------------------------------------------------------------------------------
// swipe box
--------------------------------------------------------------------------------- */
.fee-gallery-swipebox .swipe-image-wrap .swipebox .swipe-image {
width: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
aspect-ratio: 177/125;
}
.fee-gallery-swipebox .swipe-image-wrap {
padding-left: 10px;
padding-right: 10px;
}
.fee-gallery-swipebox.swipeBoxSlider .swipe-box-tab-header {
/* @alternate */-webkit-box-pack: center;
/* @alternate */-ms-flex-pack: center;
justify-content: center;
}
.fee-gallery-swipebox .swipebox-container .pagination {
/* @alternate */display: -webkit-box;
/* @alternate */display: -ms-flexbox;
display: flex;
/* @alternate */-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* @alternate */-webkit-box-pack: center;
/* @alternate */-ms-flex-pack: center;
justify-content: center;
gap: 5px;
padding-left: 10px;
padding-right: 10px;
}
.fee-gallery-swipebox .swipebox-container .pagination span {
margin: 0;
}
@media (max-width: 1200px) {
.fee-gallery-swipebox .swipe-image-wrap .box {
width: calc(100%/3)
}
}
@media (max-width: 575px) {
.fee-gallery-swipebox .swipe-image-wrap .box {
width: calc(100%/2)
}
}
/* --- swipe box : end --- */
/* --------------------------------------------------------------------------------
// galleriffic alternete layout
--------------------------------------------------------------------------------- */
.galleriffic-gallery-wrap.alternate-layout .galleriffic-content {
padding: 0 50px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.thumb-position-bottom .slideshow {
width: 100%;
height: auto;
aspect-ratio: 10/4;
}
.fee-gallery-galleriffic .galleriffic-content .image-wrapper,
.fee-gallery-galleriffic .galleriffic-content .image-wrapper a,
.fee-gallery-galleriffic .slideshow-container img {
width:100%;
height: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container {
padding: 0 50px;
overflow: visible;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .galleriffic-content {
padding: 0 60px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container {
padding: 0 60px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container {
margin-top: 20px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-top .thumbs-container {
margin-bottom: 20px;
}
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.prev,
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.next {
height: 40px;
width: 40px;
background: none #ffffff;
border: 1px rgba(0,0,0, .20) solid;
border-radius: 50%;
top: 50%;
/* @alternate */ -webkit-transform: translateY(-50%);
/* @alternate */ -ms-transform: translateY(-50%);
transform: translateY(-50%);
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev {
left: 10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next {
right: 10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev:before,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next:after {
content: "\f104";
font-family: "Fontawesome";
font-size: 22px;
color: rgba(0,0,0, .25);
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev:before {
content: "\f104";
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next:after {
content: "\f105";
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs {
padding: 0;
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
gap: 0 20px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs li {
width: calc(257px - 10px);
height: 144px;
margin: 0;
padding: 0;
border: none;
flex-grow: 0;
flex-shrink: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumb img {
width: 100%;
height: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumb {
height: 100%;
}
@media(max-width: 1200px){
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs li {
width: calc(213px - 10px);
height: 118px;
}
}
@media(max-width: 991px){
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs li {
width: calc(157px - 10px);
height: 86px;
}
}
@media (max-width: 767px) {
.galleriffic-gallery-wrap.alternate-layout .galleriffic-content {
padding: 0 40px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container {
padding: 0 40px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container {
margin-top: 10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-top .thumbs-container {
margin-bottom: 10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .galleriffic-content {
padding: 0 40px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next {
height: 20px;
width: 20px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev:before,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next:after {
font-size: 14px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs {
gap: 0 10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs li {
width: calc(103px - 5px);
height: 60px;
}
}
/* --- galleriffic alternet layout: end --- */
/* --------------------------------------------------------------------------------
// galleriffic rollover layout
--------------------------------------------------------------------------------- */
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 30px;
padding-bottom: 30px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.caption-position-top,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.caption-position-bottom {
display: block;
padding: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumb-and-content-wrap {
padding: 0 20px 35px;
display: flex;
flex-wrap: nowrap;
position: relative;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container {
float: none;
margin: 0;
width: 20%;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.thumb-position-left .thumbs-container {
padding-right: 7px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.thumb-position-right .thumbs-container {
padding-left: 7px;
}
.fee-gallery-galleriffic .rollover-layout .slideshow-container {
height: 100%;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .galleriffic-content {
width: 80%;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.thumb-position-left .galleriffic-content {
padding-left: 7px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout.thumb-position-right .galleriffic-content {
padding-right: 7px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs {
padding: 0;
gap: 14px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs li {
padding: 0;
margin: 0;
border: none;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumb {
width: 100%;
aspect-ratio: 10/6;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination.top {
display: none;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination.bottom {
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -ms-flex-wrap: wrap;
flex-wrap: wrap;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
gap: 8px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination span,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a {
height: auto;
margin: 0;
text-decoration: none;
color: #666;
font-size: 16px
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination span.current {
color: #000000;
font-weight: 600;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a[title*="Next"],
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a[title*="Prev"] {
height: 18px;
width: 18px;
font-size: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a[title="Next ›"] {
background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M10.0637%208.99996L4.88867%203.82496L6.07423%202.6394L12.4348%208.99996L6.07423%2015.3605L4.88867%2014.175L10.0637%208.99996Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a[title="‹ Prev"] {
background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.45469%209.00002L12.0547%204.40002L11.0009%203.34619L5.34704%209.00002L11.0009%2014.6538L12.0547%2013.6L7.45469%209.00002Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}
.fee-gallery-galleriffic .rollover-layout .slideshow-container .slideshow {
height: 100%;
}
.fee-gallery-galleriffic .rollover-layout .slideshow-container .slideshow img {
height: 100%;
width: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap .caption-container .caption {
max-width: 800px;
margin: 0 auto;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap .caption-container .caption .image-title {
font-size: 26px;
font-weight: 600;
color: #000;
line-height: 1.4;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap .caption-container .caption .image-desc {
font-size: 14px;
color: #333;
line-height: 1.5;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap .caption-container .caption > div + div {
margin-top: 15px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.caption-position-top .caption-container {
padding: 0;
margin-bottom: 20px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .caption-container {
padding: 0 20px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.caption-position-bottom .caption-container {
padding: 0;
margin-top: 20px;
}
/* --- galleriffic rollover layout : end --- */
/* --------------------------------------------------------------------------------
// owl carousel
--------------------------------------------------------------------------------- */
.fee-gallery-owl .owl-item .item {
width: 100%;
aspect-ratio: 4/6;
}
.fee-gallery-owl .owl-carousel .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fee-gallery-owl .owl-carousel .owl-stage-outer {
margin-bottom: 44px;
}
@media (max-width: 767px) {
fee-gallery-owl .owl-carousel .owl-stage-outer {
margin-bottom: 20px;
}
}
/* --- owl carousel : end --- */
/********************************Start jssor******************************/
.fee-gallery-jssor div.jssor-slider-container {
width: 1920px;
height: 721px;
padding: 0 !important;
text-align: left;
margin: 0 auto;
}
.fee-gallery-jssor div.jssor-slider-container .container {
width: 100%;
height: 100%;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.fee-gallery-jssor .jssor-slider-container .description {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 6px;
opacity: 70%;
}
.fee-gallery-jssor .jssor-slider-container .title {
font-size: 58px;
font-weight: 700;
line-height: 77px;
margin-bottom: 30px;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button {
display: inline-block;
margin: 0 5px;
width: 218px;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button a {
display: block;
width: 100%;
padding: 14px 10px;
line-height: 21px;
font-size: 17px;
font-weight: 500;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button a:hover {
background: rgb(255, 255, 255);
color: #000;
}
.fee-gallery-jssor .jssor-slider-container .slide::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.1);
/* @alternate */ background: linear-gradient(0deg, rgba(0, 0, 0, .56) 35%, rgba(248, 248, 248, 0) 95%);
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper {
bottom: 50%;
/* @alternate */ -webkit-transform: translateY(50%);
/* @alternate */ -ms-transform: translateY(50%);
transform: translateY(50%)
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 {
position: absolute;
width: 400px !important;
left: 50% !important;
right: auto !important;
bottom: 60px !important;
top: auto !important;
/* @alternate */ -webkit-transform: translatex(-50%);
/* @alternate */ -ms-transform: translatex(-50%);
transform: translatex(-50%);
border-radius: 35px;
opacity: 1 !important;
height: auto !important;
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div {
width: 9px !important;
height: 9px !important;
border-radius: 100px;
display: inline-block;
vertical-align: middle;
background-color: transparent !important;
position: relative !important;
left: auto !important;
top: auto !important;
background-image: none !important;
font-size: 0;
margin: 0 7px;
padding: 2px;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div span {
display: block;
background: rgba(255, 255, 255, 0.55);
border-radius: 50%;
font-size: 0;
width: 6px;
height: 6px;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div.av {
padding: 0;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div.av span {
background: #fff;
width: 9px !important;
height: 9px !important;
}
/*************************************END jssor*************************************************/
/********************************Start jssor2******************************************************/
.fee-gallery-jssor2 div.jssor-slider-container {
width: 1920px;
height: 721px;
padding: 0 !important;
text-align: left;
margin: 0 auto;
}
.fee-gallery-jssor2 div.jssor-slider-container .container {
width: 100%;
height: 100%;
}
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
max-width: 1400px;
margin: 0 auto;
text-align: left;
padding-right: 37%;
}
.fee-gallery-jssor2 .jssor-slider-container .description {
font-size: 27px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: unset;
opacity: unset;
}
.fee-gallery-jssor2 .jssor-slider-container .title {
font-size: 66px;
font-weight: 700;
line-height: 77px;
margin-bottom: 20px;
}
.fee-gallery-jssor2 .jssor-slider-container .description:last-child {
font-size: 18px;
font-weight: 400;
padding-right: 20%;
opacity: 70%;
line-height: 32px;
letter-spacing: 0;
text-transform: capitalize;
}
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
bottom: 50%;
/* @alternate */ -webkit-transform: translateY(50%);
/* @alternate */ -ms-transform: translateY(50%);
transform: translateY(50%)
}
.fee-gallery-jssor2 .jssor-slider-container .slide::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, .1);
/* @alternate */ background: linear-gradient(90deg, rgba(0, 0, 0, .36) 35%, rgba(248, 248, 248, 0) 95%);
}
/*************************************END jssor2*************************************************/
/********************************Start jssor3******************************/
.fee-gallery-jssor3 div.jssor-slider-container {
width: 1920px;
height: 721px;
padding: 0 !important;
text-align: left;
margin: 0 auto;
}
.fee-gallery-jssor3 div.jssor-slider-container .container {
width: 100%;
height: 100%;
}
.fee-gallery-jssor3 .jssor-slider-container .slide::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: transparent;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 {
position: absolute;
width: 400px !important;
left: 50% !important;
right: auto !important;
bottom: 60px !important;
top: auto !important;
/* @alternate */ -webkit-transform: translatex(-50%);
/* @alternate */ -ms-transform: translatex(-50%);
transform: translatex(-50%);
border-radius: 35px;
opacity: 1 !important;
height: auto !important;
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div {
display: inline-block;
vertical-align: middle;
background-color: transparent !important;
position: relative !important;
left: auto !important;
top: auto !important;
background-image: none !important;
margin: 0 7px;
width: 24px;
height: 24px;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div span {
display: block;
background: rgba(255, 255, 255, 0.55);
width: 24px;
height: 24px;
font-size: 15px;
font-weight: 700;
border-radius: 8px;
line-height: 24px;
color: #000;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div span:hover,
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div.av span {
background: #2B87F3;
color: #fff;
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20r {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2254%22%20viewBox%3D%220%200%2029%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1.56299%202.00781L26.5566%2027.0015L1.56299%2051.9951%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%2F%3E %3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
padding: 34px;
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20l{
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2254%22%20viewBox%3D%220%200%2029%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1.56299%202.00781L26.5566%2027.0015L1.56299%2051.9951%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%2F%3E %3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
padding: 34px;
transform:rotate(180deg)
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20r:hover,
.fee-gallery-jssor3 .jssor-slider-container .jssora20l:hover {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 20px;
background-position: center
}
/*************************************END jssor3*************************************************/
@media only screen and (max-width: 1200px) {
.fee-gallery-jssor .jssor-slider-container .caption-wrapper {
max-width: 1480px;
}
.fee-gallery-jssor .jssor-slider-container .description {
font-size: 24px;
}
.fee-gallery-jssor .jssor-slider-container .title {
font-size: 74px;
line-height: 110px;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button {
width: 280px;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button a {
padding: 26px 8px;
font-size: 25px;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div {
width: 12px !important;
height: 12px !important;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div span {
width: 10px;
height: 10px;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div.av span {
width: 12px !important;
height: 12px !important;
}
}
@media only screen and (max-width: 767px) {
.fee-gallery-jssor .jssor-slider-container .description {
font-size: 30px;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u=caption].button a {
font-size: 30px;
}
}
@media only screen and (max-width: 1200px) {
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
padding-right: 30%;
}
.fee-gallery-jssor2 .jssor-slider-container .description {
font-size: 38px;
line-height: 70px;
}
.fee-gallery-jssor2 .jssor-slider-container .title {
font-size: 78px;
line-height: 100px;
margin-bottom: 20px;
}
.fee-gallery-jssor2 .jssor-slider-container .description:last-child {
font-size: 28px;
padding-right: 0;
line-height: 52px;
}
}
@media only screen and (max-width: 767px) {
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
padding-right: 0;
}
.fee-gallery-jssor2 .jssor-slider-container .description {
font-size: 50px;
}
.fee-gallery-jssor2 .jssor-slider-container .title {
font-size: 90px;
}
.fee-gallery-jssor2 .jssor-slider-container .description:last-child {
font-size: 50px;
line-height: 70px;
}
}
/*section related css*/
.fee-widget-content:not(.fee-empty-content) {
height: 100%;
width: 100%;
}
.fee-column-section-added-from-editor.fee-full-width-row:not(.dont-apply-flex){
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -ms-flex-pack: distribute;
justify-content: space-around;
height: auto !important;
}
.fee-column-section-added-from-editor.v-split.grid-block:not(.dont-apply-flex) > .grid-block {
height: auto !important;
/* @alternate */ -webkit-box-sizing: border-box;
box-sizing: border-box;
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-orient: vertical;
/* @alternate */ -webkit-box-direction: normal;
/* @alternate */ -ms-flex-direction: column;
flex-direction: column;
}
.page-content .v-split-container > .fee-column-section-added-from-editor.v-split.grid-block:not(.dont-apply-flex) {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
}
.page-content .v-split-container > .v-split.grid-block.fee-section-act-row {
display: block;
}
.fee-section-act-row.fee-full-width-row {
display: block;
}
/*section related css*/
.fee-gallery-owl .product-view .owl-item .product-block {
width: 100%;
border: 1px #DDDDDD solid;
border-radius: 15px;
padding: 0;
margin: 0;
box-sizing: border-box;
}
.fee-gallery-owl .product-view .owl-item .product-block .product-image {
height: auto;
background: none;
}
.fee-gallery-owl .product-view .owl-item .product-block .product-image a.product-image-link {
display: block;
width: 100%;
aspect-ratio: 10 / 8;
}
.fee-gallery-owl .product-view .owl-item .product-block .product-image a.product-image-link img {
max-width: unset;
max-height: unset;
border-radius: 15px 15px 0 0;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap {
text-align: center;
}
.fee-gallery-owl .product-view .owl-item .item {
aspect-ratio: unset;
}
.fee-gallery-owl .product-view .owl-item .product-block .review-rating-wrapper {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
padding: 10px;
}
.fee-gallery-owl .product-view .owl-item .product-block .review-rating-wrapper .review-rating {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
gap: 0;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
margin: 0;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next {
background: #ffffff;
border: 1px solid #ffffff;
height: 32px;
margin: 5px;
position: relative;
width: 32px;
line-height: 35px;
border-radius: 30px;
font-size: 0;
/* @alternate */ -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev:hover,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next:hover {
background: #008df2;
border: 1px solid #008df2;
height: 32px;
margin: 5px;
position: relative;
width: 32px;
line-height: 35px;
border-radius: 30px;
font-size: 0;
/* @alternate */ -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev:before,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next:before {
color: #333333;
font-family: fontawesome;
font-size: 22px;
left: auto;
position: absolute;
right: auto;
top: -3px;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev:hover:before,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next:hover:before {
color: #ffffff;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev::before {
content: "\f104";
left: 11px;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next::before {
content: "\f105";
right: 10px;
}
.fee-gallery-owl .owl-carousel.product-view .owl-stage-outer {
margin-bottom: 20px;
}
.fee-gallery-owl .owl-carousel .owl-controls .owl-dot span {
background: #F0F3F4;
border: 1px #DDDDDD solid;
}
.fee-gallery-owl .owl-carousel .owl-controls .owl-dot:hover span,
.fee-gallery-owl .owl-carousel .owl-controls .owl-dot.active span {
background: #008DF2;
border: 1px #008DF2 solid;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .product-name {
margin: 0;
padding: 24px 5px;
height: auto;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .product-name-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000000;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button {
position: absolute;
top: 61%;
right: 12px;
height: 32px;
width: 32px;
border-radius: 50%;
font-size: 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.01737%2017.5C6.62915%2017.5%206.29906%2017.3678%206.0271%2017.1034C5.75513%2016.8389%205.61915%2016.5179%205.61915%2016.1405C5.61915%2015.763%205.75513%2015.442%206.0271%2015.1776C6.29906%2014.9131%206.62915%2014.7809%207.01737%2014.7809C7.4056%2014.7809%207.7357%2014.9131%208.00766%2015.1776C8.27963%2015.442%208.41561%2015.763%208.41561%2016.1405C8.41561%2016.5179%208.27963%2016.8389%208.00766%2017.1034C7.7357%2017.3678%207.4056%2017.5%207.01737%2017.5ZM14.7615%2017.5C14.3732%2017.5%2014.0431%2017.3678%2013.7712%2017.1034C13.4992%2016.8389%2013.3632%2016.5179%2013.3632%2016.1405C13.3632%2015.763%2013.4992%2015.442%2013.7712%2015.1776C14.0431%2014.9131%2014.3732%2014.7809%2014.7615%2014.7809C15.1497%2014.7809%2015.4798%2014.9131%2015.7517%2015.1776C16.0237%2015.442%2016.1597%2015.763%2016.1597%2016.1405C16.1597%2016.5179%2016.0237%2016.8389%2015.7517%2017.1034C15.4798%2017.3678%2015.1497%2017.5%2014.7615%2017.5ZM6.10774%205.21911L8.13289%209.34264H13.5799C13.626%209.34264%2013.6669%209.33143%2013.7028%209.30902C13.7387%209.28661%2013.7694%209.25548%2013.795%209.21564L15.9384%205.42827C15.9692%205.37349%2015.9717%205.32493%2015.9461%205.28261C15.9205%205.24026%2015.877%205.21909%2015.8155%205.21909L6.10774%205.21911ZM5.53308%204.05381H16.6268C16.9535%204.05381%2017.2007%204.18902%2017.3681%204.45943C17.5356%204.72985%2017.5436%205.006%2017.3919%205.28787L14.8321%209.79679C14.701%2010.0209%2014.5276%2010.1955%2014.312%2010.3205C14.0964%2010.4454%2013.86%2010.5079%2013.6029%2010.5079H7.77334L6.84834%2012.1514C6.80737%2012.2112%206.80609%2012.2759%206.84451%2012.3456C6.88293%2012.4154%206.94055%2012.4502%207.01737%2012.4502H16.1597V13.6155H7.01737C6.48472%2013.6155%206.08446%2013.3922%205.81658%2012.9455C5.54872%2012.4988%205.53925%2012.0528%205.78816%2011.6076L6.92828%209.61453L4.02116%203.6653H2.5V2.5H4.77404L5.53308%204.05381Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
/* @alternate */ -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
/* @alternate */ -webkit-transition: all 100ms ease-out 0s;
/* @alternate */ -o-transition: all 100ms ease-out 0s;
transition: all 100ms ease-out 0s;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button:hover {
background-color: #008DF2;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.01737%2017.5C6.62915%2017.5%206.29906%2017.3678%206.0271%2017.1034C5.75513%2016.8389%205.61915%2016.5179%205.61915%2016.1405C5.61915%2015.763%205.75513%2015.442%206.0271%2015.1776C6.29906%2014.9131%206.62915%2014.7809%207.01737%2014.7809C7.4056%2014.7809%207.7357%2014.9131%208.00766%2015.1776C8.27963%2015.442%208.41561%2015.763%208.41561%2016.1405C8.41561%2016.5179%208.27963%2016.8389%208.00766%2017.1034C7.7357%2017.3678%207.4056%2017.5%207.01737%2017.5ZM14.7615%2017.5C14.3732%2017.5%2014.0431%2017.3678%2013.7712%2017.1034C13.4992%2016.8389%2013.3632%2016.5179%2013.3632%2016.1405C13.3632%2015.763%2013.4992%2015.442%2013.7712%2015.1776C14.0431%2014.9131%2014.3732%2014.7809%2014.7615%2014.7809C15.1497%2014.7809%2015.4798%2014.9131%2015.7517%2015.1776C16.0237%2015.442%2016.1597%2015.763%2016.1597%2016.1405C16.1597%2016.5179%2016.0237%2016.8389%2015.7517%2017.1034C15.4798%2017.3678%2015.1497%2017.5%2014.7615%2017.5ZM6.10774%205.21911L8.13289%209.34264H13.5799C13.626%209.34264%2013.6669%209.33143%2013.7028%209.30902C13.7387%209.28661%2013.7694%209.25548%2013.795%209.21564L15.9384%205.42827C15.9692%205.37349%2015.9717%205.32493%2015.9461%205.28261C15.9205%205.24026%2015.877%205.21909%2015.8155%205.21909L6.10774%205.21911ZM5.53308%204.05381H16.6268C16.9535%204.05381%2017.2007%204.18902%2017.3681%204.45943C17.5356%204.72985%2017.5436%205.006%2017.3919%205.28787L14.8321%209.79679C14.701%2010.0209%2014.5276%2010.1955%2014.312%2010.3205C14.0964%2010.4454%2013.86%2010.5079%2013.6029%2010.5079H7.77334L6.84834%2012.1514C6.80737%2012.2112%206.80609%2012.2759%206.84451%2012.3456C6.88293%2012.4154%206.94055%2012.4502%207.01737%2012.4502H16.1597V13.6155H7.01737C6.48472%2013.6155%206.08446%2013.3922%205.81658%2012.9455C5.54872%2012.4988%205.53925%2012.0528%205.78816%2011.6076L6.92828%209.61453L4.02116%203.6653H2.5V2.5H4.77404L5.53308%204.05381Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E");
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button:after,
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button:before {
display: none;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block {
width: 350px;
border: 1px #DDDDDD solid;
border-radius: 15px;
padding: 0;
margin: 0 auto;
}
.fee-gallery-swiper.swiperSlider .swiper-backface-hidden .swiper-slide {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block .product-image {
height: auto;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block .product-image-link {
display: block;
width: 100%;
aspect-ratio: 13 / 8;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block .product-image-link img {
max-width: unset;
max-height: unset;
border-radius: 15px 15px 0 0;
width: 100%;
height: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block .block-content-wrap {
text-align: center;
}
.fee-gallery-swiper.swiperSlider .product-block .block-content-wrap .product-name {
margin: 0;
padding: 24px 5px;
height: auto;
}
.fee-gallery-swiper.swiperSlider .product-block .block-content-wrap .product-name .product-name-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000000;
}
.fee-gallery-swiper.swiperSlider .product-block .add-to-cart-button {
position: absolute;
top: 59%;
right: 12px;
height: 32px;
width: 32px;
border-radius: 50%;
font-size: 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.01737%2017.5C6.62915%2017.5%206.29906%2017.3678%206.0271%2017.1034C5.75513%2016.8389%205.61915%2016.5179%205.61915%2016.1405C5.61915%2015.763%205.75513%2015.442%206.0271%2015.1776C6.29906%2014.9131%206.62915%2014.7809%207.01737%2014.7809C7.4056%2014.7809%207.7357%2014.9131%208.00766%2015.1776C8.27963%2015.442%208.41561%2015.763%208.41561%2016.1405C8.41561%2016.5179%208.27963%2016.8389%208.00766%2017.1034C7.7357%2017.3678%207.4056%2017.5%207.01737%2017.5ZM14.7615%2017.5C14.3732%2017.5%2014.0431%2017.3678%2013.7712%2017.1034C13.4992%2016.8389%2013.3632%2016.5179%2013.3632%2016.1405C13.3632%2015.763%2013.4992%2015.442%2013.7712%2015.1776C14.0431%2014.9131%2014.3732%2014.7809%2014.7615%2014.7809C15.1497%2014.7809%2015.4798%2014.9131%2015.7517%2015.1776C16.0237%2015.442%2016.1597%2015.763%2016.1597%2016.1405C16.1597%2016.5179%2016.0237%2016.8389%2015.7517%2017.1034C15.4798%2017.3678%2015.1497%2017.5%2014.7615%2017.5ZM6.10774%205.21911L8.13289%209.34264H13.5799C13.626%209.34264%2013.6669%209.33143%2013.7028%209.30902C13.7387%209.28661%2013.7694%209.25548%2013.795%209.21564L15.9384%205.42827C15.9692%205.37349%2015.9717%205.32493%2015.9461%205.28261C15.9205%205.24026%2015.877%205.21909%2015.8155%205.21909L6.10774%205.21911ZM5.53308%204.05381H16.6268C16.9535%204.05381%2017.2007%204.18902%2017.3681%204.45943C17.5356%204.72985%2017.5436%205.006%2017.3919%205.28787L14.8321%209.79679C14.701%2010.0209%2014.5276%2010.1955%2014.312%2010.3205C14.0964%2010.4454%2013.86%2010.5079%2013.6029%2010.5079H7.77334L6.84834%2012.1514C6.80737%2012.2112%206.80609%2012.2759%206.84451%2012.3456C6.88293%2012.4154%206.94055%2012.4502%207.01737%2012.4502H16.1597V13.6155H7.01737C6.48472%2013.6155%206.08446%2013.3922%205.81658%2012.9455C5.54872%2012.4988%205.53925%2012.0528%205.78816%2011.6076L6.92828%209.61453L4.02116%203.6653H2.5V2.5H4.77404L5.53308%204.05381Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
/* @alternate */ -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
/* @alternate */ -webkit-transition: all 100ms ease-out 0s;
/* @alternate */ -o-transition: all 100ms ease-out 0s;
transition: all 100ms ease-out 0s;
}
.fee-gallery-swiper.swiperSlider .product-block .add-to-cart-button:hover {
background-color: #008DF2;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M7.01737%2017.5C6.62915%2017.5%206.29906%2017.3678%206.0271%2017.1034C5.75513%2016.8389%205.61915%2016.5179%205.61915%2016.1405C5.61915%2015.763%205.75513%2015.442%206.0271%2015.1776C6.29906%2014.9131%206.62915%2014.7809%207.01737%2014.7809C7.4056%2014.7809%207.7357%2014.9131%208.00766%2015.1776C8.27963%2015.442%208.41561%2015.763%208.41561%2016.1405C8.41561%2016.5179%208.27963%2016.8389%208.00766%2017.1034C7.7357%2017.3678%207.4056%2017.5%207.01737%2017.5ZM14.7615%2017.5C14.3732%2017.5%2014.0431%2017.3678%2013.7712%2017.1034C13.4992%2016.8389%2013.3632%2016.5179%2013.3632%2016.1405C13.3632%2015.763%2013.4992%2015.442%2013.7712%2015.1776C14.0431%2014.9131%2014.3732%2014.7809%2014.7615%2014.7809C15.1497%2014.7809%2015.4798%2014.9131%2015.7517%2015.1776C16.0237%2015.442%2016.1597%2015.763%2016.1597%2016.1405C16.1597%2016.5179%2016.0237%2016.8389%2015.7517%2017.1034C15.4798%2017.3678%2015.1497%2017.5%2014.7615%2017.5ZM6.10774%205.21911L8.13289%209.34264H13.5799C13.626%209.34264%2013.6669%209.33143%2013.7028%209.30902C13.7387%209.28661%2013.7694%209.25548%2013.795%209.21564L15.9384%205.42827C15.9692%205.37349%2015.9717%205.32493%2015.9461%205.28261C15.9205%205.24026%2015.877%205.21909%2015.8155%205.21909L6.10774%205.21911ZM5.53308%204.05381H16.6268C16.9535%204.05381%2017.2007%204.18902%2017.3681%204.45943C17.5356%204.72985%2017.5436%205.006%2017.3919%205.28787L14.8321%209.79679C14.701%2010.0209%2014.5276%2010.1955%2014.312%2010.3205C14.0964%2010.4454%2013.86%2010.5079%2013.6029%2010.5079H7.77334L6.84834%2012.1514C6.80737%2012.2112%206.80609%2012.2759%206.84451%2012.3456C6.88293%2012.4154%206.94055%2012.4502%207.01737%2012.4502H16.1597V13.6155H7.01737C6.48472%2013.6155%206.08446%2013.3922%205.81658%2012.9455C5.54872%2012.4988%205.53925%2012.0528%205.78816%2011.6076L6.92828%209.61453L4.02116%203.6653H2.5V2.5H4.77404L5.53308%204.05381Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E");
}
.fee-gallery-swiper.swiperSlider .swiper-pagination {
position: static;
margin-top: 30px;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev,
.widget-gallery.fee-gallery-swiper .swiper-button-next {
background: #ffffff;
border: 1px solid #ffffff;
height: 32px;
margin: 5px;
position: relative;
width: 32px;
line-height: 35px;
border-radius: 30px;
font-size: 0;
/* @alternate */ -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
box-shadow: 0 4px 15px 0 rgba(0,0,0, .15);
opacity: 1;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:hover,
.widget-gallery.fee-gallery-swiper .swiper-button-next:hover {
background: #008DF2;
border: 1px solid #008DF2;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev.swiper-button-disabled:after,
.widget-gallery.fee-gallery-swiper .swiper-button-next.swiper-button-disabled:after {
opacity: .3
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:after,
.widget-gallery.fee-gallery-swiper .swiper-button-next:after {
color: #333333;
font-family: fontawesome;
font-size: 22px;
left: auto;
position: absolute;
right: auto;
top: 3px;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:hover:after,
.widget-gallery.fee-gallery-swiper .swiper-button-next:hover:after {
color: #ffffff;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:after {
content: "\f104";
left: 11px;
}
.widget-gallery.fee-gallery-swiper .swiper-button-next:after {
content: "\f105";
right: 10px;
}
.fee_img-gallery_product_swiper .swiper-horizontal {
position: relative;
}
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-prev {
position: absolute;
top: 50%;
margin-top: -16px;
}
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-next {
right: 50%;
margin-right: -230px;
}
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-prev {
left: 50%;
margin-left: -230px;
}
.fee-gallery-swiper.swiperSlider .swiper-pagination .swiper-pagination-bullet {
background: #F0F3F4;
border: 1px #DDDDDD solid;
opacity: 1;
height: 10px;
width: 10px;
}
.fee-gallery-swiper.swiperSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #008DF2;
border: 1px #008DF2 solid;
}
.fee-gallery-owl .article-title {
font-size: 22px;
line-height: 1.4;
font-weight: 600;
padding-bottom: 20px;
}
.fee_img-gallery_article_swiper .article-title {
font-size: 22px;
font-weight: 600;
line-height: 1.4;
color: #000;
padding-bottom: 20px;
}
.fee_img-gallery_article_swiper .swiper-horizontal {text-align: center;}
.fee_img-gallery_article_swiper .swiper-horizontal .swiper-button-prev,
.fee_img-gallery_article_swiper .swiper-horizontal .swiper-button-next {
display: inline-block;
margin: 0px 4px;
left: auto;
right: auto;
}
.fee-gallery-owl.fee_img-gallery_article_owl .owl-carousel .owl-stage-outer {
margin-bottom: 0;
}
.fee-gallery-owl .category-image-view.category {
width: 100%;
border: 1px #DDDDDD solid;
padding: 0;
margin: 0;
}
.fee-gallery-owl .category-image-view-height {
height: auto;
}
.fee-gallery-owl .category-image-view-height a {
display: block
;width: 100%;
aspect-ratio: 10 / 8;
}
.fee-gallery-owl .owl-carousel .category-image-view-height a img {
max-width: unset;
max-height: unset;
}
.fee-gallery-owl.fee_img-gallery_category_owl .owl-item .item {
aspect-ratio: unset;
}
.fee-gallery-owl .category-image-view.category .category-name {
margin: 0;
padding: 24px 5px 5px 5px;
height: auto;
}
.fee-gallery-owl .category-image-view.category .category-name-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000000
}
.fee-gallery-owl .category-image-view.category .summary {
padding: 0 5px 24px 5px;
height: auto;
}
.fee-gallery-swiper .category-image-view.category {
width: 350px;
border: 1px #DDDDDD solid;
padding: 0;
margin: 0 auto;
}
.fee-gallery-swiper .category-image-view-height {
height: auto;
}
.fee-gallery-swiper .category-image-view-height a {
display: block;
width: 100%;
aspect-ratio: 13 / 8;
}
.fee-gallery-swiper .category-image-view-height a img {
max-width: unset;
max-height: unset;
width: 100%;
height: 100%;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
}
.fee-gallery-swiper .category-image-view .category-name {
margin: 0;
padding: 24px 10px 5px 10px;
height: auto;
}
.fee-gallery-swiper .category-image-view .category-name-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000000;
}
.fee-gallery-swiper .category-image-view .summary {
padding: 0 10px 24px;
height: auto;
}
.fee_img-gallery_category_swiper .swiper-horizontal {
position: relative;
}
.widget-gallery .swiper-horizontal {
padding-bottom: 15px;
}
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-prev {
position: absolute;
top: 50%;
margin-top: -16px;
}
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-next {
right: 50%;
margin-right: -230px;
}
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-prev {
left: 50%;
margin-left: -230px;
}
/* +++++++++++++++++ Login widget design +++++++++++++++++++++++++ */
.login-form {
background-color : #F9F9F9;
padding : 30px;
width : 318px;
}
.login-form .submit-row {
float : right;
}
.login-form .remember {
margin : 12px 0 22px;
width : 230px;
}
.login-form .remember label {
display : none;
}
.login-form input[type="checkbox"] {
display : inline-block;
width : auto;
}
.login-form input {
display : block;
width : 310px;
}
.login-form .form-row.simple-captcha label {
display : none;
}
.login-form .lost-password a {
color : #FF0000;
}
.login-form .lost-password a:hover {
color : #F39292;
}
.login-form .account-register a {
color : #00CED1;
}
.login-form .account-register a:hover {
color : #3FEAEC;
}
.registration-verification-message {
font-size: 14px;
max-width: 600px;
text-align: center;
margin: 0 auto 30px;
}
.registration-verification-message .resend-verification-button {
padding: 6px 25px 8px 25px;
display: inline-block;
background-color: #000;
border-radius: 3px;
color: #ffffff;
font-size: 16px;
line-height: 26px;
margin-top: 15px;
cursor: pointer;
}
.registration-verification-message .resend-verification-button:hover {
background-color: #2b2b2b;
}
/*login navigation*/
.widget-navigation .nav-profile-logged-in {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-pack: justify;
/* @alternate */ -ms-flex-pack: justify;
justify-content: space-between;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
}
.widget-navigation .nav-profile-logged-in .nav-profile-info-wrapper {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
gap: 10px;
}
.widget-navigation .nav-profile-logged-in .nav-profile-pic {
height: 32px;
width: 32px;
/* @alternate */ -o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.widget-navigation .nav-profile-logged-in .nav-customer-name {
font-size: 15px;
font-weight: 600;
}
.widget-navigation .nav-profile-logged-in .autoGeneratedPage {
padding: 0;
border: none;
font-size: 13px;
font-weight: 600;
text-decoration: underline;
color: #333333;
}
.widget-navigation .nav-profile-not-logged-in {
text-align: center;
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -ms-flex-wrap: wrap;
flex-wrap: wrap;
/* @alternate */ -webkit-box-pack: center;
/* @alternate */ -ms-flex-pack: center;
justify-content: center;
}
.widget-navigation .navigation-item .nav-profile-not-logged-in > .autoGeneratedPage {
border: none;
display: inline-block!important;
width: auto;
background-color: #000000;
padding: 8px 42px;
font-size: 14px;
font-weight: 600;
color: #ffffff;
}
.widget-navigation .nav-profile-not-logged-in .nav-profile-suggestion-wrapper {
/* @alternate */ display: -webkit-box;
/* @alternate */ display: -ms-flexbox;
display: flex;
/* @alternate */ -webkit-box-pack: justify;
/* @alternate */ -ms-flex-pack: justify;
justify-content: space-between;
/* @alternate */ -webkit-box-align: center;
/* @alternate */ -ms-flex-align: center;
align-items: center;
width: 100%;
padding-top: 20px;
}
.widget-navigation .nav-profile-not-logged-in .nav-customer-qa {
font-size: 15px;
font-weight: 600;
color: #000000;
}
.widget-navigation .nav-profile-not-logged-in .customer-register-link a {
padding: 0;
font-size: 13px;
font-weight: 600;
color: #333333;
border: none;
text-decoration: underline;
}
.profile-responsive-mask {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0, .5);
}
.maintenance-message-block {
background-color: #f9f9f9;
max-width: 600px;
margin: 50px auto;
padding: 30px 20px;
}
.maintenance-message-block h1 {
margin: 0;
font-family: "Segoe UI", Verdana, Arial, sans-serif;
font-size: 26px;
font-weight: 700;
line-height: normal;
color: #222;
}
/*product page previous page button design*/
.widget-productName .previous-page {
font-size: 16px;
font-weight: 500;
padding: 10px 15px;
border: 2px #000 solid;
display: inline-block;
margin-bottom: 20px;
cursor: pointer;
transition: all 300ms ease-out 0s;
}
.widget-productName .previous-page:hover {
border: 2px #000 solid;
background-color: #000000;
color: #ffffff;
}
.widget-productName .previous-page i {
font-size: 14px;
margin-right: 5px;
}
.form-row .pass-input-wrapper {
display: block;
position: relative;
}
.form-row .pass-input-wrapper input {
padding: 10px 35px 10px 15px;
}
.form-row .pass-input-wrapper .toggle-password {
font-size: 0;
width: 32px;
height: 40px;
position: absolute;
right: 0;
top: 0;
z-index: 21;
cursor: pointer;
background-repeat: no-repeat;
background-size: 26px;
background-position: center;
}
.form-row .pass-input-wrapper .toggle-password.hide {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M17.703%205L15.1935%207.35275C14.241%207.03175%2013.179%206.8285%2012.0113%206.8285C6.3345%206.8285%203%2011.7417%203%2011.7417C3%2011.7417%204.446%2013.955%206.8595%2015.5952L4.67625%2017.777L5.73675%2018.8375L18.7642%206.06125L17.703%205ZM13.191%209.33425C10.725%208.2445%208.18025%2010.7652%209.24225%2013.2387L7.94775%2014.519C6.58725%2013.649%205.529%2012.5315%204.90275%2011.774C6.0225%2010.538%208.5155%208.3285%2012.0113%208.3285C12.7065%208.3285%2013.3582%208.41775%2013.9688%208.56475L13.191%209.33425ZM11.0287%2014.9075L14.8463%2011.1628C15.609%2013.496%2013.344%2015.713%2011.0287%2014.9075ZM21%2011.7417C21%2011.7417%2017.811%2017.3285%2012.0113%2017.3285C10.977%2017.3285%2010.0147%2017.1103%209.123%2016.7758L10.3335%2015.5885C10.8697%2015.7333%2011.427%2015.8285%2012.0113%2015.8285C15.6045%2015.8285%2018.0892%2013.1832%2019.1392%2011.8055C18.5925%2011.189%2017.6722%2010.313%2016.449%209.5915L17.5657%208.4965C19.8022%209.9215%2021%2011.7417%2021%2011.7417Z%22%20fill%3D%22%23696969%22%2F%3E %3C%2Fsvg%3E");
}
.form-row .pass-input-wrapper .toggle-password.show {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M12.0113%208.5C15.5745%208.5%2018.0585%2010.759%2019.1392%2011.977C18.0885%2013.3547%2015.6045%2016%2012.0113%2016C8.69625%2016%206.06375%2013.348%204.90275%2011.9448C6.0225%2010.7095%208.5155%208.5%2012.0113%208.5ZM12.0113%207C6.3345%207%203%2011.9132%203%2011.9132C3%2011.9132%206.62625%2017.5%2012.0113%2017.5C17.811%2017.5%2021%2011.9132%2021%2011.9132C21%2011.9132%2017.7818%207%2012.0113%207ZM12%2012.25L9.48%2010.6218C9.17625%2011.0905%209%2011.65%209%2012.25C9%2013.9068%2010.3432%2015.25%2012%2015.25C13.6568%2015.25%2015%2013.9068%2015%2012.25C15%2010.5932%2013.6568%209.25%2012%209.25C11.4435%209.25%2010.9215%209.4015%2010.4753%209.6655L12%2012.25Z%22%20fill%3D%22%23696969%22%2F%3E %3C%2Fsvg%3E");
}
body > .header,
body > .footer {
position: relative;
}
.v-split.grid-block > .grid-block {
height: auto !important;
}
.fee-fixed-width-row {
max-width: 1172px;
margin: 0 auto
}
/*V2 for product Start*/
.import-mapping-form .clickable-select-fields {
color: #008DF2;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
text-decoration-line: underline;
cursor: pointer;
}
.import-mapping-form .fee-select-path-icon input[type="text"] {
background-image: url(../../images/front-end-editor/folder.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: calc(100% - 8px) center;
padding-right: 30px;
}
.item-import-for-editor .import-status.total {
padding: 32px 20px 0;
}
.item-import-for-editor .total-progress {}
.item-import-for-editor .total-progress .progress-bar {
width: 100%;
height: 24px;
border-radius: 30px;
background: #F0F3F4;
}
.item-import-for-editor .total-progress .progress-bar .completed {
background: #0DC15C;
height: 24px;
border-radius: 30px;
}
.fee-task-details-item-import-table {}
.fee-task-details-item-import-table th::after {
display: none;
}
.fee-task-details-item-import-table .success-header,
.fee-task-details-item-import-table .category-success-count {
color: #0DC15C;
}
.fee-task-details-item-import-table .error-header,
.fee-task-details-item-import-table .category-error-count {
color: #FB3030;
}
.fee-task-details-item-import-table .cell-warning-header,
.fee-task-details-item-import-table .category-warning-count {
color: #FF9F40;
}
.item-import-for-editor .button-line {
text-align: center;
padding: 4px 0 32px;
}
.item-import-for-editor .button-line .download-button {
color: #008DF2;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
text-decoration-line: underline;
}
.se-product-create-edit-form .file-selection-queue .file-remove {
background-position: center !important;
top: 50%;
transform: translateY(-50%);
}
.se-product-create-edit-form .multiple-video-queue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
gap: 5px;
}
.se-product-create-edit-form .spec-file-block {
position: relative;
border: 1px #ddd solid;
padding: 10px 24px 10px 10px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 10px;
}
.se-product-create-edit-form .spec-file-block .tool-icon.remove {
margin-left: auto;
}
#bmui-tab-manage-blog-post .toolbar.toolbar-left .search-text,
#bmui-tab-manage-blog-category .toolbar.toolbar-left .search-text,
#bmui-tab-manage-blog-comment .toolbar.toolbar-left .search-text,
#bmui-tab-manage-product .toolbar.toolbar-left .search-text,
#bmui-tab-manage-category .toolbar.toolbar-left .search-text {
width: 250px !important;
}
.page-seo-config .bmui-tab-panel {
padding-right: 20px;
}
.fee-create-edit-form .form-section-info h3 {
color: #008DF2;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 0 0 15px;
}
.fee-top-view .fee-am-left .fee-identical-sewc-elm {
display: inline-flex;
width: auto;
min-width: unset;
}
.chosen-container .chosen-single div b {
display: none;
}
.form-row .Zebra_DatePicker_Icon_Wrapper {
width: 100%;
}
.form-row .Zebra_DatePicker_Icon_Wrapper input {
width: 100%;
}
/*V2 for product End*/
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
}
.CodeMirror-scroll {
/* Set scrolling behaviour here */
overflow: auto;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
width: auto;
border: 0;
background: #7e7;
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
@-webkit-keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
@keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}
.cm-tab { display: inline-block; }
.CodeMirror-ruler {
border-left: 1px solid #ccc;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
line-height: 1;
position: relative;
overflow: hidden;
background: white;
color: black;
}
.CodeMirror-scroll {
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actuall scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
}
.CodeMirror-vscrollbar {
right: 0; top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0; left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0; bottom: 0;
}
.CodeMirror-gutters {
position: absolute; left: 0; top: 0;
padding-bottom: 30px;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 30px;
margin-bottom: -32px;
display: inline-block;
/* Hack to make IE7 behave */
*zoom:1;
*display:inline;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-lines {
cursor: text;
}
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto;
}
.CodeMirror-widget {}
.CodeMirror-wrap .CodeMirror-scroll {
overflow-x: hidden;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor {
position: absolute;
border-right: none;
width: 0;
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 1;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.cm-searching {
background: #ffa;
/* @alternate */ background: rgba(255, 255, 0, .4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}