html,body {
overflow-x: hidden;
}
.action.compare.no-display {
display: none !important;
}
body > p {
display: none;
}
.toolbar .modes > a {
text-decoration: none;
}
.toolbar-amount {display: none;}
.clearer {
clear:both;
}
h4{margin-top: 24px; margin-bottom: 12px;}
@media (min-width: 1200px) {
.col-xl-2-4 {
width: 20%;
}
.col-xl-9-6 {
width: 80%;
}
}
@media (max-width: 1199px) {
.container {
width: 100%;
}
}
@media (min-width: 768px) {
.layout-1280 .navigation, .layout-1280 .page-wrapper > .breadcrumbs .items, .layout-1280 .page-header .header.panel, .layout-1280 .header.content, .layout-1280 .footer.content, .layout-1280 .page-wrapper > .widget, .layout-1280 .page-wrapper > .page-bottom, .layout-1280 .block.category.event, .layout-1280 .top-container, .layout-1280 .page-main {
max-width: 1280px;
}
.layout-1280 .container {
max-width: 1280px;
width: 100%;
}
.sw-megamenu.side-megamenu.navigation li.level0.fl-right {
float: none;
}
}
.swatch-input {position: absolute;top: -999em; visibility: hidden;opacity: 0;}
@media (min-width: 768px) {
.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
max-width: 1320px;
}
}
.page-wrapper>.breadcrumbs .items {
max-width: 1320px;
}
.prev-next-products {
display: none;
}
.prev-next-products .product-nav em:before {
margin: 0;
}
.prev-next-products .product-nav.product-next .product-pop:before {
right: 21px;
}
.prev-next-products .product-nav.product-prev .product-pop:before {
left: 27px;
}
.border-radius .image-link:before {
border-radius: 8px;
}
.custom-support {
text-align: left;
}
.custom-support em[class*=icon-] {
float: left;
background-color: #e35d53;
color: #fff;
border-radius: 50%;
width: 62px;
height: 62px;
text-align: center;
line-height: 62px;
font-size: 20px;
}
.custom-support div.content {
margin-left: 76px;
}
.custom-support div.content>h2 {
color: #000;
margin: 0;
font-weight: 600;
font-size: 20px;
line-height: 1.5;
}
.custom-support div.content>em {
color: #888;
font-weight: 300;
font-size: 11px;
font-style: normal;
line-height: 1;
margin-bottom: 15px;
display: block;
}
.custom-support div.content>p {
color: #666;
font-size: 14px;
}
.parallax-wrapper {
position: relative;
}
.parallax-wrapper .overlay {
background-color: #000;
opacity: 0.55;
filter: alpha(opacity=55);
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.parallax {
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
padding: 50px 0;
}
.parallax-slider {
text-align: center;
}
.parallax-slider .owl-carousel h2 {
font-size: 60.28px;
color: #fff;
line-height: 1;
}
.parallax-slider .owl-carousel p {
font-size: 22.6px;
color: #fff;
line-height: 1;
margin-bottom: 30px;
}
.parallax-slider .owl-carousel a {
font-size: 16px;
color: #fff;
line-height: 1;
}
.brands-slider .owl-carousel .owl-item img {
width: auto;
max-width: 100%;
}
.landing-page-mobile-slider .owl-carousel .owl-item img {
width: auto;}
.customer-account-login .account-social-login, .customer-account-create .account-social-login {display: none;}
.customer-account-login .block-customer-login .account-social-login, .customer-account-create .form-create-account .account-social-login{display: block;width: 100%;position:relative;margin: 50px 0;}
.customer-account-login .block-customer-login .account-social-login:before,
.customer-account-create .form-create-account .account-social-login:before {
content: '';
position:absolute;
height: 1px;
background-color: #dfdfdf;
z-index: 3;
top: 0;
left: 25px;
right: 25px;
}
.customer-account-login .block-customer-login .account-social-login:before {
left: 0;
right: 0;
}
.customer-account-login .block-customer-login .account-social-login:after,
.customer-account-create .form-create-account .account-social-login:after {
content: 'or';
position: absolute;
width: 45px;
height: 45px;
z-index: 4;
text-align: center;
border: #dfdfdf solid 1px;
border-radius: 100%;
line-height: 43px;
color: #777;
left: 0;
top: -22px;
right: 0;
margin: 0 auto;
background-color: #fff;
}
.customer-account-login .account-social-login .block-content, .customer-account-create .account-social-login {padding-top: 50px;}
.form.create.account .account-social-login .actions-toolbar {
padding: 0;
}
@media only screen and (max-width: 767px) {
.nav-open .page-wrapper {
position: fixed;
z-index: 3;
}
}
@media (max-width: 991px) {
.homepage-bar .col-lg-4 {
border: 0;
text-align: left !important;
}
.parallax {
background-position: center center !important;
background-attachment: initial;
}
}
@media (max-width: 767px) {
.parallax-slider .owl-carousel h2 {
font-size: 40px;
}
.parallax-slider .owl-carousel p {
font-size: 13px;
margin-bottom: 15px;
}
.parallax-slider .owl-carousel a {
font-size: 13px;
}
}
.products-grid.wishlist .product-item .tocart {
height: auto;
line-height: 30px;
min-width: 120px;
padding: 0 11px;
}
@media (min-width: 992px){
.wishlist-index-index .products-grid .product-items .product-item {
width: 24%;
}
}
.hide-addtocart .products-grid .product-item-actions .actions-primary, .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary {
display: none;
}
.hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist,
.hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare,
.hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist,
.hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare {
display: none;
}
.owl-middle-outer-narrow .owl-theme .owl-controls {
position: absolute;
top: 50%;
width: 100%;
margin-top: -22px;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
position: absolute;
color: #3d3734;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev {
left: -60px;
}
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next {
right: -60px;
}
.owl-bottom-narrow .owl-controls {
position: absolute;
bottom: 20px;
margin: 0;
width: 100%;
}
.products.wrapper .product-item .product-item-photo .qty-box {
position: absolute;
bottom: 30px;
left: 0;
}
.products.wrapper .product-item .qty-box {
display: block;
width: 88px;
margin: 0 auto 5px;
}
.products.wrapper.products-list .product-item .qty-box {
margin: 0 0 5px;
}
.products.wrapper .product-item .qty-box input {
width: 30px;
height: 30px;
text-align: center;
display: inline-block;
border: solid 1px #dfdfdf;
}
.products.wrapper .product-item .qty-box .qtyminus,.products.wrapper .product-item .qty-box .qtyplus {
position: relative;
border: solid 1px #dfdfdf;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 28px;
display: inline-block;
text-align: center;
background-color: #fff;
float: left;
margin-right: -1px;
}
.products.wrapper .product-item .qty-box .qtyplus {
float: right;
margin-right: 0;
margin-left: -1px;
}
.products-grid .product-item .has-qty {
margin-top: 37px;
}
.product-info-main .custom-block {
border-bottom: solid 1px #e6e6e6;
padding: 23px 0 25px;
margin-bottom: 25px;
}
.product-info-main .custom-block .item:first-child {
border-left: 0;
padding-left: 0;
}
.product-info-main .custom-block .item {
border-left: 1px solid #e6e6e6;
display: inline-block;
padding: 0 10px;
text-align: left;
}
.product-info-main .custom-block i {
font-size: 34px;
display: inline-block;
vertical-align: middle;
}
.product-info-main .custom-block .text-area {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 5px;
}
.product-info-main .custom-block .text-area h3 {
font-size: 14px;
font-weight: 400;
line-height: 1.35;
color: #7a7d82;
margin: 0;
margin-bottom: 5px;
}
.grid-images {
text-align: center;
}
.grid-images .row {
margin-left: -10px;
margin-right: -10px;
}
.grid-images .col-md-4, .grid-images .col-md-8 {
padding-left: 10px;
padding-right: 10px;
}
.grid-images img {
max-width: 100%;
}
.grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {
opacity: 1;
filter: alpha(Opacity=100);
visibility: visible;
transition: all 0.2s;
}
.grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {
opacity: 0.8;
filter: alpha(Opacity=80);
visibility: visible;
}
.grid-images .grid1 {
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.grid-images .grid1 {
margin-bottom: 9px;
}
}
@media (max-width: 767px) {
.grid-images .grid2 {
margin-bottom: 9px;
}
}
@media (min-width: 992px){
.lg-order-12 {
-webkit-order: 12;
-moz-order: 12;
-ms-flex-order: 12;
order: 12;
}
}
@media (min-width: 768px){
.md-order-12 {
-webkit-order: 12;
-moz-order: 12;
-ms-flex-order: 12;
order: 12;
}
}
.side-custom-menu {
border: 1px solid #ddd;
border-radius: 7px;
overflow: hidden;
}
.side-custom-menu h2 {
color: #000;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 700;
text-align: left;
padding: 13px 13px 12px;
background-color: #f5f5f5;
line-height: 1;
margin: 0;
}
.side-custom-menu ul {
padding: 0 12px;
margin: 0;
list-style: none;
}
.side-custom-menu ul li {
text-align: left;
padding: 12px 4px;
border-top: 1px solid #ddd;
margin: 0;
line-height: 1;
}
.side-custom-menu ul li:first-child {
border: 0;
}
.side-custom-menu ul li a {
color: #777;
font-size: 15px;
line-height: 1;
display: block;
}
.featured-box-2{margin:30px 0}
.featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px}
.featured-box-2 h3 em{font-size:18px}
.featured-box-2 p{font-size:14px;margin-bottom:10px}
.featured-box-2 a{font-size:14px}
/*.social-icons [class^="porto-icon-"] { color: #fff;} */
.sidebar-title {
margin-bottom: 17px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #313131;
line-height: 1;
}
.f-left {
float: left !important;
}
.f-right {
float: right !important;
}
.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
text-decoration: none;
}
.message {
border-radius: 5px;
}
@media (max-width: 1199px) {
body.boxed .page-wrapper {
width: 980px;
}
}
@media (max-width: 991px) {
body.boxed .page-wrapper {
width: 750px;
}
}
@media (max-width: 767px) {
body.boxed .page-wrapper {
width: 630px;
}
.sm-clearer {
clear: both;
}
}
@media (max-width: 640px) {
body.boxed .page-wrapper {
width: 460px;
}
}
@media (max-width: 480px) {
body.boxed .page-wrapper {
width: 300px;
}
}
.block.block-border {
border-radius: 7px;
overflow: hidden;
}
.block.block-border .block-title {
padding: 10px 15px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #ddd;
background-color: #f5f5f5;
color: #777;
position: relative;
border-radius: 7px 7px 0 0;
margin: 0;
}
.block.block-border .block-content {
padding: 10px 15px;
font-size: 13px;
border: 1px solid #ddd;
border-top: 0;
border-radius: 0 0 7px 7px;
background-color: #fbfbfb;
}
.category-sidebar {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.42857143;
}
.category-sidebar li {
position: relative;
margin: 0;
}
.category-sidebar ul {
display: none;
list-style: none;
padding: 0 0 0 15px;
margin: 0;
}
.category-sidebar li > .expand-icon {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
line-height: 32px;
}
.category-sidebar li > a:not(.expand-icon) {
color: #777;
font-size: 13px;
line-height: 2.5;
}
@media (max-width: 1199px) {
.home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
width: 728px;
width: calc(75vw - 19.5px);
}
.home-side-menu .sw-megamenu.navigation.side-megamenu li.level0 > a {
font-size: 13px;
line-height: 34px;
}
.home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
line-height: 34px;
}
.home-side-menu h2.side-menu-title {
padding: 9px 15px;
}
}
@media (max-width: 991px) {
.home-side-menu {
display: none;
}
}
@media (max-width:767px){
.breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
/*max-width: 540px;*/
margin: 0 auto;
}
}
.single-image {
display: block;
position: relative;
overflow: hidden;
}
.single-image img {
max-width: 100%;
transition: 0.5s ease;
}
.single-image img {
width: 100%;
}
.single-image:hover img {
transform: scale(1.2);
}
.flex-owl-slider .owl-item:first-child .item {
border-left-color: transparent;
}
.flex-owl-slider .owl-item .item {
border-left: 1px solid #e3e4e4;
}
.owl-no-narrow .owl-controls {
display: none;
}
@media (max-width:640px){
.products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart {
width: 40px;
padding: 0 12px;
}
.products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span {
display: none;
}
}
@media (max-width: 991px) {
.sm-bd-0 {
border: 0!important;
}
}
.fancybox-close {
background: transparent;
right: 10px;
top: 10px;
text-align: center;
font-size: 15px;
line-height: 20px;
width: 20px;
height: 20px;
}
.fancybox-close:hover {
text-decoration: none;
}
.fancybox-close:before {
content: '\f819';
font-family: 'porto-icons';
}
/* Previous/Next Product links on Product View Page*/
/* Category Banner */
.page-wrapper > .category-banner{background-color:transparent}
.page-wrapper > .category-banner .banner-image{width:100%}
.category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff}
.category-banner .banner-text h2{font-size:50px;color:#fff}
.category-banner .banner-text p{font-size:26px;font-weight:300}
.category-boxed-banner.owl-theme .owl-controls{margin-top:-40px;position:relative;height:30px}
.category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative}
.category-boxed-banner .owl-item .item img{width:100%}
.category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%}
.category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1}
.category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4}
.category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px;}
.full-width-image-banner{height:375px;position:relative;z-index:3}
.full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:0.65;filter:alpha(opacity=65)}
.full-width-image-banner .content{margin-top:-36px}
.full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1}
.full-width-image-banner p{margin:0;font-size:16px}
.no-margin {
margin: 0 !important;
}
.image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658}
.image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%}
.overlay{background-color:#000;opacity:0.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute}
.top-newsletter .newsletter button.subscribe {
position: absolute;
right: 0;
top: 0;
height: 30px;
line-height: 30px;
border-radius: 0;
color: #000;
padding: 0 15px;
background-color: transparent;
border: 0;
}
.top-newsletter .newsletter input {
width: 300px;
height: 30px;
border-radius: 0;
line-height: 16px;
padding: 7px 50px 7px 15px;
}
.top-newsletter .newsletter label {
display: none;
}
@media (max-width:1199px){
.top-newsletter #newsletter{width:270px}
}
@media (max-width:991px){
.top-newsletter #newsletter{width:160px}
}
@media (min-width: 992px){
.a-left-sm {
text-align: left;
}
.a-right-sm {
text-align: right;
}
}
.container {
width: 100%;
}
@media (min-width:992px){
body.side-header .page-wrapper {
padding-left: 256px;
}
body.side-header .page-wrapper > .breadcrumbs.fixed-position {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
}
body.side-header .page-wrapper > .breadcrumbs .items {
margin: 0;
max-width: none;
}
}
/*** Header Type 10 - Side Header ***/
.sticky-header .sw-megamenu.navigation li.level0.fl-right {
float: none;
}
#totop{
height: 40px;
position: fixed;
right: 20px;
width: 40px;
z-index: 9999;
bottom: 90px;
background-color: #404040;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 1;
padding: 11px 0;
display: none;
border-radius: 5px;
}
#totop:hover{background-color:#555}
i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important}
i.ajax-loader.small{width:16px;height:16px;border-width:2.5px}
i.ajax-loader.large{width:32px;height:32px;border-width:2.5px}
@media (min-width:768px){
.onepage-category > .columns {
padding-left: 180px;
padding-right: 50px;
}
#maincontent.onepage-category {
position: relative;
padding-top: 50px;
max-width: 100%
}
}
.cms-index-index .onepage-category {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
.category-description img {
max-width: 100%;
}
.category-detail .product-item-info:hover .product-item-inner {
visibility: visible;
opacity: 1;
}
#giftcard-form input#giftcard-code {
border-radius: 3px 0 0 3px;
}
#giftcard-balance-lookup .giftcard.info {
margin-bottom: 15px;
}
.gift-wrapping-item > span {
background-color: #f2f2f2;
}
#giftcard-form button.action-add, #giftcard-form button.redeem {
height: 32px;
line-height: 1;
font-size: 13px;
}
.account .table-wrapper.balance-history, .account .table-wrapper.reward-history, .account .table-wrapper.balance-history {
margin-top: 0;
}
.form-addbysku .qty.field .control {
display: block;
}
.column .block-addbysku .action.add {
min-width: 32px;
}
.giftcard-account button.primary {
height: 32px;
line-height: 1;
}
.form-add-invitations .action.add:before, .column .block-addbysku .action.add:before {
content: '\f881';
}
.form-add-invitations .fieldset .actions-toolbar > .secondary .action.add {
min-width: 32px;
margin: 20px 0;
}
.message.info {
margin-bottom: 20px;
}
.form-giftregistry-edit .field.date input {
vertical-align: middle;
}
.hasDatepicker + .ui-datepicker-trigger:before {
content: '\f865';
}
.block-category-event {
border-radius: 5px;
text-align: left;
padding: 10px 20px !important;
}
.block-category-event > div {
display: inline-block;
vertical-align: middle;
}
.block-category-event > div.event-title {
padding-right: 50px;
margin-right: 20px;
}
.block-category-event .event-title em {
float: left;
font-size: 30px;
margin-right: 8px;
color: #000;
}
.block-category-event .event-title p {
margin: 0;
text-transform: uppercase;
}
.block-category-event .event-title h4 {
margin: 3px 0;
color: #000;
text-transform: uppercase;
white-space: nowrap;
}
.block-category-event .dates .start:after {
display: none;
}
.block-category-event .event-ticker .dates .start {
padding: 0;
}
.block-category-event .event-ticker .dates > div > span {
display: block;
}
.block-category-event > div.event-ticker {
text-align: center;
}
.block-category-event > div.event-desc {
float: right;
color: #08c;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
line-height: 101px;
margin-right: 20px;
}
.block-category-event .event-ticker .dates > div > span.desc {
color: #08c;
text-transform: uppercase;
font-style: italic;
font-size: 13px;
}
.block-category-event .event-ticker .dates > div > span.date {
font-size: 24px;
font-weight: 600;
color: #000;
}
.block-category-event .event-ticker .dates > div > span.year-month {
background-color: #000;
color: #fff;
text-transform: uppercase;
font-size: 13px;
padding: 5px 10px;
line-height: 1;
border-radius: 3px;
}
.block-category-event .event-ticker .dates > div > span.time {
padding: 3px 0;
}
.block-category-event .event-ticker .dates > div > span.date {
font-size: 24px;
font-weight: 600;
color: #000;
padding: 0 0 3px;
}
.block-category-event .event-ticker .dates > div {
margin: 0 10px;
display: inline-block;
}
.block-category-event .event-ticker .ticker .value {
font-size: 30px;
font-weight: 600;
color: #000;
}
.block-category-event .event-ticker .ticker .label {
background-color: #000;
color: #fff;
text-transform: uppercase;
font-size: 13px;
padding: 5px 10px;
line-height: 1;
border-radius: 3px;
min-width: 70px;
}
.block-category-event .event-ticker .ticker li {
margin: 0 7px;
}
.block-category-event.open > div.event-desc {
line-height: 65px;
}
@media(max-width:1199px) {
.onepage-cat.category-list + .main.container {
padding: 0 50px;
}
.onepage-category .category-detail .menu-popup ul > li> a {
font-size: 11px;
}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {
padding: 10px 2%;
}
.onepage-category .category-detail .title-menu > .menu-popup {
padding: 10px 0;
}
.onepage-category .category-detail .title-menu > a {
margin-top: 46px;
}
}
@media (max-width: 991px) {
.block-category-event > div {
display: block;
float: none !important;
text-align: left;
}
.block-category-event > div.event-ticker {
display: inline-block;
margin: 0 -10px;
}
.block-category-event .dates .start, .block-category-event .dates .end {
display: inline-block !important;
}
}
@media(max-width:767px) {
.onepage-category, .cms-index-index .onepage-category {
display: block;
}
.onepage-category > .category-list {
width: auto;
float: none;
padding: 0;
min-height: 0;
position: static;
margin-bottom: 20px;
}
.onepage-category > .category-list > ul {
padding: 0;
}
.onepage-category > .category-list > ul > li {
margin: 0;
display: inline-block;
}
.onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after {
display: none;
}
.onepage-cat.category-list + .main.container {
float: none;
}
.onepage-cat.category-list + .main.container {
padding: 0 15px;
}
.onepage-cat.category-list + .main.container {
width: auto;
}
.onepage-category > .category-details {
float: none;
width: auto;
padding: 0 15px;
}
.onepage-category > .category-list > ul {
position: static !important;
}
.onepage-category .category-detail .menu-popup > ul {
display: block;
}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {
width: 50%;
padding: 10px 15px;
}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
border-left: 1px solid #bebebe;
clear: none;
}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) {
border-left: 0;
clear: left;
}
.onepage-category .category-detail .menu-popup ul > li> a {
font-size: 14px;
}
}
.product.info.detailed.sticky .product.data.items > .item.content {
margin: 0;
padding-bottom: 25px;
}
.product-tabs-container {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 15px 0;
z-index: 3;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
text-align: center;
}
.product-tabs-container.has-sticky-header {
top: 44px;
}
.product-tabs-container .data.item.title {
display: inline-block;
font-size: 13px;
padding: 0 10px;
}
.product-tabs-container .data.item.title:first-child {
padding-left: 0;
}
.product-tabs-container .data.item.title > a {
color: #777;
padding: 10px 0;
}
.authentication-wrapper {
margin-top: 2px !important;
margin-left: 20px;
}
.filter-options-content .ln_slider_container {
width: 93%;
width: calc(100% - 14px);
margin: 15px 7px 0;
}
#ln_slider_price .ui-slider-handle {
margin-top: -5px;
background: #08c;
height: 18px;
width: 13px;
border-radius: 5px;
margin-left: -7px;
}
#ln_slider_price.ui-slider-horizontal {
height: 7px;
margin-bottom: 15px;
background: #1ab2ff;
box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,.38);
}
#ln_price_attribute {
padding: 10px 5px;
}
.block-category-list .block-content ol li.item, .sidebar > .block.filter ol li.item {
margin: 0;
padding: 7px 0;
}
.filter-options-content {
padding: 15px;
}
.filter-options-content ol.items {
margin: -9px 0;
}
.sidebar .product-items .product-item-info .product-item-photo img.hover_image {
display: none;
}
.page-main .block.block-category-list {
margin-bottom: 14px;
}
.block-category-list .block-title, .sidebar > .block.filter .options dt {
padding: 10px 15px;
margin: 0;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #ddd;
background-color: #f5f5f5;
position: relative;
cursor: pointer;
border-radius: 7px 7px 0 0;
display: block;
text-decoration: none;
}
.block-category-list .block-content, .sidebar > .block.filter .options dd {
margin: 0;
padding: 10px 15px;
font-size: 13px;
border: 1px solid #ddd;
border-top: 0;
border-radius: 0 0 7px 7px;
background-color: #fbfbfb;
}
.block-category-list .block-content .item a, .sidebar > .block.filter .item a {
color: #777;
}
.block-header-customer-login {
position: absolute;
right: 0;
min-width: 300px;
background: #fff;
z-index: 9;
padding: 20px;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
border-top: 4px solid #08c;
margin-top: 10px;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.block-header-customer-login:before {
content: "";
border: 5px solid transparent;
border-bottom-color: #08c;
position: absolute;
top: -14px;
right: 30px;
}
.block-header-customer-login.open {
visibility: visible;
opacity: 1;
}
.authorization-link {
position: relative;
}
.filter-toggle {
display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
max-width: 18px;
display: none;
}
.loading-mask .loader > img, .ln_overlay img {
max-width: 32px;
}
.account .sidebar.sidebar-main:before {
border: none;
}
.account .sidebar .product-items .product-item-name a {
overflow: visible;
white-space: normal;
text-overflow: unset;
}
.account .block-reorder .product-item {
padding: 5px 0;
}
.account .block-reorder .product-item .field.item {
display: inline-block;
vertical-align: top;
}
.account .block-reorder .product-item-name {
display: inline-block;
width: calc(100% - 30px);
vertical-align: top;
}
.account-nav .nav > li {
padding: 0;
position: relative;
line-height: 1.3;
margin: 0;
}
.account-nav .nav > li > a {
color: #777;
padding: 8px 15px;
display: block;
font-size: 14px;
}
.account-nav .nav > li > a:hover, .account-nav .nav > li > a:focus {
background: none;
}
.account-nav .nav > li > a:before, .account-nav .nav > li > strong:before {
content: '\f821';
font-family: 'porto-icons';
position: absolute;
left: 2px;
}
.account-nav .nav > li > strong {
position: relative;
display: block;
padding: 8px 15px;
font-weight: 600;
font-size: 14px;
color: #F97D0A;
}
@media (max-width: 991px) {
.cart-summary {
width: 100%;
}
.abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item {
width: 100%;
padding-right: 0;
}
}
@media(min-width: 768px) {
.filter-toggle {
border: 1px solid #ccc;
font-weight: 400;
color: #777;
text-align: center;
width: auto;
line-height: 26px;
background-color: #fff;
margin-left: 5px;
border-radius: 3px;
display: inline-block;
text-decoration: none;
padding: 0 10px;
}
.filter-toggle:hover {
color: #777;
}
.filter-toggle.active {
color: #fff;
background-color: #08c;
border-color: #08c;
}
.column.main {
transition: all 0.5s;
}
.column.main.toggle-close {
width: 100% !important;
}
.sidebar.sidebar-main {
/*transition: all 0.5s;*/
padding-right: 22px;
}
.sidebar.sidebar-main.toggle-close {
margin-left: -300px;
opacity: 0;
visibility: hidden;
}
}
@media(max-width: 767px) {
.product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {
top: 0;
}
.product-tabs-container.has-sticky-header.has-mobile-sticky-header {
top: 64px;
}
.block-header-customer-login {
display: none;
}
}
.ajax-products{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:0 85px}
.ajax-products > .category-list{border-right:1px solid #dcdcdc;padding:70px 15px}
.ajax-products > .category-list > span{display:block;font-size:20px;font-weight:600;color:gray;margin-bottom:10px}
.ajax-products > .category-list > ul{list-style:none;padding:0}
.ajax-products > .category-list > ul > li{padding:10px 0}
.ajax-products > .category-list > ul > li > a{display:block;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;position:relative;padding-left:20px}
.ajax-products > .category-list > ul > li > a:before{content:"\f87d";font-family:"porto-icons";margin-right:10px;display:inline-block;width:11px;position:absolute;left:0}
.ajax-products > .category-list > ul > li > a.active:before{content:"\f87c"}
.ajax-products > .category-list > ul > li > a > span{display:inline-block}
.ajax-products > .category-list > ul > li > a:hover{text-decoration:none}
.ajax-products > .category-detail{position:relative;min-height:70vh;padding:70px 15px}
.ajax-products > .category-detail > h2{text-align:center;margin:30px 0;font-size:26px;color:#000;text-transform:uppercase;font-weight:700;}
.ajax-products > .category-detail > .ajax_products_loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,0.5)}
.load-more-area{text-align:center;margin:30px 0}
.load-more-area > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#000;color:#fff;padding:20px 45px; transition:all .3s;box-shadow:3px 3px 0 rgba(0,0,0,0.5)}
.load-more-area > a:hover{text-decoration:none;opacity:.85;color:#fff}
.full-width-image{text-align:center;padding:200px 0;background-size:cover}
.full-width-image > h3{font-size:90px;color:#fff;font-weight:600;}
.full-width-image > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0}
.full-width-image > a:hover{text-decoration:none;opacity:.85}
.full-screen-slider {height: 100vh;}
.full-screen-slider:after {content: "\f110";font-family: "porto-icons";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -18px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;color: #777;z-index: 1;}
.full-screen-slider{position:relative}
.page-header {
z-index: 5;
}
.block-bundle-summary .moved-add-to-links {
display: block;
margin-top: 10px;
}
.block-bundle-summary .moved-add-to-links .product-addto-links .action {
width: 40px;
height:40px;
line-height: 38px;
margin-right:5px;
}
.block-bundle-summary .moved-add-to-links .action.mailto.friend {
width: 43px;
height: 43px;
line-height: 41px;
}
@media (min-width:768px) and (max-width: 991px){
.moved-add-to-links {display: block;margin-top: 15px;}
}
@media (max-width: 767px) {
.ajax-products {
display: block;
}
.ajax-products > .category-list {
border-right: 0;
padding: 30px 15px;
}
.ajax-products > .category-list > ul > li {
display: inline-block;
margin-right: 30px;
}
.ajax-products > .category-detail {
padding-top: 0;
min-height: 70vh;
}
.load-more-area > a,.full-width-image > a {
font-size: 8px;
padding: 10px 20px;
margin: 10px 0;
}
.full-width-image {
padding: 100px 0;
}
.full-width-image > h3 {
font-size: 35px;
}
}
ul.scene{width:100%;height:100%}
ul.scene > li.layer{width:100%;height:100%}
.animation-wave{-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear}
.animation-spin {
-moz-animation: spin 20s infinite linear;
-o-animation: spin 20s infinite linear;
-webkit-animation: spin 20s infinite linear;
animation: spin 20s infinite linear;
}
@-webkit-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
}
}
@-moz-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
}
}
@-ms-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
}
}
@keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
}
}
.product-reviews-summary.empty .reviews-actions:before {
content: '\f844' '\f844' '\f844' '\f844' '\f844';
display: inline-block;
vertical-align: middle;
font-family: "porto-icons";
color: #c3c5c9;
font-size: 12px;
}
.product-labels {
z-index: 4;
}
.product-item-photo:hover .product-image-photo.hover_image {
z-index: 3;
}
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
z-index: 4;
}
.product-social-links .at-style-responsive .at-share-btn {
padding: 0;
}
.product-social-links .at-resp-share-element .at-share-btn:focus, .product-social-links .at-resp-share-element .at-share-btn:hover {
-webkit-transform: none;
transform: none;
}
.product-social-links .at-resp-share-element .at-share-btn {
margin: 0 4px;
}
.product-social-links .addthis_inline_share_toolbox {
margin: 0 0 15px -4px;
}
.product-social-links .action.mailto + .addthis_inline_share_toolbox {
margin-top: 15px;
}
.product-social-links .product-addto-links + .addthis_inline_share_toolbox {
margin-top: 15px;
}
#at-expanded-menu-host .at-expanded-menu-load {
line-height: 1;
height: auto;
}
#at-expanded-menu-host .at-expanded-menu-service-list button {
height: auto;
}
.gallery-placeholder .loader img {
display: none;
}
.loader:before {
content: "\f110";
font-family: "porto-icons";
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
margin-top: -15px;
margin-left: -15px;
color: #777;
}
.minicart-wrapper .action.showcart .counter.qty .loader:before {
content: "\f110";
font-family: "porto-icons";
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
position: absolute;
top: 50%;
left: 50%;
font-size: 16px;
margin-top: -9px;
margin-left: -8px;
color: #777;
}
.loading-mask {
background: transparent;
}
.product-image-photo.default_image {
position: relative;
z-index: 2;
}
.filter-content .ln_overlay {
display: none !important;
}
.ln_overlay {
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.5);
opacity: 1;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 555;
display:none;
}
.ln_overlay .loader:before{
content: "";
-moz-animation: spin 1.5s infinite linear;
-o-animation: spin 1.5s infinite linear;
-webkit-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
margin-top: -15px;
margin-left: -15px;
color: #777;
display: inline-block;
vertical-align: middle;
border: 2.5px solid #08c;
border-radius: 20px;
border-bottom-color: transparent!important;
width: 32px;
height: 32px;
}
.ln_overlay .ajax-loader {
position: absolute;
left: 50%;
top: 50%;
margin-top: -16px;
margin-left: -16px;
}
.infinite-loader {
text-align: center;
margin: 20px 0 0;
}
.infinite-loader .loading {
display: none;
color: #555;
background-color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 40px;
line-height: 30px;
border-radius: 0;
border: 2px solid #f1f1f1;
text-decoration: none;
font-family: 'Open Sans';
width: 100%;
}
.infinite-loader .loading i.ajax-loader {
margin-right: 15px;
width: 16px;
height: 16px;
border-width: 2.5px;
}
.infinite-loader .btn-load-more {
color: #555;
background-color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 40px;
line-height: 30px;
border-radius: 0;
border: 2px solid #f1f1f1;
text-decoration: none;
font-family: 'Open Sans';
width: 100%;
display: inline-block;
}
.catalog-category-view .infinite-loader + .toolbar.toolbar-products .limiter {
float: none;
}
.catalog-category-view .infinite-loader + .toolbar.toolbar-products .pages {
display: none;
}
.owl-item.loading .product-item-photo {
min-height: 100px;
}
@media (min-width: 768px) and (max-width: 991px) {
.block-search {
max-width: 240px;
}
}
.owl-theme.owl-bottomright-narrow .owl-controls {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 25px;
background: #000;
border-radius: 0;
margin: 1px 1px 1px 0;
padding: 0;
width: 90px;
height: 90px;
line-height: 90px;
opacity: 1;
}
.column.main > .custom-block {
display: none;
}
.weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
display: none;
}
.product-item-photo {
min-height: 50px;
}
.form-find-area { border-top: solid 2px #1fc0a0;box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1);padding: 40px 40px 38px;}
.form-find-area .form-title {font-family: 'Oswald';font-size: 22px;line-height: 35px;font-weight: 400;text-align: center;text-transform: uppercase;color: #151515;margin:0 0 5px;}
.form-find-area form {width: 100%;}
.form-find-area select {width: 100%;color: #747474;font-size: 13.5px;margin: 11px 0;border-radius: 5px;padding: 0 15px;height: 47px;}
.list-category .group .content {position:relative;margin:15px 0;}
.list-category .group .content img {width: 100%;}
.list-category .group .content h3 {position:absolute;bottom:0;left: 0; display: inline-block; background-color:#242424;font-size: 22px;font-family: 'Oswald';text-transform: uppercase;color:#fff;font-weight: 400;padding: 5px 15px;margin:0;}
.offer-deal .item {position:relative;}
.offer-deal .item img {max-width: 100%;}
.offer-deal .item .content h3 {margin: 0 0 5px;}
.offer-deal .item .content h3 a{font-family: 'Oswald';font-size: 49px;font-weight: 600;line-height: 35px;text-transform: uppercase;color:#151515;text-decoration: none;}
.offer-deal .item .content p{font-family: 'Oswald';font-size: 26px;font-weight: 400;line-height: 35px;text-transform: uppercase;color:#4c4c4c;}
.offer-deal .item .content .btn-default {font-family: 'Oswald';font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 10px 25px;margin-top: 15px;}
.offer-deal .item .content .btn-default:hover {background-color: inherit;}
.subscribe-form .content h3 {font-family: 'Oswald';font-size: 35px;font-weight: 600;color:#151515;text-transform: uppercase;margin: 0 0 5px;}
.subscribe-form .content p {font-family: 'Oswald';font-size: 20px;font-weight: 400;color:#151515;text-transform: uppercase;}
.subscribe-form .validation-advice {
position: absolute;
}
.subscribe-form .block.newsletter {
width: auto;
max-width: 475px;
display: inline-block;
vertical-align: middle;
}
.subscribe-form .block.newsletter .control:before {
line-height: 44px;
margin-left: 20px;
}
.subscribe-form .block.newsletter .control {
position: relative;
}
.subscribe-form .block.newsletter .control input {
background-color: #fff;color: #686865;height: 44px;border: none;font-size: 14px;padding-left: 50px;float: left;max-width: 475px;width: 100%;border-radius: 5px 0 0 5px;padding-right: 0;margin-right: 0;
}
.subscribe-form .block.newsletter .control div.mage-error {
position: absolute;
bottom: -65px;
}
.subscribe-form .block.newsletter .actions .action.subscribe {
height: 44px;line-height: 44px;padding: 0 20px;text-transform: uppercase;border-radius: 0 5px 5px 0;opacity: 1;background-color: #1fc0a0;
}
.filter-title strong {
color: transparent !important;
position: fixed;
top:22%;
left: -1px;
width: 51px;
height: 47px;
border: #dcdcda solid 1px !important;
background-color: #f5f5f5;
text-align: center;
box-shadow: none;
border-radius: 0;
cursor: pointer;
line-height: 26px;
z-index: 9;
}
.filter-title strong:before {
content: '\f1de';
font-family: 'porto-icons';
font-size: 27px;
color: #818181;
line-height: 30px;
display: block;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
.column.main > .custom-block {
display: block;
width: 25%;
float: right;
padding-left: 30px;
}
body:not(.weltpixel-quickview-catalog-product-view).column.main > .custom-block + .product-info-main {
width: 40.33%;
}
.block-search {
z-index: 7;
}
.sw-megamenu.navigation li.level0.fullwidth > .submenu > .container, .sw-megamenu.navigation li.level0.staticwidth > .submenu > .container{
padding: 0;
max-width: 100%;
}
}
@media (max-width:1199px) and (min-width:992px){
.form-find-area {padding: 18px 40px 16px;}
}
@media (min-width:992px){
body.side-header .page-wrapper > .breadcrumbs.fixed-position {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
}
body.side-header .page-wrapper > .breadcrumbs .items {
margin: 0;
max-width: none;
}
}
@media (max-width:991px) and (min-width:768px){
.offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
.offer-deal .item .content p{font-size: 16px;line-height: 25px;}
.offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
}
@media (max-width:1679px) {
.owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
width: 60px;
height: 60px;
line-height: 60px;
}
}
@media (max-width: 991px) {
.offer-deal .item img {width: 100%;}
}
@media (max-width:767px) {
.block-search input {
color: #666;
}
.owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 40px;
}
.offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
.offer-deal .item .content p{font-size: 16px;line-height: 25px;}
.offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
}
@media (max-width: 640px) {
#newsletter_popup {
padding: 40px 10px 25px;
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.filter.active {
width: 300px;
}
.filter.active .filter-title strong {
right: 10px;
top: 0;
border: none !important;
position: absolute;
}
.filter.active .filter-title strong:before {
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: inherit;
color: #fff;
content: '\f819';
font-family: 'porto-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.filter.active .filter-title strong:after { display: none;}
.filter.active .filter-title {
background-color: #666666;
margin: 0;
height: 47px;
border: none;
width: 300px;
}
.filter.active .filter-subtitle {
color: #fff !important;
text-transform: uppercase;
font-size: 12.5px;
font-weight: 400;
font-family: 'Oswald';
z-index: 3;
padding: 8px 30px !important;
height: 47px;
pointer-events: none;
width: 300px;
right: auto;
border: 0;
}
.filter.active .filter-options {
width: 300px;
right: auto;
top: 47px;
overflow-y: auto;
overflow-x: auto;
}
.filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
padding-left: 0;
padding-right: 0;
}
.filter.active .block-category-list .block-content, .filter.active .filter-options-content {
padding-left: 0;
padding-right: 0;
}
body.filter-active .page-wrapper {
visibility: visible;
height: auto;
margin-top: 0;
}
.filter:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
position: fixed;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.filter.active:before {
opacity: 0.1;
visibility: visible;
}
}
.container:after{content: "";display: table;clear: both}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
.gallery-placeholder {
width: 100%;
}
table .col {
width: auto;
}
.modal-header {
border-bottom: 0;
}
.modal-content {
border: 0;
}
.product-reviews-summary .reviews-actions a {
color: #bdbdbd;
padding: 0 15px;
border-left: 1px solid #bdbdbd;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
.product-info-main .stock.available, .product-info-main .stock.unavailable {
font-weight: 400;
text-transform: none;
}
.swatch-option.color {
min-width: 22px;
height: 22px;
border: 0;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form:after, .weltpixel-quickview-catalog-product-view .product-options-bottom:after {
content: "";
display: table;
clear: both;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form {
padding-top: 0;
}
.weltpixel-quickview-catalog-product-view .product-options-wrapper {
padding-bottom: 0;
}
.weltpixel-quickview-catalog-product-view .product-options-bottom {
margin-top: 10px;
}
.weltpixel-quickview-catalog-product-view .product-info-main .box-tocart, .weltpixel-quickview-catalog-product-view .box-gotoproduct {
float: left;
margin-top: 10px;
margin-bottom: 0;
}
#newsletter_popup {
border-top: 0;
}
.modes-mode {
margin-right: 7px;
}
.fotorama__nav__frame {
box-sizing: border-box;
padding-bottom: 0 !important;
margin-right: 2px;
}
.product.description ul {
list-style: none;
padding-left: 3em;
font-size: 13px;
margin-bottom: 15px;
line-height: 36px;
}
.product.description ul li {
margin: 0;
}
.product.description ul li [class^="porto-icon-"] {
margin-right: 12px;
font-size: 12px;
color: #333;
}
.catalog-category-view .column.main .products-grid {
margin: 0 -10px;
}
.minicart-wrapper .action.close {
color: #777;
}
.breadcrumbs a, .breadcrumbs .item:not(:last-child):after {
display: inline-block;
vertical-align: middle;
padding: 0;
}
.owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] em:before {
margin: 0;
}
.products-upsell .product.name a {
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
@media (max-width:767px) {
.filter-options-title:after {
right: 0;
}
}
.weltpixel-quickview-catalog-product-view .sidebar {
display: none;
}
.weltpixel-quickview-catalog-product-view .page-main {
max-width: 100%;
}
.weltpixel-quickview-catalog-product-view .column.main {
width: 100%;
padding: 0;
}
.weltpixel-quickview-catalog-product-view .product.media, .weltpixel-quickview-catalog-product-view .product-info-main {
margin: 0;
}
.fieldset > .field.qty, .nested.options-list > .field.qty {
margin-right: 7px;
}
.product-info-main .box-tocart .actions {
margin-right: 5px;
}
@media (min-width: 768px) {
.box-tocart .action.tocart {
min-width: 135px;
padding: 0 14px;
}
}
.breadcrumbs .item[class*="category"] > a {
line-height: 1;
}
.breadcrumbs strong {
padding: 2px 0;
display: inline-block;
}
.filter-options-title, .block-category-list .block-title strong {
font-weight: 600;
}
.nav-toggle:before {
font-size: 21px;
}
.product-info-main .swatch-option {
margin-right: 5px;
}
.fotorama__arr {
width: 50px;
background-color: transparent;
}
.fotorama__arr:hover {
background-color: transparent;
}
.fotorama__fullscreen-icon {
width: 50px;
}
.product.description ul {
font-size: 13px;
font-weight: 400;
line-height: 36px;
color: #333;
}
@media (max-width: 767px) {
.product.data.items > .item.title > .switch {
height: auto;
}
.product.data.items > .item.title.active > .switch {
/*border-bottom: 1px solid #eee;*/
}
.product.data.items {
margin: 0;
}
.product.data.items > .item.content {
padding: 20px 0;
}
.catalog-category-view .column.main .products-grid {
margin: 0 -5px;
}
}
.weltpixel-quickview-catalog-product-view .product-info-main .custom-block {
display: none;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product.overview {
margin-top: 10px;
margin-bottom: 20px;
}
.weltpixel-quickview-catalog-product-view .product-info-main .product-reviews-summary {
margin-bottom: 10px;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
font-size: 30px;
margin: 0;
padding: 0;
}
.products-upsell {
margin: 0 -10px;
}
.product-info-main .swatch-attribute-options {
margin-top: 5px;
}
.swatch-option.text {
height: 22px;
line-height: 20px;
padding: 0 4px;
min-width: 22px;
}
.page-products .columns {
padding-top: 0;
z-index: auto;
}
.products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .sorter {
display: none;
}
.sidebar > .block.filter .title {
display: none;
}
.sidebar > .block.filter .item .count {
font-size: 11px;
margin-left: 10px;
}
.sidebar .product-items .product-item-name a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.column.main:after {
clear: both;
content: ' ';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.product.media {
margin-bottom: 20px;
}
.toolbar .limiter {
margin-right: 0;
text-align: left;
}
.toolbar .limiter-options {
margin-right: 0;
}
.toolbar .limiter .limiter-text {
display: none;
}
.toolbar .limiter .label {
display: inline-block;
}
.toolbar .sorter {
margin-right: 15px;
float: left;
}
.toolbar .modes {
margin-right: 0;
}
.category-image {
margin-bottom: 30px;
}
.products.wrapper ~ .toolbar .pages {
float: right;
}
.products.wrapper ~ .toolbar .limiter {
margin-right: 10px;
}
@media (max-width: 480px) {
.toolbar .sorter {
margin-bottom: 10px;
margin-right: 0;
}
.toolbar .limiter {
clear: both;
float: none;
}
.toolbar .modes {
float: right;
margin-left: 0;
}
.products.wrapper ~ .toolbar .limiter {
clear: none;
float: right;
width: 100%;
text-align: center;
}
.products.wrapper ~ .toolbar .limiter .label {
min-width: 0;
}
.products.wrapper ~ .toolbar .pages {
float: none;
margin-bottom: 10px;
width: 100%;
text-align: center;
}
}
.filter-options-content .item input[type="checkbox"] {
margin: -7px 4.5px 0 0;
display: inline-block;
vertical-align: middle;
}
.filter-current .item {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 30px;
}
@media (max-width: 767px) {
.block-category-list .block-title, .block-category-list .block-content, .sidebar-title, .sidebar .custom-block, .sidebar-filterproducts.custom-block + h2, .sidebar-filterproducts.custom-block + h2 + h5, .sidebar-filterproducts.custom-block + h2 + h5 + p {
padding-left: 0;
padding-right: 0;
}
.filter.active .filter-current ~ .filter-options {
top: 186px;
}
.filter.active .filter-current ~ .filter-title {
}
.filter .filter-current, .filter .filter-current + .block-actions {
display: none;
}
.filter.active .filter-current + .block-actions {
position: fixed;
left: 0;
top: 150px;
margin: 0;
border: none;
z-index: 10;
display: block;
width: 300px;
line-height: 34px;
background-color: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: right;
padding: 0 30px;
}
.filter.active .filter-current {
position: fixed;
left: 0;
top: 47px;
margin: 0;
height: 103px;
border: 0;
width: 300px;
z-index: 10;
padding: 17px 0;
display: block;
background-color: #fff;
overflow-y: scroll;
}
.filter-current-subtitle {
padding: 10px 15px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #ddd;
background-color: #f5f5f5;
position: relative;
cursor: pointer;
border-radius: 7px;
text-decoration: none;
}
.filter.active .filter-current .filter-current-subtitle {
display: none;
padding: 15px 30px;
}
.filter.active .filter-current .filter-current-subtitle:before, .filter.active .filter-current .filter-current-subtitle:after {
display: none;
}
.filter.active .filter-current .items {
display: block;
padding: 0;
}
.filter.active .filter-current .item {
padding: 0 30px;
}
.product.media {
margin-bottom: 0;
}
.catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
margin-bottom: 20px;
}
.catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
padding-right: 0;
}
}
.product-info-main .prev-next-products ~ .page-title-wrapper h1 {
padding-right: 50px;
}
.side-overlay, a.right-side-open {
display: none;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .side-overlay {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 998;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all .3s;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
position: fixed;
right: 0;
top: 22%;
font-size: 23px;
color: #818181;
line-height: 49px;
z-index: 9;
width: 51px;
height: 49px;
background-color: #f5f5f5;
border: #dcdcda solid 1px;
border-right: 0;
text-align: center;
}
@media (max-width: 991px) {
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .column.main {
width: 100%;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
display: block;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar {
display: none;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional {
display: block;
position: fixed;
background: #fff;
z-index: 999;
padding: 20px 5px;
top: 0 !important;
height: 100vh;
overflow-y: auto;
right: 0;
max-width: 100%;
width: 280px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
border: 1px solid #d2d2d2;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open {
opacity: 1;
visibility: visible;
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open + .side-overlay {
opacity: 0.2;
visibility: visible;
filter: alpha(opacity=100);
}
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar .custom-block {
padding: 10px 20px;
}
}
@media (max-width: 767px) {
.nav-open a.right-side-open, .nav-open .sidebar.sidebar-additional.open + .side-overlay, .nav-open .sidebar.sidebar-additional {
display: none !important;
}
}
.sidebar .product-items .product-item .product-reviews-summary, .small-list.products-grid .product-item .product-reviews-summary {
margin-top: 0;
}
.sidebar .product-items .product-item-details, .small-list .product-items .product-item-details {
padding: 0;
}
.sidebar .product-items .product-item-name, .small-list.products-grid .product-item .product-item-name {
margin-bottom: 2px;
}
.nav-open .block.filter {
display: none;
}
.products-grid .product-item-photo .product-item-inner {
margin: 0;
}
.block-search .label:before, .block-search .action.search:before {
padding-left: 1px;
}
.single-images .caption:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 1200px) {
.layout-fullwidth.page-layout-2columns-left .sidebar-main, .layout-fullwidth.page-layout-2columns-right .sidebar-additional {
width: 20%;
}
.layout-fullwidth.page-layout-2columns-left .column.main, .layout-fullwidth.page-layout-2columns-right .column.main {
width: 80%;
}
.layout-fullwidth .main-upsell-product-detail .container {
max-width: none;
padding-left: 20px;
padding-right: 20px;
}
}
.sticky-logo .logo {
max-width: none;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open .sidebar-title {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 480px) {
.onepage-category .category-detail .products-area .category-link {
margin-top: 0;
margin-left: 10px;
float: none;
display: inline-block;
}
}
.block-search input {
left: -9999px;
}
.rating-summary .rating-result > span:before, .review-control-vote label:before {
color: #575f68;
}
.product-reviews-summary .reviews-actions a:not(:last-child) {
border-right: 0;
}
.product-reviews-summary .reviews-actions a.view {
padding-right: 3px;
}
.table.grouped .col.qty {
min-width: 105px;
}
.field.downloads.downloads-no-separately .field.choice.field.choice {
border: 0;
}
.page-product-downloadable .product-add-form .box-tocart .actions {
margin-right: 10px;
}
@media (min-width: 576px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(255px - 50vw);
}
}
@media (min-width: 768px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(345px - 50vw);
}
}
@media (min-width: 992px){
.fullwidth-row {
width: 100vw;
margin-left: calc(465px - 50vw);
}
}
@media (min-width: 1200px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(555px - 50vw);
}
}
@media (max-width: 575px) {
.fullwidth-row {
width: 100vw;
margin: 0 -15px;
}
}
.content-row h2, .content-row h3, .content-row h4, .content-row h5 {
margin-top: 0;
}
.onepage-index-index .loading-mask .loader:before, .iwd_opc_success_page .loading-mask .loader:before {
display: none;
}
.catalog-product-view.product-type-carousel .product.media, .catalog-product-view.product-type-carousel .product-info-main {
width: 100%;
padding: 0;
}
.product-image-carousel .item:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
box-shadow: inset 20px 0 100px rgba(0,0,0,0.03);
background-color: rgba(0,0,0,0.02);
left: 0;
top: 0;
}
.product-image-carousel .owl-controls .owl-nav [class*=owl-] {
font-size: 30px;
pointer-events: all;
}
.product-image-carousel .owl-controls {
position: absolute;
width: 100%;
top: 50%;
left: 0;
text-align: left;
margin-top: -30px;
pointer-events: none;
}
.product-image-carousel .owl-controls .owl-nav .owl-next {
float: right;
}
.catalog-product-view.product-type-carousel .product-info-main .product-info-price {
margin: 0;
padding-bottom: 30px;
display: block;
}
.catalog-product-view.product-type-carousel .product-info-main .short-custom-block {
float: right;
}
.catalog-product-view.product-type-carousel .product-info-main .product-info-price .price-box, .catalog-product-view.product-type-carousel .product-info-main .product-info-stock-sku {
display: block;
text-align: left;
padding: 0;
margin: 0;
}
.swatch-attribute-selected-option {
display: none;
}
.product-info-main .swatch-attribute-label {
display: inline-block;
vertical-align: middle;
}
.product-info-main .swatch-attribute-options {
display: inline-block;
vertical-align: middle;
margin: 5px 0 0;
}
.product-info-main .swatch-attribute-label {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
min-width: 55px;
}
.catalog-product-view.product-type-carousel .product-info-main .swatch-attribute {
display: inline-block;
vertical-align: middle;
margin-right: 50px;
}
.catalog-product-view.product-type-carousel .product-options-wrapper {
display: inline-block;
vertical-align: middle;
border: 0;
padding: 0;
}
.catalog-product-view.product-type-carousel .product-options-bottom {
display: inline-block;
vertical-align: middle;
}
.catalog-product-view.product-type-carousel .product-info-main .product-add-form {
padding: 0;
text-align: right;
}
.catalog-product-view.product-type-carousel .price-box.price-tier_price {
margin: 0;
}
.catalog-product-view.product-type-carousel .product-info-main {
margin: 0;
}
.catalog-product-view.product-type-carousel .product-social-links {
border: 0;
text-align: right;
margin: 0;
padding: 0;
float: right;
margin-right: 30px;
margin-top: 6px;
}
.catalog-product-view.product-type-carousel .prev-next-products {
margin-top: 7px;
}
.catalog-product-view.product-type-carousel .product-social-links .addthis_inline_share_toolbox {
margin: 0;
}
.catalog-product-view.product-type-fullwidth .page-main {
max-width: 100%;
width: 100%;
}
.catalog-product-view.product-type-fullwidth .product-info-main .product-add-form {
padding: 0;
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb {
margin: 2px 0;
padding: 0 !important;
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft {
margin-top: -2px;
}
.catalog-product-view.product-type-fullwidth .fotorama__stage {
left: 0 !important;
}
.catalog-product-view.product-type-fullwidth .fotorama__nav-wrap--vertical.fotorama__nav-wrap {
padding: 20px;
}
.catalog-product-view.product-type-fullwidth .fotorama__stage__shaft.fotorama__grab {
max-width: 100% !important;
}
.catalog-product-view.product-type-fullwidth .fotorama__arr--next, .catalog-product-view.product-type-fullwidth .fotorama__fullscreen-icon {
right: 0 !important;
}
.product-image-grid {
margin-bottom: 20px;
position: relative;
}
.product-image-grid:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(0,0,0,0.05);
left: 0;
top: 0;
}
#gallery_images.row {
margin-left: -10px;
margin-right: -10px;
}
#gallery_images.row > [class^="col-"], #gallery_images.row > [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.catalog-product-view .product.media {
padding-right: 0;
}
.product-image-list {
margin-bottom: 3px;
position: relative;
}
.product-image-list:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(0,0,0,0.05);
left: 0;
top: 0;
}
.catalog-product-view.product-type-sticky-right .product-info-main, .catalog-product-view.product-type-sticky-right .product.media, .catalog-product-view.product-type-fullwidth .product-info-main, .catalog-product-view.product-type-fullwidth .product.media {
position: relative;
}
.catalog-product-view.product-type-wide-grid .fotorama__stage {
border: 0;
}
@media (min-width: 768px) {
.product.data.items > .item.title {
/*padding-top: 8px;*/
/*padding-bottom: 0;*/
}
.product.info.detailed.vertical .product.data.items > .item.content {
border: 0;
padding: 0;
}
.product.info.detailed.vertical .product.data.items > .item.title > .switch {
border: 0;
text-align: left;
border-bottom: 1px solid #ebebeb;
height: auto;
padding: 0;
}
.product.info.detailed.vertical .product.data.items > .item.title > .switch > span {
display: inline-block;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
padding: 5px 0;
}
.product.info.detailed.vertical .product.data.items > .item.title.active > .switch > span {
border-bottom-color: #08c;
}
.product.info.detailed.vertical .product.data.items > .item.title {
padding-top: 0;
padding-bottom: 5px;
}
.product.info.detailed.vertical .product.data.items > .item.title {
max-width: 270px;
}
.product.info.detailed.vertical .product.data.items > .item.content {
width: calc(100% - 270px);
box-shadow: none;
}
}
.catalog-product-view.product-type-wide-grid .product-info-main .fieldset > .field.qty, .catalog-product-view.product-type-sticky-right .product-info-main .fieldset > .field.qty, .catalog-product-view.product-type-grid .product-info-main .fieldset > .field.qty {
display: block;
width: auto;
margin: 0;
margin-bottom: 15px;
}
.catalog-product-view.product-type-carousel .product-info-main .fieldset > .field.qty {
display: inline-block;
width: auto;
margin: 0;
margin-right: 5px;
}
.catalog-product-view.product-type-wide-grid .fieldset > .field.qty > .label, .catalog-product-view.product-type-sticky-right .fieldset > .field.qty > .label, .catalog-product-view.product-type-grid .fieldset > .field.qty > .label, .catalog-product-view.product-type-carousel .fieldset > .field.qty > .label {
display: inline-block;
vertical-align: middle;
margin: 0;
margin-right: 10px;
min-width: 55px;
font-weight: 600;
color: #333;
position: relative;
font-size: 15px;
text-transform: uppercase;
}
.catalog-product-view.product-type-wide-grid .product-info-main .qty.field .control, .catalog-product-view.product-type-sticky-right .product-info-main .qty.field .control, .catalog-product-view.product-type-grid .product-info-main .qty.field .control, .catalog-product-view.product-type-carousel .product-info-main .qty.field .control {
position: relative;
margin: 0;
}
.catalog-product-view.product-type-wide-grid .product-info-main .box-tocart .input-text.qty, .catalog-product-view.product-type-sticky-right .product-info-main .box-tocart .input-text.qty, .catalog-product-view.product-type-grid .product-info-main .box-tocart .input-text.qty, .catalog-product-view.product-type-carousel .product-info-main .box-tocart .input-text.qty {
margin-left: 29px;
}
.catalog-product-view.product-type-wide-grid .product-info-main .product-add-form, .catalog-product-view.product-type-sticky-right .product-info-main .product-add-form, .catalog-product-view.product-type-grid .product-info-main .product-add-form {
padding-top: 0;
}
.catalog-product-view.product-type-carousel .product-info-main .qty.field .qty-changer > a {
border: 0;
line-height: 30px;
}
.catalog-product-view.product-type-carousel .product-info-main .box-tocart .input-text.qty {
height: 30px;
padding: 0;
background-color: #f4f4f4;
}
.box-tocart .action.tocart:before {
margin-right: 2px !important;
display: inline-block;
vertical-align: middle;
margin-top: 2px;
}
.box-tocart .action.tocart > span {
display: inline-block;
vertical-align: middle;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls {
margin: 0;
top: -45px;
visibility: visible;
opacity: 1;
padding: 0 10px;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots {
margin: 0;
text-align: right;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot span {
margin: 0;
margin-left: 5px;
width: 15px;
height: 15px;
border-radius: 100%;
border: solid 2px #95a9b3;
background: none;
position: relative;
}
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before {
content: '';
position: absolute;
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
background-color: #0088cc;
border-radius: 100%;
}
.catalog-product-view.product-type-wide-grid .main-upsell-product-detail, .catalog-product-view.product-type-sticky-right .main-upsell-product-detail {
padding: 0;
background-color: transparent;
margin: 0;
margin-top: -60px;
}
.product.info.detailed {
margin-bottom: 20px;
}
.catalog-product-view.product-type-sticky-right .product.info.detailed {
margin-top: 20px;
background-color: #f4f4f4;
padding: 70px 0;
}
.product.info.detailed.fullwidth-row > .product.data.items.container {
margin: 0 auto;
padding: 0 15px;
}
.catalog-product-view.product-type-sticky-right .product.data.items > .item.title.active > .switch, .catalog-product-view.product-type-sticky-right .product.data.items > .item.title.active > .switch:focus, .catalog-product-view.product-type-sticky-right .product.data.items > .item.title.active > .switch:hover {
background-color: transparent;
}
.catalog-product-view.product-type-sticky-right .product.data.items > .item.content {
background-color: transparent;
}
@media (min-width: 768px) {
.catalog-product-view.product-type-sticky-right .product.data.items > .item.title > .switch {
font-size: 18px;
}
}
.block.related .block-title {
margin-bottom: 18px;
}
.products-grid.products-upsell .product-item .product-item-info {
background-color: transparent;
}
.products-grid.products-upsell:not(.side-list):not(.products-related) .product-item:hover .product-item-info {
box-shadow: none;
}
.products-grid.products-upsell .product-item-photo {
border: 1px solid #eee;
}
.block.upsell .product-item .product-reviews-summary {
margin-top: 0;
}
.block.upsell {
margin-bottom: 0;
margin-top: 40px;
}
.sidebar .products-related .product-items .product-item-info .product-item-photo {
border: 1px solid #ececec;
}
@media (min-width: 768px) {
.catalog-product-view .sidebar .custom-block {
padding: 0;
}
.sidebar .custom-block > img.img-responsive {
width: 100%;
}
.catalog-product-view .sidebar .sidebar-title {
padding: 0;
}
.catalog-product-view .sidebar .block.related {
padding: 0;
}
}
.catalog-product-view .short-custom-block .custom-block {
border: none;
color: #6b7a83;
padding-bottom: 0;
margin-bottom: 33px;
background: none;
padding: 0;
margin: 0;
margin-top: 15px;
}
.catalog-product-view .short-custom-block .custom-block-1>div i {
color: #0088cc;
border: none;
font-size: 40px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.catalog-product-view .short-custom-block .custom-block-1>div:first-child i {
margin-left: 0;
}
.catalog-product-view .short-custom-block .custom-block-1>div h3 {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #6b7a83;
margin-left: 5px;
margin-top: 2px;
}
.catalog-product-view .short-custom-block .custom-block-1>div {
min-height: 65px;
clear: both;
display: inline-block;
margin-left: 15px;
}
.catalog-product-view .short-custom-block .custom-block-1>div:first-child {
margin-left: 0;
}
.fullwidth-custom-block + .main-upsell-product-detail {
margin-top: 0;
}
.fotorama__stage__frame .fotorama__img {
width: 100%;
max-height: none;
}
.search-category {
margin-right: 5px;
}
.search-category select {
background-color: transparent;
color: #777;
border-color: #dbe0e2;
}
.search-category select option {
color: #000;
}
@media (min-width: 768px) {
#search_mini_form {
width: auto;
float: none;
}
header.page-header.sticky-header .nav-sections {
padding: 7px 0;
}
.sw-megamenu.navigation li > a > span {
vertical-align: middle;
}
ul#ui-id-1.switcher-dropdown {
width: auto;
}
}
@media (max-width: 991px) {
.search-category {
display: none;
}
}
.table-comparison ul {
list-style: none;
padding-left: 12px;
}
@media (max-width: 767px) {
.block-search {
margin-left: 0 !important;
}
}
.product-info-main .product-add-form {
border-top: 1px solid #DFE1E6;
}
#ln_slider_text_price {
margin: 0 -7px;
}
.block-search input::-webkit-input-placeholder {
color: #8d8d8d;
}
.block-search input::-moz-placeholder {
color: #8d8d8d;
}
.block-search input:-moz-placeholder {
color: #8d8d8d;
}
.block-search input:-ms-input-placeholder {
color: #8d8d8d;
}
.page-header .header.panel > .header.links > li.compare > a em:before {
position: relative;
top: -1px;
}
@media (max-width: 991px) and (min-width: 768px) {
.page-header .header.links > li.compare {
display: none;
}
}
.sidebar.sidebar-main, .sidebar.sidebar-additional {
position: relative;
}
@media (min-width: 768px) {
.page-layout-2columns-right .sidebar-main {
padding-left: 22px;
padding-right: 0;
}
.page-layout-2columns-right .sidebar.sidebar-main:before {
right: 0;
left: 22px;
}
}
.category-cms .category-image img {
width: 100%;
}
.product-info-main + .product-add-form .product-addto-links > a.action, .product-info-main + .product-add-form .product-addto-links + a.action.mailto {
width: 43px;
height: 43px;
line-height: 41px;
}
.product.info.detailed.accordion .product.data.items > .item.title, .product.info.detailed.accordion .product.data.items > .item.content {
border: 0;
}
.product.info.detailed.accordion .product.data.items > .item.title[aria-expanded=false] > .switch {
border-radius: 0;
}
.product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover {
/*border-bottom-color: #333 !important;*/
}
body.page-layout-1column .sidebar.sidebar-main, body.page-layout-1column .sidebar.sidebar-additional {
display: none;
}
.minicart-items-wrapper {
max-height: 300px;
}
.sidebar .product-items .product-item-info .product-item-photo {
border: solid 1px #ececec;
}
.sidebar .product-items .product-item-info {
margin-bottom: 12px;
}
.sidebar .product-items .product-item {
margin-bottom: 0;
}
.sidebar .sidebar-filterproducts {
margin-top: -13px;
}
.sidebar .sidebar-filterproducts .owl-top-narrow .owl-theme .owl-controls {
top: -27px;
}
.sidebar .block.related.owl-top-narrow .owl-theme .owl-controls {
top: -28px;
}
.products-related {
margin-top: -12px;
}
.sidebar .product-items .product-item-details {
margin-left: calc(33% + 10px);
}
.minicart-items .product-image-container {
border: 1px solid #ececec;
}
.page-header.header-newskin .minicart-wrapper .action.close {
display: none;
}
.block-minicart .items-total {
margin-top: 0;
}
.block-minicart .amount.price-container {
display: inline-block;
}
.block-minicart .block-content > .actions {
margin-top: 10px;
}
.minicart-items .product-item-details {
padding-top: 0;
padding-bottom: 0;
}
.minicart-items .product-item-name {
margin-bottom: 5px;
}
tr.row {
margin: 0;
}
.authentication-dropdown {
border-radius: 0;
}
.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {
margin: 10px 0;
}
.opc-block-summary {
border-radius: 0;
}
.product.info.detailed.accordion .product.data.items > .item.content {
padding: 5px 0;
}
.product.info.detailed.accordion .product.data.items > .item.title {
padding-right: 0;
}
.cms-index-index .page.messages {
display: none;
}
.sticky-product .sticky-image {
border: 1px solid #ececec;
}
.sticky-product .stock, .sticky-product .product-info-price, .sticky-product .product.attribute.sku {
white-space: nowrap;
}
.sticky-product .product-info-price .price-box, .sticky-product .product-info-stock-sku {
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 10px;
}
.sticky-product .stock > *, .sticky-product .product.attribute.sku .type, .sticky-product .product.attribute.sku .value {
display: inline-block;
vertical-align: middle;
font-weight: 400;
}
.sticky-product .product.attribute.sku .type:after {
content: '#:';
}
.owl-nav.disabled, .owl-dots.disabled {
display: none;
}
@media (max-width: 1439px) {
#home-content-slider-demo-20 .item > div.content {
transform: scale(0.5);
top: 0 !important;
max-width: 65%;
}
}
.products.wrapper ~ .infinite-loader ~ .toolbar-products {
display: none;
}
@media (min-width: 768px) {
.navigation .level0 .submenu {
min-width: 200px;
}
.sw-megamenu.navigation li.level0.classic .subchildmenu {
min-width: 184px;
}
.page-header .navigation li.level0.fullwidth .submenu a, .page-header .navigation li.level0.classic .submenu a, .page-header .navigation li.level0.staticwidth .submenu a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.sw-megamenu.navigation span.cat-label {
margin-left: 3px;
text-decoration: none !important;
display: inline-block;
line-height: 10px;
}
.fotorama__stage {
transform: none !important;
}
body.catalog-product-view[class*="product-type-"] .column.main > .custom-block {
display: none;
}
body.product-type-carousel .product-info-main .qty.field .qty-changer > a:first-child {
left: auto;
right: 4px;
}
body.product-type-carousel .product-info-main .qty.field .qty-changer > a {
position: absolute;
top: 0;
left: 0;
height: 43px;
width: 30px;
line-height: 41px;
text-align: center;
margin: 0;
border-color: #dae2e6;
}
.catalog-category-view .columns .column.main {
padding-bottom: 0;
}
body.catalog-product-view[class*="product-type-"] .product-info-main .custom-block {
display: none;
}
body.catalog-product-view[class*="product-type-"] .product-info-main .short-custom-block .custom-block {
display: block;
}
.weltpixel-quickview-catalog-product-view .fullwidth-custom-block {
display: none !important;
}
.sidebar .custom-block.custom-block-1 > div h3 {
padding-top: 5px;
padding-bottom: 5px;
}
@media (min-width: 768px) {
.page-layout-2columns-left .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-right .bundle-options-container .block-bundle-summary, .page-layout-3columns .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .bundle-options-container .block-bundle-summary {
width: 49%;
}
.page-product-downloadable .product-options-bottom, .page-product-downloadable .product-options-wrapper {
width: 49%;
}
.page-layout-1column .toolbar-products {
position: static;
}
.page-layout-1column.page-with-filter .column.main {
padding-top: 0;
}
}
.sw-megamenu.navigation .subchildmenu span.cat-label:before {
content: '';
display: block;
width: 5px;
height: 5px;
border: 3px solid transparent;
position: absolute;
left: -6px;
top: 50%;
margin-top: -3px;
}
.sw-megamenu.navigation .subchildmenu span.cat-label.cat-label-label1:before {
border-right-color: #0cc485;
}
.sw-megamenu.navigation .subchildmenu span.cat-label {
top: 50%;
margin-top: -7px;
margin-left: 7px;
border-radius: 2px !important;
}
p.price-from, p.price-to {
display: inline-block;
vertical-align: middle;
}
p.price-from span.price-label, p.price-to span.price-label {
display: none !important;
}
p.price-to:before {
content: "-";
display: inline-block;
vertical-align: middle;
margin: 0 5px;
font-size: 20px;
}
p.price-to > span {
display: inline-block;
vertical-align: middle;
}
.product-info-main .product.sku {
white-space: nowrap;
}
.table.grouped .price-box {
margin: 0;
}
.table.grouped .product-item-name {
margin-bottom: 4px;
}
.table.data.grouped > tbody > tr > th, .table.data.grouped > tbody > tr > td {
border-top-color: #eee
}
.page-product-grouped .product-info-price {
float: left;
}
.page-product-grouped .product-info-main .product-info-price .price-box {
display: none;
}
.page-product-grouped .product-info-main .product-info-stock-sku {
display: block;
padding: 0;
text-align: left;
}
.page-product-downloadable .product-options-bottom .price-box {
display: none;
}
.page-product-downloadable .product-social-links {
border: 0;
}
.page-product-downloadable .product-options-bottom {
padding-top: 15px;
}
@media (min-width: 768px) {
.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a, .sw-megamenu.navigation li.level0.classic .submenu a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sw-megamenu.navigation li.level0.fullwidth > .submenu {
max-width: 1110px;
left: 0;
right: 0;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 1024px) {
header.page-header .nav-sections-item-title > a:before {
font-size: 14px;
line-height: 1;
content: '\f827';
font-family: 'porto-icons';
vertical-align: middle;
display: inline-block;
font-weight: 400;
margin: -2px 5px 0 0;
}
.nav-sections .nav-sections-item-title {
height: 63px;
}
.navigation .parent .level-top:after {
right: 15px;
}
header.page-header .nav-sections-item-content {
margin-top: 63px;
}
.sw-megamenu.navigation li.level0.staticwidth > .submenu {
border-radius: 0 !important;
}
.navigation li.level0 > a.ui-state-active {
color: #333 !important;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.nav-open .nav-sections {
width: 380px;
}
.nav-open .page-wrapper {
left: 380px;
}
}
/****new add */
.footer-top .block.newsletter .control input {
border-radius: 3px 0 0 3px;
}
.footer-top .block.newsletter .actions button {
border-radius: 0 3px 3px 0;
}
.footer-top .footer-top-inner {
border-bottom: 1px solid #A8A8A8
}
.footer-top .block.newsletter .control div.mage-error {
color: white;
}
.action.primary {
border-color: #c5c5c5;
background-color: #c5c5c5;
}
.action.primary:hover {
border-color: #b5b5b5;
background-color: #b5b5b5;
}
/* Footer Middle */
.footer-middle .footer-middle-inner {
border-bottom: 1px solid #A8A8A8;
}
.footer-middle a:hover {
text-decoration: none;
color: white;
}
.footer-middle .block {
margin: 0 0 20px 0;
}
.footer-middle p {
color: #A8A8A8;
}
.footer-middle .block .block-title {
font-weight: 600;
}
/* Footer Middle Outer */
.footer-middle .contact-info b{
font-weight: 700;
font-size: 12px;
}
.footer-middle .contact-info p {
line-height: 1.7;
color: white;
}
.footer-middle .footer-middle-2 {
padding-top: 5px;
}
.footer-middle .contact-info i {
color: white !important
}
/* Footer Bottom */
.footer-bottom .custom-block {
float: none;
line-height: 2;
}
.footer-bottom .custom-block a {
color: #A8A8A8;
}
.footer-bottom .custom-block a:hover {
color: white;
text-decoration: none;
}
/* Navigation */
.sw-megamenu.navigation li.level0.fullwidth > .submenu {
max-width: 13600px;
}
.page-wrapper > .breadcrumbs .items {
font-size: 12px;
padding-top: 0;
padding-bottom: 0;
}
.page-wrapper>.breadcrumbs .item:not(:last-child):after {
line-height: 35px;
}
.breadcrumbs li.home a {
line-height: 35px;
}
.logo img {
width: auto;
height: auto;
}
.minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after {
content: none;
}
.miniquote-wrapper .block-miniquote:before, .miniquote-wrapper .block-miniquote:after {
content: none;
}
.actions .secondary .viewquote {
color: inherit;
text-transform: uppercase;
}
/* Product Page */
.product-info-main .product-info-stock-sku {
font-size: 14px;
}
.product-info-main h3 {
font-size: 16px !important;
color: #555;
}
.product-info-main .product-info-price .price-box {
display: block;
font-weight: 700;
text-transform: uppercase;
color: #F97D0A;
}
.product-info-main .product-info-price .price-box .price-final_price>span {
display: inline;
}
.product-options-bottom .action.primary {
color: white;
padding: 0 24px;
}
.fieldset>.field>.label, .fieldset>.fields>.field>.label {
font-weight: 500;
font-size: 14px;
margin: 0 0 2px;
}
.product-addto-links .action.tocompare {
display: none;
}
.product-addto-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.mailto.friend {
display: none;
}
.bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart {
margin: 0;
}
.product-info-main .box-tocart .input-text.qty {
margin-left: 29px;
}
.product-info-main .stock.available, .product-info-main .stock.unavailable {
margin: 5px 0 10px 0;
}
.fieldset>.field.required>.label:after, .fieldset>.fields>.field.required>.label:after, .fieldset>.field._required>.label:after, .fieldset>.fields>.field._required>.label:after {
margin: 0 0 0 0.5px;
}
.product-addtoquote-button { font-size: 14px; text-transform: uppercase;}
a[data-zoom-id] img, .mz-thumb img {
box-shadow: none !important;
}
.product-options-wrapper .product-custom-option {
border-radius: 4px;
color: #696969;
font-size: 14px;
height: 38px;
}
.product-options-wrapper .product-custom-option:focus {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.box-tocart .action.toquote:before {
margin-right: 2px !important;
margin-top: -2px !important;
vertical-align: middle;
display: inline-block;
content: '\e87c';
font-family: 'porto-icons';
font-size: 24px;
}
.boxtocart .product-addtoquote-button {
border-radius: 0px !important;
}
.movetoquote-button:focus, .minicart-movetoquote-button:focus, .product-addtoquote-button:focus, .quote-btn-list:focus {
background: #F37111;
border: none;
color: white;
}
.product-options-wrapper {
padding-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
.page-products .columns {padding-top:0px;}
.filter.active {
width: 300px;
}
.filter.active .filter-subtitle {
color: #fff !important;
font-size: 12.5px;
font-weight: 400;
z-index: 3;
padding: 8px 30px !important;
height: 47px;
pointer-events: none;
width: 300px;
right: auto;
border: 0;
}
.filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
padding-left: 0;
padding-right: 0;
}
.filter.active .block-category-list .block-content, .filter.active .filter-options-content {
padding-left: 0;
padding-right: 0;
}
body.filter-active .page-wrapper {
visibility: visible;
height: auto;
margin-top: 0;
}
.filter:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
position: fixed;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.filter.active:before {
opacity: 0.1;
visibility: visible;
}
.products.wrapper ~ .toolbar .pages {
float: none;
text-align: center;
}
.products.wrapper ~ .toolbar .limiter {
padding: 20px;
clear: both;
text-align: center;
float: none;
}
}
/*
additon setting css
*/
body {background:white;}
@media (min-width: 768px) {
.page-layout-1column .product.media {width: 46% !important;}
}
.catalog-category-view.page-layout-1column .page-main, .cms-page-view.page-layout-1column .page-main {
max-width: 100%;
padding: 0;
}
.catalog-category-view.page-layout-1column .pk-category-banner{
display:none;/*hide for landing page*/
}
.catalog-category-view .product-item-details .product-item-sku{
color: #ACACAC;
font-size: 16px;
line-height: 20px;
text-align: center;
margin-bottom: 4px;
font-weight: 500;
}
.landing-page .product-item-link {
font-weight: 600;
color: #000000!important;
line-height: 22px;
font-family: 'Proxima Nova';
}
.page-wrapper >.breadcrumbs {box-shadow:none;border:none;}
.sidebar.sidebar-main:before{border:none;border-top:1px solid #DFDFDF;}
.products-grid:not(.side-list):not(.products-related) .product-item:hover .product-item-photo {border:none;}
.block-category-list .block-content, .filter-options-content {border-bottom:none;}
.block-category-list .block-content,.filter-options-item {border-bottom: #efefef solid 1px;}
.block-category-list .block-title, .filter-options-title, .filter .filter-current-subtitle {padding-bottom:16px;}
.catalog-category-view .products-grid + .toolbar.toolbar-products .toolbar-sorter {display:none;}
.catalog-category-view .toolbar.toolbar-products .modes{display:none;}
.pages a.page, .pages strong.page, .pages .action{
box-sizing: border-box;
border-radius: 3px;
font-size:14px;line-height:36px;width:38px;}
.pages .action.next {border:none;}
.pages a.page:visited {
color: #706f6c;
}
.pages a.page:hover,.pages a.page:active {
border:1px solid #545454;
}
.sorter-action:before {
content: '\f062';
font-family: "FontAwesome";
-webkit-text-stroke: 1px white;
}
.sorter-action.sort-desc:before{
content: '\f063';
}
.filter-options-title {
font-weight: 500;
font-size: 20px;
line-height: 30px;
text-transform: none;
}
.filter-options-content .item {
font-size: 16px;
line-height: 26px;
}
.filter-options-item {margin-bottom: 0px; }
#product-options-wrapper {
float: left;
display: block;
width:100%;
}
#product-options-wrapper > .field > .label {
float: left;
display: inline-block;
clear: both;
}
a.mt-thumb-switcher img {
max-width: 88px !important;
}
.product-info-main .product-info-stock-sku {
padding: 0;
text-align: left;
color: #C4C4C4 !important;
}
.fieldset > .field.qty > .label {display: none !important;float: left;}
.product-info-main .fieldset > .field.qty {width:auto !important;}
.field.choice.admin__field.admin__field-option.required {
display: inline-block;
margin-right: 8px;
}
.fieldset>.field .field.choice, .fieldset>.fields>.field .field.choice{
margin-bottom: 11px;
}
.field.choice.admin__field.admin__field-option.required > input{
display: none;
}
.field.choice.admin__field.admin__field-option.required > label{
padding:10px 20px;
line-height: 35px;
box-sizing: border-box;
border-radius: 4px;
background-color: #ebebeb;
font-size: 14px;
}
.field.choice.admin__field.admin__field-option.required > label:hover{
background-color: #d9d9d9;
}
.field.choice.admin__field.admin__field-option.required > input:checked + label {
background: #696969;
color: #fff;
}
/*------------------product page option check box--------------*/
.fieldset > .field.qty > .label {display: none !important;float: left;}
.product-info-main .fieldset > .field.qty {width:auto !important;}
.field.choice.admin__field.admin__field-option {
display: inline-block;
margin-right: 8px;
}
.fieldset>.field .field.choice, .fieldset>.fields>.field .field.choice{
margin-bottom: 11px;
}
.field.choice.admin__field.admin__field-option > input{
display: none;
}
.field.choice.admin__field.admin__field-option > label{
padding:10px 20px;
line-height: 35px;
box-sizing: border-box;
border-radius: 4px;
background-color: #ebebeb;
font-size: 14px;
display: inline;
}
.field.choice.admin__field.admin__field-option > label:hover{
background-color: #d9d9d9;
}
.field.choice.admin__field.admin__field-option > input:checked + label {
background: #696969;
color: #fff;
}
/*-------------end of product page option check box-------------*/
.MagicZoom, .MagicZoom > figure {width: 100%;}
button.product-addtoquote-button {
width: 100% !important;
background: #F97D0A;
border: none;
color: #fff;
}
.prev-next-products .product-nav {
margin-top: 6px;
}
.mico-loadtotalprice-price-total {
font-size: 24px;
color: #F97D0A;
font-weight: 600;
margin-top: 10px;
display: block;
}
.product-info-price .weee .price-wrapper:after {
content: none;
}
.product-info-main .product-info-price .price-box .price-final_price > span.price-label {
display: inline !important;
}
.product-info-main .product-info-price {
padding: 14PX 0;
}
.product-info-main .product.overview {
margin: 24px 0;
}
.product-info-price .price-box .price-container .price, .product-info-main .product-info-price .price-wrapper .price, span.price-container.price-final_price.tax.weee {
font-size: 16px !important;
color: #555 !important;
font-weight: 600;
}
span.price-container.price-final_price.tax.weee {
text-transform: none;
}
.price-box {
margin: 0;
}
.product-options-bottom .price-box, .product-info-price .price-box {
padding-bottom: 0;
}
.product-options-bottom select {
height: 43px;
width: 88px;
}
.product-info-main .box-tocart .actions {
margin: 0 10px 0 3px;
}
@media (min-width: 768px), print {
.product-info-main .product-addtoquote-button {
padding: 10px;
}
}
.product-info-main .product-addtoquote-button {
padding: 0 21px !important;
line-height: 1px;
}
.product-addtoquote-button {
font-size: 1.8rem;
height: 43px;
}
.product-addtoquote-button:hover, .quote-btn-list:hover {
border: none;
background: #F37111;
}
@media only screen and (max-width:639px) {
.product-info-price {
margin: 0;
margin-bottom: 0px;
width: 100% !important;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.nav-open .page-wrapper {
min-width: 540px;
}
}
@media (min-width: 320px), print {
.block-search input {
position: static;
margin: 0;
border-color: transparent;
height: 40px;
border-radius: 20px;
padding: 10px 50px 10px 20px;
}
}
@media (min-width: 768px){
.page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper,.page-header.type8.header-newskin .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .navigation > ul, header.page-header.sticky-header.type16 .nav-sections, .page-header.type2.header-newskin .nav-sections, .page-header.type18 .nav-sections, .page-header.header-newskin:not(.type16) .nav-sections {
/*background-color:inherit !important;*/
}
}
/* product grid css*/
.block-content .pager{text-align: center;}
@media (min-width: 1024px) and (max-width:1279px), print {
.products-grid.columns4 .product-item, .products-grid.columns6 .product-item, .products-grid.columns7 .product-item, .products-grid.columns8 .product-item {width:25%}
.products-grid.columns6 .product-item.nth-child-5np1 { clear:none;}
.products-grid.columns6 .product-item.nth-child-4np1 {clear:left;}
.products-grid.columns6 .product-item.nth-child-6np1 { clear:none;}
.products-grid.columns4 .product-item.nth-child-3np1 { clear:none;}
.products-grid.columns4 .product-item.nth-child-4np1 { clear:left;}
}
@media (min-width: 768px) and (max-width:1023px), print {
.products-grid.columns4 .product-item {width:25%}
.products-grid.columns4 .product-item.nth-child-2np1 { clear:none;}
.products-grid.columns4 .product-item.nth-child-3np1 { clear:none;}
.products-grid.columns4 .product-item.nth-child-4np1 { clear:left;}
.products-grid.columns4 .product-item.nth-child-5np1 { clear:none;}
.products-grid.columns4 .product-item.nth-child-6np1 { clear:none;}
}
/* dropdown.css migration by Vic*/
/*
Global
*/
@media (max-width: 767px) {
.hide-in-smaller-screen-br {
display: none !important; } }
@media (min-width: 768px) and (max-width: 1319px) {
.hide-in-smaller-screen-br {
display: none !important; } }
@media (max-width: 767px) {
.hide-in-mobile-screen {
display: none !important; } }
.p-hide {
display: none !important; }
@media (min-width: 1025px) {
#p-menu {
/* hacker the box shadow */ }
#p-menu h1, #p-menu h2, #p-menu h3, #p-menu h4, #p-menu h5, #p-menu h6, #p-menu p {
margin: 0; }
#p-menu ol, #p-menu ul {
margin: 0;
padding: 0; }
#p-menu li {
margin: 0;
padding: 0; }
#p-menu span {
margin: 0;
padding: 0;
}
#p-menu a {
padding: 0;
white-space: normal;
text-transform: none; }
#p-menu .drop-menu-section {
background: #FFFFFF;
height: 100%;
width: 100%;
max-width: 1280px;
margin: 0 auto;
z-index: -99; }
#p-menu .drop-menu-section-column--background-grey {
background: #FAFAFA; }
#p-menu .drop-menu-section-column__title {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #000000;
padding-bottom: 16px;
}
#p-menu .drop-menu-section-column__title a {
padding-left: 10px;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 19px;
color: #545454; }
#p-menu .drop-menu-section-column__title > a:hover {
color: #F97D0A; }
#p-menu .drop-menu-section__inner {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-left: 15px;
}
#p-menu .drop-menu-section-column {
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1; }
#p-menu .drop-menu-section-column--margin {
padding-right: 65px;
padding-left: 28px; }
#p-menu .drop-menu-section-column__content {
display: grid;
grid-template-columns: 1fr 1fr;
padding-bottom: 25px; }
#p-menu .drop-menu-section-column__content--horizontal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
#p-menu .drop-menu-section-item--vertical {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px; }
#p-menu .drop-menu-section-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*justify-content: space-between;*/
/*margin-bottom: 7px;*/
}
#p-menu .drop-menu-section-item__a-link {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1; }
#p-menu .drop-menu-section-item__label img {
width: 100%; height: 100%;
border-radius: 6px; }
#p-menu .drop-menu-section-item__image {
padding: 10px 0 10px 10px; }
#p-menu .drop-menu-section-item__image img {
width: 64px;
height: 64px;
vertical-align: middle;
border-radius: 6px; }
#p-menu .drop-menu-section-item:hover {
border-radius: 6px; }
#p-menu .drop-menu-section-item:hover .drop-menu-section-item__new-sign {
text-decoration: none; }
#p-menu .drop-menu-section-item--background-white {
border-radius: 3px; }
#p-menu .drop-menu-section-item-content {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*margin-left: 14px;*/
/*align-self: center;*/ }
#p-menu .drop-menu-section-item-content--margin-left {
margin-left: 14px; }
#p-menu .drop-menu-section-item__link-sign {
padding-right: 2rem;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 20px; }
#p-menu .drop-menu-section-item__link-sign:before {
color: #545454; }
#p-menu .drop-menu-section-item-content__description {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1; }
#p-menu .drop-menu-section-item-content__description p {
font-size: 14px;
line-height: 18px;
color: #878787;
margin-block-end: 0 !important;
}
#p-menu .drop-menu-section-item-content__description p:hover {
color: #000000;
}
#p-menu .drop-menu-section-item-content__description span {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #3D5154;
display: inline-block;
margin-bottom: 6px;
}
#p-menu .drop-menu-section-column__title--thunder-sign {
margin-left: 8px; }
#p-menu .drop-menu-section-column__title__text {
padding-left: 0;
}
#p-menu .drop-menu-section-item-content__description--padding {
padding: 5px 0 0; }
#p-menu .arrow.right {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#p-menu .drop-menu-section-column__content a {
text-decoration: none !important; }
#p-menu .drop-menu-section-item--hover-grey:hover { background: #FAFBFC;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;}
#p-menu .drop-menu-section-item--hover-grey:hover .drop-menu-section-item__link-sign:before { color: #000000; }
#p-menu .drop-menu-section-item--hover-grey .drop-menu-section-item-content__description span:hover { color: #000000; }
#p-menu a:hover p {
color: #000000;
transition: .7s;
}
#p-menu a.right-arrow2 {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #F97D0A;
text-decoration: underline!important;
}
#p-menu p.option-menu-des { margin-bottom: 24px!important; line-height: 21px;}
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item {
display: flex;
align-items: center;
padding: 15px 8px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item:hover {
background-color: #FAFBFC;
border-radius: 6px;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
#p-menu .drop-menu-section-column-last {
margin-right: 15px;
}
#p-menu .drop-menu-right-link {
text-align: right;
margin-right: 15px;
}
#p-menu .drop-menu-right-link a {
font-size: 14px;
line-height: 18px;
font-family: 'Proxima Nova';
font-weight: 500;
text-decoration: underline;
color: #000000;
}
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item:hover h3 {
color: #000000; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item h3 {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #545454; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item {
margin-top: 12px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item img {
width: 100%;
height: auto; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item:hover .drop-menu-section-side-item__block {
background-color: #ffffff;
transition: .3s; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item:hover .drop-menu-section-side-item__block h3 {
color: #000000; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item:hover .drop-menu-section-side-item__link span {
color: #000000;
text-decoration: underline; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__block {
padding: 5px 5px 0 5px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__text {
padding: 12px 7px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__text h3 {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #545454; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__text p {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #545454; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__link {
padding: 0 0 12px 7px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-side-item__link span {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 19px;
color: #545454; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item__fig-wrap {
padding-right: 8px; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item__fig-wrap img {
display: block;
vertical-align: middle; margin-right: 16px; width: 32px;
height: 32px;}
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item__new-sign {
margin-left: auto;
width: 54px;
height: 22px;
background-color: #6CBD45;
border-radius: 11px;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
/* or 150% */
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF; }
#p-menu .drop-menu-section-column__content.p-nav-industries .drop-menu-section-item__label img {
width: 100%;
height: auto; }
#p-menu .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.05);
pointer-events: none; }
#p-menu .drop-menu-title {
color: #000000!important;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
padding-top: 21px;
}
#p-menu .drop-menu-bg-grey{background-color: #F6F6F6;}
#p-menu .drop-menu-bg-grey p {
color: #878787;
font-size: 16px;
line-height: 24px;
}
#service-menu .drop-menu-bg-grey {
padding-left: 15px!important;
padding-right: 15px!important;
}
#service-menu .drop-menu-bg-grey p {
font-size: 14px;
line-height: 21px;
}
#service-menu .drop-menu-section-column {
padding-left: 3px;
padding-right: 3px;}
/*magento2 part*/
.level0.submenu {
padding: 0 !important;
border-radius: 0 !important; }
.level0.submenu .container {
max-width: 100%;
padding: 0;
margin: 0; }
.mega-menu-title{
color: #BEBEBE;
letter-spacing: 2px;
font-size: 14px;
}
}
.page-wrapper header.page-header {
border-top: 1px solid #efefef; }
.page-wrapper header.page-header .wrapper {
background: #efefef;
border-bottom: 1px solid #DFDFDF; }
.page-wrapper header.page-header .panel.header .link.compare {
display: none; }
.page-wrapper header.page-header .panel.header li a {
font-style: normal;
font-weight: 400;
}
.page-wrapper header.page-header .panel.header li a:visited {
color: #A7A7A7; }
.page-wrapper header.page-header .panel.header li:nth-child(3) a {
color: #6CBD45; }
@media (max-width: 1024px) {
.page-wrapper header.page-header .panel.header {
display: none; } }
.page-wrapper header.page-header .header.panel > .header.links > li > a, .page-wrapper header.page-header .header.panel > .header.links > li > span {
color: #181818;
font-size: 12px;
line-height: 18px;}
@media (max-width: 767px) {
.page-wrapper header.page-header .nav-sections {
padding-left: 28px;
padding-right: 28px; } }
@media (max-width: 1024px) {
.page-wrapper header.page-header .nav-sections {
padding-left: 0;
padding-right: 0;
pointer-events: auto !important;
width: 270px;
left: calc(-1 * 270px); }
.page-header.sticky-header .minicart-wrapper{display: none;}
.sticky-header{display: none;}
.page-wrapper header.page-header .nav-sections .nav-sections-item-title {
width: 50%;
padding: 0;
margin: 0;
line-height: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #FAFAFA; }
.page-wrapper header.page-header .nav-sections .nav-sections-item-title > a {
font-style: normal;
font-weight: bold !important;
font-size: 14px !important;
line-height: 19px !important;
text-align: center;
color: #2C3F58 !important; }
.page-wrapper header.page-header .nav-sections .nav-sections-item-title > a:hover {
text-decoration: none; }
.page-wrapper header.page-header .nav-sections .nav-sections-item-title.active {
background-color: #ffffff; } }
@media (max-width: 767px) {
.page-wrapper header.page-header .nav-sections {
width: 270px; } }
@media (min-width: 1025px) {
.page-wrapper header.page-header .nav-sections .section-item-content ul li:first-child .level-top {
padding-left: 0; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li:nth-last-child(2) > a {
padding-right: 0; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li .level-top span {
font-size: 14px;
font-weight: 600;
text-transform: none; } }
@media (max-width: 1024px) {
.page-wrapper header.page-header .nav-sections .section-item-content ul .greet.welcome, .page-wrapper header.page-header .nav-sections .section-item-content ul .link.compare {
display: none; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li {
margin: 0 !important;
padding: 0 !important;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
/* or 136% */
color: #778699;
float: none !important; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li > a {
padding: 0 20px !important;
line-height: 42px !important;
display: block;
text-transform: none;
font-style: normal;
font-weight: 600 !important;
font-size: 14px !important;
color: #000000 !important; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li > a:after {
position: relative;
float: right;
font-size: 22px;
top: unset;
right: unset; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li a.ui-state-active {
background-color: #ffffff;
color: #2C3F58 !important;
border-bottom: 1px solid #DDDDDD; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li a.ui-state-active:after {
content: "\f804"; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li a.ui-state-active:before {
content: none !important; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li .submenu {
box-shadow: none;
border: none;
border-radius: 0;
background-color: #ffffff;
margin: 0;
padding: 0; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li .submenu .container {
padding: 0;
margin: 0; }
.page-wrapper header.page-header .nav-sections .section-item-content ul li .submenu .container .menu-bottom-block > a {
text-transform: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 19px;
color: #000000!important;
padding-left: 29px;
padding-top: 11px;
padding-bottom: 11px;
background-color: #FAFBFC;
}
.page-wrapper header.page-header .nav-sections .section-item-content ul li .submenu .container .menu-bottom-block > a:last-child {
padding-bottom: 19px; }
}
@media (max-width: 767px) {
.page-wrapper .page-header .header.panel { padding-left: 28px; padding-right: 28px; }
}
.header.content, .page-wrapper > .breadcrumbs .items, .page-header .header.panel, .page-main { padding-left: 20px; padding-right: 20px;}
.container { padding: 0 20px;}
.container-adjustment { padding-left: 10px; padding-right: 10px;}
@media (max-width: 1199px) {
.container-adjustment-product { padding-left: 10px; padding-right: 10px;}
}
@media (max-width: 1024px) {
.page-wrapper .header.content > a { margin-top: 40px; }
.page-wrapper .header.content .miniquote-wrapper .action.showquote:after { display: none; }
.page-wrapper .header.content .custom-block { display: none !important;}
.page-wrapper .header.content .minicart-wrapper .action.showcart:after { display: none; }
}
.page-wrapper .header.content .logo { max-width: 200px;margin:34px 0;}
.page-wrapper .header.content .miniquote-wrapper { position: relative; top: 40px; right: 15px; margin: 0; }
@media (max-width: 767px) {
.page-wrapper .header.content .logo {max-width: 150px;}
.page-wrapper .header.content .miniquote-wrapper.active .block-miniquote { width: 300px; top: 78px; right: -5px;}
.page-wrapper .header.content .minicart-wrapper.active .block-minicart { right: -44px;width: 300px; }
}
@media (max-width:768px) {
.page-wrapper .header.content .miniquote-wrapper {right: 5px !important;}
.page-wrapper .header.content .minicart-wrapper {right: 14px !important;}
.page-wrapper .header.content .action.nav-toggle {right: 38px !important;}
}
.miniquote-wrapper.active .block-miniquote { top: 84px;padding-bottom: 0px;}
.page-wrapper .header.content .miniquote-wrapper.active .block-miniquote:before, .page-wrapper .header.content .miniquote-wrapper.active .block-miniquote:after {
content: none; }
.page-wrapper .header.content .miniquote-wrapper.active .block-miniquote #miniquote-content-wrapper:after {
content: none; }
.page-wrapper .header.content .miniquote-wrapper .action.showquote:before {
color: #000000;
content: '\e87c' !important;
font-family: 'porto-icons' !important;
font-size: 30px;
line-height: 1;
margin: 0;
padding: 0; }
.page-wrapper .header.content .miniquote-wrapper .action.showquote:after {
content: "\f803";
font-family: 'porto-icons';
position: absolute;
font-size: 14px;
color: #606669;
top: 4px;
right: -12px;
}
.page-wrapper .header.content .miniquote-wrapper .action.showquote .counter.qty, .page-wrapper .header.content .miniquote-wrapper .action.showquote .counter.qty.empty {
position: absolute;
display: block;
background: #F97D0A;
border-radius: 9px;
height: 16px;
font-size: 10px;
font-weight: 600;
min-width: 16px;
top: -1px;
right: -7px;}
.miniquote-wrapper .counter-number {
position: absolute;
top: -4px;
right: 6px;
}
.minicart .counter-number {
position: absolute;
top: -4px;
right: 5px;
}
.page-wrapper .header.content .miniquote-wrapper .action.close:before {
content: none !important; }
.page-wrapper .header.content .minicart-wrapper {
float: right;
top: 37px;
right: 28px;
width: auto;
margin: 0;}
.page-wrapper .header.content .minicart-wrapper.active .block-minicart {
position: absolute;
right: -58px;
top: 56px;
width:390px;}
.minicart-wrapper .block-minicart {
padding-top: 15px;
padding-bottom: 0;
}
.page-wrapper .header.content .minicart-wrapper.active .block-minicart .subtitle.empty {
font-size: 14px;
padding: 20px 0 20px;
line-height: 1.4; }
.page-wrapper .header.content .minicart-wrapper.active .block-minicart:before, .page-wrapper .header.content .minicart-wrapper.active .block-minicart:after {
content: none; }
.page-wrapper .header.content .minicart-wrapper.active .block-minicart #minicart-content-wrapper:after {
content: none; }
.page-wrapper .header.content .minicart-wrapper .action.showcart {
position: relative;
padding: 0 11px 0 0;
line-height: 37px;
color: #606669; }
.page-wrapper .header.content .minicart-wrapper .action.showcart:before {
font-size: 30px !important;
line-height: 40px;
color: #000;}
.page-wrapper .header.content .minicart-wrapper .action.showcart:after {
content: "\f803";
font-family: 'porto-icons';
position: absolute;
right: 0;
top: 0;
-webkit-font-smoothing: antialiased;
font-size: 14px;
color: #606669; }
.page-wrapper .header.content .minicart-wrapper .action.showcart .counter.qty {
background-color: #F97D0A;
position: absolute;
top: 16px;
right: 5px;}
.page-wrapper .header.content .minicart-wrapper .action.close:before {
content: none !important; }
.page-wrapper .header.content .custom-block {
float: right;
position: relative;
right: 60px;}
@media (min-width:1025px) {
.mobile-top-custom-block {
display:none;}}
@media (max-width: 1024px) {
.page-wrapper .header.content .action.nav-toggle {
position: relative;
float: right;
margin: 0;
top: 38px;
right: 65px;
line-height: 0;
} }
.page-wrapper .header.content .action.nav-toggle:before {
color: #000000;
font-size: 22px;
border: 1px solid black;
border-radius: 4px;
line-height: 32px;
width: 32px;}
input#search {
border: 1px solid #dfdfdf;}
button.action.search {
width: 40px;}
.action.search:before {
color: grey !important;}
@media (max-width: 1280px), print {
}
@media (max-width: 1024px), print {
.header.content .block.block-search {
/*display: none;*/
}
}
.mobile_search_wrapper #search {
position: initial;
border-radius: 20px;
margin:0;}
.mobile_search_wrapper .block.block-search {
width: 248px !important;
margin: 0 auto !important;}
.mobile_search_wrapper .block-search .label:before {
font-size: 16px;
color: #dfdfdf !important;}
.mobile_search_wrapper .block-search .label {
position: relative;
top: 33px;}
@media (min-width: 768px), print {
.block-search {
margin-top: 3px;
}}
.page-wrapper > .breadcrumbs {
max-width: 100% !important;
display:unset !important;
padding: 2px 0 !important;
margin:0 !important;
box-shadow: 0px 0px 2px rgb(23 43 77 / 4%), 0px 3px 2px rgb(23 43 77 / 8%);
z-index: 1;
}
@media (max-width:768px) {
.page-wrapper > .breadcrumbs {display:none !important;}
}
.breadcrumbs .item:not(:last-child):after {font-size:8px; margin: 0px 8px;}
.nav-open .page-wrapper, .nav-open .mobile-top-phone {
transition: left .3s;
overflow: visible; }
@media (max-width: 1024px) {
.nav-open .page-wrapper, .nav-open .mobile-top-phone {
left: 270px !important; } }
@media (max-width: 767px) {
.nav-open .page-wrapper, .nav-open .mobile-top-phone {
left: 270px !important; } }
.nav-open .nav-sections {
left: 0 !important; }
.nav-before-open .mobile-top-phone {
transition: left .3s;
left: 0;
overflow: hidden;
position: relative; }
@media (min-width: 768px), print {
.page-header.header-newskin .navigation .level0 {
margin-right: 10px;}
}
.fieldset>.field, .fieldset>.fields>.field {
margin: 0 0 14px;
}
select#qty {
color: #696969;
font-weight: 500;
}
div.mage-error[generated] {
margin-top: 0px;
font-size: 12px;
}
.cart.table-wrapper .product-item-name+.item-options {
margin-top: 8px;
font-size: 12px;
line-height: 20px;
}
.quotation-fields .fieldset {
margin: 0;
}
button.action.action-auth-toggle {
font-size: 14px;
font-weight: 300;
padding: 8px 24px;
line-height: 11px;
border: 1px solid #F97D0A;
text-transform: uppercase;
}
@media (min-width: 768px), print {
.page-header.header-newskin .nav-sections {
/*padding-bottom: 8px; */
}
}
.add-to-quote-popup .modal-content .add-to-cart-dialog .sub_text, .add-to-cart-popup .modal-content .add-to-cart-dialog .sub_text {
font-size: 14px !important;
}
.add-to-quote-popup .modal-header, .add-to-cart-popup .modal-header {
padding-top: 12px !important;
background: #F97D0A !important;
}
.add-to-quote-popup .modal-content .add-to-cart-dialog .icon_wrapper .icon .fa-4x, .add-to-cart-popup .modal-content .add-to-cart-dialog .icon_wrapper .icon .fa-4x {
color: #e6e6e6;
}
.add-to-quote-popup .modal-footer button.primary, .add-to-cart-popup .modal-footer button.primary {
background: #F97D0A !important;
height: 40px;
padding-left: 24px;
padding-right: 24px;
}
footer.modal-footer .action.primary, footer.modal-footer .primary {
font-size: 18px;
}
@media (min-width: 768px) {
.add-to-quote-popup .modal-footer button.primary, .add-to-cart-popup .modal-footer button.primary {
margin-right: 16px;
}
}
.add-to-quote-popup .modal-footer button.primary:hover, .add-to-cart-popup .modal-footer button.primary:hover {
background: #F37111 !important;
}
.add-to-quote-popup .modal-footer button.action.primary, .add-to-cart-popup .modal-footer button.action.primary {
margin-right: 0;
}
.add-to-quote-popup .modal-header .modal-title, .add-to-cart-popup .modal-header .modal-title {
font-size: 24px !important;
}
.action .action-register .primary span {
line-height: 34px;
display: inline;
}
.cart.table-wrapper .product-item-name>a {
font-weight: 500;
}
.title.account-nav-title {
margin-bottom: 0;
}
.customer-account-index .block .block-title {
color: #80838c;
}
.customer-account-index .box .box-title {
color: #555;
}
.box-content p {
font-size: 13px;
}
.box-actions {
font-weight: 500;
}
.page-main>.page-title-wrapper .page-title {
font-size: 28px !important;
}
.account .block-category-list {
display: none;
}
.customer-account-index .block .block-title strong, .customer-address-index .block-title strong, .customer-address-index .block-content strong {
font-weight: 500;
}
.table-wrapper.additional-addresses {
font-size: 13px;
}
.table-wrapper.additional-addresses thead {
font-weight: 500;
}
@media (min-width: 640px) {
.table>tbody>tr>th, .table>tbody>tr>td {
border-top: 1px solid #e8e8e8;
}
}
div.date-zone, .quote-expiry-date.date.zone {
font-size: 14px;
text-align: left;
}
.block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content {
line-height: inherit;
}
.quote-expiry-date.date.zone {
margin-bottom: 24px;
}
.opc-block-shipping-information .shipping-information-title .action-edit {
top: 0px;
}
.block-category-list .block-title, .filter-options-title, .filter .filter-current-subtitle {
padding: 10px 20px !important;
font-size: 14px !important;
color: #555 !important;
}
.filter .filter-current-subtitle {
margin-top: 14px;
}
.filter-options-content a {
font-size: 14px;
}
.filter-options-title:after {
margin-top: -12px !important;
}
.filter-label {
font-size: 12px;
float: left;
}
.filter-value {
color: #F97D0A;
float: left;
font-size: 12px;
clear: left;
}
.filter-actions {
margin-bottom: 0 !important;
}
.filter-options-content {
padding: 0 20px 11px !important;
border-bottom: none !important;
}
.products {
margin: 0;
}
strong.product.name.product-item-name {
margin-top: 5px;
}
.filter-options-title:after {
margin-right: 8px;
}
.toolbar-sorter .sorter-action {
margin-top: 8px;
}
.product-pop .theme-border-color .product-name {
display: none;
}
/*product page zoom fix*/
#mtImageContainer .mz-figure [itemprop="image"]{width:100% !important;height:100% !important;}
@media (min-width: 576px) and (max-width: 767px) {
.container {
max-width: 100%;
}
}
@media (min-width: 768px), print {
.column.main {
min-height: 0;
}
}
/* Individual Product */
.product-des-section {
margin-bottom: 40px;
}
.label-img {
width: 15%;
float: left;
}
.label-des {
width: 85%;
float: left;
padding-left: 20px;
}
.label-des h4 {
font-size: 16px !important;
line-height: 24px !important;
margin-top: 0;
margin-bottom: 4px;
}
.label-des p {
margin: 0;
}
.dieline-label-item {
float: left;
margin-bottom: 24px;
width: 100%;
}
.dieline-img {
margin-bottom: 24px;
}
.label-img img {
display: block !important;
}
.product.data.items .item.title.active a:after, .product.data.items .item.title a:after {
font-size: 24px;
font-weight: 500;
}
.product.data.items > .item.title.active > .switch {
border-top-color: #ebebeb !important;
}
.product.data.items .item.title a:after {
top: 20px;
color: #ACACAC;
}
.product.data.items .item.title.active a:after {
color: #000000;
}
.product-social-links {
display: none;
}
.alert-box {
padding: 10px 20px;
background: #00d2ff;
border-radius: 5px;
color: #fff;
}
.alert-box span {
margin-left: 8px;
}
.process-n-xl {
font-size: 110px;
font-weight: 700;
text-align: center;
color: #e8e8e8;
display: block;
line-height: 82px;
}
.order-process-item h4 {
margin-top: 0;
margin-bottom: 16px;
font-weight: 700!important;
}
@media (min-width: 768px) {
.order-process-item h4 { font-size: 24px!important;}
}
@media (max-width: 767px) {
.order-process-item h4 { font-size: 20px!important;}
}
.order-process-item p {
margin-bottom: 0; color: #000000;
}
.order-process p a {
text-decoration: underline;
color: #000000;
}
.order-process-item {
padding: 36px 36px 36px 24px;
}
.order-process-item:nth-child(odd) {
background: #f8f8f8;
}
@media (max-width: 575px) {
.process-n-xl {
margin-bottom: 32px;
}
.order-process-item {
padding: 56px 36px;
text-align: center;
}
}
/* Individual Product - END */
/* Cart and Quote */
.block-miniquote .block-content > .actions > .primary {
margin: 0 0 15px;
}
.block-miniquote .block-content>.actions>.primary .action.primary {
font-family: inherit;
font-weight: 400;
background-color: #F97D0A;
border-color: #F97D0A;
font-size: 15px;
text-transform: uppercase;
}
.block-miniquote .block-content>.actions>.primary .action.primary:hover {
background-color: #F37111;
border-color: #F37111;
}
.block-miniquote .items-total {
margin: 0;
text-align: right;
}
.miniquote-wrapper.active .block-miniquote {
border-top: 6px solid #F97D0A;
}
.miniquote-items .product-item-details, .minicart-items .product-item-details {
padding-top: 0;
padding-bottom: 0;
cursor: auto;
font-size: 12px;
line-height: 20px;
}
.miniquote-items .product-item-name a {
color: #F97D0A;
}
.miniquote-items .product-item-name {
margin: 0;
}
.miniquote-items .item-qty, .minicart-items .item-qty {
width: 70px;
height: 30px;
margin-right: 3px;
}
.miniquote-items .product.options.list, .minicart-items .product.options.list {
font-size: 12px;
line-height: 14px;
margin-top: 8px;
}
.miniquote-items .product.options.list .label, .minicart-items .product.options.list .label {
float: left;
margin-right: 8px;
}
.miniquote-items .product .toggle, .minicart-items .product .toggle {
cursor: pointer;
}
.miniquote-items-wrapper {
margin: 0 -15px;
max-height: 300px;
border: none;
}
.miniquote-items .product-item:not(:first-child) {
border-top: 1px solid #efefef;
}
dt {
font-weight: 600;
}
.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title {
font-weight: 500;
font-size: 16px;
color: #555;
}
.minicart-items .product-item-details .price {
font-weight: 500;
font-size: 14px;
}
.block-minicart .block-content>.actions>.secondary .action.viewcart {
padding: 0;
border-color: #eee;
font-size: 14px;
border: none;
}
select {
height: 38px;
}
@media (min-width: 768px), print {
.cart-summary .block .fieldset .field {
margin: 0 0 16px;
}
}
@media (max-width: 767px) {
.cart-summary .block>.title {
border: none;
}
}
.checkout-cart-index .page-main {
padding-left: 20px;
padding-right: 20px;
}
.cart-summary .block .item-options .field .radio {
margin-top: 6px;
}
.cart-summary .block .item-options {
color: black;
}
#block-discount-heading {
color: inherit;
}
.cart.table-wrapper .cart thead tr th.col {
font-weight: 500;
}
.cart-summary {
margin-bottom: 36px;
}
.cart.table-wrapper .product-item-photo {
top: 41px;
}
.cart.table-wrapper .action {
margin-right: 24px;
}
.cart.table-wrapper .actions-toolbar>.action-edit:before, .cart.table-wrapper .actions-toolbar>.action-delete:before {
font-size: 20px;
vertical-align: top;
}
.cart-summary .checkout-methods-items .action.primary.checkout {
text-transform: uppercase;
font-size: 16px;
}
.abs-toggling-title:after, .abs-cart-block>.title:after, .abs-discount-block .block>.title:after, .cart-summary .block>.title:after, .paypal-review-discount .block>.title:after, .cart-discount .block>.title:after {
font-size: 24px;
margin: 5px 0 0;
}
button.action.update {
width: 100%;
height: 40px;
text-transform: uppercase;
font-size: 16px;
}
@media (max-width: 991px), print {
.quotation-quote-index .form-cart {
max-width: 100% !important;
}
}
@media (min-width: 768px), print {
.opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
max-width: unset;
}
}
.block-miniquote .subtitle.empty {
font-weight: 400;
padding: 20px 0 20px;
}
@media (min-width: 768px) {
.add-to-quote-popup .modal-footer, .add-to-cart-popup .modal-footer {
padding-top: 24px;
padding-bottom: 24px;
}
}
.add-to-quote-popup .modal-footer, .add-to-cart-popup .modal-footer {
padding-top: 24px;
padding-bottom: 24px;
}
.minicart-items .action.delete:before {
overflow: unset;
font-size: 22px;
}
.minicart-items .product-item-pricing .label, .miniquote-items .product-item-pricing .label {
width: 32px;
}
.minicart-items-wrapper button:not(.primary) {
padding: 0 12px;
}
.minicart-wrapper .product .actions>.primary:not(:last-child), .minicart-wrapper .product .actions>.secondary:not(:last-child) {
margin-right: 10px;
}
.block-miniquote .items-total .count {
color: black;
}
.miniquote-items .product .toggle:after {
font-size: 10px;
font-weight: 600;
vertical-align: middle;
margin-left: 3px;
}
.block-minicart .amount .price-wrapper:first-child .price {
font-size: 14px;
font-weight: 600;
}
.block-miniquote .block-content > .actions > .secondary {
padding-top: 6px;
}
.block-miniquote .block-content > .actions > .secondary {
padding-top: 10px;
}
/* Cart and Quote - END */
.block-authentication .block[class] ul {
list-style: disc;
padding-left: 24px;
}
.block-authentication .action.action-register.primary {
line-height: 36px;
}
.block-authentication button:not(.primary) {
height: 36px;
}
@media (min-width: 768px), print {
.customer-welcome .action.switch:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
content: "\f007";
font-family: "FontAwesome";
display: inline-block;
text-align: center;
}
.customer-welcome .action.switch:after {
margin: 0;
}
.header.panel>.header.links>li {
vertical-align: middle;
}
.customer-welcome .action.switch:hover {
color: #F37111;
}
.customer-welcome .action.switch {
color: #F97D0A;
}
}
.cart.table-wrapper .product-image-container {
border: none;
padding: 0;
}
.quotation-quote-index .col.price {
display:none;
}
.opc-block-summary {
background: #fbfbfb;
}
.checkout-payment-method .payment-method-title {
border-top: none;
}
.opc-block-summary .items-in-cart>.title:after {
top: 9px;
font-size: 24px;
}
.checkout-payment-method .payment-option-title .action-toggle:after {
color: unset !important;
}
.minicart-wrapper .action.showcart:before {
content: '\e87f';
color: black !important;
}
.opc-estimated-wrapper .estimated-block .estimated-price {
color: black;
}
.opc-estimated-wrapper {
margin: 0 0 24px 0;
}
@media only screen and (max-width: 767px) {
.checkout-payment-method .payment-methods {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.checkout-payment-method .payment-option {
margin: 20px 0 0 0;
}
}
.cart.table-wrapper .action-towishlist:before {
color: unset;
}
@media (min-width: 768px), print {
.order-details-items .col.name {
padding-left: 15px;
}
}
.return-status, .order-status {
margin-top: 5px;
margin-left: 12px;
}
.order-actions-toolbar {
margin-bottom: 24px;
}
.account .sales-order-view .order-details-items .col.price .price-excluding-tax {
display: inline-block;
}
.opc-wrapper .shipping-address-item {
line-height: 24px;
}
.cart-discount {
margin-top: 24px;
margin-bottom: 24px;
}
.opc-wrapper .methods-shipping {
margin: 18px 0;
}
.opc-block-shipping-information {
padding: 22px 27px;
}
@media only screen and (max-width: 639px) {
.opc-wrapper .step-title {
border-bottom: 1px solid #ccc;
}
}
.quotation-quote-index .field.addresses {
margin-top: 16px;
}
.quotation-quote-index .opc-wrapper .action-select-shipping-item {
float: left;
}
.quotation-quote-index .opc-wrapper .step-content {
margin: 0;
}
@media only screen and (max-width: 639px) {
.quotation-quote-index .opc-wrapper .step-title {
padding-bottom: 9px;
}
}
@media only screen and (max-width: 639px) {
.opc-wrapper .methods-shipping {
border-bottom: none;
padding-top: 0;
}
.opc-wrapper .methods-shipping {
background: none;
margin: 0;
padding: 0;
}
.opc-wrapper .shipping-address-item.not-selected-item {
border-bottom: none;
}
}
.opc-block-summary .item-options .label {
float: left;
margin-right: 5px;
}
.quotation-quote-index .col.item {
width: 75%;
}
.cart.table-wrapper .cart thead tr th.col {
border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 767px) {
.cart.table-wrapper {
border-top: 1px solid #eee;
}
}
.cart.table-wrapper .cart>.item {
border-bottom: 1px solid #eee;
}
.field .control._with-tooltip input {
width: 100%;
}
.quotation-quote-index .quotation-fields {
padding-top: 0;
}
@media (max-width: 991px) {
.quotation-quote-index .opc-wrapper {
padding-top: 36px;
}
}
@media only screen and (max-width: 639px) {
.opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping {
background: unset;
margin: 0px -15px 0px;
}
}
.order-details-items .item-options dt {
float: left;
margin-right: 10px;
}
.order-details-items .item-options dd {
margin-bottom: 0;
}
table#my-quotes-table, .price-including span, .price-excluding span {
font-size: 14px !important;
}
.col.qty .item {
font-weight: 600;
}
.sales-order-view .order-details-items .col.price .price-excluding-tax, .sales-order-view .order-details-items .col.subtotal .price-excluding-tax {
font-size: 14px;
line-height: 23px;
}
@media (max-width: 767px) {
.sidebar.sidebar-main {
margin-top: 36px;
}
.block.account-nav {
margin-bottom: 0;
}
}
.account-nav .nav.item.current a {
color: #F97D0A !important;
}
.quotation-quote-view .block-order-details-view {
margin: 0;
}
.quotation-quote-view .block-order-details-view .box {
padding: 0;
}
.quotation-quote-view .block-order-details-view .box .box-content {
border-radius: 5px;
border-top: 1px solid #ddd;
margin-top: 8px;
}
/*start artwork guideline 2020-04*/
.faq-icon-file {
background-image: url("../image/guideline-icon-file.svg");
background-repeat: no-repeat;
padding-left: 48px;
}
.faq-icon-img {
background-image: url("../image/guideline-icon-artwork.svg");
background-repeat: no-repeat;
padding-left: 48px;
}
.faq-icon-dieline {
background-image: url("../image/guideline-icon-dieline.svg");
background-repeat: no-repeat;
padding-left: 48px;
}
.faq-icon-camera {
background-image: url("../image/guideline-icon-image.svg");
background-repeat: no-repeat;
padding-left: 48px;
}
.faq-icon-font {
background-image: url("../image/guideline-icon-font.svg");
background-repeat: no-repeat;
padding-left: 48px;
}
@media (max-width: 767px) {
.artwork-img img {
padding-bottom: 5px;
padding-top: 10px;
}
.faq-content .art-spacetop{
line-height: 22px;
}
.col-md-6 .artwork-img img {
padding-bottom: 45px;
}
#turnkey-folding-carton .btn-primary{
margin-bottom: 15px;
}
#digital-corrugated .btn-primary{
margin-bottom: 15px;
}
.artwork-img img {
border-radius: 4px;
}
.landing-page-banner .btn-white{
text-align: center;
padding-top: 20px!important;
}
.landing-page-banner .btn-darkblue{
display: block;
text-align: center;
padding-top: 20px!important;
}
#foam-inserts .landing-page-banner .white, #home-pakfactory .landing-page-banner .white{
color: #03363D !important;
}
#foam-inserts .landing-page-banner .white-p, #home-pakfactory .landing-page-banner .white-p{
color: #3D5154 !important;
}
#cardboard-inserts .landing-page-banner .white{
color: #03363D !important;
}
#cardboard-inserts .landing-page-banner .white-p{
color: #3D5154 !important;
}
#plastic-inserts .landing-page-banner .white{
color: #03363D !important;
}
#plastic-inserts .landing-page-banner .white-p{
color: #3D5154 !important;
}
#structural-design .landing-page-banner .white{
color: #03363D !important;
}
#structural-design .landing-page-banner .white-p{
color: #3D5154 !important;
}
}
#value-proposition-section .owl-carousel .owl-item{ display: flex!important;}
.artwork-img img{
border-radius: 4px;
margin: 0 auto;
}
.flex-grid-item-important{
width: 100%;
padding-bottom: 5px;
}
.important-box {
background: #fbfbfb;
padding: 20px 24px 5px 24px;
border-radius: 5px;
box-shadow: 0px 0px 4px 1px #ececec;
border-left: 6px solid #5bb3ff;
}
.important-box i {
color: #ffffff;
margin-right: 7px;
background-color: #5bb3ff;
border-radius: 50%;
padding: 3px 2px;
font-size: 16px;
}
.process-step-circle {
display: flex;
justify-content: center;
height: 40px;
text-align: center;
width: 40px;
flex: 40px 0 0;
border-radius: 50%;
align-items: center;
position: relative;
background: #F97D0A;
font-size: 1.6em;
margin: auto;
color: #fff;
}
.flex-grid-item-rule {
flex-basis: 25%;
-ms-flex: auto;
position: relative;
padding: 10px;
box-sizing: border-box;
}
@media(max-width: 1024px) {
.flex-grid-item-rule {
flex-basis: 25%;
}
}
@media(max-width: 767px) {
.flex-grid-item-rule {
flex-basis: 33.33%;
}
}
@media(max-width: 575px) {
.flex-grid-item-rule { flex-basis: 50%; }
.landing-page h1.landing-h1 {
font-size: 24px!important;
line-height: 31px!important;
}
}
@media(min-width: 576px) {
.landing-page h1.landing-h1 {
font-size: 28px!important;
line-height: 35px!important;
}
}
.rule-box img{margin: auto;}
.rule-box{
text-align: center;
padding: 0 10px;
}
.rule-box-wrap {
background: #fcfcfc;
border-radius: 5px;
padding: 38px 31px 32px;
-webkit-box-shadow: 0px 0px 4px 2px #efefef;
-moz-box-shadow: 0px 0px 4px 2px #efefef;
box-shadow: 0px 0px 4px 2px #efefef;
}
.rule-box-wrap-dark {
background: #31313B;
border-radius: 5px;
padding: 38px 31px 32px;
}
.landing-page .rule-box-wrap-dark p {
color: #DFDFDF;
}
.landing-page .rule-box-wrap-dark h4 {
margin-bottom: 5px;
color: #ffffff!important;
}
.rule-items {
margin-top: 36px;
padding-bottom: 10px;
}
.section-container-center{
text-align: center;
max-width: 768px;
margin: 64px auto 0px auto;
}
.porto-sicon-box.left-icon {
display: inline-block;
}
.porto-sicon-box {
margin-bottom: 15px;
}
.left-icon .porto-sicon-left {
display: table-cell;
vertical-align: top;
padding-right: 15px;
}
.porto-sicon-box .porto-just-icon-wrapper {
line-height: 1em;
}
.left-icon .porto-sicon-left .porto-icon{
margin-right: 20px;
}
.left-icon .porto-sicon-body {
display: table-cell;
vertical-align: middle;
}
.left-icon .porto-sicon-description, .left-icon .porto-sicon-header {
float: left;
width: 100%;
font-size: 16px;
line-height: 28px;
}
.porto-sicon-description{color: #3D5154;}
.art-icon{width: 50px!important;}
.porto-sicon-header .porto-sicon-title {
margin: 3px 0;
}
.center-text{
text-align: center;
}
.faq-content .artwork-description{
margin-top: 5px;
margin-bottom: 20px!important;
}
.section-leading-topspace{
padding-top: 64px;
}
#artwork-design-guideline .rule-items{margin-top: 0px;}
.faq-content .art-spacetop{margin-bottom: 15px !important;}
/* artwork end*/
#value-3-step-order-boxes .landing-page-section {
padding: 0 0 60px 0;
}
/* btm stroke*/
#turnkey-folding-carton .btn-stroke, #digital-corrugated .btn-stroke, #career .btn-stroke, #home-pakfactory .btn-stroke, #rigid-telescope .btn-stroke{
color: #F97D0A;
background: transparent!important;
border: 2px solid #F97D0A;
font-style: normal;
text-align: center;
box-shadow: none;
padding-top: 9px;
padding-bottom: 9px;
}
#turnkey-folding-carton .btn-stroke:hover, #digital-corrugated .btn-stroke:hover, #career .btn-stroke:hover, #home-pakfactory .btn-stroke:hover, #rigid-telescope .btn-stroke:hover{
background-color: #F97D0A!important;
color: #FFFFFF;
box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
}
#turnkey-folding-carton .btn-primary, #digital-corrugated .btn-primary, #career .btn-primary, #home-pakfactory .btn-primary, #rigid-telescope .btn-primary{
margin-bottom: 15px;
}
/* end btm stroke*/
/* online ordering landing pages end*/
#master-product h3{
display: inline;
padding-right: 15px;
}
.section-leading-left {
max-width: 768px;
margin: 0 auto 64px;
}
.space-top-40{
padding-top: 40px;
}
.space-top-60{
padding-top: 60px;
}
.space-btm-15{
padding-top: 15px;
}
.space-left-15{
padding-left:15px;
}
.space-right-15{
padding-right: 15px;
}
.space-margin-btm{margin-bottom: 30px;}
.what-is-section img{border-radius: 4px;}
/* ----insert---*/
.insert-item{
margin-bottom: 30px;
display: flex;
}
.insert-item ul>li{
margin-bottom: 0;
}
.insert-item ul{
padding-inline-start: 1.5rem;
}
.landing-page-banner .btn-white{
margin: 0 auto;
}
.white{
color: #FFFFFF!important;
}
.landing-page-banner .white{
color: #FFFFFF!important;
}
.landing-page-banner .white-p{
color: #FFFFFF!important;
}
.landing-page-banner .btn-darkblue {
margin: 0 auto;
padding: 0 15px;
color: #03363D;
font-weight: 500;
font-size: 16px;
}
@media (max-width: 991px) {
.landing-page-banner .btn-white {
padding-top: 15px;
}
.landing-page-banner .btn-darkblue {
display: block;
padding-top: 15px;
}
}
/* feature banner for bag*/
.landing-page-banner-feature1 .row.align-items-center {
min-height: 500px;
}
.landing-page-banner-feature1 {
background: #f7f7f7;
}
@media (min-width: 768px) {
.landing-page-banner-feature1 .image-box-mobile {display: none !important;}
}
@media (max-width: 767px) {
.landing-page-banner-feature1 .row.align-items-center {
height: auto;
min-height: auto;
padding: 30px 10px;
}
}
.landing-page-banner-feature1 {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.table-container tr:nth-child(even) {
background-color: #fbfbfb;
}
.table-container table>tbody>tr>td{ vertical-align: middle; border-top: 1px solid #e8e8e8;}
.table-container table>tbody>tr>th{ vertical-align: middle; border-top: 1px solid #e8e8e8;}
.table-container tr:hover {background-color:#f5f5f5;}
.table-container .table-header:hover {background-color: #9a9a9a!important; }
.table-header{background-color: #9a9a9a; color: #ffffff;}
#catalog-inserts .section-type-box-des p{margin-bottom: 15px!important;}
/* services page*/
.list-wrap{
padding-top: 25px;
}
.list-wrap ul {
list-style-type: none;
color: #03363D;
padding-left: 5px;
}
.list-wrap li::before {
content: "\f105";
font-family: "FontAwesome";
font-weight: 700;
margin-right: 8px;
color: #03363D;
}
.service-box{text-align: center; margin-bottom: 30px;}
.service-box img{margin: 0 auto;}
.service-box p {margin-bottom: 0!important;}
.landing-page .service-box p {margin-bottom: 0!important;}
/* why pakfactry*/
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
/* start Stroke btm*/
#why-pakfactory .btn-stroke, #services .btn-stroke, #artwork-design .btn-stroke{
color: #F97D0A;
background: transparent!important;
border: 2px solid #F97D0A;
font-style: normal;
text-align: center;}
#why-pakfactory .btn-stroke:hover, #services .btn-stroke:hover, #artwork-design .btn-stroke:hover{
background-color: #F97D0A!important;
color: #FFFFFF;
}
#why-pakfactory .btn-primary, #services .btn-primary , #artwork-design .btn-primary{
margin-right: 15px;
margin-bottom: 15px;
}
/* end Stroke btm*/
#artwork-design .btn.btn-primary {
padding: 10px 15px;}
/* start Stroke btm -white color-*/
#structural-design .btn-stroke{
color: #fff;
background: transparent!important;
border: 1px solid #fff;
font-style: normal;
text-align: center;}
#structural-design .btn-stroke:hover{
background-color: #F97D0A!important;
border: 1px solid #F97D0A!important;
}
#structural-design .btn-primary{
margin-right: 15px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
#structural-design .btn-stroke{
color: #F97D0A;
border: 1px solid #F97D0A;
}
}
/* end Stroke btm*/
.brand-section{
border-bottom: solid 1px #dfdfdf;
padding-bottom: 20px;
padding-top: 5px;
}
.brand-section h5{
font-size: 14px!important;
font-weight: bold!important;
}
.title-number {
color: #F2F2F2;
font-size: 64px;
font-weight: bold;
}
@media (max-width: 767px) {
.title-number {
margin-top: 50px;
}
}
.underline{ text-decoration: underline;}
/* structural design*/
.style_2 .porto-sicon-left{padding-top: 5px;}
#structural-design .btn.btn-primary {
padding: 10px 15px;
}
.feature-box-check-icon::before {
content: "\f00c";
font-family: "FontAwesome";
margin-right: 5px;
color: #F97D0A;
font-size: 17px;
}
.img-background-dark{
background-image: url("../image/structural-img-10.jpg")!important;
background-position: center!important;
}
.structural-value{color: #fff;}
.landing-page .structural-value h2, .landing-page .structural-value h4,.structural-value p{color: #fff!important;}
.section-center{text-align: center; padding-top: 50px;}
.overline{color: #AEAEAE!important; }
.inspired .row img{
margin-top: 15px;
margin-bottom: 15px;
border-radius: 4px;}
.landing-page-banner-feature2 .row.align-items-center {
min-height: 500px;
}
.landing-page-banner-feature2 {
background: #f7f7f7;
}
@media (min-width: 768px) {
.landing-page-banner-feature2 .image-box-mobile {display: none !important;}
}
@media (max-width: 767px) {
.landing-page-banner-feature2 .row.align-items-center {
height: auto;
min-height: auto;
padding: 30px 10px;
}
}
.landing-page-banner-feature2 {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/*artwork design*/
.artwork-box{text-align: center; margin-bottom: 30px;}
.artwork-box img{margin: 0 auto;}
.artwork-box p {margin-bottom: 0!important;}
.landing-page .artwork-box p {margin-bottom: 0!important;}
.landing-page-banner-feature3 .row.align-items-center, .landing-page-banner-feature4 .row.align-items-center, .landing-page-banner-feature5 .row.align-items-center {
min-height: 500px;
}
.landing-page-banner-feature3, .landing-page-banner-feature4 {
background: #f7f7f7;
}
@media (min-width: 768px) {
.landing-page-banner-feature3 .image-box-mobile, .landing-page-banner-feature4 .image-box-mobile,.landing-page-banner-feature5 .image-box-mobile {display: none !important;}
}
@media (max-width: 767px) {
.landing-page-banner-feature3 .row.align-items-center, .landing-page-banner-feature4 .row.align-items-center, .landing-page-banner-feature5 .row.align-items-center {
height: auto;
min-height: auto;
padding: 30px 10px;
}
.feature-banner-content1 {padding: 25px 0!important;}
.pink-bg{background-color:#F6CDC7;}
.darkblue-bg{background-color:#40474D;}
.greygreen-bg{background-color:#E7E9E8;}
}
.landing-page-banner-feature3, .landing-page-banner-feature4, .landing-page-banner-feature5 {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.feature-banner-content1 {
border-radius: 5px;
padding: 75px 36px 60px 36px;
}
.feature-banner-content1 p {
margin-bottom: 24px;
}
.feature-banner-content1 h2 {
margin-top:0;
}
.darkblue-bg .porto-sicon-description, .landing-page .darkblue-bg h3{color: #fff!important;}
.icon-box{text-align: center;}
.icon-box img{margin: 0 auto;}
.icon-box p {margin-bottom: 0!important;}
.landing-page .icon-box p {margin-bottom: 0!important;}
/*header and footer*/
@media only screen and (max-width: 767px) {
#p-footer .p-footer-bottom--wrap .p-footer-bottom .p-footer-bottom__links nav ul {
display: inherit;
text-align: center;
list-style: inside;
}
.p-footer-bottom__links li {
display: inherit!important;
}
.footer-space-20{margin-bottom: 20px!important;}
}
.page-footer{
background-color: #242424;
}
.ig-img-section {
background: #ffffff;
}
.page-footer .widget.block.block-static-block {
margin-bottom: 0;
}
#p-footer {
background-image: url(../image/footer-bg.svg);
background-repeat: no-repeat;
}
.footer-content{
padding-bottom: 12px;
color: #C4C4C4;
}
.p-footer-bottom__links li{
display: flex;
flex-direction: row;
align-items: center;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter .sign-up-from-wrap form {
max-width: 100%;
border: none;
border-radius: 4px;
position: relative;
width: 100%;
height: 48px;
padding-left: 0px;
padding-right: 0px;
display: flex;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form .subscribe-email{font-size: 14px;
border: 1px none rgb(235, 235, 235);
width: 100%;
height: 48px;
z-index: 4;
outline: none;
color: rgb(136, 136, 136);
text-align: left;
font-family: Arial;
background-color: #2F2F2F!important;
box-sizing: border-box;
border-radius: 4px 0 0 4px;}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form .subscribe-email {
background-image: url(../image/Icon-envelope.svg)!important;
background-position: 5px;
background-repeat: no-repeat;
padding-left: 55px;
background-position-x: 15px;
padding-right: 45px;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form input.subscribe-email-btn{
text-align: center;
width: 100%;
height: 48px;
z-index: 5;
color: rgb(255, 255, 255);
cursor: pointer;
outline: none;
font-size: 14px;
background-color: #F97D0A !important;
margin: 0px 0px 0px -4px;
border-radius: 0px 3px 3px 0px;
padding: 0 35px;
border: 1px none rgb(235, 235, 235);
}
#p-footer .p-footer-bottom--wrap .p-footer-bottom{ color: #989898;}
.nav-link{
color: #F97D0A;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
}
@media (min-width: 768px) {
.navigation{
padding-left: 20px;
padding-right: 20px;
}
header.page-header.sticky-header .navigation {
padding: 0 20px;
}
.sticky-header .miniquote-wrapper .action.showquote:after {
content: "\f803";
font-family: 'porto-icons';
position: absolute;
right: -13px;
top: 9px;
-webkit-font-smoothing: antialiased;
color: #606669;
}
.miniquote-wrapper .action.showquote:before {
color: #000000;
content: '\e87c' !important;
font-family: 'porto-icons' !important;
font-size: 30px;
line-height: 1;
margin: 0;
padding: 0;
font-weight: 100;
}
.sticky-header .miniquote-wrapper {
display: inline-block;
float: right;
position: absolute;
right: 33px;
top: 0;
}
.sticky-header .miniquote-wrapper .counter-number {
position: absolute;
top: 0px;
right: 5px;
}
.sticky-header .minicart-wrapper{ right: 60px!important;}
.sticky-header .miniquote-wrapper .action.showquote .counter.qty {
width: 16px;
height: 16px;
display: block;
font-size: 10px;
color: #fff;
background-color: #F97D0A;
text-align: center;
line-height: 16px;
border-radius: 20px;
min-width: auto;
left: 23px;
margin-top: -16px;
top: 17px;
font-weight: 600;
}
.sticky-header .miniquote-wrapper .action.showquote .counter.qty {
position: absolute;
}
.sticky-header .minicart-wrapper.active .block-minicart {
position: absolute;
right: -42px;
top: 33px;
padding-top: 0px;
}
.sticky-header .miniquote-wrapper.active .block-miniquote {
top: 62px;
padding-bottom: 0px;
}
.sticky-header .miniquote-wrapper.active .block-miniquote { width: 350px;}
.sticky-header .miniquote-wrapper .action.close{display: none;}
.sticky-header .block-miniquote .subtitle.empty {
font-weight: 400;
padding: 14px 0 14px;
font-size: 13px;
}
.sticky-header .block-minicart .items-total {
margin-top: 15px;
}
.sticky-header .block-minicart .subtotal {
padding-top: 15px;
}
.sticky-header .minicart-wrapper {
margin-top: -18px!important;
}
}
.drop-menu-section__inner .drop-menu-section-column-line{
position: relative;
}
.drop-menu-section__inner .drop-menu-section-column-line:after {
content:"";
position: absolute;
border-left: solid 1px #DFDFDF;
top: 6%;
bottom: 6%;
left: 0;
}
#p-menu .drop-menu-section-item:hover span, .drop-menu-section-side-item__block .drop-menu-section-side-item__text:hover span {
color: #000000;
text-decoration: none;}
#p-menu .drop-menu-section-item span, .drop-menu-section-side-item__block .drop-menu-section-side-item__text span{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000000;
display: inline-block;}
#p-menu .drop-menu-section-column a:hover{text-decoration: none!important;}
.product-info-main .qty.field .qty-changer > a:first-child {
display: none;
}
.product-info-main .qty.field .qty-changer > a {
display: none;
}
/*--------styles-m.css---------*/
.page-header.header-newskin .minicart-wrapper .action.showcart:after{
content:"\f803";
font-family:'porto-icons';
position:absolute;
right: 12px;
top: 3px;
-webkit-font-smoothing: antialiased;
color: #606669;
}
.page-header.header-newskin .minicart-wrapper .action.showcart .counter.qty{
width:16px;
height:16px;
display:block;
font-size:10px;
color:#fff;
background-color:#F97D0A;
text-align:center;
line-height:16px;
border-radius:20px;
min-width:auto;
left:auto;
right:16px;
margin-top:-17px;
}
#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l2 .p-footer-nav__main-list__item__container-l2__content .p-footer-nav__main-list__item__container-l2__content__list li a,#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l2 .p-footer-nav__main-list__item__container-l2__content .p-footer-nav__main-list__item__container-l2__content__list li span{
font-style:normal;
font-weight:normal;
font-size:14px;
line-height:22px;
color:#989898;
padding-left:10px;
display:inline-block;
}
@media (min-width:768px){
#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l2 .p-footer-nav__main-list__item__container-l2__content .p-footer-nav__main-list__item__container-l2__content__list li a,#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l2 .p-footer-nav__main-list__item__container-l2__content .p-footer-nav__main-list__item__container-l2__content__list li span{
font-style:normal;
font-weight:normal;
font-size:14px;
line-height:28px;
padding-left:0;
color:#989898;
}
}
#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l1 .p-footer-nav__main-list__item__container-l1__content .p-footer-nav__main-list__item__container-l1__content__heading{
font-style:normal;
font-size:16px;
line-height:21px;
font-weight:500;
color:#fff;}
#p-footer .p-footer-nav--wrap .p-footer-nav .p-footer-nav__main-list .p-footer-nav__main-list__item .p-footer-nav__main-list__item__container-l1 .p-footer-nav__main-list__item__container-l1__content .p-footer-nav__main-list__item__container-l1__content__trigger{
border:solid #6a6c6d;
border-width:0 3px 3px 0;
pointer-events:none;
position:absolute;
right:0;
transform:rotate(45deg);
height:12px;
width:12px;
border-top-right-radius:2px;
border-bottom-left-radius:2px;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons{
padding-bottom:56px;
display: block;
flex-direction: inherit;
justify-content:space-evenly;
flex-wrap:wrap;
width:100%}
@media (min-width:768px){
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons{width:initial}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span {padding-left: 0px;}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons{width:initial}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span{ padding-right:15px}
}
@media (max-width:350px){
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span{ padding-top: 15px;}
.logo img { width: 120px; height: auto; padding-top: 6px;}
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span{
display:inline-block;
transition:transform 200ms;
padding-right: 15px;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a{
background-color:transparent;
display:block;
text-decoration:none;
outline:none;
border:0px;
border-radius:3px;
box-sizing:content-box;
width:40px;
height:40px;
transition: all .5s ease-in-out; }
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a:hover{
transform: scale(1.2);
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a:hover i{color:#ffffff}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a i{
display:block;
color:#6A6C6D;
font-size:20px;
padding:10px;
text-align:center;
vertical-align:middle;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a:active{opacity:0.5}
#p-footer .p-footer-nav--wrap{
margin-left:auto;
margin-right:auto}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons span a:hover {
background-color:none;
border: 0px;
}
#p-footer .p-footer-heading--wrap .p-footer-heading{
padding-top:64px;
padding-bottom:30px;
margin-left:auto;
margin-right:auto;
padding-left: 0px;
padding-right: 0px;}
#p-footer .p-footer-heading--wrap .p-footer-heading h2{
width:100%;
font-style:normal;
font-weight:500;
font-size:34px;
line-height:48px;
color:#FFFFFF;
}
@media (max-width:767px){
#p-footer .p-footer-heading--wrap .p-footer-heading h2{
font-size:22px;
line-height:33px;
}
}
#p-footer .p-footer-media--wrap {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter {
padding-bottom: 30px;
}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__social-icons {
padding-bottom: 30px;
}
#p-footer .p-footer-nav--wrap {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
#p-footer .p-footer-bottom--wrap .p-footer-bottom {
padding-left: 0;
padding-right: 0;}
/*--------end styles-m.css---------*/
/* home page*/
.review {
padding: 20px 0;
font-size: 14px;
line-height: 21px;
color: #3d5154;
text-align: center;
vertical-align: middle;
}
.review img{
display: inline-block!important;
vertical-align: bottom;
padding-left: 15px;
}
.all-boxes-section .section-type-box-des p{margin-bottom: 24px !important;}
.all-boxes-section .item a:hover{text-decoration: none;}
.quotation-order .imgtxt-box-2 { background: #ffffff;}
.home-services .service-box{ margin-bottom: 0px;}
.home-services .service-box h4{
margin-bottom: 12px;
margin-top: 24px;
font-family: 'Proxima Nova';
font-size: 18px!important;
line-height: 22px!important;
}
.service-box p.home-text {
font-size: 15px;
line-height: 22px;
}
.paralax{
background-image: url("../image/map.svg");
background-position: right;
background-size: 70%;
background-repeat: no-repeat;
}
.map-wrap{padding: 64px 0; text-align: left;}
.landing-page .map-wrap h2{
color: #fff!important;
}
.map-wrap p{ color: #DFDFDF!important;}
.parallax-wrapper .parallax {
background-size: cover;
background-position: center center!important;
}
@media (max-width: 991px) {
.parallax-wrapper .parallax {
background-size: cover;
background-position: center center!important;
}
}
@media (max-width: 767px) {
.paralax { background-image: none; }
.review img { padding-left: 0px; margin-top: 15px;}
.review{padding: 0 0 50px 0;}
.content-wrap{text-align: left;}
.quotation-order .imgtxt-box-2{ margin-bottom: 32px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.paralax { background-image: none;}
.content-wrap{text-align: center;}
.content-wrap h2{width: 70%; margin: auto; padding-bottom: 25px;}
.content-wrap p{ width: 85%; margin: auto;}
.media_md_order_one { order: 1; }
.media_md_order_two { order: 2; }
}
.flex{display: flex;}
.img-item{
display: flex;
align-items: center;
margin-top: 17px;
}
.img-item img{
vertical-align: middle;
padding-right: 15px;
}
.img-item span{
font-size: 16px;
line-height: 24px;
display: inline-block;
vertical-align: middle;
}
#home-tab .faq-section {
margin-bottom: 36px;
border-radius: 5px;
background: #ffffff;
border: solid 1px #dfdfdf;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
#home-tab .faq-title {
background: #fff;
}
#home-tab .faq-title h4 {
margin: 0;
font-size: 20px !important;
color: #03363D !important;
font-weight: 600 !important;
text-decoration: none;
cursor: pointer;
}
#home-tab .faq-item {
margin-bottom: 0;
border-bottom: 1px solid #dfdfdf;
padding: 15px 0;
}
#home-tab .faq-content {
background: #ffffff;
}
.nomargintop{margin-top: 0!important;}
#home-pakfactory .section-grey-background{
background: #ffffff;
}
#home-pakfactory .bottom-cta-section .landing-page-section {
background: #f7f7f7;
}
#home-pakfactory .section-grey-bg-pattern{
background-color: #F8F8FA;
background-image: url("../image/grey-bg.svg");
background-position: 70% 0%;
background-repeat: no-repeat;
}
@media (min-width: 992px){
#home-tab .col-lg-5{margin-left: 50px;}
.ui-block { width: 1000px; width: 151%; max-width: 50vw;}
}
.section-grey-background1 {
background: #f7f7f7!important;
}
.rwd-line { display: block; }
@media screen and (min-width: 768px){
.rwd-line { display: inline; }
}
.img-mobile img{width: 100%;}
.all-boxes-section .col-lg-4, .all-boxes-section col-md-6{margin-bottom: 30px;}
#home-pakfactory .block-static-block.widget{ margin-bottom: 0px;}
.section-type-box a:hover{text-decoration: none!important;}
.smart-forms .select {
z-index: 1;
}
.section-type-box {
min-height: 100%;
}
.brand-title{
text-align: center;
padding-top: 15px;
}
.landing-page .brand-title p {
font-size: 14px!important;
margin-bottom: 10px!important;
}
.mdc-tab__content {
top: 35%;
}
.sample-text{font-size: 14px!important;
line-height: 26px!important;
}
.divider-pak {
display: flex;
}
.divider-pak:before, .divider-pak:after {
content: "";
flex: 1;
}
.line-pak {
align-items: center;
margin: 1em -1em;
padding-bottom: 30px;
}
.line-pak:before, .line-pak:after {
height: 1px;
margin: 0 1em;
}
.one-line-pak:before, .one-line-pak:after {
background: #DFDFDF;
}
.line-pak span{color: #03363d;
font-size: 24px;
font-weight: 600;}
@media (max-width: 767px) {
.box-wrap-darkblue {
background: #1C3038;
background-image: url("../image/bg-sample-mobile.svg");
background-repeat: no-repeat;
border-radius: 5px;
padding: 64px 31px 10px;
background-size: cover;
}
}
@media (min-width: 768px){
.box-wrap-darkblue {
background: #1C3038;
background-image: url("../image/bg-sample.svg");
background-repeat: no-repeat;
border-radius: 5px;
padding: 64px 31px 10px;
background-size: 100% 100%;
}
}
.landing-page .box-wrap-darkblue h2{color: #fff!important;}
.box-wrap-darkblue p{color: #FCFCFC!important;}
.landing-page .note {
font-size: 12px;
color: #8f8f8f!important;
margin-top: 20px;
margin-bottom: 0!important;
}
/* item equal height*/
#sample-prototyping .owl-carousel .owl-stage {
display: flex;
}
#sample-prototyping .owl-carousel .owl-item {
display: flex;
}
.owl-stage {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.owl-item{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto !important;
flex: 1;
}
.case-study-box {
height: 100%;
object-fit: cover;
max-width: initial;
}
.owl-theme .owl-dots .owl-dot {
padding: 0;
background-color: transparent;
}
h1.no-margin-title {margin-bottom: 0!important;}
#services .list-wrap a{ color: #03363D;}
/*
fieldset#guest-fields {
display: contents!important;
} */ /* show guest user first name last name input field*/
form#co-add-to-quote-form {
display: contents!important;
}
.items-in-cart span{font-weight: normal;}
@media (max-width: 767px) {
.col-xs-6 {
width: 50%;
}
}
strong.summary.title {
font-weight: normal;
}
.opc-progress-bar span {
font-weight: normal;
}
.landing-page-banner .btn-green-link{
text-align: center;
padding-top: 20px!important;
}
.landing-page-banner .btn-green-link {
margin: 0 auto;
padding: 0 15px;
color: #F97D0A;
font-weight: 500;
font-size: 16px;
text-decoration: underline;
}
.landing-page-banner .btn-green-link:hover{color:#03363D; }
@media (max-width: 991px) {
.landing-page-banner .btn-green-link {
display: block;
padding-top: 15px;
text-align: left;
padding-left: 5px;
}
}
@media (max-width: 767px) {
.landing-page-banner .btn-green-link {
text-align: center;
}
}
#thank-you-custom-quote .landing-page-section {padding: 10px 0 64px 0;}
#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form {
background-color: #F97D0A;
border-radius: 5px!important;
}
#case-study-section2 .section-leading-center, #industry-section .section-leading-center { margin-bottom: 30px;}
.field-tooltip .field-tooltip-action { padding: 5px;}
/*.opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { display: none;}*/
header.page-header.type16.header-newskin.sticky-header { padding-bottom: 64px;}
@media (max-width: 767px) {
.image-box-mobile img {max-width: 100%; height: auto; }
}
.image-box-mobile img::before { display: block; content: '';}
@font-face{font-display: swap;}
a.btn.btn-primary.btn-stroke {
color: #F97D0A;
background: transparent!important;
border: 1px solid #F97D0A;
font-style: normal;
text-align: center;
box-shadow: none;
}
a.btn.btn-primary.btn-stroke:hover{
background-color: #F97D0A!important;
color: #FFFFFF;
box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
}
.lp-option-bt a.btn.btn-primary.btn-stroke {
color: #212427;
background: transparent!important;
border: 2px solid #DFE1E6;
font-style: normal;
text-align: center;
box-shadow: none;
}
.lp-option-bt a.btn.btn-primary.btn-stroke:hover{
box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
}
@media screen and (min-width: 1024px) {
a.btn.btn-primary.btn-stroke {margin-left: 15px;}
a.btn.btn-primary.btn-white-light {margin-left: 15px;}
}
@media only screen and (max-width: 1023px) {
a.btn.btn-primary.btn-stroke {margin-top: 15px;}
a.btn.btn-primary.btn-white-light {margin-top: 15px;}
}
.heading {
line-height: 18px;
font-weight: 700;
color: #F97D0A;
margin-bottom: 17px;
font-size: 14px;
font-family: 'Sharp Sans';
letter-spacing: 3px;
}
.lp-option-bt a.btn.btn-primary {
padding: 10px 12px;
border: solid 1px #00875A;
}
h2 {
margin-top: 0;
margin-bottom: 16px;
}
.lp-option-bt {
margin: 25px 0 35px;
}
.lp-option-bt img {
display: inline-block!important;
position: relative;
top: -0.2em;
vertical-align: middle;
margin-right: 0.6rem;
}
.testimonial-des {
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #172B4D;
padding: 25px 0;
}
.tes-title {
display: flex;
align-items: center;
}
.tes-title img {
float: left;
margin-right: 25px;
}
.tes-name span {
display: block;
font-size: 12px;
line-height: 14.6px;
font-weight: 400;
padding-top: 8px;
}
.tes-name {
font-size: 18px;
font-weight: 600;
color: #A5ADBA;
line-height: 22px;
}
.save-box {
margin: 20px 0;
padding: 20px 30px;
}
.brand-section-1 .container {
padding: 0;
}
.img-bg {
background-image: url(../image/restaurant-img-05.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right center;
}
@media screen and (min-width: 768px) {
.img-bg {
height: 450px;
max-height: 100%;
background-position: center;
}
#bottom-cta-section-1 .bottom-cta-1 h3.mobile-title {
font-weight: 700!important;
font-size: 42px!important;
line-height: 55px!important;
}
}
@media screen and (min-width: 1025px) {
.hid-lg{display: none!important;}
.img-bg {height: 500px; max-height: 100%; }
.margin-l25{margin-left:25%;}
h1.banner-title {font-size: 42px!important; line-height: 55px!important;}
.navigation{ font-size: 14px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
h1.banner-title {font-size: 32px!important; line-height: 42px!important;}
a.btn.btn-primary.btn-stroke { margin-top: 0; margin-left: 10px;}
#home-pakfactory a.btn.btn-primary.btn-grey { margin-left: 10px;}
.hid-md{display: none!important;}
}
@media only screen and (max-width: 767px) {
.img-bg {background: transparent;}
.margin-l25{margin:0 15px;}
.landing-page .bottom-cta-1 .btn.btn-primary{ margin: 8px 10px;}
#bottom-cta-section-1 .bottom-cta-1 h3.mobile-title { font-size: 28px!important; line-height: 35px!important; font-weight: 700!important;}
h1.banner-title { line-height: 42px!important;}
#restaurant-lp .landing-page-banner { text-align: center;}
#restaurant-lp .landing-page-banner h1{color: #ffffff!important;}
#restaurant-lp .landing-page-banner p{color: #ffffff;}
.category-item-wrap .section-type-box-des p{display: none;}
.category-item-wrap .section-type-box-des h5 { text-align: center; font-weight: 700!important;}
}
.bottom-cta-1 {
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
img.porto-lazyload.banner-btn.porto-lazyload-loaded {
display: inline-block!important;
position: relative;
vertical-align: middle;
margin-right: 0.4rem; bottom: 2px;
}
a.btn.btn-primary.btn-white-light {
color: #F97D0A;
background: #ffffff!important;
border: 2px solid #ffffff;
font-style: normal;
text-align: center;
box-shadow: none;
padding-top: 9px;
padding-bottom: 9px;
}
@media (min-width: 768px){
.layout-1140 .container { max-width: 1320px!important; }
}
@media (min-width: 1024px){
#home-pakfactory a.btn.btn-primary.btn-grey { margin-left: 15px;}
}
.tes-img {
max-width: 52px;
}
@media (min-width: 769px){
.md-order-2 { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2;}
.md-order-1 { -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1;}
.margin-l25{margin-left:15%;}
}
@media (max-width: 768px){
.margin-l25{ padding-left: 15px; padding-right: 15px;}
}
.category-item-wrap a:hover{text-decoration: none;}
h1, h2, h3, h4, h5, h6 { letter-spacing: normal;}
@media screen and (max-width: 576px) {
.landing-page h4 {font-size: 18px!important; font-weight: 600!important; }
.landing-page h5 {font-size: 16px!important; font-weight: 600!important;}
}
@media screen and (min-width: 577px) {
.landing-page h5 {font-size: 18px!important; font-weight: 600!important; line-height: 22px!important;}
}
.navigation {
font-family: 'Sharp Sans';
font-weight: 600;
}
.mdc-tab {
letter-spacing: normal!important;
}
.block-category-list .block-title, .filter-options-title, .filter .filter-current-subtitle{
letter-spacing: normal!important;
}
select {
font-family: 'Proxima Nova'; font-size: 13px;
}
.google-review-wrap {
background-color: #F6D5A2;
padding-top: 47px;
padding-bottom: 47px;
}
.review-title {
font-family: 'Sharp Sans';
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #061938;
}
.google-review-wrap img {
display: inline-block!important;
vertical-align: top;
padding-left: 10px;
}
.review-line {
font-size: 18px;
font-weight: 600;
line-height: 21px;
font-family: 'Proxima Nova';
}
.review-line a{color: #344563!important;}
.review-content-wrap p {
font-size: 14px!important;
line-height: 20px!important;
}
.landing-page .review-content-wrap p {
margin-bottom: 0!important;
}
@media (min-width: 640px) {
.google-review-wrap .review-title { margin: 0 0 20px;}
.review-content-wrap h5 { margin-top: 0; margin-bottom: 8px;}
}
@media (min-width: 1025px) {
.review-title {padding-right: 1.5em;}
.google-review-wrap .col-md-4 { padding-right: 0;}
.tab-wrap{padding-top: 64px;}
}
@media (max-width: 1024px) {
.google-review-wrap .col-md-8{margin-bottom: 35px;}
.tab-wrap{padding-top: 32px;}
}
@media only screen and (max-width: 767px){
#ecommerce-lp .landing-page-banner { background: #f4d09c; text-align: center;}
#mobile-dark .white { color: #172B4D !important;}
}
@media only screen and (max-width: 768px){
.full-width-mobile{margin-right: -20px; margin-left: -20px;}
.ecommerce-img { padding: 0;}
.btm-mobile-60 { padding-bottom: 60px;}
}
.linkbtn{
font-weight: 700;
font-size: 18px;
line-height: 150%; margin-top: 24px;
}
.linkbtn a.right-arrow {
color: #212427;
}
.feature-img-right-v2 { border-radius: 111px 11px 111px 11px!important; }
.feature-img-left-v2 { border-radius: 11px 111px 11px 111px!important;}
.tes-wrap{border-left: 2px solid #c1c7d0; padding: 10px 10px 10px 25px; margin-top: 25px;}
.tes-des {padding-bottom: 12px; padding-top: 0; font-family: 'Sharp Sans'; font-weight: 600; font-size: 20px; line-height: 30px; color: #000000;}
.tes-wrap .tes-name { font-size: 12px; font-weight: 600; color: #7a869a; line-height: 15px;}
.feature-content { left: 47px; bottom: 10%; position: absolute; text-align: left; width: 60%;}
.solution-point-wrap h4 { line-height: 26px!important;}
.solution-point-wrap img { border-radius: 3px;}
.landing-page .feature-content h4, .landing-page .feature-content a { color: #ffffff!important;}
.solution-point-wrap .col-md-4 { margin-bottom: 30px;}
.ecommerce-img .img-bg {
background-image: url(../image/ecommerce-img-22.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}
.feature-item:hover {
box-shadow: 2px 2px 8px 2px #dedede; border-radius: 3px;
}
.feature-item a {
color: #ffffff;
}
.feature-item a:hover{text-decoration: underline; color: #ffffff;}
.landing-page .feature-item p { color: #fff; margin-bottom: 0!important;}
.right-arrow::after {
display: inline-block;
padding-left: 2px;
content: url("../image/arrow-right.svg");
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
vertical-align: text-top;
}
.right-arrow:hover::after {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.right-arrow2::after {
display: inline-block;
padding-left: 2px;
content: url("../image/arrow-right-3.svg");
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
vertical-align: bottom;
}
.right-arrow2:hover::after {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
min-height: 1px;
padding-right: 12px;
padding-left: 12px;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
border-color: #F97D0A;
}
.btn-primary:hover {
border-color: #F97D0A;
}
.row {
margin-right: calc(var(--bs-gutter-x) / -1);
margin-left: calc(var(--bs-gutter-x) / -1);
}
.modal-popup footer.modal-footer {
justify-content: center;
}
.table { color: #80838c;}
button#empty_quote_button { font-size: 1.4rem; font-weight: 700;}
.primary button { font-size: 1.4rem; font-weight: 700;}
button { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.modal-header { padding: 0 1rem;}
@media (max-width:540px){
.faq-title h4::after { position: absolute; right: 45px;}
}
@media only screen and (max-width: 320px) {
.product-info-main .box-tocart .actions { margin: 10px 10px 0 0px;}
.moved-add-to-links{ margin: 10px 10px 0 0px;}
a.mt-thumb-switcher img { max-width: 70px !important;}
}
/*-----feature product sliide ------------*/
#master-product .owl-nav {
position: absolute;
top: 37%;
width: 100%;
flex: none;
z-index: 9999;
margin-top: 0;
}
#master-product button.owl-prev {
position: absolute;
border: 1px solid #ccc;
color: #777;
background-color: #fff;
border-radius: 50%;
width: 40px; height: 40px;
left: -15px;
}
#master-product button.owl-next {
display: block;
float: right;
border: 1px solid #ccc;
color: #777;
background-color: #fff;
border-radius: 50%;
width: 40px; height: 40px;
position: absolute;
right: -15px;
}
.swiper-pagination-bullet-active {
background-color: #000000!important;
width: 40px;
height: 3px;
}
.swiper-pagination-bullet{
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
@media (min-width: 768px){
.swiper-pagination-bullet {
width: 40px;
height: 3px;
background-color: #C1C7D0;
}
}
.owl-nav button:not(.primary) {
border: 1px solid #C6C6C6;
color: #212427;
padding:0;
background-color: #fff;
border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span {
background-color: #000000!important;
}
.owl-dots {
margin-top: 0;
text-align: center;
}
@media (min-width: 768px) {
.owl-theme .owl-dots .owl-dot.active span {
background-color: #000000!important;
width: 40px;
height: 3px;
}
.owl-theme .owl-dots .owl-dot span {
width: 40px;
height: 3px;
background-color: #C1C7D0;
}
.owl-nav button:not(.primary) {
height: 32px; width: 32px;
}
.porto-icon-left-open-huge:before {
content: url(../image/arrow-left-black.svg)!important;
margin: 0 2px;
width: auto;
vertical-align: middle;
}
.porto-icon-right-open-huge:before {
content: url(../image/arrow-right-black.svg)!important;
margin: 0 2px;
width: auto;
vertical-align: middle;
}
.section-leading-1{padding-top: 70px;}
.align-right-lg{text-align: right;}
.option-featured-product-last .products.wrapper.grid.products-grid {
margin-bottom: 10px;}
#option-tab .col-lg-5 h4{
font-size: 24px!important;
font-weight: 700!important;
color: #000000!important;
margin-bottom: 5px;
}
.section-bottom-cta2 {
margin-bottom: 70px;
}
.option-help { padding-bottom: 119px;}
}
@media (max-width: 767px) {
.option-help { padding-bottom: 64px;}
.owl-nav button:not(.primary) {
height: 32px;
width: 32px;
padding: 3px;
}
.porto-icon-right-open-huge:before {
content: url(../image/arrow-right-black-mobile.svg)!important;
margin: 0 2px;
width: auto;
vertical-align: middle;
}
.porto-icon-left-open-huge:before {
content: url(../image/arrow-left-black-mobile.svg)!important;
margin: 0 2px;
width: auto;
vertical-align: middle;
}
#master-product .owl-theme .owl-dots .owl-dot span {
width: 5px; height: 3px;
}
.section-leading-1, .section-leading-2{padding-top: 40px;}
#option-tab .col-lg-5 h4{
font-size: 18px!important;
font-weight: 700!important;
color: #000000!important;
margin-bottom: 5px;
}
.section-bottom-cta2 {
margin-bottom: 32px;
}
}
/* Master Product */
@media (max-width: 767px) {
.product-item-name{font-size: 16px;}
.products.wrapper.grid.products-grid {
margin-bottom: 0;
}
.section-type-box-1 { padding: 64px 32px;}
.section-type-box-2 { padding: 0;}
.landing-page-section-2 {padding-top: 60px; padding-bottom: 32px;}
h2 {
line-height: 31px;
}
.section-leading-center-2 {
margin: 0 auto 32px;
}
#option-banner h1 {
font-size: 24px!important; line-height: 31px!important;
}
}
@media (min-width: 768px) {
#option-banner h1 {
font-size: 28px!important; line-height: 37px!important;
}
.section-leading-center-2 {
margin: 0 auto 64px;
}
.landing-page-section-2{padding-top: 120px; padding-bottom: 64px;}
.product-item-name{font-size: 18px; margin-bottom: 0;}
.section-type-box-1 { padding: 40px 65px;}
.section-type-box-2 { padding: 17px 0 17px 65px;}
}
.master-product-container .owl-theme .porto-icon-left-open-huge:before, .master-product-container .owl-theme .porto-icon-right-open-huge:before {
font-size: 20px;
}
/*
.master-product-container .owl-theme .owl-nav {
display: none;
}
#master-product .owl-nav {
position: absolute;
top: -70px;
right: -10px;
}
#master-product button.owl-next {
border: none;
}
#master-product button.owl-prev.disabled {
border: none;
}
#master-product button.owl-prev {
border: none;
}
#master-product button:hover{background-color: transparent;}
*/
#master-product .block.widget .products-grid .product-item {
width: auto;
}
/* Master Product end */
#master-product .sub-title-wrap p {
margin-bottom: 9px!important;
}
.sub-title-wrap .icon-link {
margin-bottom: 9px;
}
.section-leading-1{padding-bottom: 3px;}
.sub-title-wrap a, .sub-title-wrap a:focus, .black-link a, .black-link a:focus {
color: #000000!important;
text-decoration: underline;
}
.sub-title-wrap a:hover, .black-link a:hover {
color: #F97D0A!important;
text-decoration: none;
}
.option-help{font-weight: 600; font-size: 18px; color: #000000;}
.section-type-box-1 {
border: 1px solid #DFE1E6;
border-radius: 4px;
margin-top: 33px;
}
.section-type-box-2 {
border-radius: 4px;
margin-top: 33px;
}
.section-type-box-2 img {
border-radius: 4px;
}
.clear{clear: both;}
.stroke-btm-wrap a.btn.btn-primary.btn-stroke {
color: #000000;
border-color: #000000;
margin-left: 0;
}
.stroke-btm-wrap a.btn.btn-primary.btn-stroke:hover {
border-color: #F97D0A;
}
#option-tab .custom-material-tabs-container {
background-color: #ffffff;
}
.check-list {
list-style: none;
padding-left: 0;
}
.check-list li {
padding: 0 0 12px 35px;
background-image: url(../image/circle-check-full.svg);
background-repeat: no-repeat;
}
.img-title {
color: #000000;
font-weight: 600;
padding-top: 16px;
font-size: 14px;
text-align: right;
}
.sub-title {
font-weight: 500;
padding-top: 30px;
}
#maincontent img.product-image-photo {
background-color: #f6f6f6;
}
.section-bottom-cta2 {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFBDAD;
border-radius: 4px;
}
#master-product .section-bottom-cta2 p {
margin-bottom: 0!important;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}
#master-product .section-bottom-cta2 a {
color: #ffffff;
text-decoration: underline;
}
#master-product .section-bottom-cta2 a:hover {
text-decoration: none;
}
.value li { color: #353A3F;}
/*----option tab----*/
@media (max-width: 767px) {
.product.data.items > .item.title > .switch {
font-size: 16px!important;
text-transform: inherit!important;
padding: 20px 0 !important;
}
.tab-wrapper h4{font-size: 18px!important; line-height: 24px!important; margin-bottom: 8px;}
.top-60{padding-top: 50px;}
.tab-wrapper .flex-grid-item-option p {
display: none;
}
.tab-wrap h5 { font-size: 16px!important;}
.tab-wrap .flex-grid-item-option {
flex-basis: 100%;
}
.space-top-64{padding-top: 32px;}
.space-bom-xs-16{padding-bottom: 16px;}
.value h2 {
font-size: 18px!important;
font-weight: 700!important;
font-family: 'Sharp Sans';
}
h3.new-subtitl, .landing-page h3.new-subtitl {
font-size: 16px!important;
line-height: 20px!important;
font-family: 'Proxima Nova';
margin-top: 0;
margin-bottom: 12px;
}
.step h3 {
margin-top: 20px;
margin-bottom: 12px;
font-size: 18px!important;
font-family: 'Proxima Nova';
line-height: 22px!important;
}
.tab-wrap-t64{padding-top: 32px;}
.product-short-des ul.short-des-list {
margin-bottom: 24px;
}
.product-info-main .product-add-form {
padding-top: 24px;
}
.landing-page .product-item-link {
font-size: 16px;
}
.products-grid:not(.side-list) .product-item .product-item-info .product.name a {
font-size: 16px!important;
}
.option-des h4 {
font-size: 16px!important;
}
.description h2 {
font-size: 20px!important;
}
.tab-section{padding-top: 48px;}
.img-name-last { padding-bottom: 0!important;}
}
@media (min-width: 768px) {
.product.data.items > .item.title > .switch {
font-size: 18px!important;
text-transform: inherit!important;
color: #acacac!important;
}
.product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover {
border-bottom: #000000 solid 3px!important;
}
.tab-wrapper h4{font-size: 24px!important; line-height: 32px!important; margin-bottom: 8px;}
.top-60{padding-top: 60px;}
.tab-wrap h5 { font-size: 18px!important;}
.space-top-64{padding-top: 64px;}
.value h2 {
font-size: 24px!important;
font-weight: 700!important;
font-family: 'Sharp Sans';
}
h3.new-subtitl, .landing-page h3.new-subtitl{
font-size: 18px!important;
line-height: 22px!important;
font-family: 'Proxima Nova';
margin-top: 0;
margin-bottom: 12px;
}
.step h3 {
margin-top: 20px;
margin-bottom: 12px;
font-size: 20px!important;
font-family: 'Proxima Nova';
line-height: 24px!important;
}
.tab-wrap-t64{padding-top: 64px;}
.product-short-des ul.short-des-list {
margin-bottom: 32px;
}
.product-info-main .product-add-form {
padding-top: 32px;
}
.landing-page .product-item-link {
font-size: 18px;
}
.products-grid:not(.side-list) .product-item .product-item-info .product.name a {
font-size: 18px!important;
}
.option-des h4 {
font-size: 18px!important;
}
.tab-section{padding-top: 64px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.pad-half { width: 50%; margin-bottom: 32px;}
}
.option-des h4 {
line-height: 22px!important;
font-family: 'Proxima Nova';
margin-top: 0;
margin-bottom: 12px;
}
.tab-wrap-t64{ margin-left: -10px; margin-right: -10px;}
.tab-wrapper .material-des h5 {
font-size: 18px!important;
}
.tab-wrapper .section-opt .options-items {
margin-left: -10px;
margin-top: 24px;
}
.tab-wrapper hr.option-hr {
margin-top: 0;
}
hr.option-hr2 {
margin-top: 70px;
margin-bottom: 70px;
border-color: #efefef;
}
.tab-wrapper .material-box {
box-shadow: 0px 0px 2px rgba(23, 43, 77, 0.04), 0px 3px 2px rgba(23, 43, 77, 0.08);
}
.tab-wrapper .material-box:hover {
box-shadow: 0px 5px 3px rgba(23, 43, 77, 0.04), 0px 8px 5px rgba(23, 43, 77, 0.08);
}
.tab-wrapper .material-box a:hover{text-decoration: none;}
.tab-wrapper h4{font-weight: 700!important;}
.tab-wrapper .material-box p {
font-size: 16px!important;
line-height: 24px!important;
}
.landing-page h2.title-36 {
font-size: 36px!important;
line-height: 47px!important;
}
.tab-wrapper .material-box img {
background-color: #f6f6f6;
}
.product.data.items > .item.title.active > .switch {
color: #000000!important;
}
div#option-banner {
height: 260px;
}
.section-leading-center-2 {
text-align: center;
max-width: 860px;
}
.check-list {
margin-top: 32px;
margin-bottom: 32px;
}
@media (max-width:768px){
.check-list li {
font-size: 16px;
color: #000000;
}
.landing-page-section-2 .material-des h5 {
margin: 0;
}
#master-product button.owl-next, #master-product button.owl-prev {
width: 40px;
height: 40px;
}
#master-product button.owl-prev {left: -10px;}
#master-product button.owl-next{right: -10px;}
#master-product .owl-nav {
top: 33%;
}
button.owl-prev em.porto-icon-left-open-huge {
position: absolute;
top: 6px;
left: 6px;
}
button.owl-next em.porto-icon-right-open-huge {
position: absolute;
top: 6px;
right: 7px;
}
}
@media (min-width: 769px) {
.check-list li {
font-size: 18px;
color: #000000;
}
}
.material-des p {
font-size: 16px!important;
line-height: 24px!important;
}
.product.data.items > .item.title > .switch {
color: #acacac!important;
}
.owl-theme .owl-dots .owl-dot:hover span{ background-color: #000000!important;}
#gsm {
padding-top: 64px;
margin-bottom: 20px;
}
.tab-wrap { margin-left: -10px; }
.tab-wrap .options-items, .tab-wrap-t64 .options-items {
margin-left: -10px;
margin-top: 10px;
}
.tab-wrap .options-items p {
font-size: 16px;
line-height: 24px;
}
.tab-wrap .material-box, .tab-wrap-t64 .material-box {
box-shadow: 0px 0px 1px 1px #dfe1e6;
}
.tab-wrap .material-box:hover, .tab-wrap-t64 .material-box:hover {
box-shadow: 0px 0px 1px 1px #dfe1e6;
}
@media only screen and (max-width: 575px) {
.process-name {
padding-top: 20px;
font-size: 16px;
padding-bottom: 40px;
}
.product.attribute.description .flex-grid-item-option {
flex-basis: 100%;
}
.tab-wrap .options-items, .tab-wrap-t64 .options-items {
margin-left: -5px;
margin-right: -15px;
}
}
@media (max-width: 1024px) {
.tablemobile {overflow-x: auto; display: block; white-space: nowrap;}
.tablemobile::-webkit-scrollbar { width: 1em; height:14px; }
.tablemobile::-webkit-scrollbar-track {background-color: #EEEEEE; }
.tablemobile::-webkit-scrollbar-thumb { background-color: #DADADA; border-radius: 10px; border: 3px solid #EEEEEE;}
}
.option-table-container tr:nth-child(odd) { background-color: #fbfbfb;}
.option-table-container th { color: #000000; font-weight: 600;}
.board-bigbox{border: solid 1px #DFE1E6; border-radius: 10px;margin-left: 0; margin-right: 0;}
.board-bigbox .col-md-7{padding-left: 0;}
.option-board-wrap .row{margin-right: 0; margin-left: 0;}
.product.media img { border-radius: 10px;}
.description p { color: #000000; }
.option-table-container tr:hover {background-color:#f5f5f5;}
ul.short-des-list {
color: #000000;
}
.overview p {
color: #000000; margin-bottom: 24px;
}
.option-img-large {
background-color: #f6f6f6;
text-align: center;
}
.radius-10, .radius-10 img {
border-radius: 10px;
}
.radius-6, .radius-6 img {
border-radius: 6px;
}
.cel-title, .cel-title1 {
background-color: #F4F5F7;
font-weight: 600;
font-family: 'Proxima Nova';
color: #000000;
}
.steps {
font-size: 20px;
font-weight: 700;
line-height: 38px;
color: #C9C9C9;
padding-bottom: 12px;
padding-top: 16px;
}
.material-box a {
text-decoration: none;
}
.product-info-main .page-title-wrapper h1 {
color: #000;
}
div#product\.info\.related img.product-image-photo.default_image {
border-radius: 4px;
}
a.btn-geen {
color: #ffffff!important;
background-color: #F97D0A;
padding: 12px 24px;
border-radius: 4px;
font-family: 'Proxima Nova';
font-weight: 600;
line-height: 20px;
font-size: 16px;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
a.btn-geen:hover{ box-shadow: 0px 5px 10px rgb(0 0 0 / 5%); text-decoration: none; color: #fff; opacity: 0.85;}
.align-right { text-align: right; font-family: 'Proxima Nova'; font-size: 18px; line-height: 27px; color: #000000; font-weight: 600;}
.align-right a {text-decoration: underline; color: #000000!important;}
.align-right a:hover {text-decoration: none; }
@media (max-width:767px){
a.btn-geen { color: #000000!important; text-decoration: underline; background: none; padding-left: 0; font-size: 18px;}
a.btn-geen:hover{ box-shadow: none ; text-decoration: underline; color: #F97D0A; }
.align-right { font-size: 16px; width: 80%; float: right; padding-right: 15px;}
.disabled-xs{display: none;}
}
/*#master-options .product.data.items > .item.content {display:none;} */
.product.data.items > .item.content#tab-1{display:block;}
div#description { display: block;}
.tab-wrap h2 { margin-bottom: 14px;}
div#custom-1 { display: block;}
.product-item-details { padding: 24px 0;}
strong.product-item-name {
font-weight: 500;
line-height: 22px;
}
.products-grid:not(.side-list) .product-item .product-item-info .product.name a {
font-weight: 500;
}
.product.name a {
color: #000000!important;
}
.product-item-name > a, .product.name a > a {
color: #000000!important;
}
@media (max-width: 767px) {
.pink-bar { margin: 40px 0;}
}
@media (min-width: 768px){
.pink-bar { margin: 80px 0;}
}
.pink-bar {
background: #FFBDAD;
padding: 10px 25px;
text-align: center;
color: #ffffff;
line-height: 24px;
border-radius: 4px;
}
.pink-bar a {
color: #ffffff!important;
text-decoration: underline; transition: .5s;
}
.pink-bar a:hover {
color: #000000!important;
text-decoration: underline;
}
.learn-more a {
color: #000000!important;
text-decoration: underline;
line-height: 22px;
}
.learn-more a:hover{text-decoration: none;}
@media (min-width: 768px) {
.learn-more { text-align: right;}
.learn-more a {font-size: 18px;}
.left-feature-img img { border-radius: 10px 0 0 10px;}
}
@media (max-width: 767px) {
.learn-more a {font-size: 16px;}
.learn-more {padding-bottom: 24px;}
.left-feature-img img { border-radius: 10px 10px 0 0;}
.row.board-bigbox { margin-left: 0; margin-right: 0;}
.board-bigbox .col-sm-6 { padding: 0; width: 100%;}
}
.left-feature-img {
padding-left: 0;
background: #f6f6f6;
display: flex;
align-items: center;
justify-content: space-around;
padding-right: 0;
}
.table-title-center{margin: 24px 0;
text-align: center;
line-height: 24px!important;
font-family: 'Proxima Nova';}
.table-title-center2{margin: 32px 0 24px 0;
text-align: center;
line-height: 24px!important;
font-family: 'Proxima Nova';}
.row.mt-5.box_feature_category_id_wrapper {
border-bottom: #ebebeb solid 1px;
padding-bottom: 39px;
padding-top: 39px;
}
/*------------new folding carton landing page----------*/
#slider-li .next::before {
content: url(https://media.pakfactory.com/porto/web/css/img/arrow-right-circle.svg);
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);}
#slider-li .prev::before {
content: url(https://media.pakfactory.com/porto/web/css/img/arrow-left-circle.svg);
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);}
.google-review-wrap-grey {
background-color: #FAFBFC;
padding-top: 47px;
padding-bottom: 47px;
}
.white-btn {
background-color: #ffffff;
color: #000000;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
padding: 10px 25px;
}
@media (min-width:768px){
.white-btn { margin-left: 13px;}
.option-tab-bar {background-image: url("https://media.pakfactory.com/porto/web/css/img/grey1.jpg"); background-position: top; background-repeat: repeat-x;}
.feature-space120 {
margin-top: 120px!important;
}
.keypoint .col-md-3 {
margin-top: 64px;
}
}
@media (max-width: 767px) {
.white-btn { margin-left: 0;}
.white-btn {
width: 100%;
margin: auto;
display: block;
margin-top: 24px;
}
.br-hid-xs, .hid-xs {
display: none!important;
}
.feature-space120 {
margin-top: 80px!important;
}
.keypoint .col-md-3 {
margin-top: 32px;
}
}
.product-list-section {
padding-top: 120px;
}
.option-section {
background: #FAFBFC;
padding: 80px 0;
}
.materials_category_id_wrapper, .printing_method_category_id_wrapper, .finishing_category_id_wrapper, .closure_type_category_id_wrapper, .pouch_bottom_category_id_wrapper, .addtion_options_category_id_wrapper, .inks_category_id_wrapper, .wrapping_paper_category_id_wrapper {
margin-top: 64px!important;
border-bottom: 1px solid #DFE1E6;
padding-bottom: 39px;
}
.addon_on_category_id_wrapper {
margin-top: 64px!important;
}
/*-------v2 landing page css-----------*/
/* btn auto fit different devices*/
@media only screen and (min-width: 768px) and (max-width: 1294px) {
.col-md-6 a.btn.btn-primary.btn-stroke {
margin-top: 15px;
}
.col-md-6 a.btn.btn-primary {
margin-right: 15px;
margin-top: 15px;
}
.col-md-6 a.btn.btn-primary.btn-stroke {
margin-left: 0;
}
}
@media only screen and (min-width: 561px) and (max-width: 767px) {
.col-md-6 a.btn.btn-primary {
margin-right: 15px;
}
.col-md-6 a.btn.btn-primary.btn-stroke {
margin-top: 0;
}
}
@media (max-width: 560px) {a.btn.btn-primary {margin-right: 15px;}}
/* end of btn auto fit different devices*/
@media (min-width: 768px) {
.top-100{padding-top: 100px;}
}
@media (max-width: 767px) {
.top-100{padding-top: 64px;}
}
.action-row {
margin-top: 30px;
}
.feature-row .landing-page-section-des h3 {
font-weight: 700!important;
font-size: 28px!important;
}
.feature-row .landing-page-section-des p, .landing-page .one-stop p{
color: #878787!important;
}
.feature-row .nav.nav-tabs {
border-bottom: none;
}
.feature-row {
margin-top: 32px;
}
.banner-google-review img {
display: inline-block!important;
vertical-align: bottom;
margin-left: 10px;
}
.center {text-align: center;}
.landing-page .center p {
margin-bottom: 0!important;
}
.google-review-cta {display: inline-block; vertical-align: middle;}
a.line-grey-btn {
color: #26393B;
border: 1px solid #EBECF0;
padding: 16px;
display: inline-block;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
.section-btn-row {
margin-top: 30px;
}
a.line-grey-btn:hover, li.service.active a{
color: #F97D0A;
background: #dedfe1;
border-color: #F97D0A;
}
.new-feature .feature-img-left-v2 {
border-radius: 5px!important;
}
.product-title h2, .product-title .link {
display: inline-block; margin-bottom: 16px;
}
.product-title .link a {
margin-left: 16px;
color: #212326;
text-decoration: underline;
}
#product-section-greybg {
background: #FAF9F8;
padding-top: 100px;
}
#product-section-greybg .section-leading p, .option-row-v2 .material-des p{color: #878787;}
#product-section-greybg .section-leading {margin-bottom: 100px;}
.option-row-v2 .flex-grid-item-option a {text-decoration: none;}
.option-row-v2 .center-action {margin-top: 0;}
.feature-space100{margin-top:100px;}
.bag-box a:hover {text-decoration: none;}
.section-grey-background2 {background: #FAFBFC;}
.story-tab-box h2 {
font-size: 36px!important;
line-height: 47px!important;
}
.bag-box a:hover {
text-decoration: underline;
color: #878787;
}
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(4n) {
margin-right: 0;
}
@media (min-width: 1025px) {
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item {
width: calc((100% / 4) - 1.8%);
float: left;
padding: 0;
margin-bottom: 30px;
margin-right: 2%;
display: flex;
}
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(3n) {
margin-right: 2%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item {
width: calc((100% / 2) - 1.8%);
float: left;
padding: 0;
margin-bottom: 30px;
margin-right: 2%;
display: flex;
}
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(2n) {
margin-right: 0;
}
.carousel-item-wrapper .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(3n) {
margin-right: 2%;
}
}
.top-title {
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 3px;
color: #878787;
margin-bottom: 24px;
}
.landing-page .keypoint h3 {
margin-top: 24px!important;
margin-bottom: 12px!important;
font-size: 18px!important;
line-height: 24px!important;
font-weight: 700!important;
}
.landing-page .one-stop p {
margin-bottom: 0!important;
font-size: 18px;
line-height: 27px;
}
/*option tab*/
@media (min-width: 1025px) {
.faq-section2 {
padding: 0 100px 56px 100px;
}
}
@media (max-width: 1024px) {
.feature-row .nav.nav-tabs {
white-space: nowrap;
overflow: auto;
}
.tab-wrapper li {
display: inline;
}
.tab-wrapper .nav {
flex-wrap: inherit;
}
.faq-section2 {
padding: 0 20px 56px 20px;
}
}
@media (min-width: 768px) {
.lp-section, .lp-wrapper{padding-top: 96px; padding-bottom: 96px;}
.landing-page h1 { font-size: 37px!important; line-height: 48px!important;}
.review-v3 { font-size: 18px;}
.cta-bar-grey {display: flex; align-items: center;}
.right-btm-column{ display: flex;
align-items: flex-end;
flex-direction: column-reverse;}
}
@media (max-width: 767px) {
.lp-section, .lp-wrapper { padding-top: 64px; padding-bottom: 64px;}
.tab-content .col-sm-4 {width: 33%;}
.landing-page h1 { margin-top: 42px; text-align: center; }
.bannder-btn {text-align: center;}
.onestop-img {margin-top: 48px;margin-bottom: 16px;}
.landing-page h1 { font-size: 32px!important; line-height: 43px!important;}
.review-v3 { font-size: 15px; text-align: center; line-height: 200%;}
.cta-bar-grey {display: table-cell; vertical-align: middle;}
}
.option-title {
font-size: 16px;
line-height: 19px;
margin-top: 10px;
margin-bottom: 16px;
}
.option-item img {
border-radius: 6px!important;
}
.tab-row .tab-wrapper {
box-shadow: 0px 18px 12px rgb(23 43 77 / 4%), 0px 24px 18px rgb(23 43 77 / 8%);
border-radius: 6px;
padding: 27px;
margin-bottom: 32px;
border: 1px solid #EBECF0;
}
.tab-row .tab-wrapper .nav-tabs {
border-bottom: none;
}
.option-setion .row {
margin-left: 0;
margin-right: 0;
}
.option-setion .col-md-3, .option-setion .col-sm-4{
padding-right: 5px;
padding-left: 5px;
}
.option-setion img {
border-radius: 6px;
}
.tab-wrapper li.active {
background: #F97D0A;
color: #ffffff;
padding: 10px 20px;
border-radius: 100px;
transition: 0.25s ease-out;
}
.tab-wrapper li.active a {
color: #ffffff; font-weight: 600; text-decoration: none;
}
.tab-wrapper li {
padding: 10px 20px; margin-bottom: 18px;
}
.tab-wrapper li a {
color: #000000;
font-weight: 600;
}
.tab-wrapper .tab-content {
margin-top: 14px;
}
.small-content {
text-align: center;
font-size: 14px;
}
.option-title a, .small-content a {
color: #878787!important;
}
.small-content a {
text-decoration: underline;
}
.small-content a:hover{color:#000000;}
/*end of option tab*/
.lp-wrapper .landing-page-section-des h3 {
font-weight: 700!important;
}
.lp-wrapper img {
border-radius: 6px;
}
.bulletpoint .col-md-3 {
padding-left: 12px;
padding-right: 12px;
}
.landing-page .product-section p {
margin-bottom: 0!important;
}
.review-v3 img, .cta-bar-grey img {
display: inline-block!important;
}
.review-v3 {
font-weight: 600;
color: #3C4044;
}
.review-v3 a {
text-decoration: underline;
color: #3C4044!important;
}
.lp-review-grey-bar {
background-color: #fafafa;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EDEDEE;
}
.cta-bar-grey {
background: #F9F9FE;
border-radius: 40px;
font-size: 15px;
line-height: 22px;
color: #3C4044;
background-image: url("../image/cta-icon.webp");
background-repeat: no-repeat;
background-position: left;
padding-left: 82px;
height: 70px;
}
.cta-bar-grey img {
padding-right: 20px;
}
.cta-bar-grey span a {
color: #87898C;
text-decoration: underline;
}
#lp-section-greybg {
background: #fafafa;
padding-top: 100px;
padding-bottom: 100px;
}
.option-tooltip {
display: none;
}
.landing-page-banner a.btn.btn-primary.btn-white { background: #ffffff!important; color: #F97D0A; }
.landing-page-banner a.btn.btn-primary.btn-white:hover{border-color: #ffffff;}
@media (min-width: 768px) {.btn-white {margin-right: 16px!important;}}
.upline {
font-weight: 700;
font-size: 12px;
line-height: 16px;
letter-spacing: 3px;
color: #ACACAC;
padding-bottom: 24px; font-family: 'Sharp Sans';
}
.feature-section-3 img {
border-radius: 10px;
}
/*--ld banner fit in different devices--*/
@media only screen and (min-width: 722px) and (max-width: 767px) {
.mob-content-wrap .landing-page-banner-content { padding-top: 540px;}
}
@media only screen and (min-width: 660px) and (max-width: 721px) {
.mob-content-wrap .landing-page-banner-content { padding-top: 500px;}
}
@media only screen and (min-width: 600px) and (max-width: 659px) {
.mob-content-wrap .landing-page-banner-content { padding-top: 450px;}
}
@media only screen and (min-width: 456px) and (max-width: 599px) {
.mob-content-wrap .landing-page-banner-content { padding-top: 400px;}
}
@media only screen and (min-width: 429px) and (max-width: 455px) {
.mob-content-wrap .landing-page-banner-content { padding-top: 320px;}
}
@media (max-width: 428px) { .mob-content-wrap .landing-page-banner-content { }}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.landing-page-banner .col-md-5, .landing-page-banner .col-md-6 { width: 70%;}
}
@media only screen and (min-width: 768px) and (max-width: 861px) {
.google-review-cta{margin-top: 20px; margin-bottom: 20px; margin-left: 0;}
}
/*--product page input field--*/
@media (min-width: 1023px) {
form#product_addtocart_form .field.required {
width: 33.33%;
float: left;
padding-right: 20px;
}
}
@media only screen and (min-width: 561px) and (max-width: 1024px) {
form#product_addtocart_form .field.required {
width: 50%;
float: left;
padding-right: 20px;
}
}
/*--end product page input field--*/
/*===== btn======*/
a.button-stroke-black {
color: #000000!important;
background: transparent!important;
border: 2px solid #000000;
text-align: center;
box-shadow: none;
font-family: 'Proxima Nova';
font-weight: 600;
font-size: 18px;
line-height: 22px;
padding: 16px 32px;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
display: inline-block;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
border-radius: 6px;
margin-top: 24px;
}
.button-stroke-black:hover{
box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
}
a.green-button {
background: #F97D0A;
color: #ffffff!important;
border-radius: 6px;
padding: 16px 32px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
font-weight: 600;
border-color: transparent;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
text-shadow: 0 0 2px #00000045;
}
a.green-button:active {
background: #F97D0A;
color: #ffffff;
box-shadow: 0px 5px 10px rgb(0 0 0 / 16%);
}
a.green-button:active:focus {
border-color: transparent; color: #ffffff;
}
a.green-button:active:hover {
border-color: transparent; color: #ffffff;
}
a.green-button:active {
opacity: 0.5; color: #ffffff;
}
a.green-button:hover {
text-decoration: none; opacity: .8; box-shadow: 0px 5px 10px rgb(0 0 0 / 16%);
}
/*=====end green btn=======*/
/*-----sticky sub-navigation------*/
.sub-nav-sticky{ display: flex}
.sticky{ position: fixed; top: 45px; left: 0; width: 100%; z-index: 2;}
.landing-page-nav { width: 100%;}
.sticky .landing-page-nav { text-align: left; box-shadow: 0px 4px 5px rgb(0 0 0 / 6%); background-color: #ffffff;}
.sticky .landing-page-nav .container {padding: 0 7px;}
/*-----endsticky sub-navigation------*/
/* START mytooltip STYLES */
[mytooltip] {
position: relative; /* opinion 1 */
}
/* Applies to all mytooltips */
[mytooltip]::before,
[mytooltip]::after {
text-transform: none; /* opinion 2 */
font-size: .9em; /* opinion 3 */
line-height: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[mytooltip]::before {
content: '';
border: 5px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
}
[mytooltip]::after {
content: attr(mytooltip); /* magic! */
/* most of the rest of this is opinion */
font-family: Helvetica, sans-serif;
text-align: center;
/*
Let the content set the size of the mytooltips
but this will also keep them from being obnoxious
*/
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000; /* absurdity 2 */
}
/* Make the mytooltips respond to hover */
[mytooltip]:hover::before,
[mytooltip]:hover::after {
display: block;
}
/* don't show empty mytooltips */
[mytooltip='']::before,
[mytooltip='']::after {
display: none !important;
}
/* FLOW: UP */
[mytooltip]:not([flow])::before,
[mytooltip][flow^="up"]::before {
bottom: 117%;
border-bottom-width: 0;
border-top-color: #333;
}
[mytooltip]:not([flow])::after,
[mytooltip][flow^="up"]::after {
bottom: calc(100% + 8px);
}
[mytooltip]:not([flow])::before,
[mytooltip]:not([flow])::after,
[mytooltip][flow^="up"]::before,
[mytooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[mytooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[mytooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[mytooltip][flow^="down"]::before,
[mytooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[mytooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[mytooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[mytooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[mytooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@-webkit-keyframes mytooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes mytooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@-webkit-keyframes mytooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
@keyframes mytooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
/* FX All The Things */
[mytooltip]:not([flow]):hover::before,
[mytooltip]:not([flow]):hover::after,
[mytooltip][flow^="up"]:hover::before,
[mytooltip][flow^="up"]:hover::after,
[mytooltip][flow^="down"]:hover::before,
[mytooltip][flow^="down"]:hover::after {
-webkit-animation: mytooltips-vert 300ms ease-out forwards;
animation: mytooltips-vert 300ms ease-out forwards;
}
[mytooltip][flow^="left"]:hover::before,
[mytooltip][flow^="left"]:hover::after,
[mytooltip][flow^="right"]:hover::before,
[mytooltip][flow^="right"]:hover::after {
-webkit-animation: mytooltips-horz 300ms ease-out forwards;
animation: mytooltips-horz 300ms ease-out forwards;
}
/*-----end css tooltip------*/
.property img {
display: inline-block!important;
margin-right: 4px; margin-left: 4px;
margin-top: 16px;
background-color: #ffffff!important;
}
.property span{cursor: help;}
.property .widget.block.block-static-block {
display: inline-block;
}
@media (max-width: 767px) {.property{display: none;}}
.add-to-quote-popup .fa-sticky-note:before {
content: url("../image/add-to-quote-box.svg");
}
.add-to-quote-popup .modal-footer button.primary, .add-to-quote-popup .modal-footer .action.primary {font-size: 16px;
font-weight: 500;}
.point-item .right-arrow::after {
content: url(../image/arrow-right-circle-green.svg);
}
span.pk-category-banner-title p {
font-weight: 700 !important;
font-size: 32px !important;
line-height: 39px !important;
color: white;
margin-bottom: 0px;
}
.product-item-link {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
line-height: 20px;
height: 44px;
}