/*************************************************** Mixins Themes /***************************************************/ /* Mixin Normal*/ /* Mixin Clear */ /* Mixin Border */ /*background RGBA ============================================*/ /*************************************************** Mixins RTL Themes /***************************************************/ /************************************ Override Bootstrap *************************************/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /***********************************************************************/ /* Title Block */ .ApColumn .title_block { font-size: 42px; line-height: 50px; color: #222; padding: 0; margin: 0 0 10px; /* font-family: "Eina03-600"; */ } @media (max-width: 991px) { .ApColumn .title_block { font-size: 35px; line-height: 40px; } } .page-home .ApColumn .title_block { text-align: center; } .page-home .ApColumn .sub-title-widget { text-align: center; max-width: 560px; margin: 0 auto 60px; font-size: 15px; line-height: 25px; } @media (max-width: 991px) { .page-home .ApColumn .sub-title-widget { margin-bottom: 30px; } } @media (max-width: 767px) { .page-home .ApColumn .sub-title-widget { font-size: 14px; line-height: 24px; } } .bg-fullwidth { position: relative; } .bg-fullwidth:before { content: ""; padding: 0px 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; } .rtl .bg-fullwidth:before { margin-right: -1000px; margin-left: inherit; } .block-toggler .title, .footer-container .links .title { cursor: pointer; position: relative; } .block-toggler .title .collapse-icons .remove, .footer-container .links .title .collapse-icons .remove { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .add, .footer-container .links .title[aria-expanded="true"] .collapse-icons .add { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .remove, .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove { display: block; } .block-toggler .navbar-toggler, .footer-container .links .navbar-toggler { display: block; padding: 0; width: 30px; height: 30px; position: absolute; top: 0; right: 0; } .rtl .block-toggler .navbar-toggler, .rtl .footer-container .links .navbar-toggler { left: 0; right: auto; } .block-toggler .navbar-toggler i, .footer-container .links .navbar-toggler i { width: 30px; height: 30px; line-height: 30px; text-align: center; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse-icons, .footer-container .links.accordion_small_screen .collapse-icons { display: none; } } .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: block; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { height: 100% !important; } } @media (max-width: 767px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: none; } .block-toggler.accordion_small_screen .collapse.in, .footer-container .links.accordion_small_screen .collapse.in { display: block; } } /* Widget Alert */ .alert { text-align: left; margin-top: 15px; padding-left: 35px; position: relative; letter-spacing: 1px; } .rtl .alert { text-align: right; } .rtl .alert { padding-right: 35px; padding-left: inherit; } .alert:before { font-family: "FontAwesome"; font-size: 14px; vertical-align: -2px; padding-right: 7px; float: left; left: 15px; top: 13px; } .rtl .alert:before { padding-left: 7px; padding-right: inherit; } .rtl .alert:before { float: right; } .rtl .alert:before { right: 15px; left: auto; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-warning:before { content: "\f071"; } .alert.alert-info:before { content: "\f05a"; } .alert.alert-danger:before { content: "\f00d"; } /* Css Accordion */ .ap-accordion .in { display: block; } .ap-accordion .panel-group .panel-default .panel-title { border-top: 1px solid transparent; padding: 0px; margin-bottom: 0px; font-size: 12px; } .ap-accordion .panel-group .panel-default .panel-title .collapsed { display: block; font-weight: normal; } .ap-accordion .panel-default { border: 1px solid transparent; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ap-accordion .panel-default .panel-title { text-transform: none; background: #f0f0f0; position: relative; font-weight: normal; } .ap-accordion .panel-default .panel-title a:before { background: none; content: "arrow_drop_up"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 25px; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .ap-accordion .panel-default .panel-title .collapsed:before { background: none; content: "arrow_drop_down"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 25px; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .ap-accordion .panel-default .panel-heading { background: #f0f0f0; border: 1px solid #f0f0f0; } .ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body { border: 1px solid #f0f0f0; } /* Widget Tab */ .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0px; } .tab-content .tab-pane, .tab-content .pill-pane, .pill-content .tab-pane, .pill-content .pill-pane { display: none; } .tab-content .active, .pill-content .active { display: block; } .tabs-below .nav-tabs { border-top: 1px solid #eeeeee; } .tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .rtl .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .tabs-below .nav-tabs > li > a:hover, .tabs-below .nav-tabs > li > a:focus { border-top-color: #eeeeee; border-bottom-color: transparent; } .tabs-below .nav-tabs > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus { border-color: transparent #eeeeee #eeeeee #eeeeee; } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-bottom: 3px; margin-right: 0; } .rtl .tabs-left .nav-tabs > li > a, .rtl .tabs-right .nav-tabs > li > a { margin-left: 0; margin-right: inherit; } .tabs-left .nav-tabs { float: left; border-right: 1px solid #eeeeee; } .rtl .tabs-left .nav-tabs { float: right; } .rtl .tabs-left .nav-tabs { border-left: 1px solid #eeeeee; border-right: inherit; } .tabs-left .nav-tabs > li > a { margin-right: -1px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .rtl .tabs-left .nav-tabs > li > a { margin-left: -1px; margin-right: inherit; } .rtl .tabs-left .nav-tabs > li > a { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .tabs-left .nav-tabs > li > a:hover, .tabs-left .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #eeeeee; } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus { border-color: #eeeeee transparent #eeeeee #eeeeee; *border-right-color: #FFFFFF; } .tabs-right .nav-tabs { float: right; border-left: 1px solid #eeeeee; } .rtl .tabs-right .nav-tabs { float: left; } .rtl .tabs-right .nav-tabs { border-right: 1px solid #eeeeee; border-left: inherit; } .tabs-right .nav-tabs > li > a { margin-left: -1px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .rtl .tabs-right .nav-tabs > li > a { margin-right: -1px; margin-left: inherit; } .rtl .tabs-right .nav-tabs > li > a { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .tabs-right .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #eeeeee; } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus { border-color: #eeeeee #eeeeee #eeeeee transparent; *border-left-color: #ffffff; } .widget-tabs li { padding: 5px 8px; border: 1px solid transparent; text-transform: uppercase; } .widget-tabs li a { color: #333; } .widget-tabs li.active { border: 1px solid #333; } .widget-tabs li.active a { color: #333; } .block .nav-pills > li.active > a { position: relative; } .block .nav-pills > li.active > a:before { content: "\f0d7"; position: absolute; bottom: -7px; height: 10px; line-height: 10px; font-family: "FontAwesome"; color: #333; font-size: 19px; z-index: 9; right: 50%; margin-right: -4px; } .rtl .block .nav-pills > li.active > a:before { left: 50%; right: auto; } .rtl .block .nav-pills > li.active > a:before { margin-left: -4px; margin-right: inherit; } .block .panel-group { margin-bottom: 0; } .nav-tabs { border-bottom: 1px solid transparent; padding-bottom: 20px; } .nav-tabs > li > a { color: #767676; border-bottom: 2px solid transparent; text-transform: uppercase; } .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus { border: 1px solid transparent; background: #eeeeee; border-bottom: 2px solid #c0c700; color: #000000; } /** * Start for module ap_gmap */ div[id^="google-maps"] { position: relative; } div[id^="gmap-stores-list"] { overflow: auto !important; } div[id^="gmap-stores-list"] > ul { margin: 30px; } .display-list-store { background-color: #6cabd5; float: left; } .rtl .display-list-store { float: right; } .gmap-stores-content, .gmap-content { display: inline-block; margin: 0; padding: 0; position: relative; } .not-display-list-store .gmap-stores-content, .not-display-list-store .gmap-content { width: 100%; } .gmap-cover { width: 100%; } .item-gmap-store { cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 15px; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .item-gmap-store:hover { color: #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-gmap-store .icon-map-marker { margin-right: 6px; font-size: 120%; } .rtl .item-gmap-store .icon-map-marker { margin-left: 6px; margin-right: inherit; } .item-gmap-store text { font-size: 85%; } /** * End for module ap_gmap */ /** * Start for module ap_product_list */ /** * End for module ap_product_list */ /** * Start for module ap_image */ .ap_image .has-animation { opacity: 0; filter: alpha(opacity=0); } .ap_image .has-animation.animated { opacity: 1; filter: alpha(opacity=100); } /** * End for module ap_image */ /** * End for module ApFullSlider */ .full-slider .carousel-inner { position: relative; overflow: hidden; width: 100%; height: 100%; background: transparent; } .full-slider .carousel-inner .item { width: 100%; height: 100%; } .full-slider .content-slider { position: absolute; top: 35%; color: #FFFFFF; left: 0; right: 0; text-align: center; } .full-slider .content-slider h3 { font-size: 60px; text-transform: uppercase; font-weight: 400; } .full-slider .content-slider p { margin-top: 30px; background: #c70005; padding: 10px 20px; display: inline-block; text-transform: uppercase; font-size: 1rem; } .full-slider .carousel-control { top: 50%; width: 40px; height: 40px; background-color: #121212; background-color: rgba(18, 18, 18, 0.52); zoom: 1; background-color: transparent\9; } .full-slider .carousel-control.left { left: 10px; } .rtl .full-slider .carousel-control.left { right: 10px; left: auto; } .full-slider .carousel-control.right { right: 10px; } .rtl .full-slider .carousel-control.right { left: 10px; right: auto; } /** * Widget Video */ .embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0px; } .rtl .embed-responsive iframe, .rtl .embed-responsive object, .rtl .embed-responsive embed { right: 0px; left: auto; } /** * Start for module ApFullSlider */ .cover-live-edit { width: 100%; border-top: 1px solid #eeeeee; } .cover-live-edit .link-to-back-end { text-decoration: none; color: #FFFFFF; z-index: 9999; background-color: rgba(204, 153, 0, 0.5); padding: 5px; position: relative; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; box-shadow: 0 0 5px #bdbdbd; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cover-live-edit .link-to-back-end:hover { background-color: #00e676; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook { border: 1px solid #eeeeee; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook:hover { border: 1px dashed #333; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /** * End for module ApFullSlider */ /* Widget Manufacturers */ .manufacturers_block { margin: 0 !important; padding: 50px 0; text-align: center; border-top: 1px solid #eaeaea; } .manufacturers_block .image { text-align: center; padding: 10px; } .manufacturers_block .image a { display: inline-block; padding: 10px; border-radius: 50%; vertical-align: top; transition: all .4s; opacity: 1; } .manufacturers_block .image a:hover { opacity: 0.7; } /* Widget Category Image */ /* Multi Image Product List */ .leo-more-info { background-color: #FFFFFF; position: absolute; z-index: 4000; top: 0; width: 0; height: 100%; overflow: hidden; right: 0px; float: left; text-align: left; padding: 5px 5px 10px 5px; -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; filter: alpha(opacity=0); } .rtl .leo-more-info { left: 0px; right: auto; } .rtl .leo-more-info { float: right; } .rtl .leo-more-info { text-align: right; } .rtl .leo-more-info { padding: 5px 5px 10px 5px; } .leo-more-info .thumbs_list { overflow: hidden; margin-top: 14px; margin-bottom: 20px; float: left; width: 80px; height: 300px; } .rtl .leo-more-info .thumbs_list { float: right; } .leo-more-info .thumbs_list ul.thumbs_list_frame { list-style-type: none; padding-left: 0; } .rtl .leo-more-info .thumbs_list ul.thumbs_list_frame { padding-right: 0; padding-left: inherit; } .leo-more-info .thumbs_list li { cursor: pointer; float: left; width: 84px; height: 100px; } .rtl .leo-more-info .thumbs_list li { float: right; } .leo-more-info .thumbs_list li a { display: block; margin: 0 1px 2px; text-align: center; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { position: absolute; width: 15px; margin: auto; left: 0px; right: 0px; } .leo-more-info .view_scroll_right { bottom: 0px; margin-bottom: 5px; } .leo-more-info .view_scroll_left { margin-top: 5px; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /* Instagram Block */ .instagram-block .owl-item a { display: block; overflow: hidden; position: relative; padding-bottom: 100%; } .instagram-block .owl-item a:before { content: "\f16d"; font-family: "FontAwesome"; font-size: 22px; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; margin-left: -20px; text-align: center; z-index: 2; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); -o-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .instagram-block .owl-item a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); -o-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); z-index: 1; } .instagram-block .owl-item a:hover:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .instagram-block .owl-item a:hover:after { opacity: 1; filter: alpha(opacity=100); } .instagram-block .owl-item a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .instagram-block .link-instagram { margin: 0; } /* widget images category */ .widget-category_image .cate-show-all { display: none; } .widget-category_image .view_all_wapper { display: none; } .widget-category_image .block_content:after { content: ""; display: block; clear: both; } .widget-category_image .block_content .wr-text { position: absolute; left: 35px; text-align: left; top: 50px; } .rtl .widget-category_image .block_content .wr-text { right: 35px; left: auto; } .rtl .widget-category_image .block_content .wr-text { text-align: right; } .widget-category_image .block_content .cate-name { /* font-family: "Eina03-600"; */ font-size: 34px; line-height: 30px; letter-spacing: 0.34px; color: #222; display: inline-block; margin-bottom: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 991px) { .widget-category_image .block_content .cate-name { font-size: 25px; } } .widget-category_image .block_content .items { color: #777777; font-size: 14px; font-family: "Eina03-400"; letter-spacing: 0.14px; display: block; } .widget-category_image .block_content > ul { width: 50%; float: left; padding-left: 20px; position: relative; overflow: hidden; } .rtl .widget-category_image .block_content > ul { float: right; } .rtl .widget-category_image .block_content > ul { padding-right: 20px; padding-left: inherit; } @media (max-width: 1199px) { .widget-category_image .block_content > ul { padding-left: 9px; } .rtl .widget-category_image .block_content > ul { padding-right: 9px; padding-left: inherit; } } @media (max-width: 767px) { .widget-category_image .block_content > ul { padding: 0; width: 100%; text-align: center; } } .widget-category_image .block_content > ul:first-child { padding-right: 20px; padding-left: 0px; } .rtl .widget-category_image .block_content > ul:first-child { padding-left: 20px; padding-right: inherit; } .rtl .widget-category_image .block_content > ul:first-child { padding-right: 0px; padding-left: inherit; } @media (max-width: 1199px) { .widget-category_image .block_content > ul:first-child { padding-right: 9px; } .rtl .widget-category_image .block_content > ul:first-child { padding-left: 9px; padding-right: inherit; } } @media (max-width: 767px) { .widget-category_image .block_content > ul:first-child { margin-bottom: 15px; padding-right: 0px; } .rtl .widget-category_image .block_content > ul:first-child { padding-left: 0px; padding-right: inherit; } } .widget-category_image .block_content > ul li { overflow: hidden; position: relative; } @media (max-width: 767px) { .widget-category_image .block_content > ul li { display: inline-block; max-width: 100%; } } .widget-category_image .block_content > ul img { width: 100%; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } @media (max-width: 767px) { .widget-category_image .block_content > ul img { /* max-width: 500px; */ } } .widget-category_image .block_content > ul:hover .cate-name { color: #333; } @media (min-width: 768px) { .widget-category_image .block_content > ul:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } .text-center-bottom .widget-category_image .wr-text { top: auto; bottom: 50px; left: 0; right: 0; text-align: center; } .ApInstagram .block_content { margin: 0 -15px; } @media (min-width: 1200px) { .container { padding-left: 20px; padding-right: 20px; } .row { margin-left: -20px; margin-right: -20px; } .col-xs, .col-xs-2-4, .col-xs-4-8, .col-xs-7-2, .col-xs-9-6, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-2-4, .col-sm-4-8, .col-sm-7-2, .col-sm-9-6, .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-md, .col-md-2-4, .col-md-4-8, .col-md-7-2, .col-md-9-6, .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-lg, .col-lg-2-4, .col-lg-4-8, .col-lg-7-2, .col-lg-9-6, .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-xl, .col-xl-2-4, .col-xl-4-8, .col-xl-7-2, .col-xl-9-6, .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 { padding-right: 20px; padding-left: 20px; } } @media (max-width: 1199px) { .col-xs, .col-xs-2-4, .col-xs-4-8, .col-xs-7-2, .col-xs-9-6, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-2-4, .col-sm-4-8, .col-sm-7-2, .col-sm-9-6, .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-md, .col-md-2-4, .col-md-4-8, .col-md-7-2, .col-md-9-6, .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-lg, .col-lg-2-4, .col-lg-4-8, .col-lg-7-2, .col-lg-9-6, .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-xl, .col-xl-2-4, .col-xl-4-8, .col-xl-7-2, .col-xl-9-6, .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 { padding-right: 9px; padding-left: 9px; } .container { padding-left: 9px; padding-right: 9px; } .owl-carousel .owl-item { padding: 0 9px; } .owl-row { margin-left: -9px; margin-right: -9px; } .row { margin-right: -9px; margin-left: -9px; } .page-home > div { margin-left: 0; margin-right: 0; padding-left: 9px; padding-right: 9px; } .page-home .box-slider { margin: 0 -9px 40px; padding: 0; } .ApInstagram .block_content { margin: 0 -9px; } } /* end max 1199px */ @media (max-width: 991px) { .page-home .box-slider { margin-bottom: 20px; } } #content-wrapper .sitemap h2 { margin: 0 0 20px; } #content-wrapper .sitemap li a { display: block; padding: 5px 0; color: #888; } #content-wrapper .sitemap li a:hover { color: #333; } #pagenotfound .page-not-found { text-align: center; box-shadow: none; padding: 30px; font-weight: 400; font-size: 17px; margin-bottom: 40px; font-family: 'Poppins'; } #pagenotfound .page-not-found .image-404 { margin-bottom: 40px; } #pagenotfound .page-not-found h1 { font-weight: 400; font-size: 100px; margin: 0 0 10px 0; font-family: 'Poppins'; color: #ff847b; } #pagenotfound .page-not-found .btn { background: #282828; color: #fff; border: 0; padding: 20px 25px; margin-top: 40px; } #pagenotfound .page-not-found .btn:hover { background: #333; color: #fff; } /*update CART*/ #checkout #wrapper { padding: 60px 0; } #checkout #content > .row > div { position: relative; } #checkout #content > .row > div.col-lg-8, #checkout #content > .row > div.col-md-8 { padding-top: 100px; } body#checkout section.checkout-step { box-shadow: none; border: 0; padding: 0; outline: none; background: none; } body#checkout section.checkout-step#checkout-personal-information-step .content { padding: 0; } body#checkout section.checkout-step#checkout-personal-information-step .content > p { padding: 0 30px; } body#checkout section.checkout-step#checkout-personal-information-step .content > p:first-child { padding-top: 30px; } body#checkout section.checkout-step#checkout-personal-information-step .content > p:last-child { padding-bottom: 20px; } body#checkout section.checkout-step .content { box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); border-radius: 0; border: 1px solid #e1e1e1; border-top-width: 3px; padding: 20px; max-width: 600px; margin: 0 auto; position: static; } body#checkout section.checkout-step .step-title { text-transform: uppercase; cursor: pointer; margin-bottom: 0; position: absolute; top: 0; font-size: 10px; line-height: 30px; width: 25%; text-align: center; padding: 30px 5px; color: #999; font-family: "Eina03-400"; opacity: 1; letter-spacing: 0; } @media (max-width: 1199px) { body#checkout section.checkout-step .step-title { font-size: 11px; } } @media (max-width: 767px) { body#checkout section.checkout-step .step-title { font-size: 10px; line-height: 20px; } } body#checkout section.checkout-step .step-title:before { content: ""; position: absolute; top: 15px; width: 100%; height: 2px; background: #ccc; left: 50%; } .rtl body#checkout section.checkout-step .step-title:before { right: 50%; left: auto; } body#checkout section.checkout-step .step-title .step-number { padding: 0; width: 28px; height: 28px; line-height: 28px; font-size: 14px; background: #ccc; color: #fff; border-radius: 50%; position: absolute; top: 2px; left: 50%; margin-left: -14px; font-family: 'Poppins'; } body#checkout section.checkout-step.js-current-step .step-title { color: #000; } body#checkout section.checkout-step.js-current-step .step-title .step-number { background: #000; } body#checkout section.checkout-step:last-child .step-title:before { display: none; } body#checkout section.checkout-step:nth-child(1) .step-title { left: 0; z-index: 1; } .rtl body#checkout section.checkout-step:nth-child(1) .step-title { right: 0; left: auto; } body#checkout section.checkout-step:nth-child(2) .step-title { left: 25%; z-index: 2; } .rtl body#checkout section.checkout-step:nth-child(2) .step-title { right: 25%; left: auto; } body#checkout section.checkout-step:nth-child(3) .step-title { left: 50%; z-index: 3; } .rtl body#checkout section.checkout-step:nth-child(3) .step-title { right: 50%; left: auto; } body#checkout section.checkout-step:nth-child(4) .step-title { left: 75%; z-index: 4; } .rtl body#checkout section.checkout-step:nth-child(4) .step-title { right: 75%; left: auto; } .cart-grid .card { background-color: #fff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); border-radius: 0; border: 1px solid #e1e1e1; border-top-width: 3px; margin: 0 0 20px; padding: 0; } #js-checkout-summary, section.js-current-step { background-color: #fff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); border-radius: 0; border: 1px solid #e1e1e1; border-top-width: 3px; margin: 0 0 20px; padding: 0; } #block-reassurance { background-color: #fff; padding: 20px; box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04); border-radius: 0; border: 1px solid #e1e1e1; border-top-width: 3px; margin: 0 0 20px; padding: 0; } #block-reassurance ul { margin: 0; } #block-reassurance li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #block-reassurance li:last-child { border: 0; } #block-reassurance li .block-reassurance-item { padding: 15px 25px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } #block-reassurance li .block-reassurance-item img { opacity: 0.7; width: 25px; position: static; margin: 0 10px 0 0; height: auto; } .rtl #block-reassurance li .block-reassurance-item img { margin: 0 0 0 10px; } #block-reassurance li .block-reassurance-item span { font-size: 12px; line-height: 20px; color: #888; } #checkout #checkout-personal-information-step .nav { margin: 0 !important; } #checkout #checkout-personal-information-step .nav:after { content: ""; display: block; clear: both; } #checkout #checkout-personal-information-step .nav .nav-item { width: 50%; float: left; margin: 0; border-right: 1px solid #e1e1e1; } .rtl #checkout #checkout-personal-information-step .nav .nav-item { float: right; } .rtl #checkout #checkout-personal-information-step .nav .nav-item { border-left: 1px solid #e1e1e1; border-right: inherit; } #checkout #checkout-personal-information-step .nav .nav-item:nth-child(2) { display: none; } #checkout #checkout-personal-information-step .nav .nav-item:last-child { border: 0 !important; } #checkout #checkout-personal-information-step .nav .nav-item .nav-link { display: block; line-height: 20px; padding: 10px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #e1e1e1; color: #ccc; } #checkout #checkout-personal-information-step .nav .nav-item .nav-link.active { color: #282828; border-color: transparent; } #checkout #checkout-personal-information-step .nav .nav-item .nav-link:hover { color: #282828; } #checkout #checkout-personal-information-step .tab-content { padding: 20px; } #checkout #checkout-personal-information-step .tab-content .form-control { padding: 8px 15px; border: 1px solid #e1e1e1; height: 40px; color: #999; background-color: #fff; border-color: #e1e1e1; border-radius: 0; width: 100%; } #checkout #checkout-personal-information-step .tab-content .form-control.js-visible-password { padding: 8px 50px 8px 15px; } .rtl #checkout #checkout-personal-information-step .tab-content .form-control.js-visible-password { padding: 8px 15px 8px 50px; } #checkout #checkout-personal-information-step .tab-content .form-control:focus { outline: 0; border-color: #282828; } body#checkout .form-control { padding: 8px 15px; border: 1px solid #e1e1e1; height: 40px; color: #999; background-color: #fff; border-color: #e1e1e1; border-radius: 0; width: 100%; line-height: 25px; font-size: 14px; } body#checkout .form-control.js-visible-password { padding: 8px 50px 8px 15px; } .rtl body#checkout .form-control.js-visible-password { padding: 8px 15px 8px 50px; } body#checkout .form-control:focus { outline: 0; border-color: #282828; } body#checkout [data-action="show-password"] { background: none; color: #888; height: 40px; border-radius: 0; margin: 0 -1px; } body#checkout [data-action="show-password"]:hover { color: #282828; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #login-form, body#checkout section.checkout-step #invoice-address { margin: 0; } body#checkout section.checkout-step #customer-form .form-control-comment, body#checkout section.checkout-step #login-form .form-control-comment, body#checkout section.checkout-step #invoice-address .form-control-comment { width: 100%; text-align: right; font-size: 12px; color: #ccc; } .rtl body#checkout section.checkout-step #customer-form .form-control-comment, .rtl body#checkout section.checkout-step #login-form .form-control-comment, .rtl body#checkout section.checkout-step #invoice-address .form-control-comment { text-align: left; } @media (min-width: 768px) { body#checkout section.checkout-step #customer-form .form-group > .col-md-6, body#checkout section.checkout-step #login-form .form-group > .col-md-6, body#checkout section.checkout-step #invoice-address .form-group > .col-md-6 { width: 75%; } } body#checkout section.checkout-step #customer-form .input-group-btn, body#checkout section.checkout-step #login-form .input-group-btn, body#checkout section.checkout-step #invoice-address .input-group-btn { position: absolute; right: 0; top: 0; width: auto; z-index: 4; } .rtl body#checkout section.checkout-step #customer-form .input-group-btn, .rtl body#checkout section.checkout-step #login-form .input-group-btn, .rtl body#checkout section.checkout-step #invoice-address .input-group-btn { left: 0; right: auto; } body#checkout section.checkout-step #customer-form .input-group-btn .btn[data-action="show-password"], body#checkout section.checkout-step #login-form .input-group-btn .btn[data-action="show-password"], body#checkout section.checkout-step #invoice-address .input-group-btn .btn[data-action="show-password"] { font-size: 0; } body#checkout section.checkout-step #customer-form .input-group-btn .btn[data-action="show-password"]:before, body#checkout section.checkout-step #login-form .input-group-btn .btn[data-action="show-password"]:before, body#checkout section.checkout-step #invoice-address .input-group-btn .btn[data-action="show-password"]:before { display: inline-block; font-family: FontAwesome; font-weight: 400; line-height: 40px; content: "\F06E"; font-size: 17px; } body#checkout .custom-checkbox input[type="checkbox"], body#checkout .custom-checkbox input[type="radio"] { width: 16px; height: 16px; z-index: 3; } body#checkout .custom-checkbox input[type="checkbox"] + span, body#checkout .custom-checkbox input[type="radio"] + span { width: 16px; height: 16px; } body#checkout .custom-checkbox input[type="checkbox"] + span .checkbox-checked, body#checkout .custom-checkbox input[type="radio"] + span .checkbox-checked { font-size: 13px; } body#checkout section.checkout-step.-reachable.-complete h1 .done { display: inline-block; margin: 0; padding: 0; width: 28px; height: 28px; line-height: 28px; text-align: center; position: absolute; top: 2px; left: 50%; margin-left: -14px; background: #333; color: #fff; font-size: 16px; border-radius: 50%; } body#checkout section.checkout-step.-reachable.-complete .step-title:before { background: #333; } /* body#checkout section.checkout-step #customer-form > section .form-group:last-child, body#checkout section.checkout-step #customer-form > section > .form-group:nth-last-child(2) { margin: 0; } */ body#checkout section.checkout-step #customer-form > section .form-group:last-child .col-md-3, body#checkout section.checkout-step #customer-form > section .form-group:last-child .col-md-6, body#checkout section.checkout-step #customer-form > section > .form-group:nth-last-child(2) .col-md-3 body#checkout section.checkout-step #customer-form > section > .form-group:nth-last-child(2) .col-md-6 { /* width: 100%; */ padding: 0; margin: 0; } body#checkout section.checkout-step #customer-form > section .form-group:last-child .custom-checkbox, body#checkout section.checkout-step #customer-form > section > .form-group:nth-last-child(2) .custom-checkbox { /* display: block; */ } body#checkout .custom-checkbox em { width: auto; } .input-group.focus { outline: 0; } body#checkout section.checkout-step .form-footer { margin: 30px 0 10px; } body#checkout section.checkout-step .form-footer button.btn { float: none !important; min-width: 50%; } body#checkout section.checkout-step .forgot-password { margin: 0 !important; text-align: center; } body#checkout .custom-checkbox em { color: #ccc; } body#checkout .custom-radio { border: #888 1px solid; width: 16px; height: 16px; vertical-align: top; } body#checkout .custom-radio input[type="radio"] { width: 14px; height: 14px; } body#checkout .custom-radio input[type="radio"]:checked + span { width: 10px; height: 10px; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { cursor: pointer; position: absolute; margin: 0 0 0 -15px !important; width: 30px; height: 30px; text-align: center; left: 50%; top: -30px; font-size: 0; display: none; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover { color: #282828 !important; } body#checkout section.checkout-step .address-selector { display: block; } body#checkout section.checkout-step .address-selector hr { border: 0; } body#checkout section.checkout-step .address-item.selected { border: #282828 1px solid; } body#checkout section.checkout-step .address-item .radio-block { font-family: "Eina03-400"; display: block; } body#checkout section.checkout-step .address-item .custom-radio { border: #888 1px solid; width: 16px; height: 16px; vertical-align: -7px; } body#checkout section.checkout-step .address-item .address-alias { margin-bottom: 10px; font-size: 14px; padding: 0 5px; text-transform: uppercase; line-height: 20px; } body#checkout section.checkout-step .address-item .address { line-height: 1.5; font-size: 12px; } body#checkout section.checkout-step .address-footer { text-align: right; } .rtl body#checkout section.checkout-step .address-footer { text-align: left; } body#checkout section.checkout-step .address-footer .text-muted { padding: 6px 10px 5px; font-size: 12px; color: #282828 !important; border: 2px solid #282828; text-transform: uppercase; line-height: 20px; transition: all .4s; } body#checkout section.checkout-step .address-footer .text-muted .material-icons { display: none; } body#checkout section.checkout-step .address-footer .text-muted.edit-address:hover { background: #282828; color: #fff !important; } body#checkout section.checkout-step .address-footer .text-muted.delete-address { background: #282828; color: #fff !important; } body#checkout section.checkout-step .address-footer .text-muted.delete-address:hover { background: #fff; color: #282828 !important; } @media (min-width: 768px) { section.checkout-step #delivery-address .form-fields .form-group > .col-md-6 { width: 75%; } } @media (min-width: 768px) { section.checkout-step #delivery-address .form-fields .form-group > .col-md-3:last-child { width: 100%; } } body#checkout section.checkout-step .add-address a { display: inline-block; vertical-align: top; text-transform: capitalize; } body#checkout section.checkout-step .add-address a .material-icons { background: #292929; color: #fff; margin: 0 5px 0 0; vertical-align: -2px; } .rtl body#checkout section.checkout-step .add-address a .material-icons { margin: 0 0 0 5px; } body#checkout section.checkout-step .add-address a:hover { color: #333; } body#checkout section.checkout-step .add-address a:hover .material-icons { background: #333; } #payment-confirmation { text-align: center; } label[for="delivery_message"] { font-size: 13px; } textarea#delivery_message { width: 100%; height: 100px; margin: 5px 0; border: 1px solid #ddd; padding: 10px; } textarea#delivery_message:focus { border-color: #282828; outline: none; } #conditions-to-approve #cta-terms-and-conditions-1 { font-weight: normal; } .condition-label a { text-decoration: underline; } body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 10px; } .rtl body#checkout section.checkout-step .payment-options .custom-radio { margin-left: 10px; margin-right: inherit; } body#checkout .condition-label { margin-left: 30px; } .rtl body#checkout .condition-label { margin-right: 30px; margin-left: inherit; } body#checkout #order-summary-content h4.black { color: #444; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } body#checkout #order-summary-content .col-md-12 > h4.black { font-size: 18px; } .definition-list dl dd, .definition-list dl dt { width: 49%; } body#checkout #order-summary-content h4.h4 { color: #444; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; } body#checkout #order-summary-content #order-items h3.h3 { color: #444; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; } body#checkout #order-summary-content #order-items ._desktop-title { font-size: 12px; } .card { border-radius: 0; } #content-hook_order_confirmation { text-align: center; } #content-hook_order_confirmation { text-align: center; color: #999; } #content-hook_order_confirmation .card-title { font-size: 16px; margin: 0 0 20px; } #content-hook_order_confirmation .card-title i { vertical-align: -4px; margin-right: 15px; } .rtl #content-hook_order_confirmation .card-title i { margin-left: 15px; margin-right: inherit; } #content-hook_order_confirmation .card-block { padding: 30px 15px; } #content-hook_order_confirmation p { margin: 0; } h5.aeuc_scart { text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #000; } @media (min-width: 768px) { #order-confirmation #order-items { width: 66.66%; padding: 30px; border: 0; } #order-confirmation .page-order-confirmation .card-block { padding: 0; } #order-confirmation .page-order-confirmation .card-block > .row { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #order-confirmation #order-details { padding: 30px; border-left: 1px solid #dfdfdf; } } .card { box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); } #content-hook_payment_return { line-height: 1.35; margin: 0 0 50px; } #cart-summary-product-list .media { margin-bottom: 15px; } #order-items hr { border-top-color: #e1e1e1; } h5.modal-title { font-weight: normal; font-family: "Eina03-400"; text-transform: none; font-size: 14px; letter-spacing: 0; color: #888; } h5.modal-title a { color: #000; } h5.modal-title a:hover { color: #333; } .modal-content { border: 0; border-radius: 0; } .login-form button[data-action="show-password"] { font-size: 0 !important; color: #ccc !important; background: none !important; border: 0 !important; } .login-form button[data-action="show-password"]:hover { color: #000 !important; } .login-form button[data-action="show-password"]:before { display: inline-block; font-family: FontAwesome; font-weight: 400; line-height: 1; content: "\f070"; font-size: 17px; } .login-form input[type="text"] + span button[data-action="show-password"]:before { content: "\f06e"; } .register-form > p { text-align: center; } .register-form .custom-checkbox { display: block; position: relative; } .register-form .custom-checkbox input[type="checkbox"], .register-form .custom-checkbox > span { position: absolute; top: 0; left: 0; } .rtl .register-form .custom-checkbox input[type="checkbox"], .rtl .register-form .custom-checkbox > span { right: 0; left: auto; } .register-form .form-control-valign .radio-inline { margin: 10px 15px 0 0; } .rtl .register-form .form-control-valign .radio-inline { margin: 10px 0 0 15px; } .register-form .input-group-btn { position: absolute; top: 0; right: 0px; display: block; } .rtl .register-form .input-group-btn { left: 0px; right: auto; } .register-form .input-group-btn .btn { font-size: 0; color: #ccc !important; background: none !important; border: 0; } .register-form .input-group-btn .btn:hover { color: #222 !important; } .register-form .input-group-btn .btn:before { display: inline-block; font-family: FontAwesome; font-weight: 400; line-height: 1; content: "\f070"; font-size: 17px; } .register-form input[type="text"] + .input-group-btn .btn:before { content: "\f06e"; } .register-form .form-footer { text-align: center; } .register-form .form-footer .form-control-submit { float: none !important; min-width: 200px; } /*end update CART*/ .hidden, .hide { display: none; } body#order-confirmation .product_list .ajax_block_product { clear: none; } @media (min-width: 992px) { body#order-confirmation .product_list .ajax_block_product { width: 25%; } body#order-confirmation .product_list .ajax_block_product:nth-child(4n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { body#order-confirmation .product_list .ajax_block_product { width: 25%; } body#order-confirmation .product_list .ajax_block_product:nth-child(4n+1) { clear: both; } } @media (min-width: 481px) and (max-width: 767px) { body#order-confirmation .product_list .ajax_block_product { width: 33.3333%; } body#order-confirmation .product_list .ajax_block_product:nth-child(3n+1) { clear: both; } } @media (max-width: 480px) { body#order-confirmation .product_list .ajax_block_product { width: 50%; } body#order-confirmation .product_list .ajax_block_product:nth-child(2n+1) { clear: both; } } #js-product-list > .up { display: none; } .inner{ padding: 0 15px; } @media (max-width: 991px) { .leo-megamenu.disable-canvas .navbar-nav > li.active > a, .leo-megamenu.disable-canvas .navbar-nav > li:hover > a, .leo-megamenu.disable-canvas .navbar-nav > li:focus > a { color: #fff; } .leo-megamenu.disable-canvas .navbar-nav > li > a { color: #fff; } .leo-megamenu.disable-canvas .dropdown-menu li a { color: #999; } .leo-megamenu.disable-canvas .dropdown-menu li a:hover { color: #fff; } .leo-megamenu.disable-canvas .leo-megamenu .dropdown-menu { color: #999; background: #21212a; } .leo-megamenu.disable-canvas .dropdown-menu div.menu-title { margin: 10px 0 0; padding: 0; } .leo-megamenu.disable-canvas .widget-raw-html { margin: 0; } .leo-megamenu.disable-canvas .leo-top-menu { left: 18px; right: 18px; } } @media (max-width: 991px) and (max-width: 991px) { .box-top.box-h2 .leo-megamenu.disable-canvas .leo-top-menu { left: 0px; right: 0px; } } @media (max-width: 991px) { .col-logo.ApColumn { position: static; } .header-container .container { padding-left: 18px; padding-right: 18px; } } /*end max 991*/ .leo-fly-cart-slidebar .leo-dropdown-cart-subtotals, .leo-fly-cart-slidebar .cart-dropdow-viewcart { display: none !important; } .leo-fly-cart-slidebar .leo-dropdown-bottom { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 115px; } @media (min-width: 568px) { .leo-fly-cart-slidebar .leo-dropdown-total, .leo-fly-cart-slidebar .leo-cart-dropdown-action { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; text-align: center; } } .leo-fly-cart-slidebar .leo-dropdown-total .col-xl-6, .leo-fly-cart-slidebar .leo-cart-dropdown-action .col-xl-6 { width: 100%; padding: 0 8px; } .leo-fly-cart-slidebar .leo-dropdown-total .value, .leo-fly-cart-slidebar .leo-dropdown-total .label, .leo-fly-cart-slidebar .leo-cart-dropdown-action .value, .leo-fly-cart-slidebar .leo-cart-dropdown-action .label { display: block; width: 100%; text-align: center; } .leo-fly-cart-slidebar .leo-dropdown-total .label, .leo-fly-cart-slidebar .leo-cart-dropdown-action .label { font-size: 17px; color: #000; } .leo-fly-cart-slidebar .leo-dropdown-total .value, .leo-fly-cart-slidebar .leo-cart-dropdown-action .value { font-size: 20px; font-weight: 700; } body#checkout section.checkout-step #customer-form .radio-inline { margin: 10px 10px 0 0; } .rtl body#checkout section.checkout-step #customer-form .radio-inline { margin: 10px 0 0 10px; } #content.card-block > hr { display: none; } .form-group { margin-bottom: 20px; } #authentication .login-form .row > .col-md-3, #authentication .login-form .row > .col-md-6, #authentication .register-form .row > .col-md-3, #authentication .register-form .row > .col-md-6 { width: 100%; text-align: left; padding-top: 0; } .rtl #authentication .login-form .row > .col-md-3, .rtl #authentication .login-form .row > .col-md-6, .rtl #authentication .register-form .row > .col-md-3, .rtl #authentication .register-form .row > .col-md-6 { text-align: right; } #authentication .login-form .form-footer .btn, #authentication .register-form .form-footer .btn { width: 100%; margin: 0 0 20px; } textarea.form-control { border: 1px solid #e5e5e5; } #blog-localengine .btn[name="submitcomment"] { width: 100%; } .modal-footer .btn { margin: 1px; min-height: 40px; min-width: 150px; } @media (max-width: 480px) { .modal-footer .btn { min-width: 120px; } } .modal-open { padding-right: 0 !important; padding-left: 0 !important; overflow: auto; } .ui-autocomplete { z-index: 99999; border-radius: 0; border-top: 0; border-color: #000; padding: 10px 0; } .ui-autocomplete .ui-menu-item { list-style: none; border-radius: 0; } .ui-autocomplete .ui-menu-item a { padding: 5px 15px; border-radius: 0; font-size: 12px; } .ui-autocomplete .ui-menu-item a:hover { background: #000; color: #fff; } .ui-autocomplete .ui-menu-item a .separator { display: none; } #content.page-not-found { text-align: center; } #main > h1 { text-align: center; } @media (min-width: 992px) { body .off-canvas-nav-megamenu { display: none; } } #category-products > .item, #category-products2 > .item { float: left; padding: 0 15px; width: 25%; display: none; } @media (max-width: 991px) { #category-products > .item, #category-products2 > .item { width: 33.333%; } } @media (max-width: 767px) { #category-products > .item, #category-products2 > .item { width: 50%; } } @media (max-width: 480px) { #category-products > .item, #category-products2 > .item { width: 100%; } } #category-products > .item:nth-child(1), #category-products > .item:nth-child(2), #category-products > .item:nth-child(3), #category-products > .item:nth-child(4), #category-products2 > .item:nth-child(1), #category-products2 > .item:nth-child(2), #category-products2 > .item:nth-child(3), #category-products2 > .item:nth-child(4) { display: block; } @media (max-width: 991px) { #category-products > .item:nth-child(4), #category-products2 > .item:nth-child(4) { display: none; } } @media (max-width: 767px) { #category-products > .item:nth-child(3), #category-products2 > .item:nth-child(3) { display: none; } } @media (max-width: 480px) { #category-products > .item:nth-child(2), #category-products2 > .item:nth-child(2) { display: none; } } /*UPDATE HOME CSS*/ body:not(#index) .box-top { padding: 0 0; } @media (max-width: 1199px) { body:not(#index) .box-top { padding: 0 0; } } @media (max-width: 1360px) and (min-width: 992px) { .box-top { position: relative; } .box-top .leo-megamenu.navbar { position: static; } } @media (min-width: 1200px) { .box-top { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; width: auto; height: 110px; } } @media (max-width: 1750px) { .box-top { padding: 0 0; } } @media (max-width: 1199px) { .box-top .ApColumn:nth-child(1) { text-align: center; padding-top: 30px; padding-bottom: 10px; } } @media (max-width: 480px) { .box-top { position: relative; } .box-top #search_widget { position: static; } .box-top #search_widget .popup-content { width: auto; left: 0; right: 0; max-width: 100%; } .box-top #search_widget .popup-content:before, .box-top #search_widget .popup-content:after { right: 165px; } .rtl .box-top #search_widget .popup-content:before, .rtl .box-top #search_widget .popup-content:after { left: 165px; right: auto; } .box-top #search_widget .search-inner input[type="text"] { width: 100%; } } .box-top .h-logo { padding: 10px 0; } @media (max-width: 991px) { .box-top .h-logo { text-align: center; } } .box-top .h-logo img { max-height: 70px; } .box-top .col-info { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; padding-top: 5px; position: static; } @media (min-width: 992px) { .box-top .col-info { width: auto; } } .box-top .col-info .popup-over a.popup-title, .box-top .col-info .ap-btn-wishlist, .box-top .col-info #_desktop_cart .header { min-width: 40px; text-align: center; height: 80px; line-height: 80px; display: block; position: relative; } .box-top .col-info .popup-over a.popup-title i, .box-top .col-info .ap-btn-wishlist i, .box-top .col-info #_desktop_cart .header i { font-size: 21px; color: #000; vertical-align: middle; } @media (max-width: 1199px) { .box-top .col-info .popup-over a.popup-title i, .box-top .col-info .ap-btn-wishlist i, .box-top .col-info #_desktop_cart .header i { font-size: 18px; } } @media (min-width: 992px) { .box-top .col-info #_desktop_cart .header a:after, .box-top .col-info #_desktop_cart .header a:before { bottom: -1px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(20px); left: 50%; transition: transform .4s; z-index: 9999; backface-visibility: hidden; } .box-top .col-info #_desktop_cart .header a:before { border-width: 12px; margin-left: -12px; border-bottom-color: #eee; } .box-top .col-info #_desktop_cart .header a:after { border-bottom-color: #fff; border-width: 14px; margin-left: -14px; z-index: 99999; margin-bottom: -3px; } } .box-top .col-info #_desktop_cart:hover .header a:after, .box-top .col-info #_desktop_cart:hover .header a:before { opacity: 1; visibility: visible; transform: translateY(0px); } .box-top .col-info .ap-btn-wishlist .ap-total { position: absolute; line-height: 12px; min-width: 12px; padding: 0 2px; background: #e0525c; color: #fff; font-size: 10px; top: 45px; left: 50%; transform: translateX(-50%); border-radius: 50%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .box-top .col-info #_desktop_cart .header .cart-products-count { position: absolute; line-height: 12px; min-width: 12px; padding: 0 2px; background: #e0525c; color: #fff; font-size: 10px; top: 45px; left: 50%; transform: translateX(-50%); border-radius: 50%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .box-top .col-menu { padding-top: 5px; } @media (min-width: 992px) { .box-top .col-menu { width: 100%; padding-left: 30px; padding-right: 30px; } } .box-top .col-logo { padding-bottom: 10px; } .box-top #leo_search_block_top { position: relative; z-index: 9; background: none; border-radius: 0; margin: 0; float: right; height: 80px; } .rtl .box-top #leo_search_block_top { float: left; } .box-top #leo_search_block_top #leosearchtopbox { position: absolute; width: 300px; top: 100%; transition: all .3s; right: 0; opacity: 0; visibility: hidden; transform: translateY(-10px); } .rtl .box-top #leo_search_block_top #leosearchtopbox { left: 0; right: auto; } @media (max-width: 575px) { .box-top #leo_search_block_top #leosearchtopbox { width: 240px; right: -100px; } .rtl .box-top #leo_search_block_top #leosearchtopbox { left: -100px; right: auto; } } .box-top #leo_search_block_top .title_block { display: block; margin: 0; font-size: 0px; background: none; cursor: pointer; overflow: hidden; padding: 0; font-weight: normal; width: 20px; height: 20px; color: #222222; } .box-top #leo_search_block_top .title_block:before { content: "\e924"; font-family: "Auros"; font-size: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; line-height: 20px; line-height: 80px; } .box-top #leo_search_block_top.active .title_block:before { content: "\e910"; color: #000; } .box-top #leo_search_block_top.active #leosearchtopbox { opacity: 1; visibility: visible; transform: translateY(0px); } .box-slider { margin-bottom: 70px; } @media (max-width: 991px) { .box-slider { margin-bottom: 30px; } } .box-banner .ApImage { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-direction: column-reverse; text-align: center; line-height: 2; } .box-banner .ApImage .image_description { max-width: 470px; margin: 0 auto 10px; } .box-banner .ApImage .image_description h4 { font-size: 18px; text-transform: uppercase; margin: 0 0 10px; } .box-banner .ApImage img { transition: all 2s; } .box-banner .ApImage > a { display: block; overflow: hidden; } .box-banner .ApImage:hover img { transform: scale(1.05); } .box-manu { margin-bottom: 70px; } @media (max-width: 991px) { .box-manu { margin-bottom: 40px; } } .box-manu .manufacturers_block { padding: 0 80px 30px; border-bottom: 1px solid #eaeaea; } @media (max-width: 991px) { .box-manu .manufacturers_block { padding: 0 0 20px; } } .box-manu .timeline-item { min-height: 100px; } .box-manu .timeline-item .animated-background { height: 75px; } @media (min-width: 992px) { .box-manu .owl-theme .owl-buttons div.owl-prev { transform: translateX(-65px); } .box-manu .owl-theme .owl-buttons div.owl-next { transform: translateX(65px); } .box-manu:hover .owl-theme .owl-buttons div.owl-prev { transform: translateX(-30px); } .box-manu:hover .owl-theme .owl-buttons div.owl-prev:hover { transform: translateX(-30px) scale(1.2); } .box-manu:hover .owl-theme .owl-buttons div.owl-next { transform: translateX(30px); } .box-manu:hover .owl-theme .owl-buttons div.owl-next:hover { transform: translateX(30px) scale(1.2); } } .box-tabproducts .nav-tabs { border: 0; padding-bottom: 20px; text-align: center; } .box-tabproducts .nav-tabs li { float: none; display: inline-block; margin: 0; vertical-align: top; } .box-tabproducts .nav-tabs li a { display: block; padding: 10px 17px; border: 0; border-radius: 0; color: #000; font-weight: 600; } @media (min-width: 992px) { .box-tabproducts .nav-tabs li a { position: relative; } .box-tabproducts .nav-tabs li a:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: #999; transition: all .4s; transform: scale(0); } } .box-tabproducts .nav-tabs li a.active, .box-tabproducts .nav-tabs li a:hover { color: #666; } @media (min-width: 992px) { .box-tabproducts .nav-tabs li a.active:before, .box-tabproducts .nav-tabs li a:hover:before { transform: scale(1); } } .box-tabproducts .ApProductCarousel { border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 70px; } @media (max-width: 991px) { .box-tabproducts .ApProductCarousel { padding-bottom: 20px; margin-bottom: 40px; } } .leo-remove-from-cart { transition: all .4s; } .leo-remove-from-cart:hover { transform: rotate(90deg); } .box-instagram .ApInstagram { border-bottom: 1px solid #eaeaea; padding-bottom: 70px; margin-bottom: 70px; } @media (max-width: 991px) { .box-instagram .ApInstagram { padding-bottom: 40px; margin-bottom: 40px; } } .box-instagram .ApInstagram p.link-instagram { margin: 0; } .box-shipping { padding: 15px 0; } @media (min-width: 481px) and (max-width: 991px) { .box-shipping .ApColumn:nth-child(2n+1) { clear: both; } } .box-shipping .ApColumn .block { margin-bottom: 0; } .box-shipping .ApRawHtml { position: relative; padding: 13px 0 8px 45px; font-size: 11px; } .rtl .box-shipping .ApRawHtml { padding: 13px 45px 8px 0; } @media (max-width: 991px) { .box-shipping .ApRawHtml { padding: 25px 0 20px 45px; } .rtl .box-shipping .ApRawHtml { padding: 25px 45px 20px 0; } } .box-shipping .ApRawHtml i { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 10px; left: 0; font-size: 30px; color: #000; transition: all .5s; } .rtl .box-shipping .ApRawHtml i { right: 0; left: auto; } @media (max-width: 991px) { .box-shipping .ApRawHtml i { top: 20px; } } .box-shipping .ApRawHtml:hover i { transform: rotate(360deg); } .box-shipping .ApRawHtml h4 { font-size: 13px; margin: 0; line-height: 1.5; } .box-shipping .ApRawHtml p { margin: 0; } .footer-container { padding-top: 90px; } @media (max-width: 991px) { .footer-container { padding-top: 50px; padding-left: 9px; padding-right: 9px; } } @media (max-width: 575px) { .footer-container { padding-top: 30px; } } .footer-container .ApHtml .block_content > h4 { font-size: 13px; margin: 0 0 27px; text-transform: uppercase; } .footer-container .ApHtml .block_content > h4:not(:first-child) { margin: 30px 0 20px; } .footer-container .ApHtml p { margin: 0; } @media (max-width: 991px) { .box-footerlink .block-social { margin-bottom: 30px; } .box-footerlink .ApHtml { position: relative; padding-bottom: 30px; margin-bottom: 30px; } .box-footerlink .ApHtml:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 60px; margin-left: -30px; height: 1px; background: #ccc; } } @media (max-width: 991px) and (min-width: 481px) { .box-footerlink .ApHtml .block_content { padding: 20px; background: #f9f9f9; } .box-footerlink .ApHtml .block_content:after { content: ""; display: block; clear: both; } .box-footerlink .ApHtml .block_content h4 { width: 30%; float: left; margin: 20px 0; } .rtl .box-footerlink .ApHtml .block_content h4 { float: right; } .box-footerlink .ApHtml .block_content p { width: 70%; float: left; } .rtl .box-footerlink .ApHtml .block_content p { float: right; } .box-footerlink .ApHtml .block_content p:nth-child(2) { margin-bottom: 15px; } } @media (max-width: 991px) { .box-footerlink .block_newsletter { max-width: 400px; margin: 15px auto; } .box-footerlink .block-social { text-align: center; } .box-footerlink .block-social .social-title { display: none; } } .block-social { padding: 0; } @media (max-width: 767px) { .block-social { text-align: center; } } .block-social .social-title { float: left; margin: 2px 20px 2px 0; line-height: 30px; font-size: 12px; text-transform: uppercase; } .rtl .block-social .social-title { float: right; } .rtl .block-social .social-title { margin: 2px 0 2px 20px; } .block-social li { line-height: 26px; margin: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .block-social li:hover { color: #333; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .box-coppyh8 { text-align: center; padding: 35px 0; } @media (max-width: 767px) { .box-coppyh8 { padding: 20px 0; } } .box-coppyh8 .ApColumn .block { margin-bottom: 0; } .box-coppyh8 .ApHtml { line-height: 27px; } @media (min-width: 768px) { .box-coppyh8 .ApHtml { float: left; } .rtl .box-coppyh8 .ApHtml { float: right; } } @media (max-width: 767px) { .box-coppyh8 .ApHtml { margin-bottom: 10px; } } .box-coppyh8 p { margin: 0; } @media (min-width: 768px) { .box-coppyh8 .ApImage { float: right; } .rtl .box-coppyh8 .ApImage { float: left; } } .leo-remove-from-cart i.material-icons:before { content: "\e646"; font-family: 'themify'; } .modal-header .close { margin-top: 0px; } .modal-header button { width: 20px; height: 20px; line-height: 20px; border: 0; text-align: center; transition: all .4s; } .modal-header button span { display: none; } .modal-header button:before { font-size: 16px; content: "\e646"; font-family: 'themify'; } .modal-header button:hover { transform: rotate(90deg); } #header { background: #fff; } .navbar-fixed-top.mini-navbar { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .box-top.box-h2 { padding: 0; } @media (min-width: 992px) { .box-top.box-h2 .col-menu { padding-left: 15px; padding-right: 15px; } } .box-top.box-h2 .leo-megamenu .navbar-nav { text-align: left; } .rtl .box-top.box-h2 .leo-megamenu .navbar-nav { text-align: right; } .box-navlogo .h-logo { text-align: center; padding: 50px 0 10px; } @media (max-width: 991px) { .box-navlogo .h-logo { padding: 30px 0 10px; } } .box-navads { line-height: 33px; text-align: center; font-weight: 400; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .box-navads .ApColumn .block { margin-bottom: 0; } .box-navads p { margin: 0; } .box-cateh2 { margin-bottom: 60px; } @media (max-width: 991px) { .box-cateh2 { margin-bottom: 30px; } } .box-cateh2 .ApImage { position: relative; overflow: hidden; } .box-cateh2 .ApImage:before { content: ""; position: absolute; left: 0; bottom: 0; width: 360px; height: 360px; background: rgba(0, 0, 0, 0.1); border-radius: 50%; transition: all .4s; opacity: 0; transform: translate(-100%, 100%); z-index: 1; pointer-events: none; } .box-cateh2 .ApImage img { transition: all 2s; } .box-cateh2 .ApImage > a:before { content: ""; z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .box-cateh2 .ApImage .image_description { position: absolute; left: 30px; bottom: 30px; color: #666; text-transform: capitalize; } .rtl .box-cateh2 .ApImage .image_description { right: 30px; left: auto; } @media (max-width: 767px) and (min-width: 576px) { .box-cateh2 .ApImage .image_description { left: 15px; bottom: 15px; } .rtl .box-cateh2 .ApImage .image_description { right: 15px; left: auto; } } .box-cateh2 .ApImage .image_description p { margin: 0; } .box-cateh2 .ApImage .image_description b, .box-cateh2 .ApImage .image_description strong { font-size: 16px; color: #000; font-weight: 600; display: block; text-transform: uppercase; } .box-cateh2 .ApImage:hover:before { transform: translate(-50%, 50%); opacity: 1; } .box-cateh2 .ApImage:hover img { transform: scale(1.1); } .box-cateh2 .ApImage.title-top:before { bottom: auto; top: 0; transform: translate(-100%, -100%); } .box-cateh2 .ApImage.title-top .image_description { top: 30px; bottom: auto; } @media (max-width: 767px) and (min-width: 576px) { .box-cateh2 .ApImage.title-top .image_description { top: 15px; } } .box-cateh2 .ApImage.title-top:hover:before { transform: translate(-50%, -50%); } .box-fashion { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .box-fashion .ApColumn { max-width: 745px; margin: auto; float: none; text-align: center; padding: 40px; background: rgba(255, 255, 255, 0.45); border: 2px solid rgba(255, 255, 255, 0.75); } .box-fashion .ApColumn .block { margin-bottom: 0; } .box-fashion .ApHtml { font-size: 14px; line-height: 2; color: #000; } .box-fashion .ApHtml p { margin: 0; } .box-fashion .ApHtml b, .box-fashion .ApHtml strong { display: block; font-size: 16px; font-weight: 600; color: #000; text-transform: uppercase; margin-bottom: 20px; } .box-fashion .ApHtml a { display: inline-block; border-bottom: 1px solid #999; margin-top: 20px; font-size: 12px; color: #000; line-height: 1.35; } .box-fashion .ApHtml a:hover { color: #666; } .box-margin { margin-bottom: 90px; } @media (max-width: 991px) { .box-margin { margin-bottom: 40px; } } .box-products { margin-bottom: 10px; } .box-cateh2.box-h3 .ApImage.title-top-right:before { left: auto; bottom: auto; top: 0; right: 0; transform: translate(100%, -100%); } .box-cateh2.box-h3 .ApImage.title-top-right:hover:before { transform: translate(50%, -50%); } .box-cateh2.box-h3 .ApImage.title-top-right .image_description { left: auto; top: 30px; bottom: 0; right: 30px; text-align: right; } .rtl .box-cateh2.box-h3 .ApImage.title-top-right .image_description { left: 30px; right: auto; } .rtl .box-cateh2.box-h3 .ApImage.title-top-right .image_description { text-align: left; } .box-cateh2.box-h3 .col-right .ApImage:not(.image-full) { width: calc(50% - 15px); float: left; } .rtl .box-cateh2.box-h3 .col-right .ApImage:not(.image-full) { float: right; } @media (max-width: 1199px) { .box-cateh2.box-h3 .col-right .ApImage:not(.image-full) { width: calc(50% - 9px); } } .box-cateh2.box-h3 .col-right .ApImage:not(.image-full):last-child { float: right; } .rtl .box-cateh2.box-h3 .col-right .ApImage:not(.image-full):last-child { float: left; } .ApQuicklogin { white-space: nowrap; padding: 0 10px; } .ApQuicklogin > a { position: relative; vertical-align: top; height: 80px; line-height: 80px; text-transform: uppercase; font-size: 11px; } .ApQuicklogin > a span { display: block !important; } @media (max-width: 767px) { .ApQuicklogin > a span { display: none !important; } } .ApQuicklogin > a:before { content: ""; width: 12px; height: 1px; background: #999; position: absolute; top: 50%; right: -6px; } .rtl .ApQuicklogin > a:before { left: -6px; right: auto; } .ApQuicklogin > a i { display: none; } @media (max-width: 767px) { .ApQuicklogin > a i { display: inline-block; } } .leo-quicklogin-modal h3 { font-size: 14px; margin: 10px 0 15px; } .leo-quicklogin-modal .lql-social-login .btn { border: 1px solid; } .header-nav { transition: all .4s; } .header-nav .topnav { display:none; transition: all .4s; } @media (max-width: 767px) { .fancybox-inner .block_newsletter { background: none; height: auto; padding: 0 !important; min-height: 200px; } .fancybox-inner .block_newsletter .title_block { font-size: 20px; letter-spacing: 0px; text-align: center; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); } .fancybox-wrap .turnoff-popup-wrapper { position: static; } } @media (min-width: 1200px) { .box-banner { min-height: 600px; } .box-manu { min-height: 150px; } .box-tabproducts { min-height: 600px; } .box-instagram { min-height: 200px; } .box-latestnews { min-height: 350px; } .box-shipping { min-height: 80px; } .box-footerlink { min-height: 250px; } .box-coppyh8 { min-height: 90px; } .box-cateh2 { min-height: 270px; } .box-products { min-height: 500px; } .box-fashion { min-height: 500px; } .box-cateh2 { min-height: 250px; } .box-bnh3 { min-height: 250px; } .box { min-height: 0px; } } .leo-cart-dropdown-action a.btn.cart-dropdow-checkout, .continue.btn, button.btn.btn-primary.center-block { background: #f11d22; } .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus, .continue.btn:hover, .continue.btn:focus, button.btn.btn-primary.center-block:hover, button.btn.btn-primary.center-block:focus { background: #cc1115; } @media (min-width: 1200px) { .boxe-protabs { min-height: 600px; } .box-slide { min-height: 450px; } .box-products, .box-blog { min-height: 400px; } } .timeline-wrapper.clearfix { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .timeline-wrapper .timeline-parent { width: 100%; margin: auto; } .timeline-wrapper .timeline-item { border: 0; padding: 10px 0; } .timeline-wrapper.prepare > .timeline-parent { display: none; padding: 0 15px; } @media (min-width: 992px) { .timeline-wrapper.prepare > .timeline-parent:nth-child(1), .timeline-wrapper.prepare > .timeline-parent:nth-child(2), .timeline-wrapper.prepare > .timeline-parent:nth-child(3), .timeline-wrapper.prepare > .timeline-parent:nth-child(4) { display: block; } } .hide-loading .timeline-wrapper { display: none !important; } #checkout .box-top .col-info #_desktop_cart .header a:after, #checkout .box-top .col-info #_desktop_cart .header a:before { display: none; } /*end UPDATE HOME CSS*/ .leo-dropdown-bottom .leo-dropdown-cart-total { width: 100%; } /*end UPDATE HOME CSS*/ .quickview .product-cover img { width: 100%; } .product-actions .product-variants { display: block; } .product-variants > .product-variants-item .color, .product-variants > .product-variants-item .input-color { width: 34px; height: 34px; border-width: 2px; vertical-align: top; } .product-variants > .product-variants-item .input-color { z-index: 1; } .product-variants > .product-variants-item .color:before { content: "\f00c"; font-family: "FontAwesome"; position: absolute; color: #FFF; font-size: 12px; line-height: normal; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; line-height: 26px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .product-variants > .product-variants-item .input-color:checked + span:before { visibility: visible; opacity: 1; filter: alpha(opacity=100); text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .product-variants > .product-variants-item .color .sr-only { background: #000; width: auto; height: auto; padding: 2px 10px; clip: inherit; color: #FFF; font-size: 12px; overflow: inherit; visibility: hidden; border-radius: 3px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; white-space: nowrap; } .product-variants > .product-variants-item .color .sr-only:before { content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-top: 7px solid #000; border-right: 6px solid transparent; position: absolute; bottom: -5px; left: 6px; } .product-variants > .product-variants-item .input-color:hover + .color .sr-only { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .product-variants > .product-variants-item .color { border: 3px solid #fff; width: 32px; height: 32px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .product-information .radio-label { padding: 6px 13px; } .product-variants > .product-variants-item .input-color:checked + span, .product-variants > .product-variants-item .input-color:hover + span { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .quickview .product-thumb-images .slick-list .slick-slide { padding: 5px 0; } .product-thumb-images .thumb { border: 0; } @media (max-width: 567px) { .leo-fly-cart-slidebar.slidebar_bottom .leo-cart-dropdown-action { width: 100%; min-width: 100%; } } .leo-megamenu .navbar-nav > li > a > .sub-title, .off-canvas-nav-megamenu .navbar-nav > li > a > .sub-title { position: absolute; background: #d31d52; color: #fff; height: 16px; line-height: 16px; font-size: 10px; padding: 0 5px; bottom: 50%; left: 50%; margin-bottom: 12px; margin-left: 12px; border-radius: 5px; font-weight: normal; } @media (min-width: 992px) { .box-listdetail { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .box-listdetail .leo-widget { padding: 0 10px; } @media (max-width: 991px) { .box-listdetail .leo-widget { padding: 0 2px; width: 48%; float: left; margin: 0 1% 5px; } .box-listdetail .leo-widget:nth-child(2n+1) { clear: both; } } .box-listdetail .leo-widget a { display: block; padding: 5px; border: 1px solid #eee; } .box-listdetail .leo-widget a:hover { border: 1px solid #444; } .page-cms img { max-width: 100%; height: auto; } @media (max-width: 991px) { .box-top { position: relative; } .box-top .col-menu { position: static; } .box-top .leo-megamenu.disable-canvas .dropdown-menu { display: none; } } /*update css menu*/ .off-canvas-active > #page { -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .off-canvas-nav-megamenu { -webkit-transform: translate(0, 0) scale(0, 1); -moz-transform: translate(0, 0) scale(0, 1); -ms-transform: translate(0, 0) scale(0, 1); -o-transform: translate(0, 0) scale(0, 1); transform: translate(0, 0) scale(0, 1); left: 0; -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; } .off-canvas-active > .off-canvas-nav-megamenu.active { -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); } .off-canvas-nav-megamenu .offcanvas-mainnav { left: 0; } .rtl .off-canvas-nav-megamenu .offcanvas-mainnav { right: 0; left: auto; } /*end update css menu*/ #blockcart-modal .cart-content a.btn, .product-add-to-cart .product-quantity .add-to-cart, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout, .continue.btn, button.btn.btn-primary.center-block { background: #222; } #blockcart-modal .cart-content a.btn:hover, #blockcart-modal .cart-content a.btn:focus, .product-add-to-cart .product-quantity .add-to-cart:hover, .product-add-to-cart .product-quantity .add-to-cart:focus, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus, .continue.btn:hover, .continue.btn:focus, button.btn.btn-primary.center-block:hover, button.btn.btn-primary.center-block:focus { background: #333; } .product-add-to-cart .product-quantity .add-to-cart[disabled] { background: #333; } .product-line-actions .qty > input.js-cart-line-product-quantity { max-width: 100%; height: 40px; border: 1px solid #ccc; padding: 10px; } #content-hook-order-confirmation-footer .featured-products { margin-bottom: 30px; } .card-block strong, .card-block .font-weight-bold, .card-block .aeuc_scart a, .card-block .product-name { color: #333; } .order-confirmation-table .font-weight-bold { color: #333; } #checkout .box-top .col-info #_desktop_cart .header a:after, #checkout .box-top .col-info #_desktop_cart .header a:before { display: none; } #registration-form .card-block > h4 { text-align: center; font-size: 18px; margin: 20px 0; } /*update product image more infor*/ .owl-carousel .owl-item { position: relative; } .owl-carousel .owl-item:hover { z-index: 9; } .leo-more-info .thumbs_list li a img { max-width: 100%; } .leo-more-info .thumbs_list { margin-top: 35px; } .leo-more-info .thumbs_list li a { margin: 0; } .leo-more-info .thumbs_list li { padding: 5px; width: 80px; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { width: 100%; text-align: center; } .owl-item.active.last .thumbnail-container .leo-more-info { left: 0; right: auto; } .owl-item.active.last .thumbnail-container:hover .leo-more-info { width: 90px; opacity: 1; filter: alpha(opacity=100); right: auto; left: -90px; } @media (max-width: 1439px) { .leo-more-info .thumbs_list { margin-top: 15px; margin-bottom: 15px; height: 300px; } .leo-more-info .view_scroll_left { margin-top: 0px; } } @media (max-width: 991px) { .leo-more-info { display: none; } } .product-variants > .product-variants-item select { width: auto; } /*end update product image more infor*/ .leoquicklogin-cssload-speeding-wheel { width: 20px; height: 20px; } .product-detail .description-short { margin-bottom: 30px; } .product-detail .product-prices { margin: 25px 0; } @media (max-width: 767px) { .leo-modal-review .new_review_form_content { text-align: left; } .rtl .leo-modal-review .new_review_form_content { text-align: right; } .leo-modal-review .product-info { width: 40%; display: none; } .leo-modal-review .new_review_form_content { width: 100%; } #blockcart-modal .modal-title { font-size: 14px; text-align: center; } #blockcart-modal .divide-right { padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 20px; } #blockcart-modal .divide-right > .row { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #blockcart-modal .product-image { max-width: 100px; } #blockcart-modal .product-name { font-size: 16px; } #blockcart-modal .cart-products-count { font-size: 14px; } #blockcart-modal p { margin-bottom: 10px; } #blockcart-modal .cart-content-btn { margin-top: 20px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #blockcart-modal .cart-content-btn .btn { width: 50%; padding: 10px 15px; } #blockcart-modal .cart-content-btn .btn i { display: none; } } @media (max-width: 767px) and (max-width: 480px) { #blockcart-modal .cart-content-btn { display: block; } #blockcart-modal .cart-content-btn .btn { width: 100%; margin: 10px 0 0; } } .box-faqpage { font-size: 13px; font-weight: 400; } .box-faqpage .block-toggler .navbar-toggler { top: 2px; } .box-faqpage .ApColumn .block { margin-bottom: 0px; } .box-faqpage .ApHtml .title_block { border-bottom: 2px solid #e5e5e5; background: #f5f5f5; padding: 10px 30px; font-size: 13px; margin: 0 0 10px; border-radius: 4px; color: #666; line-height: 1.5; transition: all .4s; } .box-faqpage .ApHtml .title_block:before { font-family: "FontAwesome"; content: "\f059"; top: 11px; left: 10px; background: none; color: #f11d22; transition: all .4s; position: absolute; } .rtl .box-faqpage .ApHtml .title_block:before { right: 10px; left: auto; } .box-faqpage .ApHtml .block_content:after { content: ""; display: block; clear: both; } .box-faqpage .ApHtml .title[aria-expanded="true"] { color: #fff; } .box-faqpage .ApHtml .title[aria-expanded="true"] .title_block { border-bottom: 2px solid #f11d22; background: #222; color: #fff; } .box-faqpage .ApHtml .title[aria-expanded="true"] .title_block:before { color: #fff; } .product-detail .leo-more-cdown ul { margin: 20px 0; } .box-outteam .ApColumn .block { margin-bottom: 30px; } .box-outteam .ApImage { position: relative; } .box-outteam .ApImage .image_description { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; padding: 20px; font-size: 12px; line-height: 1.75; opacity: 0; transition: all .2s; overflow: hidden; } .box-outteam .ApImage .image_description strong { color: #222; } @media (max-width: 1199px) { .box-outteam .ApImage .image_description p:last-child { display: none; } } .box-outteam .ApImage:hover .image_description { opacity: 1; } .leo-pro-attr-section .leo-bt-select-attr { font-size: 10px; overflow: hidden; text-overflow: ellipsis; padding: 10px 25px 10px 15px; position: relative; text-align: left; margin: 5px 0; } .rtl .leo-pro-attr-section .leo-bt-select-attr { padding: 10px 15px 10px 25px; } .rtl .leo-pro-attr-section .leo-bt-select-attr { text-align: right; } .leo-pro-attr-section .leo-bt-select-attr:after { position: absolute; top: 18px; right: 15px; } .rtl .leo-pro-attr-section .leo-bt-select-attr:after { left: 15px; right: auto; } .thumbnail-container .leo_cart_quantity { margin: 5px 0; } .delivery-options img { max-width: 40px; height: auto; } /*fix leo-more-cdown in product detail*/ .category-products .owl-item.active + .active + .active + .active .leo-more-info, .product-accessories .owl-item.active + .active + .active + .active .leo-more-info { right: auto; left: 0; } .category-products .owl-item.active + .active + .active + .active .thumbnail-container:hover .leo-more-info, .product-accessories .owl-item.active + .active + .active + .active .thumbnail-container:hover .leo-more-info { right: auto; left: -90px; } .block-category.card { border: 0; box-shadow: none; padding: 0; margin: 0; } .block-category.card h1 { margin: 0 0 20px; } .block-category.card > div { margin: 0 0 30px; } .block-category.card .category-cover img { max-width: 100%; } .page-heading { margin: 0 0 20px; } @media (max-width: 1920px) { .box-padding800 .ApSlideShow { position: relative; padding-bottom: 42%; overflow: hidden; } .box-padding800 .ApSlideShow .bannercontainer { position: absolute; top: 0; left: 0; } } /* Css new */ .box-img-cate { padding-top: 40px; } @media (max-width: 575px) { .box-img-cate { padding-top: 30px; } } .box-product { padding-top: 90px; padding-bottom: 90px; } @media (max-width: 991px) { .box-product { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 575px) { .box-product { padding-top: 30px; padding-bottom: 30px; } } .box-cate-product { padding-top: 80px; padding-bottom: 40px; position: relative; } @media (max-width: 991px) { .box-cate-product { padding-top: 40px; padding-bottom: 20px; } } @media (max-width: 575px) { .box-cate-product { padding-top: 30px; padding-bottom: 10px; } } .box-cate-product:before { content: ''; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; top: 0; left: 0px; right: 0px; margin: auto; } .box-cate-product .thumbnail-container { margin-bottom: 50px; } @media (max-width: 991px) { .box-cate-product .thumbnail-container { margin-bottom: 30px; } } .box-cate-product .ApColumn:nth-child(3) { position: static; } .box-cate-product .widget-category_image .block_content > ul { width: 100%; } .box-cate-product .widget-category_image .block_content > ul:first-child { padding-right: 0; margin-bottom: 0; } .rtl .box-cate-product .widget-category_image .block_content > ul:first-child { padding-left: 0; padding-right: inherit; } .box-cate-product .title_block { font-size: 40px; line-height: 50px; color: #222; padding: 0; margin: 0 0 10px; /* font-family: "Eina03-600"; */ margin-bottom: 60px; margin-left: 15px; } .rtl .box-cate-product .title_block { margin-right: 15px; margin-left: inherit; } @media (max-width: 991px) { .box-cate-product .title_block { margin-bottom: 30px; font-size: 30px; line-height: 40px; } } @media (max-width: 767px) { .box-cate-product .title_block { text-align: center; } [dir="rtl"] .box-cate-product .title_block { text-align: center; } } @media (max-width: 575px) { .box-cate-product .title_block { font-size: 25px; line-height: 35px; } } .box-cate-product .ApTabs .nav-tabs { padding: 0; position: absolute; top: 101px; right: 15px; } .rtl .box-cate-product .ApTabs .nav-tabs { left: 15px; right: auto; } @media (max-width: 991px) { .box-cate-product .ApTabs .nav-tabs { top: 52px; } } @media (max-width: 767px) { .box-cate-product .ApTabs .nav-tabs { position: static; padding: 30px 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .box-cate-product .ApTabs .nav-tabs li + .nav-item { margin-left: 20px; } .rtl .box-cate-product .ApTabs .nav-tabs li + .nav-item { margin-right: 20px; margin-left: inherit; } @media (max-width: 991px) { .box-cate-product .ApTabs .nav-tabs li + .nav-item { margin-left: 5px; } .rtl .box-cate-product .ApTabs .nav-tabs li + .nav-item { margin-right: 5px; margin-left: inherit; } } .box-cate-product .ApTabs .nav-tabs li a { font-size: 15px; /* font-family: "Eina03-600"; */ line-height: 20px; color: #777777; padding: 0 10px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; text-transform: inherit; border: none; margin: 10px 0; } @media (max-width: 767px) { .box-cate-product .ApTabs .nav-tabs li a { font-size: 14px; } } .box-cate-product .ApTabs .nav-tabs li a:hover { -moz-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; border: none; } .box-cate-product .nav-tabs .nav-link.active, .box-cate-product .nav-tabs .nav-link.active:focus, .box-cate-product .nav-tabs .nav-link.active:hover, .box-cate-product .nav-tabs .nav-item.open .nav-link, .box-cate-product .nav-tabs .nav-item.open .nav-link:focus, .box-cate-product .nav-tabs .nav-item.open .nav-link:hover { background-color: transparent; color: #222; -moz-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; border: none; } .box-newbanner { padding: 100px 0; } @media (max-width: 991px) { .box-newbanner { padding: 50px 0; } } @media (max-width: 575px) { .box-newbanner { padding: 30px 0; } } @media (min-width: 1200px) { .box-newbanner .ApColumn { width: 50%; float: right; padding-left: 200px; } .rtl .box-newbanner .ApColumn { float: left; } .rtl .box-newbanner .ApColumn { padding-right: 200px; padding-left: inherit; } } @media (max-width: 1199px) { .box-newbanner .ApColumn { text-align: center; } } .box-newbanner .bn-text { font-size: 15px; letter-spacing: 0.75px; line-height: 22px; color: #FFFFFF; text-transform: uppercase; display: inline-block; /* font-family: "Eina03-600"; */ padding-left: 19px; border-left: 1px solid #FFFFFF; text-align: left; } .rtl .box-newbanner .bn-text { text-align: right; } .box-newbanner .box-btn a { font-size: 14px; letter-spacing: 0.42px; /* font-family: "Eina03-600"; */ text-transform: uppercase; padding: 15px 55px; color: #FFFFFF; border: 2px solid; display: inline-block; } .box-newbanner .box-btn a:hover { background-color: #000000; border-color: #000000; } .box-newbanner .ApImage { padding: 60px 0; } @media (max-width: 991px) { .box-newbanner .ApImage { padding: 40px 0; } } @media (max-width: 575px) { .box-newbanner .ApImage { padding: 20px 0; } } .box-newbanner .ApImage img { max-width: 288px; } @media (max-width: 575px) { .box-newbanner .ApImage img { max-width: 200px; } } .box-blog { padding: 90px 0; } @media (max-width: 991px) { .box-blog { padding: 50px 0; } } @media (max-width: 575px) { .box-blog { padding: 30px 0; } } .blog-container { text-align: left; } .rtl .blog-container { text-align: right; } .blog-container:hover .left-block img { -webkit-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .blog-container .left-block { margin-bottom: 1.5em; overflow: hidden; } .blog-container .left-block img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .blog-container .blog-title { margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .blog-container .blog-title a { font-size: 20px; letter-spacing: 0.2px; color: #222222; } .blog-container .blog-title a:hover { color: #333; } .blog-container .blog-meta { display: inline-block; } .blog-container .blog-meta:after { content: '/'; padding: 0 7px; } .blog-container .blog-meta a { font-size: 11px; color: #222; text-transform: uppercase; letter-spacing: 0.33px; } .blog-container .blog-date { display: inline-block; font-size: 12px; letter-spacing: 0.36px; } .blog-container .blog-desc { line-height: 24px; margin: 1em 0; padding-top: 25px; position: relative; } .blog-container .blog-desc:before { position: absolute; width: 60px; content: ""; top: 0; margin: 0 auto; left: 0; border-bottom: 1px solid; border-color: #eeeeee; } .blog-container .link-readmore { font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* font-family: "Eina03-600"; */ padding: 0 10px; margin: 10px 0; -moz-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.3) inset; } .blog-container .link-readmore:hover { -moz-box-shadow: 0px -50px 0px 0px #333 inset; -webkit-box-shadow: 0px -50px 0px 0px #333 inset; -o-box-shadow: 0px -50px 0px 0px #333 inset; -ms-box-shadow: 0px -50px 0px 0px #333 inset; box-shadow: 0px -50px 0px 0px #333 inset; padding: 10px; margin: 0; color: #FFFFFF; } .box-testimonial { color: #222222; text-align: center; padding: 100px 30px 100px 30px; } @media (max-width: 991px) { .box-testimonial { padding: 50px 30px 50px 30px; } } @media (min-width: 768px) { .box-testimonial .ApRawHtml { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .box-testimonial .testimonial-content { font-size: 30px; line-height: 50px; /* font-family: "Eina03-600"; */ } @media (max-width: 991px) and (min-width: 768px) { .box-testimonial .testimonial-content { width: 55%; } } @media (max-width: 767px) { .box-testimonial .testimonial-content { font-size: 25px; } } .box-testimonial .testimonial-details { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: inherit; -moz-box-align: inherit; box-align: inherit; -webkit-align-items: inherit; -moz-align-items: inherit; -ms-align-items: inherit; -o-align-items: inherit; align-items: inherit; -ms-flex-align: inherit; } @media (max-width: 767px) { .box-testimonial .testimonial-details { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .box-testimonial .testimonial-details .testimonial-name { font-size: 20px; font-family: "Eina03-400"; margin-right: 5px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .rtl .box-testimonial .testimonial-details .testimonial-name { margin-left: 5px; margin-right: inherit; } .box-testimonial .testimonial-details .testimonial-name:before { content: ""; display: inline-block; background-color: #000000; width: 20px; height: 1px; margin: 0 10px; } .box-testimonial .testimonial-details .testimonial-job { font-size: 14px; font-family: "Eina03-400Italic"; } .box-footer { padding-bottom: 90px; } @media (max-width: 1199px) { .box-footer { padding-bottom: 0px; } } .box-footer .logo { margin-bottom: 35px; } @media (max-width: 767px) { .box-footer .ApRawHtml { margin-bottom: 30px; } } .nqt_address p { letter-spacing: 0.14px; color: #222222; margin-bottom: 20px; line-height: 25px; } .nqt-phonenumber { margin-bottom: 10px; letter-spacing: 0.14px; color: #222222; } .nqt-email { letter-spacing: 0.14px; color: #222222; padding-bottom: 1px; border-bottom: 2px solid #666; display: inline-block; } .nqt-email:hover { color: #333; } .box-copyright { padding: 35px 0; position: relative; } @media (max-width: 1199px) { .box-copyright { margin-top: 30px; } } @media (max-width: 767px) { .box-copyright { text-align: center; } } .box-copyright:before { content: ''; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; top: 0; left: 0px; right: 0px; margin: auto; } .box-copyright img { max-width: 374px; float: right; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .rtl .box-copyright img { float: left; } .box-copyright img:hover { opacity: 0.75; filter: alpha(opacity=75); } @media (max-width: 767px) { .box-copyright img { float: none; } [dir="rtl"] .box-copyright img { float: none; } } .nqt-copyright { margin-bottom: 0; } @media (max-width: 767px) { .nqt-copyright { margin-bottom: 0; } } .nqt-copyright strong { color: #222222; } /* style home 2 */ @media (min-width: 768px) { .box-top.home-2 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media (max-width: 1199px) { .box-top.home-2 .ApColumn:nth-child(1) { padding-top: 0; padding-bottom: 0; text-align: left; } .rtl .box-top.home-2 .ApColumn:nth-child(1) { text-align: right; } } @media (max-width: 767px) { .box-top.home-2 .ApColumn:nth-child(1) { text-align: center; padding-top: 30px; padding-bottom: 10px; } [dir="rtl"] .box-top.home-2 .ApColumn:nth-child(1) { text-align: center; } } @media (max-width: 991px) { .box-top.home-2 .ApColumn:nth-child(2) { display: none; } } @media (max-width: 767px) { .box-top.home-2 .ApColumn:nth-child(3) { float: right; } .rtl .box-top.home-2 .ApColumn:nth-child(3) { float: left; } } .showmenu { font-size: 12px; /* font-family: "Eina03-600"; */ color: #222222; cursor: pointer; width: 90px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } @media (max-width: 991px) { .showmenu { display: none; } } .showmenu.active i:before { content: "\e910"; } .showmenu i { color: #000000; font-size: 17px; margin-right: 15px; } .rtl .showmenu i { margin-left: 15px; margin-right: inherit; } .showmenu:hover { color: #333; } .showmenu:hover i { color: #333; } .bg-over-lay { position: fixed; top: 0px; left: 0px; right: 0px; height: 120vh; background-color: rgba(51, 51, 51, 0.7); z-index: 1000; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .show-over-lay { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .group-nav { margin: 0; /* Menu */ } .group-nav .ApColumn { position: static; padding: 0; } .group-nav .block-social { display: none; } @media (max-width: 991px) and (min-width: 768px) { .group-nav .navbar-header .navbar-toggler { border: 0; margin-top: 6px; } .group-nav .navbar-header .navbar-toggler:hover, .group-nav .navbar-header .navbar-toggler:active, .group-nav .navbar-header .navbar-toggler:focus { background-color: transparent; color: #333; } } @media (max-width: 991px) { .group-nav { position: absolute; top: 15px; left: 170px; } .rtl .group-nav { right: 170px; left: auto; } } @media (max-width: 767px) { .group-nav { top: 65px; left: 18px; } .rtl .group-nav { right: 18px; left: auto; } } @media (min-width: 992px) { .group-nav { position: fixed; top: 0; padding: 0; width: 300px; height: 100%; z-index: 9999999; background: #353535 !important; left: 0; text-align: center; -webkit-transform: translate(-300px, 0); -moz-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); -o-transform: translate(-300px, 0); transform: translate(-300px, 0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .rtl .group-nav { right: 0; left: auto; } [dir="rtl"] .group-nav { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); } .group-nav.active-menu { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .group-nav > a { margin-bottom: 50px; display: inline-block; width: 100%; } .group-nav .block-social { display: block; position: absolute; text-align: left; padding-left: 1.2em; bottom: 40px; float: none; width: 100%; } .rtl .group-nav .block-social { text-align: right; } .rtl .group-nav .block-social { padding-right: 1.2em; padding-left: inherit; } .group-nav .block-social li { color: #FFFFFF; } } .group-nav .wr-logo { display: inline-block; width: 100%; text-align: left; padding-left: 1.2em; margin-bottom: 40px; } .rtl .group-nav .wr-logo { text-align: right; } .rtl .group-nav .wr-logo { padding-right: 1.2em; padding-left: inherit; } .group-nav .closemenu { display: inline-block; float: right; padding: 15px; cursor: pointer; } .rtl .group-nav .closemenu { float: left; } @media (max-width: 991px) { .group-nav .closemenu { display: none; } } .group-nav .closemenu:hover i { color: #333; } @media (min-width: 992px) { .group-nav .leo-megamenu .dropdown-menu { top: 90%; left: 100%; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .rtl .group-nav .leo-megamenu .dropdown-menu { right: 100%; left: auto; } .group-nav .leo-megamenu .dropdown-menu li a.dropdown-toggle:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .group-nav .leo-megamenu .dropdown:hover > .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 0; } .group-nav .leo-megamenu .dropdown:hover .dropdown-menu { top: 0; left: 100%; } .rtl .group-nav .leo-megamenu .dropdown:hover .dropdown-menu { right: 100%; left: auto; } } .group-nav .leo-megamenu .navbar-nav li { position: relative; } .group-nav .leo-megamenu .navbar-nav > li { float: none; width: 100%; } [dir="rtl"] .group-nav .leo-megamenu .navbar-nav > li { float: none; } .group-nav .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu { left: 100%; right: auto; } [dir="rtl"] .group-nav .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu { right: 100%; left: auto; } @media (min-width: 1200px) { .group-nav .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu { width: 880px !important; } } @media (max-width: 1199px) and (min-width: 992px) { .group-nav .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu { width: 660px !important; } } .group-nav .leo-megamenu .navbar-nav > li.parent > a span.menu-title:before, .group-nav .leo-megamenu .navbar-nav > li.parent > a span.menu-title:after { display: none; } .group-nav .leo-megamenu .navbar-nav > li:first-child > a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); } .group-nav .leo-megamenu .navbar-nav > li + .nav-item { margin-left: 0; } .rtl .group-nav .leo-megamenu .navbar-nav > li + .nav-item { margin-right: 0; margin-left: inherit; } .group-nav .leo-megamenu .navbar-nav > li > a { display: block; color: #FFFFFF; font-family: "Eina03-400"; padding: 0.7em 3em 0.7em 1.2em; outline: none; -moz-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); -o-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 15px; -webkit-transition: background 0.3s, box-shadow 0.3s; -o-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .rtl .group-nav .leo-megamenu .navbar-nav > li > a { padding: 0.7em 1.2em 0.7em 3em; } .group-nav .leo-megamenu .navbar-nav > li > a:before { display: none; } .group-nav .leo-megamenu .navbar-nav > li > a.dropdown-toggle:after { position: absolute; right: 0; top: 0; bottom: 0; width: 41px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; z-index: 2; border-top: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.05); font-size: 12px; margin: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .rtl .group-nav .leo-megamenu .navbar-nav > li > a.dropdown-toggle:after { left: 0; right: auto; } [dir="rtl"] .group-nav .leo-megamenu .navbar-nav > li > a.dropdown-toggle:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .group-nav .leo-megamenu .navbar-nav > li > a:hover { background: rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 -1px transparent; -webkit-box-shadow: inset 0 -1px transparent; -o-box-shadow: inset 0 -1px transparent; -ms-box-shadow: inset 0 -1px transparent; box-shadow: inset 0 -1px transparent; } @media (max-width: 1199px) { .box-slide.responsive { margin: 0 -9px; padding: 0; } } .h2-boxbanner { padding-top: 90px; } @media (max-width: 991px) { .h2-boxbanner { padding-top: 50px; } } @media (max-width: 575px) { .h2-boxbanner { padding-top: 30px; } } @media (max-width: 767px) { .h2-boxbanner .ApColumn { text-align: center; } .h2-boxbanner .ApColumn:nth-child(1) { margin-bottom: 15px; } } .h2-banner { position: relative; } @media (max-width: 767px) { .h2-banner { display: inline-block; } } @media (max-width: 1199px) and (min-width: 768px) { .h2-banner img { height: 380px !important; object-fit: cover; } } @media (max-width: 767px) { .h2-banner img { max-width: 500px; } } @media (max-width: 480px) { .h2-banner img { height: 250px !important; object-fit: cover; } } .h2-banner .image_description { position: absolute; top: 50%; text-align: left; left: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .rtl .h2-banner .image_description { text-align: right; } .rtl .h2-banner .image_description { right: 50px; left: auto; } .h2-banner .image_description p { color: #777777; font-size: 12px; text-transform: uppercase; line-height: 18px; letter-spacing: 2px; } .h2-banner .image_description h2 { color: #222222; font-size: 31px; font-weight: 600; line-height: 39px; letter-spacing: -1px; margin-bottom: 40px; } .h2-banner .image_description .btn { font-size: 16px; /* font-family: "Eina03-600"; */ color: #222222; background-color: transparent; border-radius: 0px 0px 0px 0px; padding: 0px 10px 5px 5px; text-transform: capitalize; -moz-box-shadow: 0px -9px 0px 0px #666 inset; -webkit-box-shadow: 0px -9px 0px 0px #666 inset; -o-box-shadow: 0px -9px 0px 0px #666 inset; -ms-box-shadow: 0px -9px 0px 0px #666 inset; box-shadow: 0px -9px 0px 0px #666 inset; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .h2-banner .image_description .btn:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 768px) { .box-product.home-2 .product_block { width: 33.33333%; } .box-product.home-2 .product_block:nth-child(3n+1) { clear: both; } } @media (max-width: 767px) and (min-width: 481px) { .box-product.home-2 .product_block { width: 50%; } .box-product.home-2 .product_block:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .box-product.home-2 .product_block { width: 100%; } } .box-imgbackground { text-align: center; padding: 140px 0px 350px 0px; } @media (max-width: 991px) { .box-imgbackground { padding: 100px 0px 100px 0px; } } @media (max-width: 575px) { .box-imgbackground { padding: 50px 0px 50px 0px; } } .box-imgbackground h2 { font-size: 40px; /* font-family: "Eina03-600"; */ line-height: 50px; color: #FFFFFF; margin-bottom: 10px; } @media (max-width: 575px) { .box-imgbackground h2 { font-size: 30px; } } .box-imgbackground p { font-size: 15px; color: #FFFFFF; margin-bottom: 40px; } .box-imgbackground a { background: #222222; clear: both; text-align: center; height: 60px; line-height: 60px; letter-spacing: 0.32px; padding: 0 59px; display: none; font-size: 16px; color: #FFFFFF; /* font-family: "Eina03-600"; */ display: inline-block; } .box-imgbackground a:hover { background-color: #333; color: #fff; } .box-newsletter { text-align: center; padding: 200px 0px 200px 0px; } @media (max-width: 991px) { .box-newsletter { padding: 100px 0px 100px 0px; } .box-newsletter:before { content: ""; padding: 0px 165px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -198px; background-size: cover !important; background-attachment: inherit !important; } } @media (max-width: 575px) { .box-newsletter { padding: 50px 0px 50px 0px; } } .box-newsletter .block_newsletter { max-width: 720px; margin: auto; } .box-newsletter .block_newsletter p { padding-top: 0; margin-bottom: 40px; } .box-newsletter .block_newsletter .input-wrapper { max-width: 530px; margin: auto; } .box-newsletter .block_newsletter .input-wrapper input { background-color: #FFFFFF; border: 0; padding: 0 20px; } @media (max-width: 480px) { .box-newsletter .block_newsletter .input-wrapper input { margin-bottom: 10px; } } .box-newsletter .block_newsletter .input-wrapper button { background-color: #222222; border: 0; color: #FFFFFF; } @media (max-width: 480px) { .box-newsletter .block_newsletter .input-wrapper button { width: 100%; } } .box-newsletter .block_newsletter .input-wrapper button:hover { background-color: #333; color: #fff; } .footer-container .h2-boxfooter { position: relative; padding: 50px 0; } @media (min-width: 768px) { .footer-container .h2-boxfooter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding-bottom: 40px; } } @media (max-width: 767px) { .footer-container .h2-boxfooter { text-align: center; } } .footer-container .h2-boxfooter:before { content: ''; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; bottom: 0; left: 0px; right: 0px; margin: auto; } .footer-container .h2-boxfooter ul { float: right; } .rtl .footer-container .h2-boxfooter ul { float: left; } @media (max-width: 767px) { .footer-container .h2-boxfooter ul { float: none; display: inline-block; margin-top: 15px; } [dir="rtl"] .footer-container .h2-boxfooter ul { float: none; } } .footer-container .h2-boxfooter ul li { float: left; margin-right: 35px; } .rtl .footer-container .h2-boxfooter ul li { float: right; } .rtl .footer-container .h2-boxfooter ul li { margin-left: 35px; margin-right: inherit; } @media (max-width: 480px) { .footer-container .h2-boxfooter ul li { margin-right: 25px; } .rtl .footer-container .h2-boxfooter ul li { margin-left: 25px; margin-right: inherit; } } .footer-container .h2-boxfooter ul li:last-child { margin-right: 0px; } .rtl .footer-container .h2-boxfooter ul li:last-child { margin-left: 0px; margin-right: inherit; } .footer-container .h2-boxfooter ul li a:before { display: none; } .box-ftinfo { padding: 35px 0; } @media (max-width: 767px) { .box-ftinfo { text-align: center; padding-bottom: 0; } } .box-ftinfo .block-social { float: right; } .rtl .box-ftinfo .block-social { float: left; } @media (max-width: 767px) { .box-ftinfo .block-social { float: none; margin-top: 20px; } [dir="rtl"] .box-ftinfo .block-social { float: none; } } .h3-box-img-cate.top { padding-top: 90px; } @media (max-width: 991px) { .h3-box-img-cate.top { padding-top: 50px; } } @media (max-width: 575px) { .h3-box-img-cate.top { padding-top: 30px; } } @media (min-width: 576px) { .h3-box-img-cate.top .widget-category_image .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } .h3-box-img-cate.bot { padding: 90px 0; position: relative; } @media (max-width: 991px) { .h3-box-img-cate.bot { padding: 50px 0; } } @media (max-width: 575px) { .h3-box-img-cate.bot { padding: 30px 0; } } .h3-box-img-cate.bot:before { content: ''; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; bottom: 0; left: 0px; right: 0px; margin: auto; } .h3-box-img-cate.bot .widget-category_image .block_content ul { width: 100%; } .h3-box-img-cate .widget-category_image .block_content { text-align: center; } .h3-box-img-cate .widget-category_image .block_content ul { padding: 0px 0px 0px 0px; } .rtl .h3-box-img-cate .widget-category_image .block_content ul { padding: 0px 0px 0px 0px; } @media (max-width: 575px) { .h3-box-img-cate .widget-category_image .block_content ul { width: 100%; } } .h3-box-img-cate .widget-category_image .block_content ul:first-child { padding: 0px 0px 0px 0px; } .rtl .h3-box-img-cate .widget-category_image .block_content ul:first-child { padding: 0px 0px 0px 0px; } .h3-box-img-cate .widget-category_image .block_content .wr-text { left: 0; right: 0; bottom: 100px; margin: auto; text-align: center; } @media (max-width: 767px) { .h3-box-img-cate .widget-category_image .block_content .wr-text { position: static; } } .h3-box-img-cate .widget-category_image .block_content .cate-name { font-size: 22px; line-height: 50px; } .h3-box-img-cate .widget-category_image .block_content li a { display: inline-block; width: 100%; overflow: hidden; } .h3-box-img-cate .widget-category_image .block_content li .cate-show-all { font-weight: 600; color: #222222; background-color: #ffffff; padding: 11.5px 46px 11.5px 46px; font-size: 15px; border: 2px solid; width: auto; } @media (max-width: 767px) { .h3-box-img-cate .widget-category_image .block_content li .cate-show-all { margin-top: 20px; } } .h3-box-img-cate .widget-category_image .block_content li .cate-show-all:hover { background-color: #333; border-color: #333; color: #fff; } .h3-footer-info { padding: 90px 0; } @media (max-width: 991px) { .h3-footer-info { padding: 50px 30px; } } @media (max-width: 767px) { .h3-footer-info { text-align: center; } .h3-footer-info .logo-second { margin-bottom: 20px; } } @media (max-width: 575px) { .h3-footer-info { padding: 30px 0; } } .h3-footer-info .showpopup { display: inline-block; } .h3-footer-info .bg-layout-newsletter { position: fixed; top: 0px; left: 0px; right: 0px; height: 120vh; background-color: rgba(51, 51, 51, 0.7); z-index: 100000; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .h3-footer-info .show { opacity: 1; visibility: visible; } .h3-footer-info .nqt_address p, .h3-footer-info .nqt-phonenumber, .h3-footer-info .nqt-email { color: #FFFFFF; } .h3-footer-info .btn-newsletter { color: #FFFFFF; font-size: 14px; padding: 5px 10px 5px 10px; text-transform: uppercase; -moz-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.4) inset; -webkit-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.4) inset; -o-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.4) inset; -ms-box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.4) inset; box-shadow: 0px -9px 0px 0px rgba(235, 112, 37, 0.4) inset; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767px) { .h3-footer-info .btn-newsletter { margin-top: 20px; } } .h3-footer-info .btn-newsletter:hover { -moz-box-shadow: 0px -31px 0px 0px rgba(235, 112, 37, 0.4) inset; -webkit-box-shadow: 0px -31px 0px 0px rgba(235, 112, 37, 0.4) inset; -o-box-shadow: 0px -31px 0px 0px rgba(235, 112, 37, 0.4) inset; -ms-box-shadow: 0px -31px 0px 0px rgba(235, 112, 37, 0.4) inset; box-shadow: 0px -31px 0px 0px rgba(235, 112, 37, 0.4) inset; cursor: pointer; } .group-newsletter { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .group-newsletter.active-popup { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .group-newsletter .block_newsletter { width: 100%; max-width: none; } .group-newsletter .block_newsletter.block .title_block { text-align: center; margin-bottom: 15px; } [dir="rtl"] .group-newsletter .block_newsletter.block .title_block { text-align: center; } .group-newsletter .block_newsletter .email-text { display: block; text-align: center; line-height: 24px; margin-bottom: 25px; font-weight: 700; } .group-newsletter .wr-newsletter { max-width: 525px; display: inline-block; padding: 65px; float: none; background-color: #FFFFFF; } [dir="rtl"] .group-newsletter .wr-newsletter { float: none; } .group-newsletter .wr-newsletter .closepopup { width: 44px; height: 44px; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; } .rtl .group-newsletter .wr-newsletter .closepopup { left: 0; right: auto; } .group-newsletter .wr-newsletter .closepopup:hover i { color: #f7525a; } .group-newsletter .wr-newsletter .closepopup i { font-size: 18px; line-height: 44px; } .box-copyright.home-3 { position: relative; } .box-copyright.home-3:before { content: ''; width: calc(100% - 30px); height: 1px; background-color: #373737; position: absolute; top: 0; left: 0px; right: 0px; margin: auto; } .box-copyright.home-3 .nqt-copyright strong { color: #FFFFFF; } .box-copyright.home-3 .block-social { float: right; } .rtl .box-copyright.home-3 .block-social { float: left; } @media (max-width: 767px) { .box-copyright.home-3 .block-social { float: none; } [dir="rtl"] .box-copyright.home-3 .block-social { float: none; } } /* home 4 */ @media (max-width: 1199px) { .page-home .box-mainbanner { padding: 0; margin: 0 -9px; } } @media (min-width: 992px) { .h4-wr-mainbanner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .h4-wr-mainbanner img { max-width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .h4-wr-mainbanner .wr-text { margin: -55px 0px 0px 0px; padding: 0px 60px 0px 0px; text-align: right; } .rtl .h4-wr-mainbanner .wr-text { text-align: left; } @media (max-width: 767px) { .h4-wr-mainbanner .wr-text { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } } .h4-wr-mainbanner .wr-text a { font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.8px; position: relative; font-family: "Eina03-700"; z-index: 2; } .h4-wr-mainbanner .wr-text a:before { content: ""; position: relative; display: inline-block; vertical-align: middle; z-index: -1; background-color: #333; width: 70px; height: 15px; margin: 0px -20px 5px 0px; } .h4-wr-mainbanner .banner-left { background-color: #ffd8d4; } @media (min-width: 992px) { .h4-wr-mainbanner .banner-left { width: 38.5%; } } .h4-wr-mainbanner .banner-left .bn-left-top { background-color: #f3f3f3; padding: 200px 15px 110px 15px; text-align: center; } @media (max-width: 767px) { .h4-wr-mainbanner .banner-left .bn-left-top { padding: 100px 15px 100px 15px; } } .h4-wr-mainbanner .banner-left .bn-left-top h1 { color: #222222; font-size: 80px; font-weight: 700; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 20px; } @media (max-width: 1199px) { .h4-wr-mainbanner .banner-left .bn-left-top h1 { font-size: 60px; } } .h4-wr-mainbanner .banner-left .bn-left-top .buton-shopnow { text-align: center; margin-top: 60px; } .h4-wr-mainbanner .banner-left .bn-left-top a { font-size: 16px; padding: 14px 43px; letter-spacing: 0.32px; color: #222; border: 2px solid #222; display: inline-block; text-transform: capitalize; /* font-family: "Eina03-600"; */ } .h4-wr-mainbanner .banner-left .bn-left-top a:hover { background-color: #333; color: #FFFFFF; border-color: #333; } .h4-wr-mainbanner .banner-left .bn-left-bottom { background-color: #ffd8d4; padding: 20px 15px 20px 15px; text-align: center; } @media (max-width: 991px) { .h4-wr-mainbanner .banner-left .bn-left-bottom { padding: 50px 15px 30px 15px; } } @media (max-width: 575px) { .h4-wr-mainbanner .banner-left .bn-left-bottom { padding: 30px 15px 10px 15px; } } .h4-wr-mainbanner .banner-left .bn-left-bottom:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .h4-wr-mainbanner .banner-right { background-color: #bde1dd; padding: 125px 15px 40px 15px; text-align: center; } .h4-wr-mainbanner .banner-right img { margin-bottom: 47px; } .h4-wr-mainbanner .banner-right:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 992px) { .h4-wr-mainbanner .banner-right { width: 61.5%; } } @media (max-width: 767px) { .h4-wr-mainbanner .banner-right { padding: 70px 15px 40px 15px; } } @media (max-width: 575px) { .h4-wr-mainbanner .banner-right { padding: 50px 15px 40px 15px; } } .h4-boxbntop { padding-top: 90px; } @media (max-width: 991px) { .h4-boxbntop { padding-top: 50px; } } @media (max-width: 575px) { .h4-boxbntop { padding-top: 30px; } } @media (max-width: 767px) { .h4-boxbntop .ApColumn { text-align: center; } } .h4-boxbntop .ApImage { position: relative; } @media (max-width: 767px) { .h4-boxbntop .ApImage { display: inline-block; margin-bottom: 15px; } .h4-boxbntop .ApImage.last { margin-bottom: 0; } .h4-boxbntop .ApImage img { max-width: 500px; max-height: 300px; } } @media (max-width: 1199px) and (min-width: 768px) { .h4-boxbntop .ApImage img .h2-banner img { height: 300px !important; object-fit: cover; } } .h4-boxbntop .image_description { position: absolute; top: 50%; text-align: left; left: 45px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .rtl .h4-boxbntop .image_description { text-align: right; } .rtl .h4-boxbntop .image_description { right: 45px; left: auto; } .h4-boxbntop .image_description p { margin-bottom: 0; color: #777777; font-size: 12px; letter-spacing: 0.6px; text-transform: uppercase; } .h4-boxbntop .image_description h2 { /* font-family: "Eina03-600"; */ font-size: 26px; letter-spacing: -0.26px; color: #222222; line-height: 36px; margin-top: 30px; margin-bottom: 50px; } @media (max-height: 767px) { .h4-boxbntop .image_description h2 { margin-top: 10px; margin-bottom: 30px; } } .h4-boxbntop .image_description a { font-size: 16px; /* font-family: "Eina03-600"; */ color: #222222; background-color: transparent; border-radius: 0px 0px 0px 0px; padding: 0px 10px 5px 5px; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-box-shadow: 0px -9px 0px 0px #666 inset; -webkit-box-shadow: 0px -9px 0px 0px #666 inset; -o-box-shadow: 0px -9px 0px 0px #666 inset; -ms-box-shadow: 0px -9px 0px 0px #666 inset; box-shadow: 0px -9px 0px 0px #666 inset; } .h4-boxbntop .image_description a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* style home 5 */ .h5-boxproduct { padding: 90px 0; max-width: 1710px; margin: auto; } @media (max-width: 1730px) { .h5-boxproduct { padding: 30px 15px; } } @media (max-width: 991px) { .h5-boxproduct { padding: 50px 0; } } @media (max-width: 575px) { .h5-boxproduct { padding: 30px 0; } } .product-has-border .row { margin: 0; } .product-has-border .row li { padding: 0; } .product-has-border .thumbnail-container { padding: 20px; margin: -0.5px; } .product-has-border .thumbnail-container:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #dddddd; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product-has-border .thumbnail-container .product-meta .product-title { position: relative; } .product-has-border .thumbnail-container .discount-percentage { top: 30px; } @media (min-width: 1200px) { .product-has-border .ajax_block_product { width: 25%; } .product-has-border .ajax_block_product:nth-child(4n+1) { clear: both; } } @media (max-width: 1199px) and (min-width: 768px) { .product-has-border .ajax_block_product { width: 33.3333333%; } .product-has-border .ajax_block_product:nth-child(3n+1) { clear: both; } } @media (767px) and (min-width: 481px) { .product-has-border .ajax_block_product { width: 50%; } .product-has-border .ajax_block_product:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .product-has-border .ajax_block_product { width: 100%; } } .product-has-border .box-show-more { margin-top: 90px; } @media (max-width: 991px) { .product-has-border .box-show-more { margin-top: 50px; } } @media (max-width: 575px) { .product-has-border .box-show-more { margin-top: 30px; } } .h5-boxlistcate { max-width: 1710px; margin: auto; padding: 120px 15px 120px 15px; } @media (max-width: 991px) { .h5-boxlistcate { padding: 80px 15px 80px 15px; } } @media (max-width: 575px) { .h5-boxlistcate { padding: 40px 15px 40px 15px; } } .h5-boxlistcate .widget-category_image .cate-show-all { position: absolute; bottom: 35px; font-size: 13px; color: #222222; text-transform: uppercase; letter-spacing: 0.65px; padding: 3px 10px 3px 10px; -moz-box-shadow: 0px -9px 0px 0px #666 inset; -webkit-box-shadow: 0px -9px 0px 0px #666 inset; -o-box-shadow: 0px -9px 0px 0px #666 inset; -ms-box-shadow: 0px -9px 0px 0px #666 inset; box-shadow: 0px -9px 0px 0px #666 inset; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; font-family: "Eina03-700"; opacity: 0; filter: alpha(opacity=0); } @media (max-width: 767px) { .h5-boxlistcate .widget-category_image .cate-show-all { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .h5-boxlistcate .widget-category_image .cate-show-all:hover { -moz-box-shadow: 0px -40px 0px 0px #333 inset; -webkit-box-shadow: 0px -40px 0px 0px #333 inset; -o-box-shadow: 0px -40px 0px 0px #333 inset; -ms-box-shadow: 0px -40px 0px 0px #333 inset; box-shadow: 0px -40px 0px 0px #333 inset; color: #FFFFFF; } .h5-boxlistcate .widget-category_image .block_content { margin: 0 -15px; } .h5-boxlistcate .widget-category_image .block_content .wr-text { position: static; } .h5-boxlistcate .widget-category_image .block_content .cate-name { font-size: 26px; color: #222222; margin-bottom: 20px; font-family: "Eina03-700"; } .h5-boxlistcate .widget-category_image .block_content .items { font-size: 12px; letter-spacing: 1.2px; color: #888888; text-transform: uppercase; } .h5-boxlistcate .widget-category_image .block_content > ul { padding: 15px 15px 15px 15px; } .rtl .h5-boxlistcate .widget-category_image .block_content > ul { padding: 15px 15px 15px 15px; } .h5-boxlistcate .widget-category_image .block_content > ul:first-child { padding: 15px 15px 15px 15px; } .rtl .h5-boxlistcate .widget-category_image .block_content > ul:first-child { padding: 15px 15px 15px 15px; } @media (max-width: 767px) { .h5-boxlistcate .widget-category_image .block_content > ul:first-child { margin-bottom: 0; } } @media (min-width: 1200px) { .h5-boxlistcate .widget-category_image .block_content > ul { width: 25%; } .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(4n+1) { padding: 15px 15px 15px 15px; clear: both; } .rtl .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(4n+1) { padding: 15px 15px 15px 15px; } } @media (max-width: 1199px) and (min-width: 768px) { .h5-boxlistcate .widget-category_image .block_content > ul { width: 33.3333333%; } .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(3n+1) { padding: 15px 15px 15px 15px; clear: both; } .rtl .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(3n+1) { padding: 15px 15px 15px 15px; } } @media (max-width: 767px) and (min-width: 576px) { .h5-boxlistcate .widget-category_image .block_content > ul { width: 50%; } .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(2n+1) { padding: 15px 15px 15px 15px; clear: both; } .rtl .h5-boxlistcate .widget-category_image .block_content > ul:nth-child(2n+1) { padding: 15px 15px 15px 15px; } } @media (max-width: 575px) { .h5-boxlistcate .widget-category_image .block_content > ul { width: 100%; } } .h5-boxlistcate .widget-category_image .block_content > ul li { padding: 35px; border: 2px solid #eeeeee; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 330px; position: relative; } @media (max-width: 1499px) { .h5-boxlistcate .widget-category_image .block_content > ul li { height: 250px; } } .h5-boxlistcate .widget-category_image .block_content > ul li:hover { background-color: #FFFFFF; border-color: #FFFFFF; } .h5-boxlistcate .widget-category_image .block_content > ul li:hover .cate-show-all { opacity: 1; filter: alpha(opacity=100); } .box-service { padding: 90px 0; } @media (max-width: 991px) { .box-service { padding: 50px 0; } } @media (max-width: 575px) { .box-service { padding: 30px 0; } } @media (max-width: 1199px) { .box-service .ApColumn:nth-child(1), .box-service .ApColumn:nth-child(3) { display: none; } } .box-service .sv-col { text-align: center; } @media (max-width: 575px) { .box-service .sv-col { margin-bottom: 15px; } } @media (max-width: 991px) and (min-width: 576px) { .box-service .sv-col:nth-child(1), .box-service .sv-col:nth-child(2) { margin-bottom: 15px; } } .box-service .sv-col i { height: 40px; font-size: 29px; margin-bottom: 20px; display: inline-block; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .box-service .sv-col i:before { line-height: 40px; } .box-service .sv-col i.icon-Ico_Checkout, .box-service .sv-col i.icon-Ico_Coupon { font-size: 27px; } .box-service .sv-col i.icon-Ico_Return { font-size: 37px; } .box-service .sv-col h3 { font-size: 16px; /* font-family: "Eina03-600"; */ color: #222; margin-bottom: 10px; } .box-service .sv-col:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); color: #333; } .box-service .sv-col:hover h3 { color: #333; } .box-intagram { position: relative; text-align: center; } .box-intagram .owl-carousel .owl-item { padding: 0; } .ig-info { background-color: #FFFFFF; padding: 13px 45px; display: inline-block; } @media (min-width: 768px) { .ig-info { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 767px) { .ig-info { padding: 15px 0; } } .ig-info i { float: left; border-right: 1px solid #eeeeee; height: 35px; padding-right: 25px; font-size: 26px; color: #000000; } .rtl .ig-info i { float: right; } .rtl .ig-info i { border-left: 1px solid #eeeeee; border-right: inherit; } .rtl .ig-info i { padding-left: 25px; padding-right: inherit; } .ig-info i:before { line-height: 35px; } .ig-info a { margin: 0; display: inline-block; padding-left: 25px; line-height: 35px; } .rtl .ig-info a { padding-right: 25px; padding-left: inherit; } .box-search { padding: 90px 0; } @media (max-width: 991px) { .box-search { padding: 50px 0; } } @media (max-width: 575px) { .box-search { padding: 30px 0; } } .box-search #search_widget { max-width: 920px; margin: auto; } .box-search #search_widget .popup-title { display: none; } .box-search #search_widget .popup-content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; visibility: visible; padding: 0; } .box-search #search_widget .search-inner input[type="text"] { width: 100%; height: 80px; border: 1px solid #eeeeee; padding-left: 40px; } .rtl .box-search #search_widget .search-inner input[type="text"] { padding-right: 40px; padding-left: inherit; } .box-search #search_widget .search-inner button[type="submit"] { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding-right: 50px; text-transform: uppercase; font-size: 14px; font-family: "Eina03-700"; letter-spacing: 2.8px; width: auto; height: 50px; } .rtl .box-search #search_widget .search-inner button[type="submit"] { padding-left: 50px; padding-right: inherit; } @media (max-width: 575px) { .box-search #search_widget .search-inner button[type="submit"] { width: 100%; padding-right: 0px; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-top: 20px; position: static; } .rtl .box-search #search_widget .search-inner button[type="submit"] { padding-left: 0px; padding-right: inherit; } } .box-search #search_widget .search-inner button[type="submit"]:hover { background-color: transparent; color: #333; } .box-search #search_widget .search-inner button[type="submit"]:hover i { color: #333; } @media (min-width: 576px) { .box-search #search_widget .search-inner button[type="submit"]:before { content: ''; width: 1px; height: 50px; background-color: #eeeeee; margin-right: 50px; } .rtl .box-search #search_widget .search-inner button[type="submit"]:before { margin-left: 50px; margin-right: inherit; } } .box-search #search_widget .search-inner button[type="submit"] i { float: left; padding-right: 15px; } .rtl .box-search #search_widget .search-inner button[type="submit"] i { float: right; } .rtl .box-search #search_widget .search-inner button[type="submit"] i { padding-left: 15px; padding-right: inherit; } /* style home 6 */ .box-nav2 { padding: 7px 0px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } @media (max-width: 991px) { .box-nav2 { display: none; } } .box-nav2 p { margin-bottom: 0; font-size: 12px; letter-spacing: 0.24px; } .box-nav2 .ApColumn:nth-child(1) { text-align: left; } .rtl .box-nav2 .ApColumn:nth-child(1) { text-align: right; } .box-nav2 .ApColumn:nth-child(2) { text-align: center; } .box-nav2 .ApColumn:nth-child(3) { text-align: right; } .rtl .box-nav2 .ApColumn:nth-child(3) { text-align: left; } @media (max-width: 1199px) and (min-width: 768px) { .h6-box-top { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; height: 110px; } } @media (max-width: 767px) { .h6-box-top .ApColumn:nth-child(1) { display: none; } } .h6-box-top .ApColumn:nth-child(2) { text-align: center; } @media (max-width: 767px) { .h6-box-top .ApColumn:nth-child(2) { padding-top: 30px; padding-bottom: 10px; } } @media (max-width: 767px) { .h6-box-top .ApColumn:nth-child(3) { float: right; } .rtl .h6-box-top .ApColumn:nth-child(3) { float: left; } } .h6-box-cate-img { padding-top: 90px; } @media (max-width: 991px) { .h6-box-cate-img { padding-top: 50px; } } @media (max-width: 575px) { .h6-box-cate-img { padding-top: 30px; } } @media (min-width: 768px) { .h6-box-cate-img .widget-category_image .block_content > ul { width: 32.857143%; } .h6-box-cate-img .widget-category_image .block_content > ul:first-child { width: 67.142857%; } } @media (max-width: 767px) { .h6-box-cate-img .widget-category_image .block_content ul img { height: 250px; object-fit: cover; } } .h6-box-cate-img .widget-category_image .block_content .wr-text { top: 50px; bottom: auto; } .h6-box-bn { max-width: 1710px; margin: auto; padding: 220px 0; } @media (max-width: 991px) { .h6-box-bn { padding: 100px 0; } } @media (max-width: 575px) { .h6-box-bn { padding: 50px 0; } } .h6-box-bn .ApColumn { width: 50%; float: right; padding-left: 200px; text-align: left; } .rtl .h6-box-bn .ApColumn { float: left; } .rtl .h6-box-bn .ApColumn { padding-right: 200px; padding-left: inherit; } .rtl .h6-box-bn .ApColumn { text-align: right; } @media (max-width: 1199px) { .h6-box-bn .ApColumn { padding-left: 0px; } .rtl .h6-box-bn .ApColumn { padding-right: 0px; padding-left: inherit; } } @media (max-width: 991px) { .h6-box-bn .ApColumn { width: 100%; text-align: center; } [dir="rtl"] .h6-box-bn .ApColumn { text-align: center; } } .h6-bn-wr-text p { font-size: 13px; color: #FFFFFF; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 15px; } .h6-bn-wr-text h2 { font-size: 32px; color: #FFFFFF; /* font-family: "Eina03-600"; */ margin-bottom: 30px; } .h6-bn-wr-text .h6-bn-price { color: #333; font-size: 20px; /* font-family: "Eina03-600"; */ letter-spacing: 0.8px; margin-bottom: 0; } .h6-bn-wr-text a { padding: 15px 50px; border: 2px solid #FFFFFF; font-size: 15px; /* font-family: "Eina03-600"; */ letter-spacing: 0.6px; display: inline-block; margin-top: 50px; color: #FFFFFF; } @media (max-width: 575px) { .h6-bn-wr-text a { margin-top: 30px; } } .h6-bn-wr-text a:hover { background-color: #333; border-color: #333; color: #fff; } /* style home 7 */ @media (max-width: 1199px) and (min-width: 992px) { .h7-boxtop { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media (max-width: 991px) { .h7-boxtop { position: relative; padding-top: 141px; } } @media (max-width: 1199px) { .h7-boxtop .ApColumn:nth-child(1) { text-align: left; padding-top: 0px; padding-bottom: 0px; } .rtl .h7-boxtop .ApColumn:nth-child(1) { text-align: right; } } @media (min-width: 992px) { .h7-boxtop .ApColumn:nth-child(2) { max-width: 920px; margin: auto; } } @media (max-width: 991px) { .h7-boxtop .ApColumn:nth-child(2) { position: absolute; top: 30px; text-align: center; } } @media (max-width: 991px) { .h7-boxtop .navbar-header .navbar-toggler { position: absolute; left: 65px; } .rtl .h7-boxtop .navbar-header .navbar-toggler { right: 65px; left: auto; } } @media (max-width: 575px) { .h7-boxtop .navbar-header .navbar-toggler { position: absolute; left: 50px; } .rtl .h7-boxtop .navbar-header .navbar-toggler { right: 50px; left: auto; } } @media (min-width: 1200px) { .h7-boxtop .h7-wrlogo { position: absolute; top: 0; left: 50%; margin: auto; display: inline-block; transform: translateX(-50%); z-index: 9; line-height: 80px; } } @media (max-width: 1199px) and (min-width: 992px) { .h7-boxtop .h7-wrlogo { text-align: center; padding-top: 30px; } } .h7-boxtop #leo_search_block_top { float: left; margin-left: 100px; } .rtl .h7-boxtop #leo_search_block_top { float: right; } .rtl .h7-boxtop #leo_search_block_top { margin-right: 100px; margin-left: inherit; } @media (max-width: 1499px) { .h7-boxtop #leo_search_block_top { margin-left: 15px; } .rtl .h7-boxtop #leo_search_block_top { margin-right: 15px; margin-left: inherit; } } @media (max-width: 575px) { .h7-boxtop #leo_search_block_top { margin-left: 0px; } .rtl .h7-boxtop #leo_search_block_top { margin-right: 0px; margin-left: inherit; } } .h7-boxtop #leo_search_block_top .list-cate-wrapper { display: none; } .h7-boxtop #leo_search_block_top #leosearchtopbox { left: 0; right: auto; } [dir="rtl"] .h7-boxtop #leo_search_block_top #leosearchtopbox { right: 0; left: auto; } .h7-boxtop .leo-megamenu .navbar-nav { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1199px) and (min-width: 992px) { .h7-boxtop .leo-megamenu .navbar-nav { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } @media (max-width: 1199px) and (min-width: 992px) { .h7-boxtop .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 1200px) { .h7-boxtop .leo-megamenu .navbar-nav > li:nth-child(4) { margin-left: auto; } } .h7-boxtop #_desktop_cart { margin-right: 100px; } .rtl .h7-boxtop #_desktop_cart { margin-left: 100px; margin-right: inherit; } @media (max-width: 1499px) { .h7-boxtop #_desktop_cart { margin-right: 15px; } .rtl .h7-boxtop #_desktop_cart { margin-left: 15px; margin-right: inherit; } } @media (max-width: 575px) { .h7-boxtop #_desktop_cart { margin-right: 0px; } .rtl .h7-boxtop #_desktop_cart { margin-left: 0px; margin-right: inherit; } } .h7-list-cate { -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); background-color: #FFFFFF; margin-top: -86px; } @media (max-width: 767px) { .h7-list-cate { max-width: 500px; margin: 50px auto 0 auto; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } @media (max-width: 575px) { .h7-list-cate { margin: 30px auto 0 auto; } } .h7-list-cate .cate-blok { width: 16.666%; text-align: center; padding: 40px 0px 40px 0px; display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #FFFFFF; } @media (min-width: 768px) { .h7-list-cate .cate-blok { border-right: 1px solid #eeeeee; } .rtl .h7-list-cate .cate-blok { border-left: 1px solid #eeeeee; border-right: inherit; } } @media (max-width: 767px) { .h7-list-cate .cate-blok { border-bottom: 1px solid #eeeeee; width: 50%; } } @media (min-width: 992px) { .h7-list-cate .cate-blok:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); } } .h7-list-cate .cate-blok:hover i { color: #333; } .h7-list-cate .cate-blok:last-child { border-right: none; border-bottom: 1px solid #eeeeee; } .rtl .h7-list-cate .cate-blok:last-child { border-left: none; border-right: inherit; } .h7-list-cate .cate-blok i { display: block; font-size: 30px; color: #777; margin: 20px; } .h7-list-cate .cate-blok span { /* font-family: "Eina03-600"; */ font-size: 15px; letter-spacing: 0.15px; color: #777; } .h7-box-about { padding-top: 90px; } @media (max-width: 991px) { .h7-box-about { padding-top: 50px; } } @media (max-width: 575px) { .h7-box-about { padding-top: 30px; } } .h7-about { max-width: 920px; margin: auto; text-align: center; } .h7-about .ab-icontext { margin-bottom: 50px; } @media (max-width: 991px) { .h7-about .ab-icontext { margin-bottom: 30px; } } .h7-about .ab-icontext span { font-size: 11px; text-transform: uppercase; letter-spacing: 2.2px; } @media (max-width: 575px) { .h7-about .ab-icontext span { display: inline-block; width: 100%; margin: 20px 0; } } .h7-about .ab-icontext img { margin: 0 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .h7-about .ab-icontext img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .h7-about .ab-content p { font-size: 15px; letter-spacing: 0.15px; line-height: 27px; margin-bottom: 0; } .h7-about > img { margin-top: 50px; margin-bottom: 70px; } @media (max-width: 991px) { .h7-about > img { margin-top: 30px; margin-bottom: 50px; } } @media (max-width: 575px) { .h7-about > img { margin-bottom: 30px; } } .h7-about .ab-button a { display: inline-block; /* font-family: "Eina03-600"; */ font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #222222; background-color: transparent; border-radius: 0px 0px 0px 0px; padding: 0px 10px 3px 5px; -moz-box-shadow: 0px -9px 0px 0px rgba(34, 34, 34, 0.8) inset; -webkit-box-shadow: 0px -9px 0px 0px rgba(34, 34, 34, 0.8) inset; -o-box-shadow: 0px -9px 0px 0px rgba(34, 34, 34, 0.8) inset; -ms-box-shadow: 0px -9px 0px 0px rgba(34, 34, 34, 0.8) inset; box-shadow: 0px -9px 0px 0px rgba(34, 34, 34, 0.8) inset; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .h7-about .ab-button a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 1200px) { .box-product.home-7 .ajax_block_product { width: 25%; } .box-product.home-7 .ajax_block_product:nth-child(4n+1) { clear: both; } } @media (max-width: 1199px) and (min-width: 768px) { .box-product.home-7 .ajax_block_product { width: 33.3333333%; } .box-product.home-7 .ajax_block_product:nth-child(3n+1) { clear: both; } } @media (767px) and (min-width: 481px) { .box-product.home-7 .ajax_block_product { width: 50%; } .box-product.home-7 .ajax_block_product:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .box-product.home-7 .ajax_block_product { width: 100%; } } .h7-boxbanner { text-align: center; padding: 215px 0; } @media (max-width: 991px) { .h7-boxbanner { padding: 100px 0; } } @media (max-width: 575px) { .h7-boxbanner { padding: 50px 0; } } .h7-boxbanner span { font-size: 15px; color: #FFFFFF; letter-spacing: 1.5px; } .h7-boxbanner h2 { font-family: "Eina03-700"; color: #FFFFFF; font-size: 54px; letter-spacing: 5.4px; margin-top: 30px; margin-bottom: 45px; text-transform: uppercase; } @media (max-width: 767px) { .h7-boxbanner h2 { font-size: 40px; } } .h7-boxbanner a { /* font-family: "Eina03-600"; */ font-size: 15px; color: #FFFFFF; letter-spacing: 0.75px; padding: 15px 60px; border: 2px solid #FFFFFF; display: inline-block; } .h7-boxbanner a:hover { background-color: #333; border-color: #333; color: #fff; } .box-service.home-8 { position: relative; } .box-service.home-8:before { content: ''; bottom: 0; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; left: 0px; right: 0px; margin: auto; } @media (max-width: 1199px) { .box-service.home-8 .ApColumn:nth-child(1) { display: block; } } @media (min-width: 576px) { .box-service.home-8 .sv-col i { width: 20%; float: left; } .rtl .box-service.home-8 .sv-col i { float: right; } .box-service.home-8 .sv-col .sv-text { width: 80%; float: right; text-align: left; padding-left: 20px; } .rtl .box-service.home-8 .sv-col .sv-text { float: left; } .rtl .box-service.home-8 .sv-col .sv-text { text-align: right; } .rtl .box-service.home-8 .sv-col .sv-text { padding-right: 20px; padding-left: inherit; } } .h8-box-product { padding: 90px 0; position: relative; } @media (max-width: 991px) { .h8-box-product { padding: 50px 0; } } @media (max-width: 575px) { .h8-box-product { padding: 30px 0; } } .h8-box-product:before { content: ''; bottom: 0; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; left: 0px; right: 0px; margin: auto; } .h8-box-product .nav-tabs { padding-bottom: 50px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .h8-box-product .nav-tabs li + .nav-item { margin-left: 20px; } .rtl .h8-box-product .nav-tabs li + .nav-item { margin-right: 20px; margin-left: inherit; } @media (max-width: 575px) { .h8-box-product .nav-tabs li + .nav-item { margin-left: 5px; } .rtl .h8-box-product .nav-tabs li + .nav-item { margin-right: 5px; margin-left: inherit; } } .h8-box-product .nav-tabs li a { font-size: 15px; /* font-family: "Eina03-600"; */ line-height: 20px; color: #777777; padding: 0 10px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px 0px 0px 0px rgba(235, 112, 37, 0.3) inset; text-transform: inherit; border: none; margin: 10px 0; } @media (max-width: 767px) { .h8-box-product .nav-tabs li a { font-size: 14px; } } .h8-box-product .nav-tabs li a:hover { -moz-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; border: none; } .h8-box-product .nav-tabs .nav-link.active, .h8-box-product .nav-tabs .nav-link.active:focus, .h8-box-product .nav-tabs .nav-link.active:hover, .h8-box-product .nav-tabs .nav-item.open .nav-link, .h8-box-product .nav-tabs .nav-item.open .nav-link:focus, .h8-box-product .nav-tabs .nav-item.open .nav-link:hover { background-color: transparent; color: #222; -moz-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -webkit-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -o-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; -ms-box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; box-shadow: 0px -6px 0px 0px rgba(235, 112, 37, 0.3) inset; border: none; } @media (min-width: 768px) { .h8-box-product .product_block { width: 33.33333%; } .h8-box-product .product_block:nth-child(3n+1) { clear: both; } } @media (max-width: 767px) and (min-width: 481px) { .h8-box-product .product_block { width: 50%; } .h8-box-product .product_block:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .h8-box-product .product_block { width: 100%; } } /* style home 9 */ .h9-box-img-cate .widget-category_image .block_content > ul { padding: 0px 0px 0px 0px; } .rtl .h9-box-img-cate .widget-category_image .block_content > ul { padding: 0px 0px 0px 0px; } @media (max-width: 767px) { .h9-box-img-cate .widget-category_image .block_content > ul { margin-bottom: 15px; } .h9-box-img-cate .widget-category_image .block_content > ul:last-child { margin-bottom: 0; } } .h9-box-img-cate .widget-category_image .block_content > ul:first-child { width: 100%; padding: 0px 0px 0px 0px; } .rtl .h9-box-img-cate .widget-category_image .block_content > ul:first-child { padding: 0px 0px 0px 0px; } @media (max-width: 767px) { .h9-box-img-cate .widget-category_image .block_content img { height: 250px; object-fit: cover; } } .h9-box-img-cate .widget-category_image .block_content .wr-text { text-align: center; left: 50%; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .h9-box-img-cate .widget-category_image .block_content .cate-name { color: #FFFFFF; } @media (min-width: 1200px) { .h9-box-img-cate .widget-category_image .block_content .cate-name { font-size: 60px; margin-bottom: 30px; } } .h9-box-img-cate .widget-category_image .block_content .items { color: #FFFFFF; } .h7-box-about.home-9 { position: relative; padding-bottom: 90px; } @media (max-width: 991px) { .h7-box-about.home-9 { padding-bottom: 50px; } } @media (max-width: 575px) { .h7-box-about.home-9 { padding-bottom: 30px; } } .h7-box-about.home-9:before { content: ''; top: 0; width: calc(100% - 30px); height: 1px; background-color: #eeeeee; position: absolute; left: 0px; right: 0px; margin: auto; } /* style home 11 */ .h11-box-img-cate { padding-top: 40px; } @media (max-width: 480px) { .h11-box-img-cate { padding-top: 20px; } } .h11-box-img-cate .widget-category_image .block_content { margin: 0 -20px; } @media (max-width: 1499px) and (min-width: 1200px) { .h11-box-img-cate .widget-category_image .block_content { margin: 0; } } @media (max-width: 1199px) { .h11-box-img-cate .widget-category_image .block_content { margin: 0 -10px; } } .h11-box-img-cate .widget-category_image .block_content > ul { width: 25%; padding: 0px 20px 0px 20px; } .rtl .h11-box-img-cate .widget-category_image .block_content > ul { padding: 0px 20px 0px 20px; } @media (max-width: 1499px) { .h11-box-img-cate .widget-category_image .block_content > ul { padding: 0px 10px 0px 10px; } .rtl .h11-box-img-cate .widget-category_image .block_content > ul { padding: 0px 10px 0px 10px; } } @media (max-width: 991px) { .h11-box-img-cate .widget-category_image .block_content > ul { width: 50%; } .h11-box-img-cate .widget-category_image .block_content > ul:nth-child(1), .h11-box-img-cate .widget-category_image .block_content > ul:nth-child(2) { margin-bottom: 20px; } } @media (max-width: 480px) { .h11-box-img-cate .widget-category_image .block_content > ul { width: 100%; } .h11-box-img-cate .widget-category_image .block_content > ul:nth-child(3) { margin-bottom: 20px; } } .h11-box-img-cate .widget-category_image .block_content > ul:first-child { padding: 0px 20px 0px 20px; } .rtl .h11-box-img-cate .widget-category_image .block_content > ul:first-child { padding: 0px 20px 0px 20px; } @media (max-width: 1499px) { .h11-box-img-cate .widget-category_image .block_content > ul:first-child { padding: 0px 10px 0px 10px; } .rtl .h11-box-img-cate .widget-category_image .block_content > ul:first-child { padding: 0px 10px 0px 10px; } } .h11-box-img-cate .widget-category_image .block_content .wr-text { bottom: 30px; } .h11-box-img-cate .widget-category_image .block_content .cate-name { font-size: 28px; margin-bottom: 7px; } .h11-box-bn { text-align: center; padding: 245px 0; } @media (max-width: 991px) { .h11-box-bn { padding: 100px 0; } } @media (max-width: 575px) { .h11-box-bn { padding: 50px 0; } } .h11-box-bn p { font-size: 15px; letter-spacing: 1.5px; color: #222; margin-bottom: 20px; } .h11-box-bn h2 { font-family: "Eina03-700"; font-size: 54px; color: #222; letter-spacing: 5.4px; margin-bottom: 50px; } @media (max-width: 575px) { .h11-box-bn h2 { margin-bottom: 30px; } } .h11-box-bn a { display: inline-block; /* font-family: "Eina03-600"; */ color: #222; font-size: 15px; letter-spacing: 0.75px; padding: 14px 63px; border: 2px solid #222; } .h11-box-bn a:hover { background-color: #333; border-color: #333; } /*style home12*/ .h12-box-bn .ApColumn:nth-child(1) { padding-bottom: 40px; } @media (max-width: 1199px) { .h12-box-bn .ApColumn:nth-child(1) { padding-bottom: 18px; } } .h12-box-bn .ApColumn:nth-child(2) { padding-bottom: 40px; } @media (max-width: 1199px) { .h12-box-bn .ApColumn:nth-child(2) { padding-bottom: 18px; } } .h12-box-bn .ApColumn:nth-child(3) { clear: both; } @media (max-width: 767px) { .h12-box-bn .ApColumn:nth-child(3) { margin-bottom: 18px; } } .h12-box-bn .ApColumn:nth-child(4) .ApImage .image_description { position: static; } .h12-box-bn .ApImage { position: relative; } @media (max-width: 767px) { .h12-box-bn .ApImage { /*max-width: 500px;*/ margin: auto; } .h12-box-bn .ApImage img { height: 240px !important; object-fit: cover; } } .h12-box-bn .ApImage .image_description { position: absolute; top: 50px; left: 50px; } .rtl .h12-box-bn .ApImage .image_description { right: 50px; left: auto; } .h12-box-bn .ApImage h3 { /* font-family: "Eina03-600"; */ font-size: 26px; color: #222; margin-bottom: 10px; } .h12-box-bn .ApImage p { color: #888888; font-size: 12px; letter-spacing: 1.2px; margin-bottom: 0; text-transform: uppercase; } .h12-box-bn .ApImage a { position: absolute; bottom: 50px; left: 50px; font-family: "Eina03-700"; text-transform: uppercase; color: #222; font-size: 13px; letter-spacing: 0.65px; padding: 0px 10px 5px 5px; -moz-box-shadow: 0px -9px 0px 0px #666 inset; -webkit-box-shadow: 0px -9px 0px 0px #666 inset; -o-box-shadow: 0px -9px 0px 0px #666 inset; -ms-box-shadow: 0px -9px 0px 0px #666 inset; box-shadow: 0px -9px 0px 0px #666 inset; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; } .rtl .h12-box-bn .ApImage a { right: 50px; left: auto; } .h12-box-bn .ApImage a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .h12-box-bn .ApImage .wr-text-bn { position: absolute; top: 50px; left: 50px; } .rtl .h12-box-bn .ApImage .wr-text-bn { right: 50px; left: auto; } .box-bg-content-top { text-align: center; padding: 230px 0; } @media (max-width: 991px) { .box-bg-content-top { padding: 100px 0; } } @media (max-width: 575px) { .box-bg-content-top { padding: 50px 0; } } .box-bg-content-top h3 { font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 18px; letter-spacing: 3px; color: #777777; margin-bottom: 40px; } @media (max-width: 767px) { .box-bg-content-top h3 { margin-bottom: 20px; } } .box-bg-content-top p { color: #222222; font-size: 46px; font-weight: 600; line-height: 56px; margin-bottom: 0; } @media (max-width: 767px) { .box-bg-content-top p { font-size: 25px; line-height: 40px; } } .box-bg-content-bot { max-width: 1710px; margin: auto; padding: 200px 0; } @media (max-width: 991px) { .box-bg-content-bot { padding: 100px 0; } } @media (max-width: 575px) { .box-bg-content-bot { padding: 50px 0; } } .box-bg-content-bot .ApColumn { text-align: center; } @media (min-width: 992px) { .box-bg-content-bot .ApColumn { width: 50%; } } .box-bg-content-bot h2 { font-size: 50px; font-family: "Eina03-700"; text-transform: uppercase; letter-spacing: 2px; color: #222222; margin-bottom: 20px; } @media (max-width: 767px) { .box-bg-content-bot h2 { font-size: 25px; } } .box-bg-content-bot p { color: #222222; font-size: 16px; letter-spacing: 1px; margin-bottom: 30px; } @media (max-width: 767px) { .box-bg-content-bot p { margin-bottom: 20px; } } .box-bg-content-bot p span { font-family: "Eina03-700"; } .box-bg-content-bot .h12-bg-price { font-family: "Eina03-700"; font-size: 24px; letter-spacing: 0.96px; color: #222222; text-align: center; margin-bottom: 50px; display: block; position: relative; } @media (max-width: 767px) { .box-bg-content-bot .h12-bg-price { margin-bottom: 30px; } } .box-bg-content-bot .h12-bg-price:before { content: ''; background-color: #333; height: 1px; width: 40px; display: block; left: 0; right: 0; margin: auto; margin-bottom: 30px; } @media (max-width: 767px) { .box-bg-content-bot .h12-bg-price:before { margin-bottom: 15px; } } .box-bg-content-bot a { display: inline-block; /* font-family: "Eina03-600"; */ color: #222; font-size: 15px; letter-spacing: 0.75px; padding: 14px 63px; border: 2px solid #222; } .box-bg-content-bot a:hover { background-color: #333; border-color: #333; color: #fff; } .see-all, .box-show-more { text-align: center; } @media (min-width: 992px) { .see-all, .box-show-more { margin-top: 30px; } } .see-all a, .box-show-more a { font-size: 16px; /* font-family: "Eina03-600"; */ letter-spacing: 0.5px; color: #222222; line-height: 1.55; padding: 0px 10px 0px 5px; -moz-box-shadow: 0px -9px 0px 0px #666 inset; -webkit-box-shadow: 0px -9px 0px 0px #666 inset; -o-box-shadow: 0px -9px 0px 0px #666 inset; -ms-box-shadow: 0px -9px 0px 0px #666 inset; box-shadow: 0px -9px 0px 0px #666 inset; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; } .see-all a:hover, .box-show-more a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); color: #222; } /* home 13 */ .h13-box-bg { text-align: center; } .h13-box-bg.last .line-1, .h13-box-bg.last .line-2 { color: #222; } .h13-box-bg p { margin-bottom: 0; } .h13-box-bg .line-1 { color: #ffffff; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height: 22px; letter-spacing: 1.5px; margin-bottom: 20px; } .h13-box-bg .line-2 { font-size: 60px; font-weight: 600; text-transform: uppercase; line-height: 50px; letter-spacing: 6px; color: #ffffff; margin-bottom: 50px; } @media (max-width: 767px) { .h13-box-bg .line-2 { font-size: 40px; } } .h13-box-bg .line-3 { font-size: 15px; font-weight: 600; line-height: 24px; letter-spacing: 0.8px; padding: 12px 60px 12px 60px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #ffffff; display: inline-block; color: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .h13-box-bg .line-3:hover { border-color: #333; background-color: #333; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .quickview .leo-quickview .product-add-to-cart { padding-bottom: 0; margin-bottom: 0; } /*# sourceMappingURL=styles.css.map */