body, html { overflow-x: hidden }
body, label { font-weight: 400 }
label.auto, ul li:before, ul.col-2 li { display: inline-block }
.alignblock, .aligncenter, img, label { display: block }
.dokan-dashboard header.dokan-dashboard-header h1, .list-2-col, .two-aside, ol, ul li { overflow: hidden }
*, .project-aside table, .table-responsive, table.type-2 { border: none }
a:focus, a:hover, body, table tr th, table.type-2 td, table.type-2 th, ul li:before { color: #6d757d }
.btn, .text-center { text-align: center }
*, .form-field .btn i { vertical-align: baseline }
ol, ol li ul>li, ul { list-style: none }
.two-aside.type-2, ul ol li, ul ol li:before, ul.dokan-seller-wrap li { overflow: visible }
.woocommerce table, table { border-collapse: collapse !important }
*, .mfp-wrap, .selectric-input { outline: 0 !important }
body { font-size: 16px; font-family: 'Product Sans'; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.667 }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
@font-face { font-family: 'Product Sans'; src: url('../fonts/ProductSans-Bold.woff2') format('woff2'), url('../fonts/ProductSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: 'Product Sans'; src: url('../fonts/ProductSans-Italic.woff2') format('woff2'), url('../fonts/ProductSans-Italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap }
@font-face { font-family: 'Product Sans'; src: url('../fonts/ProductSans-BoldItalic.woff2') format('woff2'), url('../fonts/ProductSans-BoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap }
@font-face { font-family: 'Product Sans'; src: url('../fonts/ProductSans-Regular.woff2') format('woff2'), url('../fonts/ProductSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap }
label { margin: 0 0 5px }
h1, h2, h3, h4, h5, h6, table tr th { font-weight: 700; font-family: 'Product Sans' }
label.auto { margin: 5px 40px 5px 0 }
.btn-row .btn:last-child, .nav-wrap nav ul.nav>li:last-child, label.auto:last-child { margin-right: 0 }
a { color: #141f33; text-decoration: none }
img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none }
h1, h2, h3, h4, h5, h6 { color: #141f33; line-height: 1.2; margin: 35px 0 15px }
h1, h2 { font-size: 28px }
h3 { font-size: 26px }
.dokan-dashboard .dokan-dashboard-content article .entry-title, .dokan-dashboard .dokan-dashboard-content article.dokan-settings-area .dokan-payment-settings-summary div.payment-methods-listing-header>h2, .dokan-dashboard-content.dokan-product-edit .entry-title, .dokan-settings-area .entry-title, h4 { font-size: 24px }
h5 { font-size: 22px }
.story-column h3, h6 { font-size: 20px }
.dokan-dashboard-content.dokan-product-edit .csCheckbox, .dokan-dashboard-content.dokan-product-edit .csRadio, .dokan-store-wrap, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p.pn+h1, p.pn+h2 { margin-top: 0 }
.aligncenter { margin: 5px auto }
.alignright { float: right; margin: 5px 0 15px 30px }
.alignleft { float: left; margin: 5px 30px 15px 0 }
.alignblock, .alignnone, .owl-carousel.has-shadow .owl-item { margin: 10px 0 }
.alignblock { float: none; width: 100% }
.dokan-profile-frame-wrapper, ol, p, ul { margin: 0 0 25px }
.alignright.shadow { box-shadow: -25px 25px 40px rgba(0, 0, 0, .16); margin-left: 105px; margin-bottom: 40px }
p.pn, ul.breadcrumbs li:last-child { padding: 0; margin: 0 }
.alignleft:not(img), .alignright:not(img) { background: #000; position: relative; margin: 0 0 15px 48px }
.alignleft:not(img) { margin: 0 48px 15px 0 }
, .alignleft:not(img) img, .alignright:not(img) img {
 margin: 0;
 max-width: 100%
}
.alignleft:not(img) .icon, .alignright:not(img) .icon { background: #01477f; position: absolute; bottom: 0; left: -45px; width: 84px; padding-top: 84px }
.alignleft:not(img) .icon { left: auto; right: -20px }
.alignleft:not(img) .icon img, .alignright:not(img) .icon img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 80%; max-height: 80% width: auto !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden }
.justify p { text-align: justify }
p+ol, p+ul { margin-top: -6px }
ul.em { font-style: italic }
ul li { position: relative; padding: 0 0 7px 22px }
#add_payment_method #payment ul.payment_methods li, .list-none li, .social-wrap, .woocommerce .woocommerce table.shop_table ul#shipping_method li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, ol li { padding-left: 0 }
ul li:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; line-height: 1; position: absolute; left: 2px; top: 7px }
ul.blue li:before { color: #1e73be }
ul.check-list li { padding-left: 38px }
footer ul li, ol li ul>li, ul.dot li { padding-left: 20px }
ul.check-list li:before { content: ""; background: url(../img/tick.png) center center/contain no-repeat; padding: 12px }
ul.col-2 li { width: 49.3333%; vertical-align: top }
ul.dot li { line-height: 1.75 }
ul.dot li:before { background: #91989b; content: ""; padding: 3px; top: 9px }
ul.ext-s { margin-top: 28px }
ul.ext-s li { padding-bottom: 30px }
ol li:last-child, ul li:last-child, ul.ext-s li:last-child { padding-bottom: 0 }
ol { padding-left: 26px; text-align: left }
ol li { list-style: decimal; padding-bottom: 7px }
ol li ul>li:before { display: block; left: 1px }
ul ol li:before { display: none }
ol ol li { list-style: lower-alpha }
ol ol ol li { list-style: lower-roman }
ol ol, ol ul, ul ol, ul ul { margin-top: 12px; margin-bottom: 5px }
.text-center ul { text-align: left; display: table; margin-left: auto; margin-right: auto }
#mobile-menu-icon+.csCheckbox, .bg img, .caption-frame .mfp-counter, .dokan-dashboard table .diviader, .dokan-dashboard-wrap ul li:before, .dokan-theme-tempster .white-popup li:before, .filter-popup ul li:before, .flexslider .flex-control-paging li .flex-active:after, .flexslider .flex-control-paging li a:hover:after, .flexslider.review-slider:before, .list-none li:before, .login-btn i, .main-banner.flexslider .flex-control-paging, .main-banner:before, .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader, .nav-trigger, .nav-wrap nav #menu-button, .nav-wrap nav ul li:before, .nav-wrap nav ul.nav ul ul:after, .nav_trigger, .owl-carousel .owl-dot span, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .profile-dropdown ul li:before, .woocommerce nav.woocommerce-pagination ul li:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li:before, nav #menu-button, ul li.share-button:before, ul.breadcrumbs li:before, ul.breadcrumbs li:last-child:after, ul.dokan-pagination li:before, ul.dokan-seller-wrap li:before, ul.dokan-store-info li:before, ul.side-menu li:before, ul.social-icon li:before { display: none }
.flex, .two-aside.type-2 { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox }
.faq-all:last-child, .filter-popup .filter-content .bapf_sfilter, .selectric-items li:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol ul:last-child, ol:last-child, p:last-child, ul:last-child { margin-bottom: 0 }
.list-2-co li { float: left; width: 50%; padding-right: 5px }
.list-2-co li:nth-child(odd) { clear: left }
.table-responsive { margin: 20px 0; overflow: auto }
table { width: 100%; border-spacing: 0; border: 1px solid #cfcdcd }
table tr td, table tr th { padding: 14px 15px; vertical-align: top; text-align: left; line-height: 18px; border: 1px solid #ddd }
td[align=center], th[align=center] { text-align: center !important }
td[align=right], th[align=right] { text-align: right !important }
.search-wrap input[type=submit]:hover, table tbody tr:nth-child(2n) td, table tbody tr:nth-child(2n) th { background-color: #f5f5f5 }
#add_payment_method #payment ul.payment_methods li img, #add_payment_method #payment ul.payment_methods li label, .woocommerce .woocommerce-shipping-fields h3 label, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li select, table img { display: inline-block }
.related-post .owl-carousel, .table-responsive+.table-responsive, table+table { margin-top: 30px }
table.type-2 td, table.type-2 th { font-size: 16px; font-weight: 500; border: none; text-align: center; padding: 12px; vertical-align: middle }
table.type-2 td:first-child, table.type-2 th:first-child { text-align: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px }
table.type-2 th { background: #dddedd }
table.type-2 td:last-child, table.type-2 th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover, .owl-carousel.type-2-arrow .owl-nav .owl-next:hover, .owl-carousel.type-2-arrow .owl-nav .owl-prev:hover, table.type-2 tr:nth-child(2n) td, table.type-2 tr:nth-child(2n) th { background-color: #6d757d }
table.type-2 .icons { white-space: nowrap; opacity: 0 }
.animateblock.animated, .flexslider:hover .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-prev, .hover-table tr:hover .icons, .listing-box:hover .overlay, .mfp-close:focus, .mfp-close:hover, .selectric-items .selectric-group.disabled li, .videoFrame .mfp-iframe-scaler:hover .mfp-close, table.icon-visible .icons { opacity: 1 }
table.type-2 .icons i { margin: 0 5px; color: #7f7f7f; cursor: pointer }
table.type-2 p { text-align: left; margin: 0 auto; display: table }
table.type-2 strong { font-weight: 700 }
table.type-2 .g-c { color: #004605 }
.hover-table tr:hover td { background-color: #edeeed !important }
.table-max-height { max-height: 250px; overflow: auto; margin: 20px 0 }
.form-group, .mfp-figure figure, .ppdesign-box .caption .btn-row, .project-aside .by, .social-wrap ul.social-icon, .table-max-height .table-responsive, footer .social-icon { margin: 0 }
.container, .container-fluid { margin-right: auto; margin-left: auto }
.dgwt-wcas-is-details .dgwt-wcas-sp, .n-wrap { white-space: nowrap }
.l-space td, .l-space th { padding-left: 5px; padding-right: 5px }
.l-space td:first-child, .l-space th:first-child { padding-left: 15px }
.l-space td:last-child, .l-space th:last-child { padding-right: 15px }
 .table-max-height::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
 width: 5px;
 height: 4px
}
 .table-max-height::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
 background: #f5f5f5;
 border-radius: 8px
}
 .table-max-height::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
 background: #ccc;
 border-radius: 8px
}
 .table-max-height::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover {
 background: #ccc
}
.common-content { padding: 60px 0 }
.container, .container-fluid { padding-right: 15px; padding-left: 15px }
.two-aside.type-2 { display: flex; margin: 0 }
.two-aside.type-2 .aside { position: relative; padding: 30px 37px 30px 0; background: #fff }
.two-aside.type-2 .aside:before { content: ""; position: absolute; right: 99%; top: 0; bottom: 0; background: #fff; width: 3000px }
.two-aside.type-2 .big-col { padding: 35px 0 35px 35px }
.flex { display: flex }
.flex-middle, .flex-wrap, .icon-thumb-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox }
.flex-middle { display: flex; align-items: center }
.flex-wrap, .icon-thumb-row { display: flex; flex-wrap: wrap }
.flex-wrap-middle { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center }
.justify-center { justify-content: center }
h1+.pn img, h2+.pn img { margin-top: -52px }
a[href^="mailto:"], a[href^="tel:"] { display: inline-block; word-break: break-word }
.container { max-width: 1210px }
.row { margin-right: -15px; margin-left: -15px }
.md-width, .sm-width { margin-left: auto; margin-right: auto }
.row:after, .row:before { content: ""; clear: both; display: table }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .dokan-product-listing .dokan-product-listing-area form.dokan-product-search-form .dokan-form-group, footer .copyright p { float: left }
.block, .blog-img img, .col-xs-12, .fluid-thumb img, .full-width-img img, .inner-banner img, .main-banner img, .selectric-responsive, .woocommerce .checkout_coupon #coupon_code, .yith_wcwl_wishlist_footer .yith-wcwl-share { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33% }

@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33% }
}
.dokan-form-control, .form-control, input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 0 !important; color: #6d757d; display: block; font-size: 16px; line-height: 20px !important; padding: 11px 10px; position: relative; width: 100%; height: 44px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; transition: .3s linear; -moz-transition: .3s linear; -webkit-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; font-family: 'Product Sans'; font-weight: 400 }
.dokan-form-control:focus, .form-control:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus { border-color: #6d757d; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
textarea, textarea.form-control { font-family: 'Product Sans'; height: 150px; resize: none; font-size: 16px; font-weight: 400 }
textarea.lg { height: 70px !important }
select { -moz-appearance: menulist-button; -webkit-appearance: menulist-button }
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget a, select option { font-size: 16px }
.input-group-btn:last-child>.btn-group:hover, .input-group-btn:last-child>.btn:hover { color: #787878 }
input[type=checkbox], input[type=radio] { display: inline-block; margin-right: 5px; vertical-align: top }

::-webkit-input-placeholder {
 color: #6d757d;
 opacity: 1
}

::-moz-placeholder {
 color: #6d757d;
 opacity: 1
}

:-ms-input-placeholder {
 color: #6d757d;
 opacity: 1
}

:-moz-placeholder {
 color: #6d757d;
 opacity: 1
}
.btn, .form-field .btn i { color: #fff; display: inline-block }
 button::-moz-focus-inner, input::-moz-focus-inner {
 padding: 0;
 border: 0
}
input[type=button], input[type=reset], input[type=submit] { -moz-appearance: none; -webkit-appearance: none }
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none
}
input[type=number] { -moz-appearance: textfield !important }
.form-inline .form-control, .owl-carousel .owl-item img { display: block; width: 100% }
.owl-dots *, .owl-nav *, .product-box *, .services-box *, :after, :before, a, header, header .logo, header .logo img, input[type=button], input[type=reset], input[type=submit] { -moz-transition: .3s linear; -webkit-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear }
.animateblock { opacity: 0; transition: none 0s 0.1s; -moz-transition: none; -webkit-transition: none }
.animated { -webkit-animation-duration: 1.3s; animation-duration: 1.3s }
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUp.animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInDown.animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0
}
 to {
 opacity: 1
}
}
 @keyframes fadeIn {
 from {
 opacity: 0
}
 to {
 opacity: 1
}
}
.fadeIn.animated { -webkit-animation-name: fadeIn; animation-name: fadeIn }
 @-webkit-keyframes slideInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
 visibility: visible
}
 to {
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}
 @keyframes slideInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
 visibility: visible
}
 to {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1
}
}
.slideInLeft.animated { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
 @-webkit-keyframes slideInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
 visibility: visible
}
 to {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1
}
}
 @keyframes slideInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
 visibility: visible
}
 to {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1
}
}
.slideInRight.animated { -webkit-animation-name: slideInRight; animation-name: slideInRight }
.hundred, footer, header, section { float: left; width: 100%; position: relative }
.btn { font-family: 'Product Sans'; font-weight: 400; position: relative; border: 1px solid #141f33; border-radius: 40px; font-size: 16px; font-style: normal; line-height: 22px; padding: 10px 28px; text-decoration: none !important; white-space: normal; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; background-color: #141f33; box-shadow: none; cursor: pointer; text-transform: capitalize }
.nav>li>a:focus, .nav>li>a:hover, .secondary-btn { background-color: transparent }
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.big-counter, .form-field, .form-field i { text-align: left }
.btn.uppercase, .md-btn { text-transform: uppercase }
.secondary-btn { color: #6d757d; border-color: #6d757d }
.btn.focus, .btn:focus, .btn:hover, .secondary-btn:focus, .secondary-btn:hover { color: #fff; border-color: #343434; background-color: #343434 }
.btn.uppercase { font-size: 15px }
.md-btn { padding: 8px 17px; font-size: 14px }
.post-password-form input[type=submit], .xs-btn { font-size: 16px !important; padding: 6px 20px; min-width: inherit !important; text-transform: capitalize !important; line-height: 16px !important }
.form-field .btn, .form-field .has-label label, .resources-wrap .btn { text-transform: uppercase }
.sm-btn { padding: 9px 14px; font-size: 12px; line-height: 18px }
.btn-row .btn { margin: 10px 20px 0 0 }

@media (min-width:992px) {
h1, h2 { font-size: 36px }
.search-field, .small-trigger+* { display: block !important; height: auto !important; opacity: 1 !important }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33% }
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
}
.selectric-disabled, .selectric-items .disabled { opacity: .5; -webkit-user-select: none; -moz-user-select: none }
.sm-width { max-width: 814px }
.md-width { max-width: 1108px }
.form-max-width { max-width: 600px }
.form-field .row, .row.form-field { position: relative; margin-left: -11px; margin-right: -11px }
.form-field .row .row, .row.form-field .row { margin-left: -10px; margin-right: -10px; margin-top: -22px }
.form-field [class*=col-], .form-field [class^=col-] { padding-right: 11px; padding-left: 11px; padding-top: 22px }
.form-field [class*=col-] [class*=col-], .form-field [class^=col-] [class^=col-] { padding-left: 10px; padding-right: 10px }
.form-field p { padding: 10px 0 0; margin: 0 }
.form-field [class*=col-] p, .form-field [class^=col-] p { position: relative; padding: 0; margin: 0 }
.form-field i { position: absolute; font-size: 16px; right: 1px; color: #6f6f6f; top: 50%; z-index: 2; background: #fff; width: 40px; border-radius: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.dokan-form-horizontal .dokan-control-label, .form-field i.fa-globe-asia, .newsletter-wrap .blue-sheading { font-weight: 400 }
.boarding-wrap .icon, .form-icon, .project-big-column .img-row, .search-data { position: relative }
.form-field i+input, .form-field i+textarea { padding-right: 40px }
.form-field .btn { min-width: 170px; margin-top: 10px; font-size: 15px }
.form-field .btn i { padding: 0; background: 0 0; position: static; font-size: 100%; font-weight: 400; margin: 0 5px }
.sm-field textarea { height: 90px }
.sm-field .selectric .label { height: 38px; line-height: 38px; font-size: 13px }
.sm-field .selectric-items li { font-size: 13px !important }
.label-right label { text-align: right; margin-top: 8px }
.has-checkbox, .has-radio { padding-top: 10px; padding-bottom: 10px }
.has-checkbox label, .has-radio label { margin-top: 0; margin-bottom: 0 }
div.wpcf7 .ajax-loader { position: absolute; top: 50% }
div.wpcf7-response-output { margin: 1em 0 !important; clear: both; display: inline-block; width: 100% }
.selectric-input, .selectric-items ul { padding: 0 !important; margin: 0 !important }
span.wpcf7-not-valid-tip { font-size: .8em }
.selectric-wrapper { position: relative; cursor: pointer }
.selectric-open { z-index: 99 }
.nav-wrap nav ul.nav li>ul>li:hover:after, .no-js .flexslider .slides>li:first-child, .no-js .owl-carousel, .owl-carousel.owl-loaded, .profile-click.active:before, .selectric-open .selectric-items, .woocommerce-checkout #payment ul.payment_methods li .form-row label, html[xmlns] .flexslider .slides { display: block }
.selectric-disabled { cursor: default; -ms-user-select: none; user-select: none }
.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0 }
.selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0 }
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10 }
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0 }
.selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; width: 1px !important; height: 1px !important; border: none !important; background: 0 0 !important }
.selectric, header { background-color: #fff }
.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important }
.selectric { border: 1px solid #ddd; position: relative; border-radius: 0 }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 10px; font-size: 16px; font-weight: 400; line-height: 42px; color: #6d757d; height: 42x; padding: 0; text-align: left }
.selectric .button, .selectric .button:after { margin: auto; color: #909090; position: absolute; bottom: 0; right: 0 }
.selectric .button { display: block; top: 0; width: 40px; height: 30px; font-size: 0; text-align: center }
.selectric .button:after { content: ""; width: 0; height: 0; border: solid #000; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: -5px; left: 0; line-height: 30px; font-weight: 400 }
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #e3e1e1; z-index: -1; margin: 0 }
.selectric-items .selectric-scroll { height: 100%; overflow: auto }
.selectric-above .selectric-items { top: auto; bottom: 100% }
.selectric-items ul { background: #fff }
.selectric-items li { font-size: 16px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 15px !important; color: #6d757d !important; line-height: normal !important; font-weight: 400 !important }
#add_payment_method #payment ul.payment_methods li:before, .csFileInput, .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before, .dokan-store-products-filter-area .product-name-search, .dokan-store-products-filter-area .search-store-products, .flexslider .flex-disabled, .flexslider li:before, .mfp-hide, .selectric-items li:after, .selectric-items li:before, .woocommerce .order_details li:before, .woocommerce .order_details:after, .woocommerce .order_details:before, .woocommerce nav.woocommerce-pagination li:before, .woocommerce table.shop_table ul#shipping_method li:before, .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce-error li:before, .woocommerce-info li:before, .woocommerce-message li:before, div.mfp-close, ul.select2-results__options li:before, ul.side-menu li li.has-sub .sidemenu-button { display: none !important }
.selectric-focus .selectric, .selectric-hover .selectric, .selectric-open .selectric { border-color: #6d757d !important }
.selectric-items li.highlighted, .selectric-items li.selected, .selectric-items li:hover { background-color: #0091ec; color: #fff !important }
.selectric-items .disabled { cursor: default !important; background: 0 0 !important; color: #666 !important; -ms-user-select: none; user-select: none }
.selectric-items .selectric-group .selectric-group-label { font-weight: 400; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #6d757d }
.selectric-items .selectric-group li.selectric-group-label { padding-left: 12px !important }
.selectric-items .selectric-group li { padding-left: 25px !important }
.csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none }
.csOpaque, .owl-carousel .owl-item .owl-lazy, .owl-carousel.owl-hidden { opacity: 0 }
.csCheckbox input[type=checkbox], .csRadio input[type=radio] { position: absolute; color: #fff; width: 16px; height: 16px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0 }
.csCheckboxElem { border-radius: 0 }
.csCheckbox, .csRadio { display: inline-block; position: relative; margin: 1px 6px 0 0; vertical-align: text-top; height: 16px; width: 16px }
.checkbox .csCheckbox, .radio .csRadio { margin-left: -14px }
.csRadioElem { border-radius: 20px }
.csCheckboxElem, .csRadioElem { display: inline-block; background: #fff; height: 16px; width: 16px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #ddd }
.flex-middle-row, .head-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox }
.csCheckedR:after { content: ""; background: #000; padding: 5px; border-radius: 10px; width: 10px; line-height: 10px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: 700; color: #91989b; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
#on-load:before, .fa-spinner:before, .flexslider:before, .lazy-image:before { border: .05rem solid rgba(0, 0, 0, .25); border-top-color: #000; border-bottom-color: #000; border-radius: 50%; content: ""; left: 50%; top: 50%; margin: -12px 0 0 -12px; position: absolute; width: 24px; height: 24px; animation: .9s linear infinite fa-spinners; -o-animation: .9s linear infinite fa-spinners; -ms-animation: fa-spinners .9s infinite linear; -webkit-animation: .9s linear infinite fa-spinners; -moz-animation: .9s linear infinite fa-spinners }
 @keyframes fa-spinners {
 0% {
 transform: rotateZ(0)
}
 100% {
 transform: rotateZ(360deg)
}
}
 @-webkit-keyframes fa-spinners {
 0% {
 -webkit-transform: rotateZ(0)
}
 100% {
 -webkit-transform: rotateZ(360deg)
}
}
header+div, header+section { margin-top: 113px !important }
header { position: fixed; top: 0; left: 0; right: 0; padding: 0; z-index: 999; transition: .3s linear; -moz-transition: .3s linear; -webkit-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear }
header .container { clear: both; position: relative }
.head-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0 }
.head-left { float: left; width: 192px; min-width: 192px }
.head-top { background: #f1441d; border-bottom: 1px solid #f1441d; text-align: center; font-size: 14px; color: #ffffff; padding: 5px 0 }
header .logo { float: left; max-width: 100%; z-index: 999; width: 100%; margin: 5px 0 }
header .logo a { display: block; margin: 0; position: relative }
header .logo img { display: block; margin: 0 }
html:not(.head-fix) .after-login.home header, html:not(.head-fix) .home.dokan-theme-tempster header { box-shadow: none }
.after-login header, .dokan-theme-tempster header, .head-fix header, .logged-in header, .woocommerce-page header { box-shadow: 0 0 3px rgba(0, 0, 0, .3) }
.login-btn { float: right; margin-left: 15px; padding-left: 15px; padding-right: 15px }
.login-btn:after { content: ""; width: 0; height: 0; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; margin: -6px 0 0 8px; color: #fff; line-height: 30px; font-weight: 400 }
.user-popup-wrap { position: relative; float: right; margin-left: 35px }
.login-popup, .signup-popup { display: none; background: #fff; box-shadow: 0 0 25px rgba(8, 64, 119, .1); border-radius: 6px; position: absolute; right: 0; top: 100%; margin-top: 12px; padding: 24px; width: 298px }
.user-popup-wrap .h3 { font-size: 20px; margin: 0; color: #141f33; font-weight: 700; border-bottom: 1px solid #c8d3de; padding-bottom: 10px; line-height: 1.1 }
.user-popup-wrap label { font-size: 14px; color: #7a8188 }
.about-row-2 img, .filter-popup .count, .owl-carousel.owl-rtl .owl-item, .user-popup-wrap label .forgot { float: right }
.user-popup-wrap .info { font-size: 14px; text-align: center; padding: 35px 0 0 }
.user-popup-wrap .form-control, .user-popup-wrap input[type=date], .user-popup-wrap input[type=email], .user-popup-wrap input[type=file], .user-popup-wrap input[type=number], .user-popup-wrap input[type=password], .user-popup-wrap input[type=search], .user-popup-wrap input[type=tel], .user-popup-wrap input[type=text], .user-popup-wrap input[type=url], .user-popup-wrap select, .user-popup-wrap textarea { padding: 9px 15px; height: 40px; border-color: #c8d3de; border-radius: 4px !important }
.user-popup-wrap .form-field i { font-weight: 400; color: #7a8188; width: 30px }
.user-popup-wrap .form-field .btn { margin: 0; text-transform: capitalize; width: 100%; font-size: 18px }
.portfolio-slider.owl-carousel .owl-nav .owl-next:hover:before, .portfolio-slider.owl-carousel .owl-nav .owl-prev:hover:before, .user-popup-wrap .form-control:focus, .user-popup-wrap input[type=date]:focus, .user-popup-wrap input[type=email]:focus, .user-popup-wrap input[type=file]:focus, .user-popup-wrap input[type=number]:focus, .user-popup-wrap input[type=password]:focus, .user-popup-wrap input[type=search]:focus, .user-popup-wrap input[type=tel]:focus, .user-popup-wrap input[type=text]:focus, .user-popup-wrap input[type=url]:focus, .user-popup-wrap select:focus, .user-popup-wrap textarea:focus { border-color: #141f33 }
.google-btn { background: #eff2f5; padding: 11px 15px; font-size: 14px; color: #141f33; width: 100%; border-radius: 4px; display: block; text-align: center }
.google-btn img { display: inline-block; vertical-align: middle; margin-right: 10px }
.google-btn:hover { background-color: #c8d3de; color: #141f33 }
.after-login .top-profile, .dokan-order-filter-serach .dokan-left .dokan-form-group { display: flex }
.top-profile { display: none; float: right; position: relative; margin: 0 0 0 30px; align-items: center }
.top-profile .img-box { float: left; width: 41px; border-radius: 100px; overflow: hidden }
.top-profile .caption { padding-left: 10px }
.newsletter-wrap .flex-wrap, .top-profile .flex, footer .copyright .flex { align-items: center }
.top-profile h4 { font-size: 16px; color: #131e41; font-weight: 400; max-width: 85px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.blog-column:hover h3, .info-row a:hover, .nav-wrap nav ul.nav li.current-menu-ancestor>a, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li.current-product-parent>a, .nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover, .profile-click.active h4, .profile-click.active:before, .profile-click:hover h4, .profile-click:hover:before, .profile-dropdown ul li a:focus, .profile-dropdown ul li a:hover, .testimonial-wrap.type-2, .thumbnail-row h2 strong, .whishlist .yith-wcwl-wishlistexistsbrowse a, .whishlist a:hover, ul.side-menu li li.active>a, ul.side-menu li li:hover>a { color: #2666fc }
.profile-click { position: relative; padding-right: 20px; cursor: pointer }
.profile-click:before { content: '\f107'; font-family: Font Awesome\ 5 Pro; font-size: 18px; font-weight: 400; line-height: 30px; display: block; position: absolute; right: 0 }
.profile-dropdown { display: none; position: absolute; border-radius: 0; padding: 15px 0; text-align: left; margin-top: 10px; right: 0; top: 100%; -webkit-box-shadow: 0 0 15px rgba(14, 14, 14, .1); box-shadow: 0 0 15px rgba(14, 14, 14, .1); background: #fff; overflow: hidden }
.profile-dropdown ul li { padding: 4px 0; line-height: 1.4 }
.profile-dropdown ul li a { display: block; padding: 2px 15px; color: #000; white-space: nowrap; min-width: 200px }
.top-profile .profile-click:after { content: ""; display: block; height: 0; width: 0; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #fff; position: absolute; bottom: -10px; left: 50%; font-size: 0; margin-left: -8px; z-index: 111 }
.nav-wrap { position: relative; float: left; width: 100%; margin: 0; z-index: 99 }
.nav-wrap nav, .nav-wrap nav #menu-button, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.nav-wrap nav { float: none; position: static; padding: 0; display: table; margin: 0 auto }
.dokan-product-listing .dokan-product-listing-area, .flexslider .slides, .flexslider li, .main-banner.flexslider .slides>li, .p-0 { padding: 0 !important }
.nav-wrap nav ul.nav { float: right; margin: 0 }
.nav-wrap nav ul.nav>li { float: left; margin: 0 30px 0 0; padding: 0; overflow: visible; position: relative }
.nav-wrap nav ul.nav>li>a { display: block; padding: 7px 0; margin: 0; font-size: 16px; line-height: 26px; color: #141f33; white-space: nowrap; text-decoration: none }
.nav-wrap nav ul.nav li.has-sub>a:after { content: "\f107"; display: inline-block; font-size: 16px; line-height: 18px; font-family: Font Awesome\ 5 Pro; font-weight: 400; margin-left: 5px; width: 10px; position: relative; top: 1px }
.nav-wrap nav ul.nav ul li.has-sub li.has-sub:hover>a:after { content: "\f104"; color: #9a9a9a }
.nav-wrap nav ul.nav>li.fa-home a { font-size: 0; font-weight: 400; line-height: 1 }
.nav-wrap nav ul.nav>li.fa-home a:after { content: "\f015"; font-family: Font Awesome\ 5 Pro; line-height: 26px; font-weight: 900; font-size: .778em }
.nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 15px 0; visibility: hidden; text-align: left; left: 50%; right: auto; opacity: 0; top: 0; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, .3); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.project-aside table td, .project-aside ul.social-icon li i { background: 0 0 !important }
.nav-wrap nav ul.nav ul:after { content: ""; position: absolute; left: 50%; margin-left: -5px; bottom: 100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #141f33 }
.nav-wrap nav>ul.nav>li>ul { top: 100% }
.nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 10px; padding-bottom: 10px }
.nav-wrap nav ul.nav ul ul:before { top: 0 }
.nav-wrap nav ul.nav li:hover>ul { display: block; visibility: visible; top: 100%; opacity: 1; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in }
.nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden }
.nav-wrap nav>ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible }
.nav-wrap nav ul.nav ul>li:hover>ul { left: 100%; top: 0 }
.nav-wrap nav ul.nav .reverse-menu ul>li:hover>ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul, .nav-wrap nav ul.nav ul .align-left-menu:hover ul { right: 100%; left: auto }
.nav-wrap nav ul.nav .align-left-menu:hover>ul { right: 0; left: auto }
.nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul, .nav-wrap nav ul.nav ul .align-right-menu:hover ul { left: 100% !important; right: auto !important }
.nav-wrap nav .z-h { z-index: 99999 !important }
.nav-wrap nav ul.nav ul li { float: left; width: 100%; min-width: 150px; padding: 3px 0; margin: 0; vertical-align: top; overflow: visible }
.faq-all .accordingHead.active, .nav-wrap nav ul.nav ul li:last-child, ul.side-menu li:last-child a, ul.side-menu li:last-child ul { border-bottom: none }
.nav-wrap nav ul.nav ul li a { width: auto; white-space: nowrap; text-transform: capitalize; font-size: 16px; font-weight: 400; line-height: normal; color: #6d757d; padding: 8px 20px; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none }
.nav-wrap nav ul.nav ul li.current-menu-ancestor>a, .nav-wrap nav ul.nav ul li.current-menu-item>a, .nav-wrap nav ul.nav ul li:hover>a, .nav-wrap nav ul.nav ul li>a:hover { color: #141f33; background: #f5f5f5 }
.iframe-video, ul.breadcrumbs li, ul.breadcrumbs li a { display: inline-block; position: relative }
.m-0 { margin: 0 !important }
.m-1 { margin: 10px 0 !important }
.m-2 { margin: 20px 0 !important }
.m-3 { margin: 30px 0 !important }
.m-4 { margin: 40px 0 !important }
.m-5 { margin: 50px 0 !important }
.m-6 { margin: 60px 0 !important }
.m-7 { margin: 70px 0 !important }
.p-1 { padding: 10px 0 !important }
.p-2 { padding: 20px 0 !important }
.p-3 { padding: 30px 0 !important }
.p-4 { padding: 40px 0 !important }
.p-5 { padding: 50px 0 !important }
.p-6 { padding: 60px 0 !important }
.p-7 { padding: 70px 0 !important }
.common-content header+div, .common-content header+section, .m-t0, .margin-top { margin-top: 0 !important }
.m-t1 { margin-top: 10px !important }
.m-t2 { margin-top: 20px !important }
.m-t3, .pdesign-slider.owl-carousel { margin-top: 30px !important }
.m-t4 { margin-top: 40px !important }
.m-t5 { margin-top: 50px !important }
.m-t6 { margin-top: 60px !important }
.m-t7 { margin-top: 70px !important }
.m-b0 { margin-bottom: 0 !important }
.m-b1 { margin-bottom: 10px !important }
.m-b2 { margin-bottom: 20px !important }
.dokan-settings-content .dokan-settings-area .dokan-dashboard-header, .m-b3 { margin-bottom: 30px !important }
.m-b4 { margin-bottom: 40px !important }
.m-b5 { margin-bottom: 50px !important }
.m-b6 { margin-bottom: 60px !important }
.m-b7 { margin-bottom: 70px !important }
.p-t0 { padding-top: 0 !important }
.p-t2 { padding-top: 20px !important }
.p-t3 { padding-top: 30px !important }
.p-t4 { padding-top: 40px !important }
.p-t5 { padding-top: 50px !important }
.p-t6 { padding-top: 60px !important }
.p-t7 { padding-top: 70px !important }
.p-b0 { padding-bottom: 0 !important }
.p-b2 { padding-bottom: 20px !important }
.p-b3 { padding-bottom: 30px !important }
.p-b4 { padding-bottom: 40px !important }
.p-b5 { padding-bottom: 50px !important }
.p-b6 { padding-bottom: 60px !important }
.p-b7 { padding-bottom: 70px !important }
.m-l2 { margin-left: 20px !important }
.p-l2 { padding-left: 20px !important }
.m-l3 { margin-left: 30px !important }
.p-l3 { padding-left: 30px !important }
.m-l4 { margin-left: 40px !important }
.p-l4 { padding-left: 40px !important }
div.breadcrumbs, section.breadcrumbs { position: relative; display: block; font-weight: 400; padding: 14px 0; margin: 0; overflow: hidden; background: #eff2f5; border-bottom: 1px solid #c8d3de; clear: both; text-align: left; z-index: 11 }
ul.breadcrumbs { float: left; width: 100%; padding: 0; clear: both; margin: 0 }
.iframe-video img, .lazy-image img { margin: auto !important; position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-height: 100%; max-width: 100% }
ul.breadcrumbs li { font-size: 14px; float: left; line-height: 1; vertical-align: top; padding: 0 14px 0 0; font-weight: 400; margin-right: 8px; color: #6d757d; font-style: normal; overflow: visible }
.like-dislike a, .like-dislike h4, .social-wrap h4, ul.social-icon, ul.social-icon li { vertical-align: middle }
ul.breadcrumbs li a { color: #141f33; vertical-align: top; text-decoration: none }
ul.breadcrumbs li:after { content: "\f105"; font-family: Font Awesome\ 5 Pro; font-weight: 400; position: absolute; font-size: 14px; color: #6d757d; right: 0; top: 0; line-height: 1; font-style: normal }
ul.breadcrumbs li a:hover { color: #6d757d; text-decoration: underline }
.lazy-image { position: relative; background: #f5f5f5; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2 }
.lazy-image img { width: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in }
.google-map { position: relative; padding-top: 42% }
.iframe-video { width: 100%; padding-top: 56%; margin: 10px 0; background-color: #f5f5f5 }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100% }
.iframe-video img { background-color: #6d757d; width: 100% !important }
img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
a:hover .lazy-image img { -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02) }
.flexslider { position: relative; margin: 0; padding: 0; overflow: hidden }
.flexslider:before { margin: -20px 0 0 -20px; width: 40px; height: 40px; border-width: .2rem }
.flexslider .slides { margin: 0; float: left; width: 100% }
.flexslider .slides>li { position: relative; display: none; -webkit-backface-visibility: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover }
* html .flexslider .slides { height: 1% }
.flexslider .flex-control-paging-wrap { position: absolute; left: 0; right: 0; top: 10px; text-align: right; padding-right: 10px; z-index: 99 }
.flexslider .flex-control-paging { position: absolute; right: 0; left: 0; bottom: 5%; margin: 0; display: inline-block; z-index: 98; height: auto; text-align: center; padding: 0 10px }
.flexslider .flex-control-paging li { position: static; display: inline-block; width: auto; margin: 2px 3px; height: auto }
.flexslider .flex-control-paging li a { border: 1px solid #91989b; width: 12px; height: 12px; line-height: 10px; font-size: 0; color: #fff; text-align: center; display: block; position: relative; cursor: pointer; background-color: #91989b; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none }
.flexslider .flex-control-paging li .flex-active, .flexslider .flex-control-paging li a:hover { background-color: #6d757d; border-color: #6d757d }
.flexslider .flex-direction-nav li { position: static }
.flexslider .flex-direction-nav a { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out }
.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev { background: rgba(0, 0, 0, .2); position: absolute; left: -60px; top: 50%; margin-top: -25px; width: 60px; height: 60px; z-index: 98; border-radius: 60px; display: inline-block; font-size: 0 }
.flexslider .flex-direction-nav { overflow: hidden; width: 100%; margin: 0 }
.flexslider .flex-direction-nav .flex-next { left: auto; right: -60px }
.flexslider .flex-direction-nav .flex-next:before, .flexslider .flex-direction-nav .flex-prev:before { content: ''; line-height: 1; display: block; border: solid #fff; border-width: 0 2px 2px 0; padding: 6px; margin: 0 2px; position: absolute; top: 50%; left: 65%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) }
.flexslider .flex-direction-nav .flex-next:before { left: auto; right: 65%; -moz-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); -o-transform: translate(50%, -50%) rotate(-45deg); -webkit-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg) }
.flexslider:hover .flex-direction-nav .flex-prev { left: -25px }
.flexslider:hover .flex-direction-nav .flex-next { right: -25px }
.flexslider .flex-direction-nav .flex-next:hover, .flexslider .flex-direction-nav .flex-prev:hover { background: #000 }
.flexslider .flex-direction-nav .flex-next:hover:before, .flexslider .flex-direction-nav .flex-prev:hover:before, .mfp-preloader a:hover, .owl-carousel.arrow .owl-nav .owl-next:hover:before, .owl-carousel.arrow .owl-nav .owl-prev:hover:before, .owl-carousel.type-2-arrow .owl-nav .owl-next:hover:before, .owl-carousel.type-2-arrow .owl-nav .owl-prev:hover:before, .related-wrap h2 { color: #fff }
 @-webkit-keyframes shapeani {
 0% {
transform: scale(1.0);
}
 100% {
transform: scale(1.1);
}
}
 @keyframes shapeani {
 0% {
transform: scale(1.0);
}
 100% {
transform: scale(1.1);
}
}
.main-banner span.shape-bg { background: url(../img/banner-left-bg.png), url(../img/banner-right-bg.png); background-position: left bottom, right bottom; background-repeat: no-repeat; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; animation: shapeani 10s alternate infinite ease-in; }
.main-banner .lazy-image { background: #fff; padding-top: 38.77777777777% }
.main-banner .lazy-image img { width: 100% !important; max-height: inherit; float: right }
.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center center }
.main-banner .flex { align-items: center }
.main-banner .img-box { float: right; width: 57%; min-height: 534px; display: flex; align-items: center; justify-content: center; margin-left: -7%; }
.boarding-wrap .img-box img, .main-banner .img-box img { float: right; width: auto }
.main-banner .caption { position: relative; float: left; width: 50%; padding: 20px 0 20px 20px }
.main-banner .heading { font-family: 'Product Sans'; font-weight: 700; font-size: 36px; line-height: 1.3; color: #2666fc }
.main-banner .heading strong { display: inline-block; padding: 3px 5px 12px; background: #fff; color: #6d757d; line-height: 1 }
.main-banner p { margin: 10px 0 0; font-size: 16px; color: #313030; line-height: 1.8 }
.main-banner .box { max-width: 540px; padding-right: 30px }
.main-banner:after { display: block !important; content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(241,241,241,1.0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(241,241,241,1.0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(241,241,241,1.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6f1f1f1', GradientType=0 );
}
.main-banner .tags { font-size: 16px; color: #313030 }
.main-banner .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .main-banner .search-wrap input[type=text] { background-color: transparent !important; border-color: #9e9e9e !important; }
.tag-btn { display: inline-block; font-size: 13px; color: #636363; padding: 8px 18px; background: #dad9d7; border-radius: 20px; margin: 3px 0 }
.tag-btn:hover, .tag-btn:focus { background-color: #141f33; color: #ffffff }
.main-banner .search-wrap { background: transparent; padding: 0; box-shadow: none; border-radius: 6px; margin: 20px 0 0; }
.search-wrap { background: #fff; padding: 28px 28px 18px; box-shadow: 0 0 30px rgba(8, 64, 119, .05); border-radius: 6px; margin: 35px 0 0 }
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .search-wrap input[type=text] { font-size: 18px !important; color: #6d757d !important; border-color: #141f33 !important; border-radius: 40px !important; padding: 15px 50px 15px 20px !important; height: 52px !important; }
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input { border-radius: 0 !important }
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit, .search-wrap input[type=submit] { background: url(../img/search.png) center center no-repeat !important; width: 50px !important; padding: 21px !important; font-size: 0 !important; line-height: 1 !important; border: none !important; position: absolute; right: 1px; top: 1px; cursor: pointer; border-radius: 4px }
.dgwt-wcas-details-right .dgwt-wcas-details-wrapp, .dgwt-wcas-full-width .dgwt-wcas-details-wrapp, .dgwt-wcas-suggestions-wrapp, .rtl.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp { z-index: 110 !important }
.dgwt-wcas-search-wrapp { max-width: 100% !important }
.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product { border-bottom: 1px solid #f5f5f5 !important }
.irs--sharp .irs-bar, .irs--sharp .irs-from, .irs--sharp .irs-handle, .irs--sharp .irs-max, .irs--sharp .irs-min, .irs--sharp .irs-single, .irs--sharp .irs-to { background-color: #141f33 !important }
.irs--sharp .irs-from:before, .irs--sharp .irs-handle>i:first-child, .irs--sharp .irs-single:before, .irs--sharp .irs-to:before { border-top-color: #141f33 !important }
.search-wrap .note { color: #adb5bd; margin: 0; font-size: 14px }
 .search-wrap ::-webkit-input-placeholder {
 color: #6d757d
}
 .search-wrap ::-moz-placeholder {
 color: #6d757d
}
 .search-wrap :-ms-input-placeholder {
 color: #6d757d
}
 .search-wrap :-moz-placeholder {
 color: #6d757d
}
.scroll:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; display: block; margin: auto; color: #fff !important; line-height: 1; font-weight: 400 }
.scroll:focus, .scroll:hover { bottom: 55px }
.inner-banner { float: left; width: 100%; position: relative; overflow: hidden; padding: 4.ffffff3% 0
}
.inner-banner .bg { background-position: bottom center }
.inner-banner .caption { position: relative; z-index: 11 }
.inner-banner .heading { font-weight: 900; line-height: 1.2; color: #6d757d; font-size: 36px; margin: 0 0 4px }
.inner-banner .box { position: relative; display: block; float: left; text-align: left; width: 70%; z-index: 11 }
.flex-middle-row { margin: -10px -23px; display: flex; flex-wrap: wrap; align-items: center }
.idea-wrap, .idea-wrap .caption { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap }
.flex-middle-row [class*=col-] { padding: 10px 23px }
.ppdesign-box { float: left; width: 100%; text-align: center; padding: 0; /*background: url(../img/bg-2.png) right bottom no-repeat #eff2f5; margin: 45px 0 0;background: #c7c7c7; border-radius: 6px */ }
.pdesign-wrap .owl-carousel.top-nav .owl-nav { margin-bottom: 36px }
.ppdesign-box .img-box { box-shadow: 0 0 18px rgba(0, 0, 0, .1); border-radius: 0; overflow: hidden; float: none; width: 100%; margin-left: auto; margin-right: auto; background: #c7c7c7; padding: 15px 15px 0; }
.ppdesign-box .lazy-image { background: #eff2f5; padding-top: 70.777777% }
.ppdesign-box .caption { float: left; width: 100%; position: relative; padding: 30px 0 0 }
.idea-wrap .caption, .idea-wrap .slider-column, .thumbnail-row .img-column { width: 50%; float: left }
.ppdesign-box h3 { min-height: 45px; margin-top: 0; font-size: 18px }
.ppdesign-box p { font-size: 14px; margin: 0 0 18px; line-height: 1.2 }
.ppdesign-box .made-in { position: absolute; top: -19px; display: table; margin: 0 0 0 -19px; left: 50%; z-index: 11; height: 38px }
.chart-placeholder.main table, .ppdesign-box .made-in img { width: auto !important }
.ppdesign-box .btn-row .btn { margin: 5px 10px; min-width: 120px }
.pdesign-column .ppdesign-box+.ppdesign-box { margin-top: 45px }
.pdesign-wrap { padding: 50px 0; text-align: center; }
.pdesign-wrap h2 { font-size: 36px }
.pdesign-wrap .btn-row { text-align: center; margin: 25px 0 0 }
.idea-wrap { display: flex; font-size: 18px }
.idea-wrap .caption { border-bottom: 10px solid #eff2f5; display: flex; align-items: center }
.boarding-wrap .caption, .listing-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap }
.idea-wrap .max-column { float: left; width: 100%; max-width: 600px; padding: 30px 15px 30px 40px; text-align: center }
.idea-wrap p { padding: 0 8% }
.idea-slider.owl-carousel .owl-nav .owl-prev { border-radius: 50px; left: 10px }
.idea-slider.owl-carousel .owl-nav .owl-next { border-radius: 50px; right: 10px }
.boarding-wrap .icon img { position: relative; z-index: 3 }
.boarding-wrap .icon:after, .thumbnail-row .icon:after { content: ""; padding: 32px; background: #e4eaf0; border-radius: 100%; position: absolute; top: 8px; left: 0 }
.boarding-wrap { background: url(../img/bg-1.png) bottom left no-repeat #eff2f5; overflow: hidden; padding: 45px 0; font-size: 18px }
.boarding-wrap .img-box { float: right; width: 58%; overflow: hidden }
.boarding-wrap .caption { position: relative; float: left; width: 42%; padding-right: 60px; display: flex; align-items: center }
.boarding-wrap h2, .woocommerce-product-details__short-description { margin-bottom: 20px }
.portfolio-wrap { background: url(../img/portfolio-bg.jpg) top center/cover no-repeat #012e5b; padding: 60px 0 0; overflow: hidden }
.portfolio-wrap .container { max-width: 1310px }
.portfolio-slider.owl-carousel { margin-bottom: -2px }
.portfolio-slider.owl-carousel.owl-loaded .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; display: flex; align-items: flex-end }
.portfolio-slider.owl-carousel .owl-nav .owl-next, .portfolio-slider.owl-carousel .owl-nav .owl-prev { border-width: 4px; border-color: rgba(198, 198, 198, .5); background: 0 0; width: 60px; height: 60px; border-radius: 100%; left: 20px }
.portfolio-slider.owl-carousel .owl-nav .owl-next { left: auto; right: 20px }
.portfolio-slider.owl-carousel .owl-nav .owl-next:before, .portfolio-slider.owl-carousel .owl-nav .owl-prev:before { border-color: rgba(198, 198, 198, .5); font-size: 50px; padding: 8px; border-width: 0 4px 4px 0 }
.portfolio-slider.owl-carousel .owl-nav .owl-next:hover, .portfolio-slider.owl-carousel .owl-nav .owl-prev:hover { border-color: #141f33; background: 0 0 }
.testimonial-wrap { padding: 65px 0 0 }
.testimonial-wrap .container { max-width: 1090px }
.review-wrap-bg { float: left; width: 100%; background: url(../img/circle-bg.png) no-repeat, url(../img/bg-3.png) right bottom no-repeat; padding: 40px 50px 35px 40px }
.review-wrap { background: url(../img/quote-bg.png) center center no-repeat #fff; box-shadow: 0 20px 30px rgba(8, 64, 119, .05); border: 1px solid #edf2f6; border-radius: 8px; text-align: center; float: left; width: 100%; padding: 10px 8% 20px }
.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img.profile-img-circle img, .review-wrap img { margin: 0 auto }
.review-wrap p { color: #141f33; font-size: 24px }
.review-wrap h4 { font-size: 22px; color: #141f33; margin-top: 25px }
.review-wrap h4:before { content: ""; display: block; width: 50px; border-bottom: 1px solid #6d757d; margin: 0 auto 24px }
.review-wrap h4 small { font-size: 14px; color: #6d757d; display: block; font-weight: 400; margin: 5px 0 0 }
.flexslider.review-slider .flex-control-paging { position: relative; bottom: auto; top: auto }
.resources-wrap { padding: 45px 0 55px }
.resources-wrap h2 { margin-bottom: 5px }
.resources-slider.owl-carousel { margin: 0 -30px; width: auto }
.resources-box { float: left; width: 100%; margin: 30px 0 0 }
.resources-box .img-box { background: #fff; box-shadow: 0 0 30px rgba(8, 64, 119, .05); border-radius: 6px; overflow: hidden }
.filter-popup, .filter-wrap .selectric-items { box-shadow: 0 0 25px rgba(8, 64, 119, .1); background: #fff }
.resources-box .lazy-image { background: #fff }
.resources-box .caption { padding: 40px 0 0 }
.resources-box .category { font-size: 14px; color: #141f33; font-weight: 700; margin: 0 0 10px; line-height: 1 }
.resources-box h3 { font-size: 22px; margin-bottom: 10px; margin-top: 0; font-weight: 400; }
.resources-box p { font-size: 14px; color: #6d757d }
.resources-wrap .btn-row { text-align: center; padding: 60px 0 0 }
.resources-wrap .btn { min-width: 190px; margin-top: 0 }
.filter-wrap .search-wrap { padding-bottom: 35px; margin-top: -40px }
.filter-wrap { float: left; width: 100%; padding: 0 0 25px }
.filter-row { float: left; width: 100%; padding: 25px 0 0 }
.filter-row.fixed { position: fixed; top: 98px; background: #ffffff; z-index: 11; right: auto; left: auto; padding-left: 15px; padding-right: 15px; margin: 0 0 0 -15px; width: 1207px; }
.filter-btn { float: left; border: 1px solid #141f33; color: #141f33; background: #fff; font-size: 16px; text-transform: capitalize; border-radius: 4px; padding: 11px 15px; cursor: pointer; min-width: 90px }
.filter-btn i { font-weight: 300 }
.filter-btn:hover { border-color: #00000; color: #000 }
.filter-popup-wrap { float: left; position: relative }
.filter-popup { display: none; float: left; width: 290px; border-radius: 6px; position: absolute; left: 0; top: 100%; margin-top: 18px; z-index: 11 }
.filter-popup .filter-head { float: left; width: 100%; position: relative; font-size: 18px; color: #141f33; font-weight: 400; border-top: 1px solid #d3d9df; padding: 15px 20px; margin: 0; cursor: pointer }
.filter-popup .filter-head:after { content: ""; width: 0; height: 0; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 19px; right: 24px; margin: auto; color: #909090; line-height: 30px; font-weight: 400 }
.filter-popup .filter-head.active:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 24px }
.filter-wrap .selectric-items { border: none; margin-top: 15px; border-radius: 6px; overflow: hidden }
.filter-popup .filter-head:first-child { border-top: none }
.filter-popup .filter-content { display: none; float: left; width: 100%; padding: 20px 25px 20px 20px; border-top: 1px solid #d3d9df }
.filter-popup ul li a { font-size: 16px; color: #6d757d; text-decoration: none }
.filter-popup ul li { font-size: 18px; padding: 0 0 5px }
.dokan-store-products-filter-area .selectric .button:after, .filter-popup ul li a:hover, .filter-wrap .selectric .button:after, .thumbnail-row h2 { color: #141f33 }
.dokan-store-products-filter-area .selectric, .filter-wrap .selectric { border: 1px solid #141f33; border-radius: 4px; min-width: 160px }
.listing-box .btn, .loadmore .btn { text-transform: uppercase; min-width: 130px }
.dokan-store-products-filter-area select, .filter-wrap select { border: 1px solid #141f33; min-width: 160px; color: #141f33; font-size: 16px; height: 42px; padding: 5px 15px; border-radius: 4px !important }
.dokan-store-products-filter-area .selectric .label, .filter-wrap .selectric .label { color: #141f33; font-size: 16px; text-transform: capitalize; height: 38px; line-height: 38px; margin-left: 15px }
.dokan-store-products-filter-area .dokan-store-products-ordeby { width: 280px !important; float: right !important }
ul.dokan-store-info li { padding-left: 30px }
ul.dokan-seller-wrap li .store-wrapper { box-shadow: 0 2px 5px rgba(0, 0, 0, .3) !important; border-radius: 6px; overflow: hidden }
.dokan-pagination-container .dokan-pagination li.active a, ul.dokan-seller-wrap li .dokan-btn-theme { color: #fff; background-color: #141f33; border-color: #141f33 }
.filter-popup .filter-content .select2-container--classic .select2-search--dropdown .select2-search__field { height: 28px }
.filter-popup .filter-content .select2-container .select2-selection--single { height: 28px !important; border-radius: 4px !important }
.tax-product_cat.dokan-theme-tempster .select2-container--open .select2-dropdown--below { margin-top: 0 !important; border-color: #c1c1c1 !important }
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer { background: #eff2f5 }
.dokan-pagination-container { padding: 25px 0 0 }
.dokan-pagination-container .dokan-pagination li { padding: 5px }
.dokan-pagination-container .dokan-pagination li a { padding: 5px 12px; border: 1px solid #ededed; text-decoration: none; color: #000; margin: 0; border-radius: 4px }
.sorting-wrap { float: right; max-width: 220px }
.listing-row { display: flex; margin: 0 0 -40px -4%; clear: both; overflow: hidden }
.listing-box .overlay, .thumbnail-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox }
.listing-box { float: left; width: 29.333333333%; margin: 0 0 40px 4% }
.listing-box .overlay { display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 15px; background: rgba(8, 64, 119, .5); align-items: center; justify-content: center; opacity: 0; -moz-transition: .3s linear; -webkit-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; z-index: 5; text-align: center }
.listing-box .overlay .button { margin: 5px }
.listing-box .img-box { position: relative; box-shadow: 0 0 18px rgba(0, 0, 0, .1); border-radius: 0; overflow: hidden; float: none; width: 100%; margin-left: auto; margin-right: auto; background: #c7c7c7; padding: 15px 15px 0; }
.listing-box .lazy-image { background: #fff; padding-top: 129.33% }
.listing-box .img-box i.icon { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 3; right: 15px; top: 15px; background: #fff; border-radius: 100%; width: 60px; height: 60px; padding: 15px; opacity: .8 }
.listing-box .img-box i.icon img { background-color: #6d757d; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 5px }
.listing-box .lazy-image img, .ppdesign-box .lazy-image img, .project-big-column .img-row .lazy-image img, .project-column .lazy-image img { width: 100% !important; max-height: inherit; margin-top: 0 !important }
.listing-box .caption { padding: 30px 0 0 }
.listing-box h3 { font-size: 20px; font-weight: 700; margin-bottom: 5px }
.listing-box p, .project-column p { font-size: 14px }
.listing-box .btn { background-color: #fff; border-color: #fff; color: #141f33; margin: 5px; padding-left: 18px; padding-right: 18px }
.listing-box .btn:hover { background-color: #000; border-color: #000; color: #fff }
.loadmore { float: left; width: 100%; text-align: center; padding: 50px 0 0 }
.gray-bg { background-color: #eff2f5 }
.thumbnail-row { display: flex; flex-wrap: wrap; align-items: center; padding: 60px 0 }
.thumbnail-row.right-thumb { flex-direction: row-reverse }
.thumbnail-row .caption { float: left; width: 50%; padding-left: 75px }
.sixth-fourth .img-column { width: 60% }
.sixth-fourth .caption { width: 40% }
.thumbnail-row.right-thumb .caption { padding-right: 75px; padding-left: 0 }
.thumbnail-row .icon { position: relative; display: inline-block }
.thumbnail-row .icon img { position: relative; z-index: 2 }
.thumbnail-row .btn { text-transform: none }
.testimonial-wrap h2 { text-align: center; color: #141f33; margin-bottom: 0 }
.project-aside { float: right; width: 37%; padding-left: 40px }
.project-big-column { float: left; width: 63% }
.project-aside h1 { margin-bottom: 10px }
.project-aside .by strong { color: #141f33; font-weight: 400 }
.project-aside .price { font-size: 22px; font-weight: 700; color: #141f33; margin-bottom: 20px }
.project-aside .price del { color: #141f33; margin-right: 15px }
.project-aside .price ins, footer a { text-decoration: none }
.cart-block .btn { display: block; width: 100%; font-size: 16px; text-transform: uppercase; margin-top: 10px }
.whishlist { padding: 8px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 20px 0 10px }
.project-aside ul.social-icon { margin: 0 0 0 30px; border-left: 1px solid #dedede; padding-left: 30px }
.project-aside ul.social-icon li i:before { display: block; color: #141f33; line-height: normal; width: auto }
.project-aside ul.social-icon li a { display: block; line-height: 1 }
.info-row a, .social-wrap ul.social-icon li a:hover i, .whishlist a { color: #6d757d }
.social-wrap ul.social-icon li, .whishlist .fa-heart { margin-right: 5px }
.project-aside table td { border: none !important; padding: 10px 2px }
.project-big-column h3 { font-size: 24px; border-top: 1px solid #dedede; padding-top: 25px; margin-top: 25px }
.project-big-column .img-row+h3 { border: none; margin-top: 0 }
.project-big-column .img-row .lazy-image { padding-top: 62.8888888% }
.project-big-column .t-type { position: absolute; right: 15px; top: 15px; display: flex; color: #fff; align-items: center; z-index: 3; background: #000; opacity: .5; border-radius: 4px; padding: 10px }
.project-big-column .t-type .icon { position: relative; background: #fff; border-radius: 100%; padding-top: 70px; width: 70px; margin-left: 15px }
.project-big-column .t-type .icon img { position: absolute; background-color: #6d757d; bottom: 0; left: 0; right: 0; top: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 5px }
.mfp-wrap, .owl-carousel .owl-item, .owl-carousel .owl-video-play-icon { -webkit-backface-visibility: hidden }
.project-big-column .screenshot { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; background: rgba(0, 0, 0, .8); color: #fff; text-align: center; cursor: pointer; z-index: 3 }
.icon-thumb-wrap p, .opning-row .location { color: #6d757d; font-size: 16px }
.project-big-column .screenshot:hover { background: rgba(0, 0, 0, .9) }
.project-big-column .screenshot i { margin-right: 8px }
.project-big-column ul li:before { content: ""; padding: 4px; background: #141f33; top: 8px }
.related-post .owl-carousel .owl-nav .owl-next, .related-post .owl-carousel .owl-nav .owl-prev, .related-slider.owl-carousel .owl-nav .owl-next, .related-slider.owl-carousel .owl-nav .owl-prev { top: 30% }
.detail-img-popup img.mfp-img { max-height: inherit !important }
.detail-img-popup.mfp-close-btn-in .mfp-close { color: #fff; background: #000 !important; border-radius: 0; top: 0 !important; right: 0; line-height: 31px }
.about-row-2.thumbnail-row .font-20, .opening-wrap h2+p { color: #141f33; font-size: 20px }
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li { padding: 5px 5px 0 0 !important }
.related-wrap { padding: 50px 0; background: #141f33; text-align: center; color: #fff }
.icon-thumb-wrap, .opening-wrap { background: #eff2f5; overflow: hidden; clear: both }
.related-slider { margin-top: 35px }
.project-column { float: left; width: 100%; text-align: left }
.project-column .lazy-image { padding-top: 59.888888%; border-radius: 8px }
.project-column * { color: #fff !important }
.project-column h3 { font-size: 22px; font-weight: 400; margin: 25px 0 10px }
.banner-type { font-size: 24px; line-height: 1.3 }
.icon-thumb-wrap { display: block; width: 100%; padding: 50px 0 }
.icon-thumb { float: left; width: 25%; padding: 0 3%; text-align: center }
.icon-thumb .icon { position: relative; display: table; margin: 0 auto 40px }
.icon-thumb .icon:after { content: ""; background: #e4eaf0; padding: 35px; border-radius: 100%; line-height: 1; position: absolute; bottom: -20px; left: 50%; margin-left: -35px }
.like-dislike i, .opning-row:nth-child(2n), .story-column:after, .woocommerce table.shop_table th { background-color: #fff }
.icon-thumb .icon img { position: relative; margin: 0 auto; z-index: 5 }
.icon-thumb-wrap h3 { margin: 0 0 5px }
.about-row-2.thumbnail-row .caption { padding-right: 30px }
.thumbnail-row .max-column { max-width: 485px }
hr { border-bottom: 1px solid #d7dbde; margin: 30px 0 }
.opening-wrap { padding: 50px 0 0 }
.opning-row:first-child { padding-top: 0 }
.opning-row { padding: 30px 0; font-size: 18px }
.opning-row h3 { font-size: 24px; margin: 0 0 8px }
.opning-row .location { margin-bottom: 15px }
.blog-img { margin: 0 0 50px }
.blog-column p, .blue-sheading { font-size: 15px; color: #141f33; font-weight: 700; text-transform: uppercase; margin: 0 }
.blue-sheading+h1, .blue-sheading+h2, .paypal-button-row { margin-top: 10px }
.story-wrap { padding: 50px 0; float: left; width: 100% }
.story-row { display: flex; flex-wrap: wrap; margin: 0 0 -35px -4%; align-items: flex-start }
.story-column { background: #fff; border-radius: 6px; position: relative; padding: 44px 40px; float: left; width: 46%; margin: 0 0 35px 4% }
.story-column:after { content: "\f10e"; font-family: "Font Awesome 5 Pro"; font-weight: 300; width: 58px; line-height: 56px; border: 1px solid #141f33; color: #141f33; text-align: center; border-radius: 58px; position: absolute; right: 25px; top: -17px }
.woocommerce-checkout div#payment:after, footer h4 { font-family: 'Product Sans'; text-transform: capitalize }
.common-row { float: left; width: 100%; padding: 50px 0 }
.blog-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 30px 0 -40px -2% }
.blog-column { float: left; width: 23%; margin: 0 0 40px 2% }
.blog-column .lazy-image { border-radius: 8px; padding-top: 73.33%; margin-bottom: 20px }
.blog-column .lazy-image img { width: 100% !important; max-height: inherit }
.blog-column h3 { font-size: 23px; color: #141f33; margin: 10px 0 0 }
.blog-details .container { max-width: 850px }
.blog-details .blue-sheading, .thumbnail-row .blue-sheading { font-size: 18px; font-weight: 400 }
.blog-details ul li { padding-left: 35px }
.blog-details ul li:before { content: ""; padding: 4px; background: #141f33; box-shadow: 1px 1px 1px 0 #000; left: 12px }
.post-meta span { border-right: 1px solid #6d757d; padding: 0 15px 0 0; margin: 5px 15px 5px 0; font-size: 14px }
.post-meta span:last-child { border-right: none }
.like-dislike { background: #eff2f5; padding: 20px 38px 30px; margin-top: 50px }
.like-dislike h4 { font-size: 24px; font-weight: 400; display: inline-block; margin: 10px 15px 0 0 }
.like-dislike i { width: 42px; line-height: 42px; text-align: center; border-radius: 50px; color: #141f33 }
.like-dislike a { display: inline-block; margin: 10px 8px 0 0 }
.like-dislike a:hover i { background-color: #141f33; color: #fff }
.related-post { padding: 50px 0 70px; border-top: 7px solid #eff2f5 }
.owl-carousel .blog-column { width: 100%; margin: 0 }
.newsletter-wrap { padding: 50px 0 }
.newsletter-wrap .img-column { float: left; width: 36% }
.newsletter-wrap .caption { float: left; width: 64%; padding-left: 40px; padding-right: 8% }
.newsletter-wrap h3 { font-size: 36px; margin: 8px 0 25px }
.newsletter-field input[type=email], .newsletter-field input[type=text] { background-color: #eff2f5; border-color: #eff2f5; border-radius: 4px !important; margin-right: 2%; width: 98% }
.newsletter-field p { font-size: 14px; color: #cdd2d8; margin: 20px 0 0 }
.newsletter-field .btn, .woocommerce table.shop_table .quantity { min-width: 120px }
.connect-column { float: left; width: 50%; padding-right: 75px }
.info-row { position: relative; border-top: 1px solid #e7e7e7; padding: 25px 0 25px 50px }
.info-row h4 { font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 0 0 5px; color: #000 }
.info-row .fa { position: absolute; left: 0; top: 23px; font-size: 30px; line-height: 1; color: #141f33; font-weight: 300 }
.social-wrap h4 { display: inline-block; margin: 0 10px 0 0 }
.social-wrap ul.social-icon li i { background: 0 0 !important; color: #141f33; font-size: 16px }
.form-column { float: left; width: 50%; position: relative; padding: 20px 20px 20px 0 }
.form-column:before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; background: #141f33 }
.form-data { position: relative; background: #fff; border: 1px solid #141f33; padding: 30px }
.form-column .btn { margin-top: 0; min-width: 168px }
.contact-map { float: left; width: 100% }
.contact-map .google-map { padding-top: 300px }
.contact-data { max-width: 790px; margin: 0 auto; display: table; }
.contact-data h2 { margin: 0 }
.contact-data p + .row { margin-top: 15px }
.common-popup { position: relative; display: table; width: 100%; max-width: 890px; margin: 10px auto; background: #ffffff; padding: 50px }
.owl-carousel.has-shadow { margin: 25px -10px 0; width: auto }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
 @keyframes fadeOut {
 0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #0b0b0b }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: transform .1s }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-carousel .owl-dots { display: table; margin: 0 auto; clear: both; overflow: hidden; padding-top: 25px; text-align: center }
.owl-carousel .owl-dot { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-block; width: 12px; height: 12px; margin: 2px 6px; border: 1px; font-size: 0; line-height: 0; cursor: pointer; border-radius: 20px }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background-color: #fff; cursor: pointer; position: absolute; left: -12px; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: 1px solid #141f33; border-radius: 4px; display: inline-block; font-size: 0; z-index: 98; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }
.owl-carousel .owl-nav .owl-next { left: auto; right: -12px }
.owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled { opacity: .2; cursor: not-allowed }
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { content: ''; line-height: 1; display: block; border: solid #141f33; border-width: 0 2px 2px 0; padding: 4px; margin: 0 2px; position: absolute; top: 50%; left: 50%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) }
.owl-carousel .owl-nav .owl-next:before { left: auto; right: 50%; -moz-transform: translate(50%, -50%) rotate(-45deg); -ms-transform: translate(50%, -50%) rotate(-45deg); -o-transform: translate(50%, -50%) rotate(-45deg); -webkit-transform: translate(50%, -50%) rotate(-45deg); transform: translate(50%, -50%) rotate(-45deg) }
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background: #fff; border-color: #6d757d }
.owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-prev:hover:before { color: #fffff }
.owl-carousel.top-nav { margin-top: 40px }
.owl-carousel.top-nav .owl-nav { position: absolute; right: 0; bottom: 100%; width: 75px; padding: 15px 0; margin-bottom: 23px }
.owl-carousel.top-nav .owl-nav .owl-next, .owl-carousel.top-nav .owl-nav .owl-prev { left: 0 }
.owl-carousel.top-nav .owl-nav .owl-next { left: auto; right: 0 }
.owl-carousel.arrow { padding-left: 40px; padding-right: 40px }
.owl-carousel.arrow .owl-nav .owl-next, .owl-carousel.arrow .owl-nav .owl-prev { background-color: transparent; margin-top: -25px; width: 30px; height: 50px }
.owl-carousel.arrow .owl-nav .owl-next:before, .owl-carousel.arrow .owl-nav .owl-prev:before { font-size: 46px; line-height: 30px; color: #5db733 }
.owl-carousel.arrow .owl-nav .owl-next:hover, .owl-carousel.arrow .owl-nav .owl-prev:hover { background-color: #438f9f }
.bottom-arrow .owl-nav { position: absolute; bottom: 0; right: 0; left: 0; padding: 18px; width: 128px; margin: 0 auto }
.bottom-arrow .owl-nav .owl-next, .bottom-arrow .owl-nav .owl-prev { width: 20px; margin: -11px 0 0; height: 22px; background: 0 0 !important }
.bottom-arrow .owl-nav .owl-next:before, .bottom-arrow .owl-nav .owl-prev:before { color: #6d757d; line-height: 1 }
.bottom-arrow .owl-nav .owl-next:hover:before, .bottom-arrow .owl-nav .owl-prev:hover:before { color: #333 }
.owl-carousel.type-2-arrow .owl-nav .owl-next, .owl-carousel.type-2-arrow .owl-nav .owl-prev { width: 42px; height: 42px; background-color: transparent; border: 1px; margin-top: -21px }
.owl-carousel.type-2-arrow .owl-nav .owl-next:before, .owl-carousel.type-2-arrow .owl-nav .owl-prev:before { color: #6d757d; font-size: 22px; font-weight: 400 }
ul.social-icon { display: inline-block; padding: 0; margin: 0 0 15px }
ul.social-icon li { display: inline-block; width: auto; margin: 3px 9px 3px 0; background: 0 0; padding: 0; color: #6d757d }
ul.social-icon li a { display: inline-block; padding: 0; width: auto }
ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 0; vertical-align: top; font-size: 15px; color: #fff; background-color: #6d757d; line-height: 1 }
ul.social-icon li i:before { display: inline-block; line-height: 36px; width: 36px }
ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2 }
ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6 }
ul.social-icon li a:hover .fa-instagram { background-color: #d82370 }
ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027 }
ul.social-icon li a:hover .fa-tumblr { background-color: #395976 }
ul.social-icon li a:hover .fa-youtube { background-color: red }
ul.social-icon li a:hover .fa-whatsapp { background-color: #25d366 }
ul.social-icon li a:hover i { border-color: transparent; color: #fff; background-color: #6d757d }
ul.social-icon li a:hover .fa-facebook-f { background-color: #3b5998 }
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-block; vertical-align: bottom; line-height: 1.2; margin: 0 }
.woocommerce-cart h1, .woocommerce-checkout h1, .woocommerce-page h1 { font-size: 36px }
.woocommerce .table-responsive { margin: 8px 0 }
.common-content header h3, form .woocommerce-privacy-policy-text { padding: 0 0 10px }
#add_payment_method .wc-proceed-to- checkout a.checkout-button, .dokan-btn, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout- button, a.dokan-btn, input[type=submit].dokan-btn { position: relative; display: inline-block; border: 1px solid #141f33 !important; color: #fff !important; font-size: 16px; margin: 0; line-height: 22px !important; letter-spacing: 0; cursor: pointer; padding: 10px 20px !important; font-family: 'Product Sans'; font-weight: 400 !important; border-radius: 4px !important; text-align: center; background: #141f33 !important; text-transform: capitalize }
.dokan-btn:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, a.dokan-btn:hover, input[type=submit].dokan-btn:hover { background: #343434 !important; border-color: #343434 !important; color: #fff !important }
.woocommerce table { margin: 0 !important }
#add_payment_method #payment ul.payment_methods, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, #add_payment_method table.cart td, #add_payment_method table.cart th, .select2-container--open .select2-dropdown--above, .woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce-cart #payment ul.payment_methods, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { border-color: #e0e0e0 !important }
.woocommerce table.shop_table thead th { background-color: #f9f9f9 }
.woocommerce .product-thumbnail img { width: 80px !important; border: 1px solid #e0e0e0 }
.woocommerce .cart-collaterals .cart_totals table, .woocommerce table.shop_table { background-color: transparent; border-radius: 0 }

@media (min-width:769px) {
.woocommerce .cart-collaterals .cart_totals table tr td, .woocommerce .cart-collaterals .cart_totals table tr th { border: 1px solid #e0e0e0 !important }
}
.woocommerce ul#shipping_method .amount, .woocommerce ul#shipping_method .amount span { color: #201f1f; font-weight: 700 }
.woocommerce table.shop_table .order-total strong, .woocommerce-cart table.cart td.product-subtotal .amount, .woocommerce-cart table.cart td.product-subtotal .amount span { font-size: 16px; color: #201f1f; font-weight: 700 }
.woocommerce a.remove { line-height: 1 }
.woocommerce-ordering .csSelect { padding: 0; min-width: 150px; height: 40px }
.woocommerce-ordering .csSelectBar { padding-left: 5px; line-height: 40px }
.woocommerce-ordering select { padding: 5px 14px }
.woocommerce-ordering .csSelect:after { padding: 1px 6px }
.woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 15px 0 !important; clear: both; padding: 1em 2em 1em 3.5em !important; background-color: #fff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 }
.woocommerce .product-quantity .qty { width: 80px }
.woocommerce-error :not(a), .woocommerce-info :not(a), .woocommerce-message :not(a) { color: #272425 !important }
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce table.my_account_orders .button, .woocommerce-message .btn { padding: 2px 10px !important; font-size: 12px; white-space: normal }
.woocommerce-message .btn { float: right; margin-left: 15px; min-width: inherit }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left !important; width: 50% !important; padding-right: 10px !important }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right !important; width: 50% !important; padding-left: 10px !important }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 49% !important; float: left !important }
.woocommerce fieldset { padding: 10px 15px 15px; margin: 25px 0 15px; border: 5px solid #e0e0e0 }
.woocommerce legend { display: block; width: auto; padding: 0 15px; margin: 0; font-size: 24px; line-height: normal; border: none }
.two-aside, footer .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 24% !important; background: #fff }
.woocommerce-account .woocommerce-MyAccount-content { width: 76% !important; padding-left: 35px !important }
.woocommerce-account .woocommerce-MyAccount-navigation ul { display: block; padding: 0; border: 1px solid #e0e0e0; border-bottom: none }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { display: block; font-size: 16px; padding: 0; margin: 0; line-height: inherit; clear: both; border-bottom: 1px solid #e0e0e0 }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; line-height: normal; padding: 9px 15px; color: #6f6f6f; font-weight: 400 }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #141f33; color: #fff }
.addresses address, .woocommerce-order-received address, .woocommerce-view-order address { background: #f9f9f9; padding: 15px; border-radius: 8px !important; margin: 5px 0 15px; border: 1px solid #e0e0e0; clear: both }
.dokan-dashboard-wrap ul li, .dokan-theme-tempster .white-popup li, .woocommerce .wc-item-meta li, .woocommerce .wc-item-meta p, .woocommerce td.product-name dl.variation dd p, .woocommerce ul#shipping_method li, ul.side-menu li { padding: 0 }
#coupon_code { display: inline-block; width: 120px; padding: 10px; height: 44px; vertical-align: top }
.woocommerce .checkout_coupon p.form-row { width: 49% !important; float: none !important; display: inline-block !important; vertical-align: top !important }
.woocommerce .checkout_coupon p:first-of-type { margin: 0 3px 5px }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 10px !important; border-color: #e0e0e0 !important; margin: 0 0 10px !important; border-radius: 0 !important; background: #fff }
.woocommerce .woocommerce-billing-fields, .woocommerce .woocommerce-shipping-fields { padding: 15px; border: 1px solid #e0e0e0; background-color: #fff; margin: 0 0 15px }
.dokan-settings-content .checkbox .csCheckbox, .dokan-settings-content .radio .csRadio, .woocommerce .checkbox .csCheckbox, .woocommerce .radio .csRadio, .woocommerce-checkout .checkout input[type=checkbox], .woocommerce-checkout .checkout input[type=radio] { margin-left: 0 }
.woocommerce form.checkout_coupon input.button, .woocommerce form.login input.button, .woocommerce form.register input.button { margin-right: 10px }
#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size: 15px; color: #bebebe; font-weight: 400; line-height: normal }
.select2-container .select2-selection--single { height: 44px !important; border-color: #bfbfbf !important; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin: 0 !important; border-radius: 0 !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px !important; padding-left: 20px !important }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px !important }
.select2-dropdown { border: 1px solid #e0e0e0 }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 0 !important }
.woocommerce-checkout #payment ul.payment_methods li .csSelect { display: inline-block; height: 46px; padding: 10px 0 8px; min-width: 100px; width: 100px }
.woocommerce-checkout #payment ul.payment_methods li .csSelect:after { padding: 12px 5px }
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #f5f5f5 !important }
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #f5f5f5 !important }
.woocommerce-checkout #payment div.payment_box div p { width: auto; display: inline-block; float: none }
.woocommerce-checkout #payment div.payment_box fieldset { padding: 10px 0 0; margin: 0; border: none }
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: -8px 6px 0 0; vertical-align: middle }
.woocommerce ul.order_details { display: table; width: 100%; margin: 0 0 15px; padding: 0; border: 1px solid #e0e0e0 }
.woocommerce ul.order_details li { display: table-cell; margin: 0; border: none; border-right: 1px solid #e0e0e0 !important; padding: 15px !important; background: #fff; float: none !important; word-break: break-word }
.woocommerce ul.order_details li:last-child { border: none !important }
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 1em }
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { word-break: break-word }
.common-content header { position: static !important; margin: 0 !important; padding: 0 !important; z-index: inherit !important; box-shadow: none !important; background: 0 0 !important }
.woocommerce-checkout #order_review_heading:before, .woocommerce-checkout .woocommerce-billing-fields h3:before, .woocommerce-checkout .woocommerce-shipping-fields h3:before, .woocommerce-checkout div#payment:before { content: "1"; background: #141f33; border-radius: 40px; width: 40px; line-height: 40px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px 5px 0; font-size: 18px; color: #fff; font-weight: 700 }
.woocommerce .woocommerce-shipping-fields h3:before { content: "2" }
.woocommerce-checkout #order_review_heading:before { content: "3" }
.woocommerce-checkout div#payment { position: relative; background: #fff !important; margin-top: 15px }
.woocommerce-checkout div#payment:before { content: "4"; margin: 8px 0 8px 15px }
.woocommerce-checkout div#payment:after { content: "Payment"; position: absolute; left: 65px; top: 15px; font-size: 22px !important; font-weight: 700; color: #141f33; line-height: 1.2 }
.woocommerce-checkout #order_review_heading { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: -9px; background: #fff }
.dokan-order-details-wrap, .woocommerce-checkout div#payment .woocommerce-terms-and-conditions-wrapper+button.button { margin-top: 15px }
.woocommerce .woocommerce-Address h3, .woocommerce .woocommerce-column__title, .woocommerce .woocommerce-order-details__title, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce-order-received h2, .woocommerce-order-received h3 { font-size: 22px !important; text-transform: capitalize; margin: 0 0 10px }
.woocommerce-cart .woocommerce .cart-collaterals h2 { padding: 9px 0; margin: 0; border: none; font-size: 24px !important; text-transform: capitalize !important; font-weight: 500 }
.woocommerce div.product form.cart .reset_variations { display: block; overflow: hidden; clear: both }
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form div.form-row { padding: 3px; margin: 0 }
.admin-bar header { top: 32px !important }
.woocommerce nav.woocommerce-pagination { float: left; display: block; width: 100%; padding: 0; margin: 20px 0 0; text-align: center; border-top: none; overflow: hidden }
.woocommerce nav.woocommerce-pagination ul { position: relative; display: inline-block; padding: 0 20px; border: none; border-right: 0; margin: 0; width: auto }
.woocommerce nav.woocommerce-pagination ul:after, .woocommerce nav.woocommerce-pagination ul:before { content: ""; position: absolute; right: 100%; top: 50%; background: url(../img/bg-4.png) top center; width: 68px; padding: 3px 0; margin-top: -3px }
.woocommerce nav.woocommerce-pagination ul:after { left: 100%; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.woocommerce nav.woocommerce-pagination ul li { border-right: none; padding: 1px 3px; margin: 0; display: inline-block; overflow: hidden; vertical-align: top; text-align: center }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; color: #000; border: 1px solid #dbe0e4; text-decoration: none; line-height: 40px; font-size: 16px; font-weight: 400; padding: 0 10px; display: block; border-radius: 5px; background: #fff; min-width: 42px }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; border-color: #141f33; background-color: #141f33 }
.woocommerce nav.woocommerce-pagination ul li .dots { border-color: transparent; background: 0 0 }
.project-aside .secondary-btn { width: 100%; border-radius: 4px; }
.whishlist .yith-wcwl-add-to-wishlist { display: inline-block; margin: 0; position: relative; right: auto; top: 0; z-index: 5; }
.whishlist .yith-wcwl-add-to-wishlist .feedback, .whishlist .yith-wcwl-add-to-wishlist i { display: none !important }
.whishlist .yith-wcwl-add-to-wishlist .ajax-loading { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; }
.whishlist .yith-wcwl-wishlistexistsbrowse a, .whishlist .yith-wcwl-wishlistaddedbrowse a, .whishlist .yith-wcwl-add-button a { position: relative; color: #141f33; padding-right: 0 !important; font-size: 14px; }
.whishlist .yith-wcwl-wishlistexistsbrowse a:before, .whishlist .yith-wcwl-wishlistaddedbrowse a:before, .whishlist .yith-wcwl-add-button a:before { position: relative; right: 0; top: -3px; margin-top: 0; width: 22px; height: 26px; content: "\f004"; font-family: Font Awesome\ 5 Pro; display: inline-block; vertical-align: top; font-style: inherit; font-size: 18px; font-weight: normal }
.whishlist .yith-wcwl-add-button a:hover { color: #f1441d }
.whishlist .yith-wcwl-add-button a:hover:before, .whishlist .yith-wcwl-wishlistexistsbrowse a:before, .whishlist .yith-wcwl-wishlistaddedbrowse a:before { font-weight: bold; color: #f1441d }

@media only screen and (max-width:782px) {
.admin-bar header { top: 46px !important }
}

@media only screen and (max-width:600px) {
.admin-bar header { position: absolute; top: 46px !important }
}
.woocommerce-currency-switcher-form .dd-selected { height: 26px !important }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li { border-bottom-color: #3c3c3c }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a { border-right-color: #3c3c3c }
.dokan-dashboard .dokan-dash-sidebar, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu { background-color: #141f33 }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover { background: #343434; color: #fff }
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget { border-color: #f5f5f5; box-shadow: 0 2px 3px rgba(0, 0, 0, .1) }
ul.subsubsub { font-size: 15px }
.dokan-theme-tempster .mfp-close-btn-in .mfp-close { top: 10px !important; right: 5px !important }
.dokan-theme-tempster .select2-container--open .select2-dropdown--below { margin-top: 32px !important }
select.dokan-form-control { height: 44px; -moz-appearance: menulist-button; -webkit-appearance: menulist-button }
.dokan-form-inline.dokan-w8.dokan-product-date-filter { display: flex; align-items: flex-start; width: auto }
.dokan-form-inline.dokan-w5.dokan-product-search-form { width: auto; float: right }
.dokan-form-inline.dokan-w5.dokan-product-search-form .dokan-form-control { width: 163px }
.dokan-product-listing .dokan-product-listing-area form.dokan-product-search-form button[name=product_listing_search] { float: none }
.dokan-theme-tempster .table-responsive { clear: both }
.dokan-table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ededed; background: #141f33; color: #fff; font-weight: 500 }
.side-logo, ul.side-menu li a, ul.side-menu li ul { border-bottom: 1px solid #3c3c3c }
.dokan-order-filter-serach .dokan-form-control, .dokan-order-filter-serach .select2 { margin: 0 8px }
.dokan-withdraw-area .entry-title { font-size: 22px; padding: 8px 15px !important }
.dokan-withdraw-area .dokan-btn { padding: 3px 8px !important; font-size: 14px; min-width: 140px }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.settings i.pull-right { padding-top: 0; display: inline-block; vertical-align: middle; margin-left: 5px }
.dokan-dashboard .dokan-dashboard-wrap .dokan-order-action a { padding: 5px 10px !important }
.dokan-product-listing .dokan-product-listing-area .product-listing-top span.dokan-add-product-link, .dokan-product-listing .dokan-product-listing-area .product-listing-top ul.dokan-listing-filter, .dokan-settings-content .dokan-settings-area .dokan-update-setting-top { width: auto }
.dokan-product-listing-area .product-listing-top span.dokan-add-product-link a { padding: 8px 10px !important }
.dokan-order-details-wrap .select2.select2-container, .dokan-product-edit .select2, .dokan-product-edit select, .dokan-theme-tempster .white-popup .select2-container { width: 100% !important }
.dokan-feat-image-upload .fa-cloud-upload-alt { display: block; margin: 0 0 10px }
.dokan-theme-tempster .white-popup .product-container-footer .dokan-btn { min-width: 188px; margin-top: 5px }
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach input.datepicker { padding-bottom: 11px !important }
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach { padding-left: 0; padding-right: 0 }
.dokan-order-details-wrap .dokan-btn.grant_access { margin-top: 8px }
.dokan-product-edit .dokan-btn, .dokan-update-setting-top-button.dokan-btn { padding: 5px 10px !important; margin: 8px 0 }
.dokan-settings-content .dokan-settings-area .dokan-banner { max-width: 500px !important; height: auto !important; min-height: 100px !important; margin-top: 15px !important; width: 100% !important }
.dokan-orders-area #dokan-order-notes .dokan-form-inline .dokan-form-group { float: none; margin-right: 0 }
.dokan-orders-area #dokan-order-notes .btn { min-width: 160px }
.dokan-orders-area #add-shipping-tracking-form .btn { margin: 5px 0; min-width: 200px }
.two-aside { margin: -20px; clear: both; display: flex; flex-wrap: wrap }
.two-aside .big-col { float: left; width: 77%; padding: 20px }
.two-aside .aside { float: left; width: 23%; padding: 20px }
.notification-icon { margin-right: 15px; font-size: 24px }
.notification-icon .n-count { display: inline-block; position: relative; background: #141f33; color: #fff; line-height: 16px; min-width: 16px; font-size: 12px; border-radius: 100%; text-align: center; font-family: 'Product Sans'; font-weight: 400; margin: -5px 0 0 -11px; float: right }
ul.side-menu li a { display: block; position: relative; font-size: 16px; color: #fff; font-weight: 400; padding: 12px 15px; background: 0 0; cursor: pointer; border-left: 4px solid transparent; margin: 0 }
ul.side-menu li.parent-active:last-child a { border-bottom: 1px solid #fff }
ul.side-menu li li { padding: 3px 0 }
ul.side-menu li li a, ul.side-menu li li li a { font-size: 16px; font-weight: 400; color: #fff; padding: 0; border: none }
ul.side-menu li.has-sub>a { padding-right: 35px !important }
ul.side-menu li ul { display: none; margin: 0; padding: 15px 0 10px 15px }
ul.side-menu li li ul { display: block; padding-top: 5px; border-bottom: none; padding-bottom: 0 }
ul.side-menu li a:hover, ul.side-menu li.active>a, ul.side-menu li.parent-active>a { border-left-color: #141f33; color: #141f33 }
ul.side-menu .sidemenu-button { position: absolute; font-size: 18px; right: 5px; top: 3px; cursor: pointer; padding: 7px 8px; z-index: 99; color: #fff }
ul.side-menu .sidemenu-button:after { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block }
ul.side-menu .sidemenu-button.submenu-opened:after { content: "\f106" }
ul.side-menu li li.has-sub>a { padding-right: 0 !important }
.aside .check-box { width: 100% !important; margin: 5px 0 }
.aside .check-box-in { margin-top: 10px; padding-left: 18px !important }
.aside li>.checkbox-row { max-height: 250px; overflow: auto }
.aside .check-box label { position: relative; margin: 0; line-height: 1.2; padding: 3px 0 3px 30px }
.aside .check-box label .csCheckbox, .aside .check-box label .csRadio, .aside .check-box label input { position: absolute; left: 1px; top: 0 }
.mobile-collapse-wrap { background: #141f33 }
.side-logo { padding: 15px }
.faq-all { float: left; width: 100%; margin: 10px 0 20px; counter-reset: listfaq }
.faq-all .accordingHead { position: relative; font-size: 20px; color: #141f33; font-weight: 500; padding: 27px 50px 27px 45px; background: #fff; cursor: pointer; border: 1px solid #ececec; margin: 0 0 20px }
.faq-all .accordingHead:before { counter-increment: listfaq; content: counter(listfaq) ". "; position: absolute; left: 22px; top: 27px }
.faq-all .accordingHead:after { content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; font-size: 26px; right: 22px; top: 22px; z-index: 99 }
.faq-all .accordingHead.active:after { content: "\f068" }
.faq-all .accordianContent { display: none; padding: 0 22px 30px; border: 1px solid #ececec; border-top: none; overflow: hidden; clear: both; background: #fff; margin-top: -27px; position: relative; margin-bottom: 20px }
.cta-wrap { padding: 0 0 60px }
.cta-bg { background: url(../img/cta-img-2.png) right bottom no-repeat #141f33; display: flex; align-items: center; justify-content: space-between; padding: 80px 10%; border-radius: 8px }
.cta-bg * { color: #ffffff }
.cta-bg .box:first-child { position: relative; padding-left: 200px }
.cta-bg .box:last-child { padding: 10px 15px }
.cta-bg .box:first-child img { position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.cta-bg h3 { font-size: 36px; font-weight: normal; margin: 0 }
.cta-bg p { font-size: 18px; }
.cta-bg .btn { background-color: #2666fc; border-color: #2666fc; white-space: nowrap }
.cta-bg .btn:hover, .cta-bg .btn:focus { background-color: #f1441d; border-color: #f1441d }
.single-product .cta-wrap { padding: 60px 0 }
footer { position: relative; padding: 48px 0 0; background: url(../img/foot-bg-1.png) right top no-repeat #eff2f5; clear: both }
footer:before { content: ""; position: absolute; left: 0; top: -23px; background: url(../img/foot-bg-2.png) no-repeat; padding: 23px 99px }
footer .row { display: flex; flex-wrap: wrap; margin: 0 }
footer [class*=col-md-] { border-left: 1px solid #787f87; padding: 0 15px }
footer h4 { font-size: 22px; font-weight: 400; color: #141f33; margin: 0 0 15px -30px; padding-bottom: 8px; padding-left: 30px; border-bottom: 1px solid #787f87; max-width: 202px }
footer a, footer p { color: #6d757d; font-size: 15px; margin: 0; font-weight: 400 }
footer p { margin: 5px 0 }
footer ul li:before { font-size: 11px }
footer ul.social-icon li { margin: 0; width: 100% }
footer ul.social-icon li i { background-color: transparent; font-size: 14px; color: #141f33; vertical-align: middle; margin-right: 10px }
footer ul.social-icon li i:before { line-height: 30px; width: 30px }
footer .copyright { float: left; width: 100%; padding: 21px 0; border-top: 1px solid #d6dbe1; margin: 35px 0 0 }
footer .foot-logo { padding-right: 22px }
footer .current-menu-item a, footer .current-product-ancestor a, footer a:focus, footer a:hover { color: #141f33 !important }
.scrollup { margin-left: auto }
.scrollup i { font-size: 32px; color: #141f33; display: inline-block; vertical-align: middle; margin-left: 5px }

@media only screen and (max-width:1199px) {
.resources-slider.owl-carousel { margin: 0 }
.dokan-form-inline.dokan-w5.dokan-product-search-form, .dokan-form-inline.dokan-w5.dokan-product-search-form .dokan-form-control, .dokan-form-inline.dokan-w8.dokan-product-date-filter { width: 100% }
.dokan-product-listing .dokan-product-listing-area form.dokan-product-search-form .dokan-form-group { width: 88%; margin-right: 0; padding-right: 10px }
.dokan-form-inline.dokan-w5.dokan-product-search-form { display: flex; align-items: flex-start; flex-direction: row-reverse }
.dokan-form-inline.dokan-w8.dokan-product-date-filter { flex-wrap: wrap; margin-left: -10px; width: auto !important }
.dokan-form-inline.dokan-w8.dokan-product-date-filter .dokan-form-group { margin: 0 !important; padding: 0 0 10px 10px !important }
.dokan-form-inline.dokan-w8.dokan-product-date-filter .dokan-btn { margin: 0 0 10px 10px }
.nav-wrap nav ul.nav>li { margin: 0 20px 0 0 }
.user-popup-wrap{ margin-left:15px}
.nav-wrap nav ul.nav>li>a { font-size: 15px }
.thumbnail-row .caption { padding-left: 45px }
.thumbnail-row.right-thumb .caption { padding-right: 45px; padding-left: 0 }
.project-aside ul.social-icon { padding-left: 10px; margin-left: 10px }
.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .store-name { font-size: 28px !important }
.filter-row.fixed { width: auto; margin-left: 0; left: 0; right: 0; }
}

@media only screen and (min-width:1025px) {
.search-field { display: block !important; opacity: 1 !important; height: auto !important }
.submenu-button { display: none }
.nav-wrap nav ul.nav li:hover>ul { -moz-transition: .3s linear !important; -webkit-transition: .3s linear !important; -ms-transition: .3s linear !important; transition: .3s linear !important }
.nav-wrap nav>ul.nav li.parent-active { overflow: visible }
.nav-wrap nav ul.nav>li.has-sub>.submenu-button { display: inline-block; font-size: 0; background: 0 0; position: absolute; right: 0; top: 12px }
.nav-wrap nav ul.nav>li.has-sub>.submenu-button:after { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: .889em; display: inline-block; line-height: 1 }
.nav-wrap nav ul.nav>li.has-sub>.submenu-button.submenu-opened:after { content: "\f106" }
.nav-wrap nav>ul.nav li.parent-active ul { display: block; top: 100%; max-height: 500px; visibility: visible; overflow: visible; opacity: 1 }
 .nav-wrap nav ul.nav>li.has-sub>.submenu-button:focus-visible {
 box-shadow: 0 0 3px 3px rgba(3, 9, 255, .8) !important
}
.woocommerce-cart .woocommerce-cart-form { float: left; width: 70% }
.woocommerce-cart .woocommerce .cart-collaterals { float: left; width: 30%; padding-left: 30px }
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-cart .woocommerce .cart-collaterals .checkout-button { width: 100% }
}

@media only screen and (max-width:1024px) {
.nav-trigger { float: right; padding: 21px; border-radius: 4px; display: inline-block; position: relative; cursor: pointer; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: #141f33 !important; border: 1px solid #141f33 !important; margin: 0 0 0 12px; overflow: visible; font-size: 0 }
.nav-trigger span { display: block; top: 50%; margin-top: -1px; right: 9px }
.nav-trigger span, .nav-trigger span::after, .nav-trigger span::before { width: 21px; height: 2px; background-color: #fff; border-radius: 0; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease }
.nav-trigger span::after, .nav-trigger span::before { content: ""; display: block }
.nav-trigger span::before { top: -7px }
.nav-trigger span::after { bottom: -7px }
.nav-trigger.closemenu span { top: auto; bottom: 7px; transition-duration: .15s; transform: translate3d(0, -12px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) }
.nav-trigger.closemenu span::after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s }
.nav-trigger.closemenu span::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s }
#push_sidebar { right: -260px; z-index: -1; top: 0 !important; bottom: 0; position: fixed; width: 260px; overflow-x: hidden; overflow-y: auto; margin: 0 !important; padding: 0; transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; -ms-transition: .2s linear; -o-transition: .2s linear; background: url(../img/foot-bg-1.png) right top no-repeat #eff2f5; box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
header, html { transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; -ms-transition: .2s linear; -o-transition: .3s linear }
.sidebar_active { overflow: hidden; margin-left: -260px; margin-right: 260px }
.sidebar_active #push_sidebar { display: block; right: 0; z-index: 999999 }
.sidebar_active header { position: fixed; left: -260px; right: 260px; top: 0 !important }
.nav-wrap nav ul.nav ul:after, .nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav>li.has-sub:hover>a:before, .nav-wrap nav ul.nav>li.has-sub>a br, .nav-wrap nav ul.nav>li:after, .nav-wrap nav ul.nav>li:first-child:before, .nav-wrap nav ul.nav>li>a:before { display: none }
.nav-wrap nav ul, .nav-wrap nav ul ul li:hover>ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul ul ul li:hover>ul, .nav-wrap nav ul.nav, .nav-wrap nav ul.nav>li:hover>ul, .nav-wrap nav ul.nav>li>ul, nav ul ul, nav.align-center>ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left }
.nav-wrap nav ul.nav { padding: 0; margin: 0; border: 0; visibility: visible !important; display: block !important; top: 0 }
.nav-wrap nav ul.nav>li { width: 100%; margin: 0 !important; padding: 0; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .12) !important; display: block }
.nav-wrap nav ul.nav>li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li { border: none; opacity: 1; padding: 0 }
.nav-wrap nav ul.nav>li>a { color: #6d757d; padding: 7px 20px 7px 16px !important; margin: 0 !important; white-space: inherit; border-radius: 0; border: none !important; z-index: 111 !important }
.nav-wrap nav ul.nav>li.fa-home a { font-size: .778em; font-weight: 400 }
.nav-wrap nav ul.nav>li.fa-home a:after { margin-left: 10px; font-weight: 700 }
.nav-wrap nav ul.nav>li.has-sub>a { padding-right: 50px !important }
.nav-wrap nav ul.nav ul { position: static !important; opacity: 1; visibility: visible; padding: 0; border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none }
.nav-wrap nav ul.nav>li>ul>li { padding: 0 !important; margin: 0; float: left; width: 100% !important; background-color: transparent; border-bottom: none; min-width: inherit }
.nav-wrap nav ul.nav>li>ul li a { color: #6d757d; padding: 11px 15px 12px; white-space: inherit; text-align: left; border-top: 1px solid rgba(0, 0, 0, .12) }
.nav-wrap nav .submenu-button { position: absolute; right: 0; display: block; width: 40px; height: 40px; cursor: pointer; z-index: 111; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; transition: none; background-color: rgba(0, 0, 0, .5) }
.nav-wrap nav .submenu-button:before { content: ""; position: absolute; text-align: center; top: 48%; left: 50%; margin-top: -4px; margin-left: -6px; font-size: .778em; line-height: 26px; width: auto; font-weight: 400; border-radius: 0; border: solid #fff; border-width: 0 2px 2px 0; padding: 4px; -moz-transition: none; -webkit-transition: none; transition: none; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.nav-wrap nav .submenu-button.submenu-opened { padding: 6px 15px 6px 35px; color: #6d757d; font-size: .778em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase }
.nav-wrap nav .submenu-button.submenu-opened:before { left: 22px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -6px; border-color: #6d757d }
.nav-wrap nav ul.nav li.current-menu-ancestor>a, .nav-wrap nav ul.nav li.current-menu-item>a, .nav-wrap nav ul.nav li:hover>a, .nav-wrap nav ul.nav li>a:hover, .nav-wrap nav ul.nav ul li.current-menu-ancestor>a, .nav-wrap nav ul.nav ul li.current-menu-item>a, .nav-wrap nav ul.nav ul li:hover>a, .nav-wrap nav ul.nav ul li>a:hover { background-color: rgba(255, 255, 255, .6); color: #141f33 }
.nav-wrap nav>ul.nav>li>ul { max-height: inherit; margin-top: 0; -moz-transform: none; -webkit-transform: none; transform: none; text-align: left }
.mega-dropdown [class*=col-md-].has-sub>.submenu-button, .nav-wrap nav ul.nav li.has-sub li.has-sub>a:after, .nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul, .nav-wrap nav ul.nav>li.has-sub>a:after, .nav-wrap nav ul.nav>li:before, .nav-wrap nav ul.nav>li>a:after { display: none !important }
.nav-wrap nav ul.nav ul ul.open { display: block !important }
.nav-wrap nav ul.nav li.has-sub li.has-sub>a { padding-right: 45px !important }
.nav-wrap nav ul.nav>li>.submenu-button { z-index: 1111 !important }
.nav-wrap nav ul.nav .parent-active { z-index: 9999 !important }
.mega-dropdown { position: static !important; width: auto !important; left: 0 !important; display: none; -webkit-box-shadow: none; box-shadow: none }
.sidebar_active .mega-dropdown.open, .sidebar_active .nav-wrap nav ul.nav ul.open { display: block !important; position: fixed !important; top: 40px !important; left: auto !important; right: 0 !important; bottom: 0; width: 260px !important; margin: 0; opacity: 1 !important; visibility: visible !important; border: none !important; height: 100%; overflow: auto; z-index: 99999; background: url(../img/foot-bg-1.png) right top no-repeat #eff2f5 }
.sidebar_active .nav-wrap nav .submenu-button.submenu-opened { position: fixed !important; top: 0; right: 0; width: 260px; line-height: 28px; background: #eff2f5; text-align: left; font-size: 16px }
.mega-dropdown .row { margin: 0 }
.mega-dropdown [class*=col-md-] { width: 100% !important; padding: 0 }
.mega-dropdown [class*=col-md-].has-sub>ul { display: block !important; max-height: inherit !important; border: none !important; height: auto !important }
.mega-dropdown ul li { padding: 0 !important }
.mega-dropdown ul li a { color: #fff !important; font-size: .778em !important; padding: 12px 15px 11px !important; white-space: inherit; border-top: 1px solid rgba(255, 255, 255, .1) !important }
.head-row { padding: 5px 0 }
header+div, header+section { margin-top: 94px !important }
header .btn { border-radius: 4px }
.filter-row.fixed { top: 78px }
}

@media only screen and (min-width:992px) {
.mobile-collapse-trigger, .search-triger, .small-screen-icon { display: none !important }
.search-field { display: block !important; opacity: 1 !important }
.mobile-collapse, .mobile-collapse-wrap, .small-screen-icon+*, footer .mobile-collapse { display: block !important; height: auto !important; opacity: 1 !important }
}

@media only screen and (max-width:991px) {
.boarding-wrap .img-box img, .main-banner .img-box img { margin: 0 auto; float: none }
.dokan-dash-sidebar ul.dokan-dashboard-menu li, .mobile-collapse-wrap { float: left; width: 100% }
.alignleft, .alignright, h1+.pn img, h2+.pn img { max-width: 300px }
.boarding-wrap .img-box, .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left, .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-right, .form-column, .idea-wrap .caption, .idea-wrap .slider-column, .main-banner .img-box, .project-big-column, .thumbnail-row .img-column, .two-aside .aside, .two-aside .big-col { width: 100% }
.mobile-collapse-trigger { display: block; position: relative; float: left; width: 100%; border: 1px solid #e4e4e4; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); font-size: 14px; font-weight: 700; color: #000; cursor: pointer; padding: 12px 30px 12px 15px; margin: 0; text-transform: uppercase }
.mobile-collapse-trigger:before { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-size: 14px; color: #000; position: absolute; right: 15px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.mobile-collapse-trigger.active:before { content: "\f077" }
.mobile-collapse-wrap { display: none; padding: 0 }
.search-triger { display: block; font-size: 0 }
.search-triger i { font-size: 25px }
.search-field { display: none; position: absolute; right: 0; top: 100%; left: 0; width: auto; padding: 10px; background: #cdcdcd }
.search-field input[type=submit] { top: 10px; right: 10px }
.small-trigger { position: relative; display: block; vertical-align: top; font-size: 16px; color: #6d757d; border: 1px solid #cfcdcd; padding: 5px 18px; font-weight: 900 }
.small-trigger+* { display: none; border: 1px solid #cfcdcd; border-top: none; padding: 25px }
.small-trigger:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-weight: 400; position: absolute; right: 18px; top: 50%; line-height: 1; margin-top: -9px }
.main-banner .flex { padding: 30px 0; flex-wrap: wrap }
.main-banner .caption, footer .copyright p { width: 100%; text-align: center }
.main-banner .caption { padding-left: 0 }
.main-banner .box { max-width: 100%; padding-right: 0 }
.main-banner .search-wrap { text-align: left }
.pdesign-wrap { padding: 30px 0 }
.boarding-wrap, .common-content, .common-row, .newsletter-wrap, .portfolio-wrap, .related-wrap, .resources-wrap { padding: 30px 0 }
.boarding-wrap .icon { display: inline-block }
.boarding-wrap .caption { width: 100%; text-align: center; padding: 0 0 30px }
.testimonial-wrap { padding: 15px 0 0 }
.portfolio-slider.owl-carousel .owl-nav .owl-next, .portfolio-slider.owl-carousel .owl-nav .owl-prev { width: 40px; height: 40px }
.portfolio-slider.owl-carousel .owl-nav .owl-next:before, .portfolio-slider.owl-carousel .owl-nav .owl-prev:before { font-size: 20px; padding: 3px }
.resources-wrap .btn-row { padding: 30px 0 0 }
.review-wrap { padding: 10px 5% }
footer .copyright .flex { flex-wrap: wrap; text-align: center; justify-content: center }
.scrollup { margin-left: inherit }
.filter-wrap .search-wrap { margin-top: -10px }
.woocommerce-cart h1, .woocommerce-checkout h1, .woocommerce-page h1 { font-size: 28px }
.dokan-dashboard .dokan-dash-sidebar { width: 100%; padding: 0 !important; margin-bottom: 20px !important }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after { display: none }
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation>#mobile-menu-icon { display: block !important; position: relative; float: right; top: 0; margin: 10px 0; z-index: 11 !important }
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation { background: 0 0 !important; height: auto !important }
.dokan-dash-sidebar ul.dokan-dashboard-menu { display: none; margin: 0 !important }
#mobile-menu-icon+.csCheckbox.active+ul.dokan-dashboard-menu { display: block !important }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a { padding: 10px 20px; text-align: center }
.dokan-dashboard .dokan-dashboard-content { padding: 0 !important; width: 100% }
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach { padding: 8px 0 }
.thumbnail-row { max-width: 600px; margin: 0 auto; padding: 30px 0 }
.thumbnail-row .caption { width: 100%; padding: 30px 0 0 !important; text-align: center }
.thumbnail-row .img-column img { margin: 0 auto }
.about-row-2 img { float: none }
.thumbnail-row .max-column, .thumbnail-row.fluid-thumb { max-width: 100% }
.thumbnail-row.fluid-thumb .caption { padding: 25px 15px !important }
.idea-wrap .max-column { max-width: 100%; padding: 30px 15px; text-align: center }
.banner-type, .blog-column h3 { font-size: 20px }
.icon-thumb-row { margin: -20px }
.icon-thumb { width: 50%; padding: 20px }
.project-aside { width: 100%; padding: 0 0 30px }
.connect-column { width: 100%; padding: 0 }
.form-data { padding: 18px }
.story-wrap { padding: 40px 0 30px }
.newsletter-wrap h3 { font-size: 30px }
.blog-img { margin: 0 0 30px }
.related-post { padding: 30px 0 50px }
.main-banner .img-box { margin-left: 0 }
.main-banner span.shape-bg { background-size: 20% }
.main-banner .img-box { min-height: inherit }
.main-banner .search-wrap { background: #fff; padding: 20px; }
.main-banner .tags { text-align: center }
.filter-row.fixed { top: 100px }
.cta-bg { flex-wrap: wrap; padding: 20px 10%; border-radius: 8px; justify-content: center; text-align: center; background-size: 25%; }
.cta-bg .box { width: 100% }
.cta-bg .box:first-child { padding-left: 0; }
.cta-bg .box:first-child img { position: relative; left: 0; top: auto; transform: none; margin: 0 auto 15px; max-width: 90px; }
.cta-bg h3 { font-size: 28px; }
.single-product .cta-wrap { padding: 30px 0 60px }
footer .foot-logo { padding: 10px 0 }
footer h4 { max-width: 90% }
footer [class*=col-md-] { float: left; width: 50%; margin: 20px 0 }
}
.mfp-bg, .mfp-wrap { position: fixed; left: 0; top: 0 }

@media only screen and (max-width:768px) {
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none !important; width: 100% !important; padding: 10px 0 !important }
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { overflow: hidden }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important }
.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; padding-left: 0 !important; padding-top: 25px }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border: none; border-top: 1px solid rgba(0, 0, 0, .1) }
.woocommerce table.shop_table .quantity { float: right }
}

@media only screen and (max-width:767px) {
.sm-space>[class*=col-]+[class*=col-] { margin-top: 30px }
.main-banner .heading { font-size: 30px }
.listing-box { width: 46% }
.woocommerce ul.order_details { display: block; padding: 0 }
.woocommerce ul.order_details li { display: block; border: none !important; border-bottom: 1px solid #e0e0e0 !important; width: 100% }
#coupon_code { width: 48% !important }
.woocommerce form.checkout_coupon #coupon_code { width: 100% !important }
.woocommerce .checkout_coupon p:first-of-type { margin: 0 3px 5px; width: auto !important; display: block !important; padding-left: 0 }
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-dash-left { padding-right: 0; width: 100% }
.dokan-add-new-product-popup .dokan-product-field-content, .dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-dash-right { width: 100% }
.dokan-table tbody tr td { border-width: 1px }
.dokan-table tbody tr .dokan-order-action { width: auto }
.faq-all .accordingHead { padding: 17px 45px }
.faq-all .accordingHead:before { top: 17px }
.faq-all .accordingHead:after { top: 16px; font-size: 20px }
.blog-column { width: 48% }
.common-popup { padding: 20px }
.contact-data p + .row { margin-top: 0; }
}

@media only screen and (max-width:639px) {
.head-left { width: 192px; min-width: 192px }
.login-btn { font-size: 0; padding: 10px; margin-left: 0 }
.login-btn i { display: inline-block; font-weight: 400; font-size: 18px; vertical-align: middle }
.login-popup, .signup-popup { right: -57px }
.review-wrap-bg { padding: 30px 15px }
.review-wrap p { font-size: 20px }
.newsletter-wrap .img-column, .product-edit-new-container .dokan-form-top-area .dokan-product-meta { width: 100% }
.product-edit-new-container .content-half-part.featured-image { padding-left: 0; width: auto }
.product-edit-new-container .dokan-form-top-area { display: flex; flex-direction: column-reverse; clear: both }
.story-column { width: 96%; padding: 40px 20px 20px }
.newsletter-wrap .img-column img { margin: 0 auto }
.newsletter-wrap .caption { width: 100%; padding: 30px 0 0; text-align: center }
}

@media only screen and (max-width:580px) {
.alignleft, .alignright, h1+.pn img, h2+.pn img { max-width: 100%; margin: 10px 0; float: none; display: block }
.head-top { display: flex; align-items: center; justify-content: center; height: 34px; padding: 0; font-size: 12px; line-height: 1 }
.pdesign-wrap h2 { font-size: 28px }
.dokan-form-inline.dokan-w8.dokan-product-date-filter .dokan-form-group, .dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w8 { width: 100% }
.dokan-order-filter-serach .dokan-left .dokan-form-group { flex-wrap: wrap }
.dokan-dashboard .dokan-dashboard-content #dokan-order-notes .dokan-form-control, .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach input.datepicker { width: 100% !important }
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .select2, .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach select { width: 100% !important; margin: 10px 0 }
.dokan-dashboard .dokan-dashboard-content article.dokan-orders-area .dokan-form-control { width: 170px }
.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w5 { width: 100%; position: relative; right: auto; top: auto; transform: none; margin-top: 10px }
.top-profile .caption { display: none }
.top-profile { margin-left: 10px }
.notification-icon { margin-right: 5px }
.resources-box .caption { padding: 30px 0 0; text-align: center }
.like-dislike { padding: 20px 20px 30px; margin-top: 30px }
.like-dislike h4 { width: 100%; margin-right: 0 }
.pdesign-wrap { text-align: left }
.filter-row.fixed { top: 80px }
}
.mfp-container:before, .mfp-content { display: inline-block; vertical-align: middle }

@media only screen and (max-width:479px) {
#coupon_code, .woocommerce .checkout_coupon p.form-row, .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce-page table.cart td.actions .coupon .button { width: 100% !important }
.common-row .form-field [class*=col-], .common-row .form-field [class^=col-], footer [class*=col-md-] { width: 100% }
footer h4 { max-width: 100% }
.woocommerce form .form-row { padding: 3px 0 }
#coupon_code { margin: 0 0 5px !important }
.woocommerce form.checkout_coupon #coupon_code { margin: 0 }
.woocommerce .woocommerce-result-count { margin: 0 !important }
.dokan-dashboard .dokan-dash-sidebar article, .dokan-dashboard .dokan-dashboard-content article { overflow: scroll; overflow-x: hidden }
.dokan-dashboard .dokan-product-edit .dokan-left, .dokan-dashboard .dokan-product-edit .dokan-right { float: inherit !important; clear: both; width: 100%; display: block }
.contact-data .col-xs-6 { width: 100% }
}

@media only screen and (max-width:430px) {
.listing-box { width: 96% }
table.dokan-table .row-actions { display: flex }
.head-left { width: 152px; min-width: 152px }
.top-profile { margin-left: 5px; margin-top: 6px }
.top-profile .img-box { width: 30px }
.notification-icon { margin-right: 5px; font-size: 20px }
.profile-dropdown { margin-top: 7px }
header+div, header+section { margin-top: 88px !important }
.icon-thumb { width: 100% }
.blog-column { width: 98% }
.filter-row.fixed { top: 71px }
.dokan-store-products-filter-area .dokan-store-products-ordeby { width: 100% !important }
}

@media only screen and (max-width:359px) {
.user-popup-wrap { margin-left: 0 }
.head-left { width: 152px; min-width: 152px }
.login-popup, .signup-popup { padding: 15px; width: 290px; margin-top: 10px }
.project-aside ul.social-icon li:first-child { display: none }
.sorting-wrap { max-width: 160px }
}
.mfp-bg { width: 100%; height: 100%; z-index: 1042; overflow: hidden; background: #000; opacity: .75 }
.mfp-wrap { width: 100%; height: 100%; z-index: 1043 }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { content: ''; height: 100% }
.mfp-content { position: relative; margin: 15px auto; text-align: left; z-index: 1045 }
.mfp-close, .mfp-preloader { text-align: center; position: absolute }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none }
.mfp-preloader { color: #ccc; top: 50%; width: auto; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #ccc }
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation }
 button::-moz-focus-inner {
 padding: 0;
 border: 0
}
.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 0; right: 0; top: 0 !important; text-decoration: none; opacity: .65; padding: 0; color: #fff; font-style: normal; font-family: Arial, Baskerville, monospace; background: 0 0 !important }
.videoFrame .mfp-close { top: 0 !important; background-color: rgba(236, 223, 223, .5) !important; border-radius: 0; opacity: 0 }
.videoFrame .mfp-iframe-holder .mfp-content { max-width: 90%; max-height: 100% }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #fff; background: #000 !important; border-radius: 40px; top: 20px !important; right: 25px; line-height: 31px }
.mfp-arrow-left:before, .mfp-arrow-right:before { height: 15px; width: 15px; top: 15px; display: block; content: '' }
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-arrow-left, .mfp-arrow-right { width: 30px; height: 50px; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; position: absolute }
.mfp-arrow-left { left: 0; border-radius: 0 30px 30px 0 }
.mfp-arrow-left:before { border: 2px solid #929292; border-right-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; left: 8px }
.mfp-arrow-right { right: 0; border-radius: 30px 0 0 30px }
.mfp-arrow-right:before { border: 2px solid #929292; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 8px }
.mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-image-holder .mfp-content, img.mfp-img { max-width: 100% }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 }
.mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block }
img.mfp-img { line-height: 0; box-sizing: border-box; padding: 0; margin: 0 auto; background-color: #fff }
.mfp-figure { line-height: 0; position: relative }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; right: 0; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-bottom-bar { margin-top: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile .mfp-bottom-bar:empty, .mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
}

@media all and (min-width:900px) {
.caption-frame .mfp-container { left: 50%; display: table; width: auto; padding: 0 45px; margin: 0 auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
}

@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
button.mfp-arrow, button.mfp-close { background: rgba(255, 255, 255, .95) }
}
.caption-frame .mfp-bottom-bar { margin-top: 0; left: 0; top: 40px; padding: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, .8) }
.caption-frame .mfp-title p { color: #fff; margin: 0 0 5px }
.caption-frame .mfp-title h3 { color: #fff; font-size: 20px; margin: 0 }

@media all and (max-width:520px) {
.caption-frame .mfp-bottom-bar { padding: 15px }
}
li.share-button .fa { font: 14px/1 FontAwesome !important }
ul li.share-button:last-child { padding-bottom: 7px }
.xoo-wsc-markup .xoo-wsc-footer .xoo-wsc-ft-totals, .xoo-wsc-markup .xoo-wsc-footer .xoo-wsc-ft-btn-cart { display: none; }
.xoo-wsc-footer { padding: 10px; }
.xoo-wsc-ft-buttons-cont { grid-column-gap: 10px; grid-row-gap: 10px; }
.select2-container { z-index: 99!important; }