/*************************************************** 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 { color: #000000; margin: 1.875rem 0 2.5rem; font-size: 48px; padding-bottom: 0.9375rem; position: relative; font-family: "Be Vietnam Pro", sans-serif; font-weight: 400; } .ap-popup { display: none; } .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; } .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; margin-top: 0.3125rem; width: 1.25rem; height: 1.25rem; } .block-toggler.ApBlockLink ul li, .footer-container .links.ApBlockLink ul li { margin-bottom: 17px; } @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: 50px; position: relative; } .rtl .alert { text-align: right; } .rtl .alert { padding-right: 50px; padding-left: inherit; } .alert:before { font-family: "FontAwesome"; font-size: 1.25rem; vertical-align: -2px; padding: 0 7px 0 0; float: left; position: absolute; left: 20px; top: 15px; } .rtl .alert:before { padding: 0 0 0 7px; } .rtl .alert:before { float: right; } .rtl .alert:before { right: 20px; left: auto; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-warning { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-warning:before { content: "\f071"; } .alert.alert-info { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-info:before { content: "\f05a"; } .alert.alert-danger { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .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: 0.8125rem; } .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: 1.5625rem; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .rtl .ap-accordion .panel-default .panel-title a:before { right: auto; left: auto; } .rtl .ap-accordion .panel-default .panel-title a:before { left: 0px; right: 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: 1.5625rem; 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 #ececec; } .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: #ececec; 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 #ececec #ececec #ececec; } .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 #ececec; } .rtl .tabs-left .nav-tabs { float: right; } .rtl .tabs-left .nav-tabs { border-left: 1px solid #ececec; 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 #ececec #eeeeee #eeeeee; } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus { border-color: #ececec transparent #ececec #ececec; *border-right-color: #FFFFFF; } .tabs-right .nav-tabs { float: right; border-left: 1px solid #ececec; } .rtl .tabs-right .nav-tabs { float: left; } .rtl .tabs-right .nav-tabs { border-right: 1px solid #ececec; 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 #ececec; } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus { border-color: #ececec #ececec #ececec transparent; *border-left-color: #ffffff; } .widget-tabs li { padding: 5px 8px; border: 1px solid transparent; text-transform: uppercase; } .widget-tabs li a { color: #272727; } .widget-tabs li.active { border: 1px solid #D93056; } .widget-tabs li.active a { color: #D93056; } .block .nav-pills > li.active > a { position: relative; } .block .nav-pills > li.active > a:before { content: "\f0d7"; position: absolute; bottom: -7px; height: 0.625rem; line-height: 0.625rem; font-family: "FontAwesome"; color: #D93056; font-size: 1.1875rem; 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: 1.25rem; } .nav-tabs > li > a { font-weight: 800; 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; } .ApTabs .tab-content { position: relative; } .ApTabs .tab-content > .tab-pane { visibility: hidden; display: block; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 9; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .ApTabs .tab-content > .tab-pane.active { position: static; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /** * 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: 0.625rem 0.9375rem; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-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; -moz-transition: all 0.3s ease-in-out; -ms-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 */ .box-show-more a { background: #282d35; clear: both; text-align: center; width: 100%; height: 3.4375rem; line-height: 3.4375rem; letter-spacing: 3px; text-transform: uppercase; padding: 0 15px; margin-top: 1.5rem; margin-bottom: 1.5rem; display: none; font-size: 0.875rem; color: #FFFFFF; font-weight: 700; } .box-show-more a:hover { background-color: #D93056; } .box-show-more a .fa { margin-left: 0.3125rem; } .rtl .box-show-more a .fa { margin-right: 0.3125rem; margin-left: inherit; } .box-show-more.open a { display: block; } /** * End for module ap_product_list */ /** * Start for module ap_image */ .ap_image .has-animation { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .ap_image .has-animation.animated { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-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: 3.75rem; text-transform: uppercase; font-weight: 600; } .full-slider .content-slider p { margin-top: 1.875rem; background: #c70005; padding: 0.625rem 1.25rem; 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: 0.625rem; } .rtl .full-slider .carousel-control.left { right: 0.625rem; left: auto; } .full-slider .carousel-control.right { right: 0.625rem; } .rtl .full-slider .carousel-control.right { left: 0.625rem; right: auto; } /** * Widget Video */ .box-video { position: relative; } .box-video .image_description { max-width: 440px; padding-top: 25px; } .box-video .box-icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; cursor: pointer; } .box-video .box-icon-play p { color: #fff; font-size: 60px; font-weight: 400; line-height: 74px; font-family: "Comforter Brush", cursive; } @media (max-width: 991px) { .box-video .box-icon-play p { font-size: 40px; line-height: 43px; } } @media (max-width: 575px) { .box-video .box-icon-play p { font-size: 32px; line-height: 38px; } } @media (max-width: 575px) { .box-video .box-icon-play img { width: 50% !important; } } .box-video .box-icon-play:hover img { transform: scale(1); } .box-video .video { display: none; } #index .fancybox-wrap iframe { max-width: 100%; max-height: 100%; } .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 #ececec; } .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; -moz-transition: all 0.4s ease-in-out; -ms-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; -moz-transition: all 0.2s ease-in-out; -ms-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 #ececec; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-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 #D93056; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-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 */ .ApColumn .manufacturers_block { position: relative; text-align: center; background: #fff; } .ApColumn .manufacturers_block .owl-row { margin: 0; } .ApColumn .manufacturers_block .owl-item { padding: 0; } .ApColumn .manufacturers_block .owl-item .manufacturer-image-container { overflow: hidden; } .ApColumn .manufacturers_block .owl-item .manufacturer-container { padding: 40px 30px; border: 1px solid #e1e1e1; } @media (max-width: 480px) { .ApColumn .manufacturers_block .owl-item .manufacturer-container { padding: 30px 0; } } .ApColumn .manufacturers_block .owl-item img { display: inline-block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ApColumn .manufacturers_block .owl-item img:hover { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ApColumn .manufacturers_block .owl-theme .owl-buttons { position: inherit; top: inherit; right: inherit; } .ApColumn .manufacturers_block .owl-theme .owl-buttons div { position: absolute; bottom: 50%; visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-prev { left: 30px; } .rtl .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-prev { right: 30px; left: auto; } .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-next { right: 30px; } .rtl .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-next { left: 30px; right: auto; } .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-prev { left: 15px; } .rtl .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-prev { right: 15px; left: auto; } .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-next { right: 15px; } .rtl .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-next { left: 15px; right: auto; } /* Widget Category Image */ .widget-category_image { padding-bottom: 15px; } .widget-category_image .cover-img { margin-bottom: 20px; display: block; overflow: hidden; } .widget-category_image .cover-img img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-width: 100%; height: auto; } .widget-category_image .cover-img img:hover { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .widget-category_image .cate_content:hover label { color: #3276b1; cursor: pointer; } .widget-category_image ul li a { color: #000; font-weight: 900; font-size: 14px; text-transform: uppercase; } /* Widget Lastest blogs */ .latest-blogs { margin-bottom: 0; padding-bottom: 2.5rem; } .latest-blogs .title_block { text-transform: capitalize; font-size: 30px; font-weight: 500; margin: 0; padding-bottom: 20px; } .latest-blogs .left-block { position: relative; } .latest-blogs .left-block .created { position: absolute; top: 10px; left: 10px; color: #000; font-size: 12px; background: #fff; padding: 6px 12px; border-radius: 8px; text-transform: uppercase; text-align: center; font-weight: 500; } .rtl .latest-blogs .left-block .created { right: 10px; left: auto; } .latest-blogs .left-block .created .b-month { display: block; } .latest-blogs .left-block .created .b-day { font-size: 20px; } .latest-blogs .left-block:hover .created { color: #fff; background: #D93056; } .latest-blogs .right-block { display: inline-block; } .latest-blogs .right-block .all-blog-desc { text-transform: uppercase; font-size: 11px; float: left; color: #999; font-weight: 500; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom: 15px; } @media (max-width: 575px) { .latest-blogs .right-block .all-blog-desc { flex-wrap: wrap; } } .latest-blogs .right-block .all-blog-desc .inside-blog-meta { display: inline-block; padding-right: 15px; } .rtl .latest-blogs .right-block .all-blog-desc .inside-blog-meta { padding-left: 15px; padding-right: inherit; } @media (max-width: 991px) { .latest-blogs .right-block .all-blog-desc .inside-blog-meta { margin-bottom: 10px; } } .latest-blogs .right-block .all-blog-desc .inside-blog-meta a { text-transform: uppercase; font-size: 11px; float: left; color: #999; font-weight: 500; } .latest-blogs .right-block .all-blog-desc .inside-blog-meta .cat a { position: relative; padding-right: 15px; } .rtl .latest-blogs .right-block .all-blog-desc .inside-blog-meta .cat a { padding-left: 15px; padding-right: inherit; } .latest-blogs .right-block .all-blog-desc .inside-blog-meta .cat a:before { content: "\f111"; font-family: "Font Awesome 5 Pro"; bottom: -2px; position: absolute; right: 0px; color: #D93056; font-size: 5px; } .rtl .latest-blogs .right-block .all-blog-desc .inside-blog-meta .cat a:before { left: 0px; right: auto; } .latest-blogs .right-block .all-blog-desc .author { position: relative; padding-right: 26px; } .rtl .latest-blogs .right-block .all-blog-desc .author { padding-left: 26px; padding-right: inherit; } @media (min-width: 992px) { .latest-blogs .right-block .all-blog-desc .author:before { content: "\f111"; font-family: "Font Awesome 5 Pro"; bottom: -2px; position: absolute; right: 10px; color: #D93056; font-size: 5px; } .rtl .latest-blogs .right-block .all-blog-desc .author:before { left: 10px; right: auto; } } .latest-blogs .right-block .nbcomment { text-transform: uppercase; font-size: 11px; float: left; color: #999; font-weight: 500; } .latest-blogs .right-block .date { color: #7D8196; font-size: 14px; display: inline-block; text-transform: capitalize; } .latest-blogs .right-block .date span { font-size: 14px; font-weight: 400; margin-bottom: 3px; } .latest-blogs .blog-image-container { float: left; overflow: hidden; position: relative; margin-bottom: 25px; } .rtl .latest-blogs .blog-image-container { float: right; } @media (max-width: 575px) { .latest-blogs .blog-image-container { float: inherit; } } .latest-blogs .blog-title { font-size: 24px; font-weight: 400; margin-bottom: 0; display: inline-block; } .latest-blogs .blog-title a { color: #000; font-weight: 500; font-size: 20px; line-height: 28px; display: inline-block; } .latest-blogs .blog-title a:hover { color: #D93056; } @media (max-width: 1199px) { .latest-blogs .blog-title a { font-size: 19px; } } @media (max-width: 767px) { .latest-blogs .blog-title a { font-size: 18px; } } .latest-blogs .blog-desc { padding-top: 0.9375rem; line-height: 24px; color: #666; font-size: 14px; font-weight: 400; } .latest-blogs .blog-readmore { background: #D93056; border-radius: 8px; padding: 9px 13px; color: #fff; position: relative; font-size: 12px; display: inline-block; font-weight: 700; transition: all 0.5s; } .latest-blogs .blog-readmore:after { content: "\f061"; font-size: 14px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; transition: all 0.5s; margin-left: 13px; } .latest-blogs .blog-readmore:hover { letter-spacing: 1px; transition: all 0.5s; } .latest-blogs .blog-meta { color: #222; font-weight: 600; font-size: 14px; text-transform: capitalize; } .latest-blogs .blog-meta .date span { display: block; border-top: 1px solid #e2e2e2; margin-top: 15px; padding-top: 15px; } .latest-blogs .blog-meta .inside-blog-meta { font-size: 13px; font-weight: 400; padding-bottom: 20px; margin-bottom: 10px; color: #07070a; } .latest-blogs .blog-meta .inside-blog-meta .icon-author { color: #b0b0b0; } .latest-blogs .blog-meta .inside-blog-meta time { margin-right: 25px; } .rtl .latest-blogs .blog-meta .inside-blog-meta time { margin-left: 25px; margin-right: inherit; } .latest-blogs .blog-meta .nbcomment, .latest-blogs .blog-meta .hits { margin-right: 20px; } .rtl .latest-blogs .blog-meta .nbcomment, .rtl .latest-blogs .blog-meta .hits { margin-left: 20px; margin-right: inherit; } .latest-blogs .blog-meta .nbcomment i, .latest-blogs .blog-meta .hits i { margin-right: 5px; } .rtl .latest-blogs .blog-meta .nbcomment i, .rtl .latest-blogs .blog-meta .hits i { margin-left: 5px; margin-right: inherit; } .latest-blogs .blog-meta .cat a { color: #D93056; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .latest-blogs .nbcomment i { color: #D93056; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /* Instagram Block */ .instagram-block .owl-item { padding: 0 5px; } .instagram-block .owl-item .block-carousel-container { padding: 5px 0; } .instagram-block a { display: inline-block; overflow: hidden; position: relative; } .instagram-block a img { width: auto; max-width: 100%; } .instagram-block .link-instagram { display: none; } .instagram-block .link-instagram a { margin: 0.625rem 0 0; } .instagram-block #instafeed a { position: relative; display: block; overflow: hidden; } .instagram-block #instafeed a:before { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 100%; width: 50%; height: 50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .instagram-block #instafeed a:after { content: "\f16d"; font-family: "FontAwesome"; position: absolute; font-size: 20px; color: #FFFFFF; bottom: 50%; left: 50%; right: auto; top: auto; line-height: normal; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .instagram-block #instafeed a:hover:before { border-radius: 0; width: 100%; height: 100%; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); zoom: 1; background-color: transparent\9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .instagram-block #instafeed a:hover:after { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } #instafeed { margin: -0.3125rem; } .ins { padding-top: 50px; } .ins .title_block { font-family: "Be Vietnam Pro", sans-serif; font-size: 48px; font-weight: 700; text-align: center; text-transform: capitalize; padding: 100px 0; margin: 0; } @media (max-width: 1199px) { .ins .title_block { font-size: 30px; padding: 50px 0; } } .video-box { padding-bottom: 100px; } @media (max-width: 767px) { .video-box { padding-bottom: 30px; } } .image-video { position: relative; } .image-video .image_description { position: absolute; transform: translateY(-50%); left: 0; right: 0; top: 50%; } @media (max-width: 1199px) { .image-video .image_description { top: 65%; } } @media (max-width: 575px) { .image-video .image_description { padding-top: 20px; } } .userinfo-selector a { color: #929292; } .userinfo-selector.popup-over .popup-title { padding: 15px 0 15px 0; } .rtl .userinfo-selector.popup-over .popup-title { padding: 15px 0 15px 0; } .userinfo-selector.popup-over .popup-title:hover { color: #D93056; } .popup-over { float: right; } .rtl .popup-over { float: left; } .popup-over.language-selector-wrapper .popup-content, .popup-over.currency-selector .popup-content { right: inherit; left: 0; position: absolute; min-width: 120px; } .rtl .popup-over.language-selector-wrapper .popup-content, .rtl .popup-over.currency-selector .popup-content { left: inherit; right: auto; } .rtl .popup-over.language-selector-wrapper .popup-content, .rtl .popup-over.currency-selector .popup-content { right: 0; left: auto; } .popup-over.language-selector-wrapper .popup-content li a img, .popup-over.currency-selector .popup-content li a img { margin-top: -2px; } @media (max-width: 991px) { .leo-megamenu:before { height: 0; } } .leo-megamenu .navbar-toggler { color: #000; } #search_widget { margin: 0 10px; padding: 0; } #search_widget .popup-content { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #search_widget .popup-content input.ui-autocomplete-input { border: 1px solid #ededed; border-radius: 30px; } #search_widget #click_show_search { padding: 0; } #search_widget #click_show_search i { font-size: 17px; color: #2a2a2a; line-height: 48px; } @media (max-width: 575px) { .leo-megamenu.disable-canvas .leo-top-menu { z-index: 999; } } .latest-blogs .blog-image-container .blog_img_link img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .latest-blogs .blog-container: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); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media (min-width: 576px) { .nopadding_left { padding-left: 0; padding-right: 10px; } .rtl .nopadding_left { padding-right: 0; padding-left: inherit; } .rtl .nopadding_left { padding-left: 10px; padding-right: inherit; } } @media (min-width: 576px) { .nopadding_right { padding-right: 0; padding-left: 10px; } .rtl .nopadding_right { padding-left: 0; padding-right: inherit; } .rtl .nopadding_right { padding-right: 10px; padding-left: inherit; } } .block-carousel-container { text-align: center; } .block-carousel-container .happy-description { color: #2a2a2a; font-size: 20px; font-weight: 300; line-height: 35px; } @media (max-width: 767px) { .block-carousel-container .happy-description { font-size: 20px; } } @media (max-width: 480px) { .block-carousel-container .happy-description { font-size: 15px; } } @media (min-width: 992px) { .block-carousel-container { max-width: 800px; margin: auto; } } .block-carousel-image-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .block-carousel-image-container img { height: auto; margin: auto; } .block-carousel-image-container .descript { color: #626262; font-size: 18px; line-height: 40px; padding-top: 20px; } @media (max-width: 575px) { .block-carousel-image-container .descript { line-height: 30px; } } .block-carousel-image-container .descript h3 { padding-top: 20px; font-size: 22px; } @media (max-width: 991px) { .block-carousel-image-container .descript { font-size: 19px; } } @media (max-width: 767px) { .block-carousel-image-container .descript { font-size: 18px; } } @media (max-width: 575px) { .block-carousel-image-container .descript { font-size: 17px; } } @media (max-width: 480px) { .block-carousel-image-container .descript { font-size: 15px; } } .block-carousel-image-container .descript i { color: #D93056; font-size: 60px; padding-bottom: 20px; } .block-carousel-image-container .descript p { font-size: 18px; color: #fff; line-height: 30px; margin-bottom: 40px; } @media (max-width: 575px) { .block-carousel-image-container .descript p { font-size: 14px; padding: 0 15px; } } .block-carousel-image-container .descript span { color: #fff; text-transform: uppercase; font-size: 12px; } .block-carousel-image-container .title { font-size: 18px; color: #D93056; text-transform: uppercase; margin-top: 15px; padding: 25px 0; margin: 0; font-family: "Be Vietnam Pro", sans-serif; } .block-carousel-image-container .title span { color: #000; } .block-carousel-image-container .sub-title { color: #000; font-weight: 400; font-size: 48px; padding-top: 15px; } #module-leofeature-productscompare .thumbnail-container .leo-dropdown-attr { top: 100%; bottom: 0; } .other-product .ApColumn > .title_block { font-size: 30px; text-align: center; letter-spacing: 6px; margin: 0; padding: 80px 0 20px 0; text-transform: uppercase; } .dropdown-menu-inner .wr-bnmenu img { width: 100%; } #my-account .page-footer { padding-bottom: 50px; } #my-account .page-footer > div a { padding: 10px 20px; font-size: 18px; border: 1px solid #000; } .leo-compare-review-dropdown .dropdown-menu .dropdown-item { white-space: inherit; } .page-customer-account #main .page-header { text-align: center; } #header, #header .header-top { background-color: transparent; } @media (max-width: 767px) { #leo_search_block_top { border: 0; margin: 0; position: absolute; right: 70px; bottom: 2px; background: transparent; } .rtl #leo_search_block_top { left: 70px; right: auto; } #leo_search_block_top .title_block { margin: 0; padding: 0; display: block; font-size: 0; z-index: 9999; } #leo_search_block_top .title_block:before { content: "\e902"; font-family: "Shopio Icons"; font-weight: 300; font-size: 24px; color: #000; } #leo_search_block_top .list-cate-wrapper { display: none; } #leo_search_block_top form { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; max-width: 300px; border: 1px solid #000; position: absolute; width: 100%; top: 100%; transform: translateY(20px); transition: all 0.3s; right: -63px; background: #fff; z-index: 9; } .rtl #leo_search_block_top form { left: -63px; right: auto; } #leo_search_block_top form button { background: #000; } #leo_search_block_top form .form-control { height: 45px; } #leo_search_block_top.show form { opacity: 1; visibility: visible; transform: translateY(10px); padding: 0 10px; right: 0; } .rtl #leo_search_block_top.show form { left: 0; right: auto; } .header-bottom { position: relative; padding-bottom: 15px; } .header-bottom .center { position: static; } } .btn-slideshow-1 { font-weight: 700; font-size: 14px; color: #000; text-transform: capitalize; position: relative; display: inline-block; transition: all 0.5s; } .btn-slideshow-1:hover { color: #D93056; transition: all 0.5s; } .btn-slideshow-1:after { content: "\f061"; font-size: 14px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; transition: all 0.5s; margin-left: 13px; } .rtl .btn-slideshow-1:after { margin-right: 13px; margin-left: inherit; } .keep-header #header { background: #fff; } @media (min-width: 768px) { .buttons-custom .owl-carousel.owl-theme .owl-buttons { position: absolute; top: -60px; right: 15px; z-index: 99; } .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons { left: 15px; right: auto; } .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev { float: left; margin-right: 4px; } .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev { float: right; } .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev { margin-left: 4px; margin-right: inherit; } .buttons-custom .owl-carousel.owl-theme .owl-buttons div { border-radius: 8px; width: 32px; height: 32px; transform: none; position: static; opacity: 1; filter: alpha(opacity=100); float: left; visibility: visible; box-shadow: none; border: 1px solid #E5E5E5; } .buttons-custom .owl-carousel.owl-theme .owl-buttons div:before { position: static; font-size: 18px; color: #C4C4C4; line-height: 32px; } .buttons-custom .owl-carousel.owl-theme .owl-buttons div:hover { background-color: #D93056; border: 1px solid #D93056; } .buttons-custom .owl-carousel.owl-theme .owl-buttons div:hover:before { color: #fff; } } .box1-h1 .left ul { padding: 17px 0; } @media (max-width: 767px) { .box1-h1 .left ul { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; -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-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; } } .box1-h1 .left ul li { float: left; margin-right: 20px; } .rtl .box1-h1 .left ul li { float: right; } .rtl .box1-h1 .left ul li { margin-left: 20px; margin-right: inherit; } @media (max-width: 991px) { .box1-h1 .left ul li { margin-right: 10px; } .rtl .box1-h1 .left ul li { margin-left: 10px; margin-right: inherit; } } .box1-h1 .left ul li a { color: #666666; font-weight: 400; font-size: 13px; } .box1-h1 .left ul li a:hover { color: #D93056; } @media (max-width: 991px) { .box1-h1 .right { display: none; } } .box1-h1 .right .ApHtml { float: right; padding: 17px 0; } .rtl .box1-h1 .right .ApHtml { float: left; } .box1-h1 .right .ApHtml p { float: left; margin-bottom: 0; font-weight: 400; font-size: 13px; } .rtl .box1-h1 .right .ApHtml p { float: right; } .box1-h1 .right .ApHtml i { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-style: normal; color: #D93056; margin-right: 10px; } .rtl .box1-h1 .right .ApHtml i { margin-left: 10px; margin-right: inherit; } .box1-h1 .right .ApHtml i.leofa-clock-three:before { content: "\f017"; } .box1-h1 .right .ApHtml i.leofa-thin { padding-left: 25px; } .rtl .box1-h1 .right .ApHtml i.leofa-thin { padding-right: 25px; padding-left: inherit; } @media (min-width: 992px) { .box2-h1 { 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; position: relative; } } @media (max-width: 991px) { .box2-h1 { margin-bottom: 20px; } } @media (max-width: 991px) { .box2-h1 .left { text-align: center; } } .box2-h1 .center .leofa-search:before { content: "\e902"; font-family: "Shopio Icons"; font-size: 25px; } .box2-h1 .right .phone-1 { display: inline-block; } @media (max-width: 1500px) { .box2-h1 .right .phone-1 { display: none; } } .box2-h1 .right .phone-1 .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box2-h1 .right .phone-1 i { color: #D93056; font-size: 19px; font-family: "Font Awesome 5 Pro"; font-weight: 300; transform: rotate(90deg); } .box2-h1 .right .phone-1 p { color: #000; font-size: 18px; font-weight: 600; margin-bottom: 0; margin-left: 10px; } .rtl .box2-h1 .right .phone-1 p { margin-right: 10px; margin-left: inherit; } .box2-h1 .popup-over.leo_block_top i { font-size: 24px; color: #000; vertical-align: middle; font-family: "Shopio Icons"; font-style: inherit; } .box2-h1 .popup-over.leo_block_top i:before { content: "\e903"; font-family: "Shopio Icons"; } .box2-h1 #_desktop_cart .cart-preview .header i { font-size: 24px; color: #000; vertical-align: middle; font-family: "Shopio Icons"; font-style: inherit; } .box2-h1 #_desktop_cart .cart-preview .header i:before { content: "\e900"; font-family: "Shopio Icons"; } .box2-h1 #leo_search_block_top { max-width: 810px; border: 2px solid #D93056; border-radius: 5px; } @media (max-width: 767px) { .box2-h1 #leo_search_block_top { border: none; position: static; float: right; margin-right: 20px; } .rtl .box2-h1 #leo_search_block_top { margin-left: 20px; margin-right: inherit; } } @media (min-width: 1200px) { .box3-h1 { 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; position: relative; } .box3-h1:after { content: ""; margin-left: -1000px; width: 100%; height: 1px; padding: 0 1000px; box-sizing: content-box; display: block !important; position: absolute; left: 0; right: 0; top: 0; background: #e5e5e5; } } @media (max-width: 991px) and (min-width: 768px) { .box3-h1 { display: flex; align-items: center; } } @media (max-width: 767px) { .box3-h1 { position: relative; margin-bottom: 5px; } } @media (max-width: 1500px) and (min-width: 768px) { .box3-h1 .left { width: 260px; } } @media (max-width: 1500px) and (min-width: 768px) { .box3-h1 .center { width: calc(100% - 260px); } } @media (max-width: 767px) { .box3-h1 .center { position: absolute; top: -53px; } } .box3-h1 .leo-verticalmenu { position: relative; } @media (min-width: 1200px) { .box3-h1 .leo-verticalmenu:after { position: absolute; content: ""; height: 23px; width: 1px; background: #e5e5e5; right: -8px; top: 18px; } .rtl .box3-h1 .leo-verticalmenu:after { left: -8px; right: auto; } } @media (max-width: 1500px) { .box3-h1 > .right { display: none; } } .box3-h1 > .right .ApHtml { float: right; } .rtl .box3-h1 > .right .ApHtml { float: left; } .box3-h1 > .right p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; float: left; margin-bottom: 0; } .rtl .box3-h1 > .right p { float: right; } .box3-h1 > .right p i { margin-right: 8px; color: #E66D6D; font-size: 22px; } .rtl .box3-h1 > .right p i { margin-left: 8px; margin-right: inherit; } .box3-h1 > .right p span { color: #E66D6D; } .box4-h1 { padding: 60px 0; } @media (max-width: 575px) { .box4-h1 { padding: 30px 0; } } .box4-h1 .ApImage { position: relative; } .box4-h1 .image_description { position: absolute; top: 50%; transform: translateY(-50%); } .box4-h1 img { border-radius: 5px; } @media (max-width: 480px) { .box4-h1 img { height: 200px !important; object-fit: cover; } } @media (max-width: 1199px) { .box4-h1 .left { margin-bottom: 20px; } } @media (max-width: 480px) { .box4-h1 .left img { height: 200px !important; object-fit: cover; } } .box4-h1 .left .image_description { left: 110px; } .rtl .box4-h1 .left .image_description { right: 110px; left: auto; } @media (max-width: 480px) { .box4-h1 .left .image_description { left: 20px; } .rtl .box4-h1 .left .image_description { right: 20px; left: auto; } } .box4-h1 .left h4 { font-size: 12px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 30px; } @media (max-width: 767px) { .box4-h1 .left h4 { margin-bottom: 10px; } } .box4-h1 .left h3 { font-weight: 400; color: #FFFFFF; font-size: 22px; line-height: 28px; } @media (max-width: 480px) { .box4-h1 .left h3 { font-size: 18px; } } .box4-h1 .left h2 { font-weight: 700; font-size: 36px; line-height: 44px; width: 369px; color: #FFFFFF; margin-bottom: 30px; } @media (max-width: 767px) { .box4-h1 .left h2 { margin-bottom: 10px; font-size: 30px; line-height: 33px; } } @media (max-width: 575px) { .box4-h1 .left h2 { font-size: 19px; } } @media (max-width: 480px) { .box4-h1 .left h2 { font-size: 15px; } } .box4-h1 .left .btn-slideshow-1 { background: #fff; border-radius: 5px; padding: 17px 27px; } @media (max-width: 1199px) and (min-width: 768px) { .box4-h1 .right { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .box4-h1 .right .ApImage { padding-bottom: 30px; } @media (max-width: 1199px) and (min-width: 768px) { .box4-h1 .right .ApImage { padding: 0px 10px; } } .box4-h1 .right .btn-slideshow-1 { font-size: 12px; } .box4-h1 .right .top .image_description { left: 60px; } .rtl .box4-h1 .right .top .image_description { right: 60px; left: auto; } @media (max-width: 480px) { .box4-h1 .right .top .image_description { left: 20px; } .rtl .box4-h1 .right .top .image_description { right: 20px; left: auto; } } .box4-h1 .right .top h4 { color: #F89619; font-weight: 600; font-size: 12px; line-height: 24px; text-transform: uppercase; margin-bottom: 15px; } .box4-h1 .right .top h3 { font-weight: 400; font-size: 22px; line-height: 28px; color: #2F964E; width: 212px; margin-bottom: 20px; } @media (max-width: 1500px) { .box4-h1 .right .top h3 { margin-bottom: 10px; font-size: 20px; } } .box4-h1 .right .bottom .image_description { right: 80px; } .rtl .box4-h1 .right .bottom .image_description { left: 80px; right: auto; } .box4-h1 .right .bottom h4 { text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 24px; color: #FFFFFF; } .box4-h1 .right .bottom h3 { font-weight: 400; font-size: 22px; line-height: 28px; color: #FFFFFF; width: 140px; margin-bottom: 40px; } @media (max-width: 1500px) { .box4-h1 .right .bottom h3 { margin-bottom: 10px; } } .box4-h1 .right .bottom h3 span { font-weight: 600; } .box5-h1 { padding-top: 20px; } @media (max-width: 1199px) { .box5-h1 { padding-top: 40px; } } .box5-h1 .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; -o-justify-content: space-evenly; justify-content: space-evenly; -ms-flex-pack: space-evenly; -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; flex-wrap: wrap; } .box5-h1 .widget-category_image { padding-bottom: 25px; } .box5-h1 .widget-category_image .cover-img { margin-bottom: 30px; height: 175px; } .box5-h1 .widget-category_image ul { text-align: center; padding: 30px; } @media (max-width: 1199px) { .box5-h1 .widget-category_image ul { padding: 0 20px; } } .box5-h1 .widget-category_image ul:hover { background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .box5-h1 .widget-category_image ul:hover .wr-text .items:after { opacity: 1; visibility: visible; } .box5-h1 .widget-category_image ul:hover .wr-text .items span { color: #D93056; } .box5-h1 .widget-category_image ul li a { color: #000; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: capitalize; } .box5-h1 .widget-category_image .wr-text .cate-name { display: block; } .box5-h1 .widget-category_image .wr-text .items { color: #D93056; font-size: 14px; font-weight: 400; position: relative; } .box5-h1 .widget-category_image .wr-text .items:after { content: "\f061"; font-size: 14px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; margin-left: 13px; opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all .3s ease; } .box5-h1 .widget-category_image .wr-text .items span { color: #999999; text-transform: lowercase; } .box6-h1 { padding: 60px 0; } @media (max-width: 1199px) { .box6-h1 { padding: 40px 0; } } @media (min-width: 1200px) { .box6-h1 .left { padding: 0; } } .box6-h1 .left .ApImage { position: relative; } .box6-h1 .left .image_description { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0; } .box6-h1 .left h4 { text-transform: uppercase; font-weight: 500; font-size: 12px; line-height: 24px; color: #FFFFFF; margin-bottom: 35px; } .box6-h1 .left h3 { font-weight: 700; font-size: 36px; line-height: 44px; text-align: center; color: #FFFFFF; max-width: 307px; padding-bottom: 35px; margin: auto; } @media (max-width: 991px) { .box6-h1 .left h3 { font-size: 20px; line-height: 35px; } } .box6-h1 .left h3 span { color: #F6BE2F; } .box6-h1 .left .btn-slideshow-1 { background: #F6BE2F; color: #fff; border-radius: 5px; padding: 14px 18px; } .box6-h1 .left .btn-slideshow-1:hover { color: #000; } .box6-h1 .right { background: #fff; padding: 45px 50px 40px 50px; border-radius: 5px; } .rtl .box6-h1 .right { padding: 45px 50px 40px 50px; } @media (max-width: 991px) { .box6-h1 .right { padding: 15px; } } @media (max-width: 767px) { .box6-h1 .right { padding-top: 40px; } } .box6-h1 .right .title-ap-column { color: #000; font-weight: 700; font-size: 28px; text-transform: capitalize; margin: 0 0px 25px 0px; position: relative; z-index: 1; padding-bottom: 0; display: inline-block; } .box6-h1 .right .title-ap-column:before { position: absolute; content: ""; background: #fdeded; width: 30px; height: 30px; border-radius: 50%; top: 10px; top: -13px; left: -15px; z-index: -1; } .box7-h1 { padding-top: 70px; } @media (max-width: 991px) { .box7-h1 { padding-top: 40px; } } .box7-h1 .title-ap-group:before { background: #f1f3e8; } .box7-h1 .nav-item .nav-link.active, .box7-h1 .nav-item .nav-separtor.active { border: none; } .box7-h1 .nav-tabs .nav-link:focus, .box7-h1 .nav-tabs .nav-link:hover { border: none; } @media (min-width: 992px) { .box7-h1 .block_content { position: relative; } } @media (min-width: 992px) { .box7-h1 .nav-tabs { position: absolute; top: -69px; left: 300px; } .rtl .box7-h1 .nav-tabs { right: 300px; left: auto; } } .box7-h1 .nav-item { position: relative; } @media (min-width: 992px) { .box7-h1 .nav-item:before { content: "\f111"; font-family: "Font Awesome 5 Pro"; top: 9px; position: absolute; right: -4px; color: #D93056; font-size: 5px; } .rtl .box7-h1 .nav-item:before { left: -4px; right: auto; } } .box7-h1 .nav-item a { font-weight: 600; font-size: 12px; line-height: 15px; color: #000000; text-transform: capitalize; border: none; } .box7-h1 .nav-item a:hover { color: #D93056; } .box7-h1 .leo-plist-style .thumbnail-container .time-deal { display: none; } .box8-h1 { padding-top: 70px; } @media (max-width: 991px) { .box8-h1 { padding-top: 40px; } } .box8-h1 .ApImage { position: relative; } @media (max-width: 991px) { .box8-h1 img { height: 200px !important; object-fit: cover; } } .box8-h1 .image_description { position: absolute; top: 50%; transform: translateY(-50%); left: 70px; } .rtl .box8-h1 .image_description { right: 70px; left: auto; } @media (max-width: 480px) { .box8-h1 .image_description { left: 20px; } .rtl .box8-h1 .image_description { right: 20px; left: auto; } } @media (max-width: 767px) { .box8-h1 .left { padding-bottom: 20px; } } .box8-h1 .left h4 { font-weight: 500; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } .box8-h1 .left h3 { font-weight: 400; font-size: 22px; line-height: 28px; color: #9F8A80; } @media (max-width: 1199px) { .box8-h1 .left h3 { display: none; } } .box8-h1 .left h5 { font-weight: 600; font-size: 24px; line-height: 30px; color: #FFFFFF; width: 259px; margin-bottom: 35px; } @media (max-width: 1199px) { .box8-h1 .left h5 { margin-bottom: 10px; font-size: 21px; line-height: 26px; } } .box8-h1 .left .btn-slideshow-1 { font-size: 12px; } .box8-h1 .right h4 { font-weight: 600; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #000000; } .box8-h1 .right h3 { font-weight: 400; font-size: 22px; line-height: 28px; color: #F89619; } @media (max-width: 1199px) { .box8-h1 .right h3 { display: none; } } .box8-h1 .right h5 { font-weight: 600; font-size: 24px; line-height: 30px; color: #394E91; width: 277px; margin-bottom: 35px; } @media (max-width: 1199px) { .box8-h1 .right h5 { margin-bottom: 10px; font-size: 21px; line-height: 26px; } } .box8-h1 .right .btn-slideshow-1 { font-size: 12px; } .box9-h1 { padding: 70px 0; } .box9-h1 .ApHtml h4 { font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .box9-h1 .ApHtml p { font-weight: 700; font-size: 28px; line-height: 36px; text-align: center; color: #FFFFFF; max-width: 530px; margin: auto; padding-bottom: 25px; } @media (max-width: 575px) { .box9-h1 .ApHtml p { font-size: 18px; } } @media (max-width: 575px) { .box9-h1 .block_newsletter form button { margin-top: 20px; } } .box9-h1 .block_newsletter.block .block_content .block_newsletter_alert { margin: 10px auto; padding-bottom: 10px; } .box10-h1 { padding-top: 30px; } .box10-h1 .image_description { padding-left: 30px; } .rtl .box10-h1 .image_description { padding-right: 30px; padding-left: inherit; } @media (max-width: 1500px) { .box10-h1 .image_description { padding-left: 10px; } .rtl .box10-h1 .image_description { padding-right: 10px; padding-left: inherit; } } @media (max-width: 1199px) { .box10-h1 .image_description { padding-top: 15px; } } .box10-h1 .image_description h4 { font-weight: 500; font-size: 16px; line-height: 22px; color: #000000; } .box10-h1 .image_description p { font-weight: 400; font-size: 14px; line-height: 24px; color: #666666; max-width: 200px; margin: 0 auto; } @media (min-width: 1200px) { .box10-h1 .ApImage { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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-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: 41px 10px; } } @media (max-width: 1199px) { .box10-h1 .ApImage { padding: 25px 0; } } @media (max-width: 1199px) { .box10-h1 .ApColumn { text-align: center; } } @media (max-width: 991px) { .box10-h1 .ApColumn { padding-bottom: 20px; } } .box10-h1 .ApColumn:nth-child(n) .ApImage { background: #FFF2E5; border-radius: 5px; } .box10-h1 .ApColumn:nth-child(2n) .ApImage { background: #f1f3e8; } .box10-h1 .ApColumn:nth-child(3n) .ApImage { background: #e7f0f9; } .box10-h1 .ApColumn:nth-child(4n) .ApImage { background: #fdeded; } .box11-h1 { padding-top: 75px; } @media (max-width: 991px) { .box11-h1 { padding-top: 40px; } } .box11-h1 .title-ap-group:before { background: #f1f3e8; } .box11-h1 .latest-blogs img { border-radius: 5px; } @media (min-width: 992px) { .box11-h1 .blog-viewall { position: absolute; top: -65px; left: 280px; } .rtl .box11-h1 .blog-viewall { right: 280px; left: auto; } } .box11-h1 .blog-viewall > a { background: transparent; color: #999999; font-size: 12px; position: relative; text-transform: capitalize; padding: 0; } .box11-h1 .blog-viewall > a:hover { color: #D93056; } .box11-h1 .blog-viewall > a:after { content: "\f061"; font-size: 14px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; transition: all 0.5s; margin-left: 13px; } .box12-h1 { background: no-repeat; padding: 60px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .box12-h1 .header_logo { padding: 0; } @media (max-width: 575px) { .box12-h1 .header_logo { padding-bottom: 20px; } } .box12-h1 .ApHtml h4 { font-weight: 600; font-size: 11px; line-height: 14px; text-transform: uppercase; color: #999999; margin-bottom: 15px; } .box12-h1 .ApHtml p { font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; margin-bottom: 0; } .box12-h1 .center1 h4 { position: relative; } .box12-h1 .center1 h4:before { content: "\f015"; font-family: "Font Awesome 5 Pro"; color: #D93056; font-weight: 300; font-size: 16px; padding-right: 10px; } .rtl .box12-h1 .center1 h4:before { padding-left: 10px; padding-right: inherit; } .box12-h1 .center1 p { max-width: 234px; } @media (max-width: 575px) { .box12-h1 .center1 p { padding-bottom: 15px; } } .box12-h1 .center2 h4 { position: relative; } .box12-h1 .center2 h4:before { content: "\f0e0"; font-family: "Font Awesome 5 Pro"; color: #D93056; font-weight: 300; font-size: 16px; padding-right: 10px; } .rtl .box12-h1 .center2 h4:before { padding-left: 10px; padding-right: inherit; } .box12-h1 .center3 { position: relative; } @media (max-width: 991px) { .box12-h1 .center3 { padding-top: 20px; } } @media (min-width: 992px) { .box12-h1 .center3:after { content: ""; background: url(../../../../assets/img/modules/appagebuilder/img/leo_shopioorganic_banner20_h1.png) no-repeat; width: 138px; height: 136px; position: absolute; top: 105px; right: 60px; } .rtl .box12-h1 .center3:after { left: 60px; right: auto; } } .box12-h1 .center3 h4 { position: relative; } .box12-h1 .center3 h4:before { content: "\f0f3"; font-family: "Font Awesome 5 Pro"; color: #D93056; font-weight: 300; font-size: 16px; padding-right: 10px; } .rtl .box12-h1 .center3 h4:before { padding-left: 10px; padding-right: inherit; } @media (max-width: 1199px) { .box12-h1 .right { padding-top: 20px; } } @media (max-width: 1199px) { .box12-h1 .right img { width: auto !important; } } .box12-h1 .right .ApHtml p { font-weight: 600; font-size: 11px; line-height: 14px; text-transform: uppercase; color: #999999; text-align: right; margin-bottom: 15px; } .rtl .box12-h1 .right .ApHtml p { text-align: left; } @media (max-width: 1199px) { .box12-h1 .right .ApHtml p { text-align: left; } .rtl .box12-h1 .right .ApHtml p { text-align: right; } } .box13-h1 { padding-top: 60px; } @media (max-width: 991px) { .box13-h1 { padding-top: 40px; } } .box13-h1 .right { position: relative; padding-top: 65px; } .box13-h1 .right:before { content: "\f095"; font-family: "Font Awesome 5 Pro"; background: #D93056; color: #fff; border-radius: 50%; font-weight: 300; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; right: 15px; font-size: 20px; } @media (max-width: 991px) { .box13-h1 .right:before { left: 15px; } } @media (min-width: 992px) { .box13-h1 .right .block_content { text-align: right; } } .box13-h1 .right .block_content h4 { font-weight: 600; font-size: 11px; line-height: 14px; text-transform: uppercase; color: #999999; } .box13-h1 .right .block_content p { font-weight: 500; font-size: 20px; line-height: 28px; color: #000000; max-width: 500px; float: right; } @media (max-width: 991px) { .box13-h1 .right .block_content p { float: left; } } .box13-h1 .right .block_content h3 { font-weight: 700; font-size: 28px; line-height: 36px; color: #E66D6D; } .box14-h1 { padding: 90px 0; position: relative; } @media (max-width: 991px) { .box14-h1 { padding: 50px 0; } } @media (min-width: 1200px) { .box14-h1:after { content: ""; background: url(../../../../assets/img/modules/appagebuilder/img/leo_shopioorganic_banner22_h1.png) no-repeat; width: 524px; height: 165px; position: absolute; top: 17px; right: 400px; } } .box14-h1 .left { text-align: left; } .box14-h1 .left p { color: #000; } .box14-h1 .left p span { color: #D93056; } @media (min-width: 768px) { .box14-h1 .right { text-align: right; } } .box14-h1 .right span { color: #D93056; } .box1-h2 { border-bottom: 1px solid #eaeaea; } @media (min-width: 768px) { .box1-h2 { 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: 50px; } } .box1-h2 .center ul { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; } @media (max-width: 767px) { .box1-h2 .center ul { padding: 13px; } } .box1-h2 .center ul li { margin: 0 7px; } .box1-h2 .center ul li a { color: #666; font-size: 13px; line-height: 26px; } .box1-h2 .center ul li a:hover { color: #D93056; } @media (min-width: 992px) { .box1-h2 .right { padding-right: 60px; 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; } .rtl .box1-h2 .right { padding-left: 60px; padding-right: inherit; } } @media (min-width: 992px) { .box1-h2 .right #leo_search_block_top { min-width: 335px; } } .box1-h2 .right #leo_search_block_top .block_content { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .box1-h2 .right #leo_search_block_top .form-control { height: 50px; line-height: 50px; } @media (max-width: 1500px) { .box1-h2 .right .ApHtml.right-1 { display: none; } } .box1-h2 .right .ApHtml p { margin-bottom: 0; padding-left: 30px; } .rtl .box1-h2 .right .ApHtml p { padding-right: 30px; padding-left: inherit; } @media (min-width: 1200px) { .box1-h2-bottom { 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 (min-width: 1200px) { .box1-h2-bottom { padding-right: 60px; } .rtl .box1-h2-bottom { padding-left: 60px; padding-right: inherit; } } .box1-h2-bottom .left .logo-header { background: linear-gradient(90deg, rgba(219,48,86,1) 0%, rgba(133,29,65,1) 100%); } @media (min-width: 1200px) { .box1-h2-bottom .left .logo-header { width: 100%; padding: 20px 0; margin-top: -53px; text-align: center; } } @media (max-width: 1199px) { .box1-h2-bottom .left .logo-header { text-align: center; padding: 15px 0; } } @media (min-width: 1200px) { .box1-h2-bottom .center { padding-left: 32px; } .rtl .box1-h2-bottom .center { padding-right: 32px; padding-left: inherit; } } @media (max-width: 1199px) { .box1-h2-bottom .center .ApMegamenu { padding-left: 15px; } .rtl .box1-h2-bottom .center .ApMegamenu { padding-right: 15px; padding-left: inherit; } } @media (max-width: 991px) { .box1-h2-bottom .center { padding-top: 7px; } } @media (max-width: 1199px) { .box1-h2-bottom .right { padding-right: 30px; padding-top: 15px; } .rtl .box1-h2-bottom .right { padding-left: 30px; padding-right: inherit; } } @media (max-width: 991px) { .box1-h2-bottom .right { padding-bottom: 15px; } } @media (max-width: 767px) { .box1-h2-bottom .right #leo_search_block_top { position: static; float: right; padding-right: 10px; } .rtl .box1-h2-bottom .right #leo_search_block_top { padding-left: 10px; padding-right: inherit; } } @media (max-width: 1500px) { .box1-h2-bottom .right .ApHtml.right-1 { display: none; } } .box1-h2-bottom .right .ApHtml .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box1-h2-bottom .right .ApHtml p { color: #000; font-size: 18px; font-weight: 600; margin-bottom: 0; margin-left: 10px; } .box1-h2-bottom .right .ApHtml i { color: #D93056; font-size: 19px; font-family: "Font Awesome 5 Pro"; font-weight: 300; transform: rotate(90deg); } .box1-h2-bottom .right .header-button-add i:before { content: "\e901"; font-family: "Shopio Icons"; } @media (max-width: 767px) { .box2-h2 img { height: 250px !important; } } .box2-h2 .ApImage { position: relative; } .box2-h2 .image_description { position: absolute; text-align: center; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .box2-h2 .image_description h4 { font-size: 28px; color: #fff; font-family: 'Prata', serif; text-transform: uppercase; padding-bottom: 135px; position: relative; } @media (max-width: 1199px) { .box2-h2 .image_description h4 { padding-bottom: 30px; } } @media (min-width: 1200px) { .box2-h2 .image_description h4:after { content: ""; position: absolute; bottom: 50px; width: 1px; height: 40px; background: #fff; left: 0; right: 0; margin: auto; } } .box2-h2 .image_description p { color: #fff; font-size: 14px; line-height: 24px; font-weight: 300; max-width: 615px; margin: auto; } @media (max-width: 575px) { .box2-h2 .image_description p { padding: 0 15px; } } .box3-h2 { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991px) { .box3-h2 { padding-top: 50px; padding-bottom: 50px; } } .box4-h2 { padding-top: 0px; } @media (min-width: 992px) { .box4-h2 { display: flex; } } @media (max-width: 1499px) { .box4-h2 .block_content { padding-top: 50px; } } .box4-h2 .block_content h4 { font-size: 48px; color: #000; font-family: 'Prata', serif; position: relative; } @media (max-width: 991px) { .box4-h2 .block_content h4 { font-size: 36px; } } .box4-h2 .block_content .h2 { font-size: 35px; margin-bottom: 15px; } .box4-h2 .block_content p { font-size: 18px; color: #707070; max-width: 520px; line-height: 24px; margin-bottom: 20px; } .box4-h2 .block_content ul { margin-bottom: 40px; } .box4-h2 .block_content ul li { color: #707070; text-transform: uppercase; font-size: 14px; line-height: 36px; position: relative; display: flex; padding-left: 35px; } .rtl .box4-h2 .block_content ul li { padding-right: 35px; padding-left: inherit; } .box4-h2 .block_content ul li:before { background: url(../../../../assets/img/modules/appagebuilder/img/vector.png) no-repeat; width: 21px; height: 21px; display: block; margin: auto; left: 0; top: 6px; content: ""; position: absolute; } .rtl .box4-h2 .block_content ul li:before { right: 0; left: auto; } .box4-h2 .block_content .btn-slideshow-1 { background: linear-gradient(90deg, rgba(219,48,86,1) 0%, rgba(133,29,65,1) 100%); color: #fff; border-radius: 8px; padding: 16px 20px; transition: all 0.4s; } .box4-h2 .block_content .btn-slideshow-1:hover { letter-spacing: 1px; transition: all 0.4s; } .box4-h2 .left { padding: 0; } .box4-h2 .right { padding-left: 140px; } .rtl .box4-h2 .right { padding-right: 140px; padding-left: inherit; } @media (min-width: 992px) { .box4-h2 .right { -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; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 1500px) { .box4-h2 .right { padding-left: 50px; } .rtl .box4-h2 .right { padding-right: 50px; padding-left: inherit; } } @media (max-width: 991px) { .box4-h2 .right { padding-top: 30px; } } .box5-h2 { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991px) { .box5-h2 { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767px) { .box5-h2 .ApColumn { padding-bottom: 30px; } } .box5-h2 .sub-title-ap-group { padding-bottom: 60px; } .box5-h2 .ApImage { text-align: center; } .box5-h2 h4 { font-size: 28px; line-height: 36px; color: #000; padding-top: 30px; font-family: 'Prata', serif; } @media (max-width: 991px) { .box5-h2 h4 { font-size: 20px; } } .box5-h2 p { color: #666666; font-size: 14px; line-height: 24px; margin: auto; max-width: 200px; } .box6-h2 { padding: 125px 0; } @media (max-width: 1199px) { .box6-h2 { padding: 50px 0; } } @media (min-width: 992px) { .box6-h2 .block-carousel-container { max-width: 900px; } } .box6-h2 .block-carousel-image-container { display: inline-block; } .box6-h2 .block-carousel-image-container .title { font-family: 'Prata', serif; color: #fff; font-size: 25px; text-transform: capitalize; padding-top: 35px; } .box6-h2 .block-carousel-image-container .descript { color: #fff; font-size: 25px; line-height: 29px; font-weight: 300; } @media (max-width: 1199px) { .box6-h2 .block-carousel-image-container .descript { font-size: 22px; } } @media (max-width: 575px) { .box6-h2 .block-carousel-image-container .descript { font-size: 18px; } } .box6-h2 .block-carousel-image-container .descript h4 { font-size: 18px; color: #fff; font-family: 'Prata', serif; padding-top: 80px; font-weight: 200; } @media (max-width: 1199px) { .box6-h2 .block-carousel-image-container .descript h4 { padding-top: 40px; } } .box6-h2 .block-carousel-image-container .descript h5 { font-size: 15px; color: #fff; font-weight: 200; } @media (min-width: 1200px) { .box6-h2 .owl-theme .owl-buttons div { visibility: visible; opacity: 1; width: 58px; height: 58px; } .box6-h2 .owl-theme .owl-buttons div:before { left: 0; right: 0; line-height: 58px; color: #c4c4c4; } .box6-h2 .owl-theme .owl-buttons div.owl-next { right: 0; } .rtl .box6-h2 .owl-theme .owl-buttons div.owl-next { left: 0; right: auto; } .box6-h2 .owl-theme .owl-buttons div.owl-prev { left: 0; } .rtl .box6-h2 .owl-theme .owl-buttons div.owl-prev { right: 0; left: auto; } } .box8-h2 { padding-top: 200px; padding-bottom: 100px; } @media (max-width: 991px) { .box8-h2 { padding-top: 120px; padding-bottom: 50px; } } .box8-h2 .ApColumn { text-align: center; padding-top: 60px; } @media (max-width: 575px) { .box8-h2 .ApColumn { padding-top: 0px; } } .box8-h2 .ApColumn img { border-radius: 50%; } .box8-h2 .ApColumn:hover .image_description .top { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .box8-h2 .ApColumn .ApImage > a { position: relative; display: inline-block; } .box8-h2 .ApColumn .ApImage > a:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; visibility: hidden; transition: all .3s ease; border-radius: 50%; background: linear-gradient(90deg, rgba(219,48,86,1) 0%, rgba(133,29,65,1) 100%); } .box8-h2 .ApColumn .ApImage:hover > a:before { opacity: 1; visibility: visible; } .box8-h2 .image_description { padding-top: 45px; } .box8-h2 .image_description .top { position: absolute; left: 0; right: 0; bottom: 30%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; } .box8-h2 .image_description .top p { color: #fff; font-size: 14px; font-weight: 400; } .box8-h2 .image_description .top i { color: #fff; font-family: "FontAwesome"; font-style: normal; font-size: 19px; padding: 0 5px; } .box8-h2 .image_description .top i:before { font-family: "FontAwesome"; font-weight: 400; } .box8-h2 .image_description .bottom h4 { font-family: 'Prata', serif; font-size: 20px; line-height: 32px; } .box8-h2 .image_description .bottom p { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #999999; font-weight: 500; } .box9-h2 { padding-top: 200px; padding-bottom: 60px; } @media (max-width: 991px) { .box9-h2 { padding-top: 125px; padding-bottom: 0px; } } .box9-h2 .leo-plist-style-9 .thumbnail-container { background: #f5f3f4; } .box10-h2 { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 767px) { .box10-h2 { padding-top: 50px; padding-bottom: 50px; } } .box10-h2.ApRow > .title-ap-group { font-weight: 300; } .box10-h2.ApRow .sub-title-ap-group { padding-bottom: 60px; font-weight: 300; } .box10-h2 .ApColumn { text-align: center; } .box11-h2 { padding-top: 200px; padding-bottom: 60px; } @media (max-width: 575px) { .box11-h2 { padding-top: 115px; } } .box11-h2 .sub-title-ap-group { padding-bottom: 80px; } @media (max-width: 991px) { .box11-h2 .sub-title-ap-group { padding-bottom: 40px; } } .box11-h2 .latest-blogs .right-block .all-blog-desc { padding-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; } .box11-h2 .latest-blogs .right-block .all-blog-desc .inside-blog-meta { order: 1; margin-bottom: 0; } .box12-h2 { padding: 68px 0; } .box12-h2 .ApColumn .manufacturers_block { background: transparent; } .box12-h2 .ApColumn .manufacturers_block .owl-item .manufacturer-container { border: none; } @media (min-width: 768px) { .box13-h2 { display: flex; align-items: center; } } .box13-h2 .left .ApImage { position: relative; } .box13-h2 .left .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .box13-h2 .left .image_description h4 { color: #fff; font-size: 60px; line-height: 56px; font-family: 'Prata', serif; position: relative; margin-bottom: 130px; } @media (max-width: 1199px) { .box13-h2 .left .image_description h4 { margin-bottom: 30px; font-size: 40px; } } @media (max-width: 991px) { .box13-h2 .left .image_description h4 { font-size: 34px; } } @media (min-width: 1500px) { .box13-h2 .left .image_description h4:after { content: ""; position: absolute; top: 95px; width: 1px; height: 40px; background: #fff; left: 0; right: 0; margin: auto; } } .box13-h2 .left .image_description p { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; font-size: 12px; } @media (max-width: 767px) { .box13-h2 .right { padding: 25px 0; } } .box13-h2 .right .ApHtml .block_content { text-align: center; } .box13-h2 .right .ApHtml .block_content h4 { color: #666666; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; margin-bottom: 40px; display: inline-block; } .box13-h2 .right .ApHtml .block_content p { font-family: 'Prata', serif; font-size: 48px; font-weight: 400; margin-bottom: 80px; } @media (max-width: 1199px) { .box13-h2 .right .ApHtml .block_content p { margin-bottom: 30px; font-size: 40px; } } @media (max-width: 991px) { .box13-h2 .right .ApHtml .block_content p { font-size: 34px; margin-bottom: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .box13-h2 .right .block_newsletter form button { margin-top: 20px; } } @media (max-width: 575px) { .box13-h2 .right .block_newsletter form button { display: block; margin: auto; } } @media (max-width: 767px) { .box13-h2 .right .block_newsletter form input[type=email] { margin-bottom: 20px; } } @media (min-width: 992px) { .box14-h2 { padding-top: 70px; } } .box14-h2 .ApColumn .title_block { font-size: 14px; line-height: 22px; text-transform: uppercase; font-weight: 700; padding-bottom: 40px; margin-bottom: 0; } .box14-h2 .center1 li { margin-bottom: 20px; line-height: 25px; font-size: 14px; } .box14-h2 .center2 .image-item { padding: 5px; } .box14-h2 .center2 .show_image { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; } .box14-h2 .left p { color: #666666; font-size: 14px; line-height: 24px; } @media (min-width: 992px) { .box14-h2 .right { padding-left: 60px; } .rtl .box14-h2 .right { padding-right: 60px; padding-left: inherit; } } .box14-h2 .right ul { display: grid; grid-template-columns: 1fr; } .box14-h2 .right ul li { line-height: 22px; } .box15-h2 { border-top: 1px solid #e5e5e5; padding: 50px 0; margin-top: 90px; } @media (max-width: 991px) { .box15-h2 { margin-top: 30px; } } @media (min-width: 992px) { .box15-h2 .right { text-align: right; } } @media (max-width: 991px) { .box15-h2 .right { padding-top: 20px; } } .box15-h2 .left { text-align: left; } @media (min-width: 768px) { .box15-h2 .center { text-align: center; } } @media (max-width: 767px) { .box15-h2 .center { padding-top: 20px; } } .box15-h2 .left p, .box15-h2 .right p { color: #000; font-size: 14px; margin-bottom: 0; } .box15-h2 .left p span, .box15-h2 .right p span, .box15-h2 .left p a, .box15-h2 .right p a { color: #D93056; } @media (min-width: 992px) { .box1-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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; } } @media (max-width: 575px) { .box1-h3 { display: none; } } .box1-h3 .ApHtml p { color: #999999; font-size: 13px; margin-bottom: 0; padding: 17px 0; } @media (min-width: 576px) { .box1-h3 .center { text-align: center; } } @media (min-width: 576px) { .box1-h3 .right { text-align: right; } } .box2-h3 { padding: 23px 0; } @media (min-width: 1200px) { .box2-h3 { 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) { .box2-h3 .left { text-align: center; padding: 20px 0; } } .box2-h3 #leo_search_block_top { float: right; } @media (max-width: 767px) { .box2-h3 #leo_search_block_top { position: static; padding-right: 12px; } .rtl .box2-h3 #leo_search_block_top { padding-left: 12px; padding-right: inherit; } } .box2-h3 #leo_search_block_top .title_block { margin: 0; padding: 0; display: block; font-size: 0; z-index: 9999; } .box2-h3 #leo_search_block_top .title_block:before { content: "\e902"; font-family: "Shopio Icons"; font-weight: 300; font-size: 24px; color: #000; } .box2-h3 #leo_search_block_top .list-cate-wrapper { display: none; } .box2-h3 #leo_search_block_top form { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; max-width: 300px; border: 1px solid #000; position: absolute; width: 100%; top: 100%; transform: translateY(20px); transition: all 0.3s; width: 290px; right: -63px; background: #fff; z-index: 9; } .rtl .box2-h3 #leo_search_block_top form { left: -63px; right: auto; } .box2-h3 #leo_search_block_top form .form-control { height: 45px; } .box2-h3 #leo_search_block_top.show form { opacity: 1; visibility: visible; transform: translateY(10px); padding: 0 10px; right: 0; } .rtl .box2-h3 #leo_search_block_top.show form { left: 0; right: auto; } @media (max-width: 1199px) { .box2-h3 .right { padding-top: 23px; } } @media (max-width: 991px) { .box2-h3 .right { padding-top: 5px; } } .box2-h3 .right .header-button-add i:before { content: "\e901"; font-family: "Shopio Icons"; } @media (max-width: 1500px) { .box2-h3 .leo-megamenu .navbar-nav > li > a { padding: 26px 14px; } } .box3-h3 { padding-top: 100px; padding-bottom: 70px; } @media (max-width: 991px) { .box3-h3 { padding-top: 60px; } } @media (max-width: 767px) { .box3-h3 { padding-top: 40px; } } @media (max-width: 991px) { .box3-h3 img { width: 100%; } } .box3-h3 .widget-category_image .cover-img { margin: 0 10px; } .box3-h3 .cate-name { text-transform: capitalize; display: block; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .box3-h3 .cate-name:hover { color: #fd5c01; } .box3-h3 .items { color: #666666; font-size: 14px; font-weight: 400; line-height: 24px; text-transform: lowercase; } .box3-h3 .left { padding: 0; } .box3-h3 .left .cate_content { position: relative; } .box3-h3 .left .wr-text { position: absolute; text-align: center; left: 0; right: 0; top: 45px; } .box3-h3 .right { padding: 0; } .box3-h3 .right .ApCategoryImage > .block_content { display: flex; flex-wrap: wrap; } @media (max-width: 1199px) { .box3-h3 .right .block_content ul { width: 50%; } } @media (max-width: 480px) { .box3-h3 .right .block_content ul { width: 100%; } } .box3-h3 .cate_content { position: relative; } .box3-h3 .wr-text { position: absolute; text-align: center; left: 0; right: 0; bottom: 35px; } .box4-h3 { padding: 200px 0; } @media (max-width: 1199px) { .box4-h3 { padding: 100px 0; } } @media (max-width: 575px) { .box4-h3 { padding: 60px 15px; } } .box4-h3 .top { text-align: center; } .box4-h3 .top h4 { color: #fff; text-transform: uppercase; font-size: 48px; font-weight: 700; margin-bottom: 20px; } @media (max-width: 767px) { .box4-h3 .top h4 { font-size: 35px; } } .box4-h3 .top h4 span { font-family: "Comforter Brush", cursive; text-transform: lowercase; font-weight: 300; } .box4-h3 .top p { color: #fff; line-height: 24px; font-size: 14px; max-width: 550px; margin: auto; font-weight: 300; } .box4-h3 .top .btn-slideshow-1 { color: #fff; background: #000; padding: 13px 29px; border-radius: 5px; margin-top: 50px; } .box4-h3 .top .btn-slideshow-1:hover:after { margin-left: 18px; } .rtl .box4-h3 .top .btn-slideshow-1:hover:after { margin-right: 18px; margin-left: inherit; } .box4-h3 .ApCountdown { padding-top: 35px; } .box4-h3 .ApCountdown ul { display: flex; justify-content: center; } .box4-h3 .ApCountdown ul li { color: #E56D6D; text-align: center; background: #fff; font-weight: 700; font-size: 20px; line-height: 28px; border-radius: 5px; padding: 5px 20px; margin: 0 10px; } @media (max-width: 480px) { .box4-h3 .ApCountdown ul li { padding: 5px 10px; } } .box4-h3 .ApCountdown ul li span { display: block; font-size: 14px; font-weight: 400; text-transform: capitalize; } .box5-h3 { padding-top: 190px; padding-bottom: 90px; } @media (max-width: 1199px) { .box5-h3 { padding-top: 90px; padding-bottom: 0px; } } @media (min-width: 1200px) { .box5-h3 .left { padding-top: 90px; } } .box5-h3 .left .ApImage { position: relative; } .box5-h3 .left .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 60px; } .box5-h3 .left h4 { font-family: "Comforter Brush", cursive; font-weight: 400; font-size: 36px; line-height: 36px; color: #FE5D02; margin-bottom: 20px; } @media (max-width: 1199px) { .box5-h3 .left h4 { font-size: 30px; } } .box5-h3 .left h3 { color: #fff; text-transform: uppercase; font-size: 36px; font-weight: 700; line-height: 44px; } @media (max-width: 1199px) { .box5-h3 .left h3 { font-size: 30px; } } .box5-h3 .left .btn-slideshow-1 { color: #fff; font-size: 12px; font-weight: 500; -webkit-transition: all 0.3s 0.1s; -moz-transition: all 0.3s 0.1s; -ms-transition: all 0.3s 0.1s; -o-transition: all 0.3s 0.1s; transition: all 0.3s 0.1s; } @media (min-width: 1200px) { .box5-h3 .left .btn-slideshow-1 { padding-top: 415px; } } .box5-h3 .left .btn-slideshow-1:hover { letter-spacing: 1px; -webkit-transition: all 0.3s 0.1s; -moz-transition: all 0.3s 0.1s; -ms-transition: all 0.3s 0.1s; -o-transition: all 0.3s 0.1s; transition: all 0.3s 0.1s; color: #D93056; } @media (min-width: 1200px) { .box5-h3 .right .owl-wrapper .owl-item:nth-child(2n) { padding-top: 50px; } } .box6-h3 { padding: 85px 0; } @media (min-width: 992px) { .box6-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } } @media (max-width: 767px) { .box6-h3 { padding: 35px 0; } } .box6-h3 .left .block_content h4 { font-family: "Comforter Brush", cursive; font-weight: 400; font-size: 36px; line-height: 36px; color: #FE5D02; margin-bottom: 20px; } .box6-h3 .left .block_content h3 { color: #000; text-transform: uppercase; font-size: 48px; line-height: 56px; font-weight: 700; } @media (max-width: 1199px) { .box6-h3 .left .block_content h3 { font-size: 30px; } } .box6-h3 .left .block_content p { color: #666666; font-size: 14px; line-height: 24px; font-weight: 400; margin: 50px 0; } @media (max-width: 767px) { .box6-h3 .left .block_content p { margin: 20px 0; } } .box6-h3 .left .block_content .btn-slideshow-1 { color: #fff; background: #000; border-radius: 5px; padding: 13px 29px; } .box6-h3 .left .block_content .btn-slideshow-1:hover:after { margin-left: 18px; } .rtl .box6-h3 .left .block_content .btn-slideshow-1:hover:after { margin-right: 18px; margin-left: inherit; } @media (min-width: 576px) { .box6-h3 .right { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .box6-h3 .right .ApImage { padding: 0 10px; } @media (max-width: 575px) { .box6-h3 .right img { width: 100% !important; padding-bottom: 20px; } } @media (max-width: 575px) { .box7-h3 .right img { height: 200px !important; object-fit: cover; } } .box7-h3 .right .ApImage { position: relative; } .box7-h3 .right .image_description { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); } .rtl .box7-h3 .right .image_description { right: 80px; left: auto; } @media (max-width: 991px) { .box7-h3 .right .image_description { left: 20px; } .rtl .box7-h3 .right .image_description { right: 20px; left: auto; } } .box7-h3 .right h3 { text-transform: uppercase; font-size: 36px; font-weight: 700; line-height: 44px; } @media (max-width: 1199px) { .box7-h3 .right h3 { font-size: 28px; } } @media (max-width: 991px) { .box7-h3 .right h3 { font-size: 24px; line-height: 28px; } } @media (max-width: 767px) { .box7-h3 .right h3 { font-size: 20px; } } .box7-h3 .right h4 { font-family: "Comforter Brush", cursive; font-weight: 400; font-size: 36px; line-height: 36px; color: #FE5D02; margin-bottom: 20px; } @media (max-width: 991px) { .box7-h3 .right h4 { margin-bottom: 10px; } } .box7-h3 .right p { color: #666666; font-weight: 400; font-size: 14px; line-height: 24px; margin-top: 25px; } @media (max-width: 767px) { .box7-h3 .right p { margin-top: 0px; } } .box8-h3 { padding-top: 100px; } @media (max-width: 1199px) { .box8-h3 { padding-top: 50px; } } .box8-h3 .block-carousel-container { max-width: 900px; } .box8-h3 .block-carousel-image-container { flex-direction: column; } .box8-h3 .block-carousel-image-container .sub-title { font-size: 14px; font-weight: 400; line-height: 22px; color: #737373; padding-top: 10px; } .box8-h3 .block-carousel-image-container .title { font-size: 14px; font-weight: 700; line-height: 22px; text-transform: uppercase; color: #000; padding-bottom: 0; } .box8-h3 .block-carousel-image-container .descript { color: #000; font-size: 28px; font-weight: 400; text-indent: 36px; order: -1; max-width: 900px; } @media (max-width: 1199px) { .box8-h3 .block-carousel-image-container .descript { font-size: 20px; } } .box8-h3 .block-carousel-image-container img { order: -1; } .box9-h3 { padding-top: 100px; } @media (max-width: 991px) { .box9-h3 { padding-top: 20px; } } .box10-h3 { margin-top: 80px; padding: 100px 0; } @media (max-width: 767px) { .box10-h3 { margin-top: 30px; padding: 40px 0; } } .box10-h3.ApRow .sub-title-ap-group { padding-bottom: 30px; } @media (max-width: 991px) { .box10-h3.ApRow .sub-title-ap-group { font-size: 25px; line-height: 31px; } } .box10-h3 .ApHtml p { text-align: center; margin-bottom: 30px; } .box10-h3 .block_newsletter form button { background: #000; } .box10-h3 .block_newsletter form button:hover span { color: #fff; } @media (max-width: 575px) { .box10-h3 .block_newsletter form input[type=email] { margin-bottom: 20px; } } .box12-h3 { padding: 60px 0; border-top: 1px solid #e5e5e5; } .box12-h3 .left p { color: #000; } .box12-h3 .left p span { color: #fe5d02; } @media (min-width: 768px) { .box12-h3 .right { text-align: right; } .rtl .box12-h3 .right { text-align: left; } } .box12-h3 .right p { color: #000; } .box12-h3 .right p span { color: #fe5d02; } .box1-h4 { padding: 18px 0; position: relative; } @media (min-width: 768px) { .box1-h4 { 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; } } .box1-h4:before { background: #e5e5e5; content: ""; margin-left: -1000px; width: 100%; height: 1px; padding: 0 1000px; box-sizing: content-box; display: block !important; position: absolute; left: 0; right: 0; bottom: 0; } .rtl .box1-h4:before { margin-right: -1000px; margin-left: inherit; } @media (max-width: 767px) { .box1-h4 .left { display: none; } } .box1-h4 .left p { font-weight: 600; font-size: 18px; color: #000; margin-bottom: 0; } .box1-h4 .center { text-align: center; } @media (max-width: 767px) { .box1-h4 .center { padding-bottom: 20px; } } .box1-h4 .right { 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; } .box1-h4 .right #leo_search_block_top { border: 0; margin: 0; display: inline-block; float: right; position: relative; } .rtl .box1-h4 .right #leo_search_block_top { float: left; } @media (max-width: 767px) { .box1-h4 .right #leo_search_block_top { position: static; } } .box1-h4 .right #leo_search_block_top .title_block { margin: 0; padding: 0; display: block; font-size: 0; z-index: 9999; border-radius: 50%; padding: 0 8px; } .box1-h4 .right #leo_search_block_top .title_block:before { color: #000; content: "\e902"; font-family: "Shopio Icons"; font-size: 25px; } .box1-h4 .right #leo_search_block_top .list-cate-wrapper { display: none; } .box1-h4 .right #leo_search_block_top form { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; max-width: 300px; border: 1px solid #000; position: absolute; width: 100%; top: 100%; transform: translateY(20px); transition: all 0.3s; width: 300px; right: auto; left: -115px; background: #fff; z-index: 9; } .rtl .box1-h4 .right #leo_search_block_top form { left: auto; right: auto; } .rtl .box1-h4 .right #leo_search_block_top form { right: -115px; left: auto; } @media (max-width: 575px) { .box1-h4 .right #leo_search_block_top form { left: -40px; } .rtl .box1-h4 .right #leo_search_block_top form { right: -40px; left: auto; } } .box1-h4 .right #leo_search_block_top form .form-control { height: 45px; font-size: 14px; padding: 0 0px 0 10px; } .rtl .box1-h4 .right #leo_search_block_top form .form-control { padding: 0 10px 0 0px; } .box1-h4 .right #leo_search_block_top.show form { opacity: 1; visibility: visible; transform: translateY(10px); right: 0; left: auto; } .rtl .box1-h4 .right #leo_search_block_top.show form { left: 0; right: auto; } .rtl .box1-h4 .right #leo_search_block_top.show form { right: auto; left: auto; } [dir="rtl"] .box1-h4 .right #leo_search_block_top.show form { left: 0; right: auto; } .box1-h4 .right .header-button-add { margin-bottom: 6px; } .box1-h4 .right .header-button-add i:before { content: "\e901"; font-size: 24px; color: #000; vertical-align: middle; font-family: "Shopio Icons"; font-style: inherit; } .box1-h4 .right .popup-over.leo_block_top i { font-size: 24px; } .box1-h4 .right .popup-over.leo_block_top i { padding: 0; } .box1-h4 .right .popup-over.leo_block_top i:before { position: static; } .box1-h4 .right #leo_block_top { padding: 0 7px; margin: 0; } .box2-h4 { position: relative; } @media (min-width: 992px) { .box2-h4 .leo-megamenu { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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: 767px) { .box2-h4 .leo-megamenu .navbar-toggler { position: absolute; top: -60px; } } .box3-h4 { padding-top: 30px; } @media (max-width: 767px) { .box3-h4 .ApColumn { padding-bottom: 20px; } } .box3-h4 .ApImage { position: relative; } .box3-h4 .image_description { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); } .rtl .box3-h4 .image_description { right: 40px; left: auto; } .box3-h4 .image_description h4 { color: #59805B; text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 24px; } .box3-h4 .image_description h3 { font-family: 'Prata', serif; font-size: 36px; font-weight: 400; line-height: 40px; } @media (max-width: 1199px) { .box3-h4 .image_description h3 { font-size: 30px; line-height: 30px; } } .box3-h4 .image_description h5 { text-transform: uppercase; color: #999999; font-size: 12px; font-weight: 700; line-height: 24px; margin-bottom: 0; margin-top: 25px; } @media (max-width: 1199px) { .box3-h4 .image_description h5 { margin-top: 10px; } } @media (max-width: 991px) { .box3-h4 .image_description h5 { display: none; } } .box3-h4 .image_description p { color: #59805B; font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 0; } .box4-h4 { padding-top: 100px; text-align: center; } @media (max-width: 991px) { .box4-h4 { padding-top: 70px; } } @media (max-width: 991px) { .box4-h4 { padding-top: 40px; } } @media (max-width: 767px) { .box4-h4 .ApColumn { padding-bottom: 20px; } } .box4-h4 img { margin-bottom: 30px; } .box4-h4 .image_description h4 { text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 36px; } .box4-h4 .image_description p { font-size: 14px; line-height: 24px; font-weight: 400; color: #999999; max-width: 250px; margin: auto; } .box5-h4 { text-align: center; padding-top: 100px; border-top: 1px solid #eaeaea; margin-top: 100px; } @media (max-width: 1199px) { .box5-h4 { padding-top: 50px; border-top: none; margin-top: 0px; } } .box5-h4 .wr-text { position: absolute; left: 0; right: 0; bottom: 30px; } .box5-h4 .wr-text .leo-qty { display: none !important; } .box5-h4 .widget-category_image ul li { position: relative; } .box5-h4 .widget-category_image ul li a .cate-name { font-size: 16px; line-height: 22px; font-weight: 500; color: #000; background: #fff; padding: 10px 25px; text-transform: capitalize; } @media (max-width: 991px) { .box5-h4 .right .block_content { display: flex; flex-wrap: wrap; justify-content: center; } } @media (min-width: 1501px) { .box5-h4 .right .block_content > ul:nth-child(1) { padding-right: 30px; } } @media (max-width: 1500px) and (min-width: 576px) { .box5-h4 .right .block_content > ul:nth-child(1) { width: 50%; } } @media (max-width: 1500px) and (min-width: 576px) { .box5-h4 .right .block_content > ul:nth-child(2) { width: 50%; } } .box5-h4 .right .block_content ul { float: left; } @media (max-width: 1500px) and (min-width: 576px) { .box5-h4 .right .block_content ul { padding: 0 15px; } } .box6-h4 { padding-top: 90px; padding-bottom: 50px; } @media (max-width: 767px) { .box6-h4 { padding-top: 60px; padding-bottom: 0; } } @media (max-width: 575px) { .box6-h4 { padding-top: 0px; } } .box6-h4 .thumbnail-container .product-meta { text-align: center; } .box6-h4 .thumbnail-container .product-meta .category-default a { color: #59805B; } .box6-h4 .thumbnail-container .product-meta .leo-list-product-reviews { text-align: center; } @media (max-width: 767px) { .box7-h4 .ApColumn { padding-bottom: 20px; } } .box7-h4 .ApImage { position: relative; } .box7-h4 .image_description { position: absolute; left: 0; right: 0; text-align: center; bottom: 70px; } .box7-h4 .image_description h4 { text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 24px; color: #fff; } .box7-h4 .image_description h3 { font-family: 'Prata', serif; font-size: 48px; font-weight: 500; line-height: 52px; color: #fff; text-transform: capitalize; } @media (max-width: 767px) { .box7-h4 .image_description h3 { font-size: 32px; line-height: 40px; } } .box7-h4 .image_description a { background: #fff; border-radius: 5px; padding: 17px 27px; font-size: 14px; margin-top: 40px; } @media (max-width: 767px) { .box7-h4 .image_description a { margin-top: 5px; } } .box8-h4 { padding-top: 100px; } @media (max-width: 991px) { .box8-h4 { padding-bottom: 35px; } } @media (min-width: 992px) { .box8-h4 .block-carousel-container { max-width: 640px; } } .box8-h4 .block-carousel-image-container { display: flex; flex-direction: column; position: relative; } .box8-h4 .block-carousel-image-container img { order: 1; } .box8-h4 .block-carousel-image-container .descript { font-size: 30px; line-height: 36px; color: #000; font-family: 'Prata', serif; padding-bottom: 50px; } @media (max-width: 767px) { .box8-h4 .block-carousel-image-container .descript { font-size: 21px; line-height: 30px; } } .box8-h4 .block-carousel-image-container .sub-title { color: #59805B; text-transform: uppercase; font-size: 12px; font-weight: 600; } .box8-h4 .block-carousel-image-container .title { color: #000; font-size: 16px; font-weight: 700; line-height: 24px; order: 1; } @media (min-width: 992px) { .box8-h4 .block-carousel-image-container .title { position: absolute; text-align: left; bottom: -15px; right: 140px; } .rtl .box8-h4 .block-carousel-image-container .title { left: 140px; right: auto; } } .box8-h4 .block-carousel-image-container .title span { display: block; color: #666; font-size: 14px; text-transform: capitalize; font-weight: 400; } .box9-h4 { padding-top: 100px; } @media (max-width: 991px) { .box9-h4 { padding-top: 35px; } } @media (max-width: 991px) { .box9-h4 img { height: 300px !important; object-fit: cover; } } @media (min-width: 576px) { .box9-h4 .image_description { position: absolute; top: 46%; transform: translateY(-50%); right: 20%; } } @media (max-width: 575px) { .box9-h4 .image_description { padding-top: 20px; padding-left: 15px; } .rtl .box9-h4 .image_description { padding-right: 15px; padding-left: inherit; } } .box9-h4 .image_description h4 { color: #59805B; text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 24px; margin-bottom: 20px; } .box9-h4 .image_description h3 { font-family: 'Prata', serif; font-size: 48px; font-weight: 400; color: #000; line-height: 52px; } @media (max-width: 1199px) { .box9-h4 .image_description h3 { font-size: 38px; line-height: 37px; } } @media (max-width: 991px) { .box9-h4 .image_description h3 { font-size: 40px; line-height: 39px; } } .box9-h4 .image_description h5 { color: #666; font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 50px; } @media (max-width: 1199px) { .box9-h4 .image_description h5 { margin-bottom: 35px; } } @media (max-width: 991px) { .box9-h4 .image_description h5 { margin-bottom: 20px; } } .box9-h4 .image_description a { background: #5a805b; color: #fff; border-radius: 5px; padding: 17px 28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .box9-h4 .image_description a:hover { letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .box10-h4 { padding-top: 75px; padding-bottom: 70px; } @media (max-width: 991px) { .box10-h4 { padding-top: 35px; padding-bottom: 30px; } } .box10-h4 .sub-title-ap-group { margin-bottom: 50px !important; } .box11-h4 { padding: 100px 0; } @media (max-width: 767px) { .box11-h4 { padding: 50px 0; } } .box11-h4 .left .block .title_block { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; } .box11-h4 .left ul { display: grid; grid-template-columns: 2fr auto; } .box11-h4 .left li { margin-bottom: 0; } .box11-h4 .left li a { color: #999999; font-size: 14px; line-height: 30px; font-weight: 400; } .box11-h4 .center { text-align: center; } .box11-h4 .center h4 { color: #59805B; text-transform: uppercase; font-size: 12px; line-height: 24px; font-weight: 600; } .box11-h4 .center h3 { color: #fff; font-size: 30px; line-height: 36px; font-weight: 400; font-family: 'Prata', serif; max-width: 380px; margin: auto; padding-bottom: 30px; } .box11-h4 .center .block_newsletter form button { position: absolute; right: 0; top: 0; background: #fff; height: 50px; } .rtl .box11-h4 .center .block_newsletter form button { left: 0; right: auto; } .box11-h4 .center .block_newsletter form button i:before { color: #59805B; } .box11-h4 .center .block_newsletter form button span { color: #59805B; font-weight: 700; font-size: 12px; } .box11-h4 .center .block-social { padding-top: 15px; } .box11-h4 .center .block-social ul li { border: 1px solid #474747; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; } .box11-h4 .center .block-social ul li a { color: #fff; } .box11-h4 .center .block-social ul li:hover { border: 1px solid #fff; } @media (min-width: 992px) { .box11-h4 .right { text-align: right; } .rtl .box11-h4 .right { text-align: left; } } .box11-h4 .right .title_block { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0; padding-bottom: 45px; } .box11-h4 .right h4 { color: #59805B; font-size: 20px; font-weight: 400; line-height: 18px; } .box11-h4 .right h3 { color: #999999; font-size: 14px; line-height: 26px; font-weight: 400; } .box11-h4 .right p { color: #999999; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .box11-h4 .right p span { color: #fff; } .box12-h4 { text-align: center; padding: 60px 0; margin-top: -1px; border-top: 1px solid #666; } .box12-h4 p { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 0; } .box12-h4 p span { color: #59805B; } @media (max-width: 991px) { .box1-1-h5 .left { display: none; } } .box1-1-h5 .left .ApHtml p { float: left; margin-bottom: 0; font-weight: 400; font-size: 13px; color: #999999; padding: 16px 0; } .box1-1-h5 .left .ApHtml i { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-style: normal; color: #E56D6D; margin-right: 10px; } .rtl .box1-1-h5 .left .ApHtml i { margin-left: 10px; margin-right: inherit; } .box1-1-h5 .left .ApHtml i.leofa-clock-three:before { content: "\f017"; } .box1-1-h5 .left .ApHtml i.leofa-envelope { padding-left: 25px; } .rtl .box1-1-h5 .left .ApHtml i.leofa-envelope { padding-right: 25px; padding-left: inherit; } .box1-1-h5 .right p { color: #999999; text-align: right; padding: 16px 0; margin-bottom: 0; } .box4-h5 { padding-top: 80px; } @media (max-width: 991px) { .box4-h5 { padding-top: 50px; } } .box4-h5.ApRow .sub-title-ap-group { font-size: 36px; } @media (max-width: 991px) { .box4-h5.ApRow .sub-title-ap-group { font-size: 30px; } } .box4-h5 .left .ApImage, .box4-h5 .right .ApImage { position: relative; } .box4-h5 .left .image_description, .box4-h5 .right .image_description { position: absolute; background: #fff; text-align: center; padding: 25px 0; bottom: -205px; margin: 0 50px; } @media (max-width: 991px) { .box4-h5 .left .image_description, .box4-h5 .right .image_description { position: static; margin: 0; } } .box4-h5 .left .image_description h4, .box4-h5 .right .image_description h4 { font-size: 26px; line-height: 36px; font-weight: 300; font-family: "Noto Serif", serif; text-transform: capitalize; } .box4-h5 .left .image_description h4 span, .box4-h5 .right .image_description h4 span { font-style: italic; } .box4-h5 .left .image_description h5, .box4-h5 .right .image_description h5 { color: #666666; font-size: 14px; letter-spacing: 0.5px; font-weight: 400; line-height: 24px; margin-bottom: 30px; } .box4-h5 .left .image_description a, .box4-h5 .right .image_description a { color: #fff; background: #000; border-radius: 5px; padding: 10px 15px; font-size: 12px; transition: all 0.3s ease-out 0s; } .box4-h5 .left .image_description a:hover, .box4-h5 .right .image_description a:hover { letter-spacing: 1px; transition: all 0.3s ease-out 0s; } .box4-h5 .center { text-align: center; } @media (max-width: 767px) { .box4-h5 .center { padding-bottom: 20px; } } .box4-h5 .center .ApImage { position: relative; } .box4-h5 .center .image_description { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .box4-h5 .center .image_description h4 { color: #fff; text-transform: uppercase; font-size: 12px; line-height: 24px; letter-spacing: 2px; font-weight: 600; } .box4-h5 .center .image_description h3 { font-weight: 400; color: #fff; font-size: 35px; line-height: 52px; font-family: "Noto Serif", serif; text-transform: capitalize; margin-bottom: 20px; } @media (max-width: 991px) { .box4-h5 .center .image_description h3 { font-size: 23px; line-height: 30px; } } .box4-h5 .center .image_description h3 span { font-style: italic; } .box4-h5 .center .image_description h5 { color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; max-width: 300px; margin: auto; margin-bottom: 50px; } .box4-h5 .center .image_description a { background: #fff; font-size: 12px; border-radius: 5px; padding: 10px 15px; } .box5-h5 { padding-top: 75px; } @media (max-width: 767px) { .box5-h5 { padding-top: 30px; } } @media (max-width: 1199px) { .box5-h5 .ApImage { text-align: center; } } @media (min-width: 1200px) { .box5-h5 img { float: left; padding-right: 13px; } .rtl .box5-h5 img { padding-left: 13px; padding-right: inherit; } } @media (max-width: 1199px) { .box5-h5 img { padding-bottom: 20px; } } .box5-h5 h4 { font-size: 16px; line-height: 24px; font-weight: 500px; color: #000; } .box5-h5 p { font-size: 14px; line-height: 24px; font-weight: 400; color: #999999; } .box6-h5 { padding-top: 100px; border-top: 1px solid #e5e5e5; margin-top: 70px; padding-bottom: 50px; } @media (max-width: 991px) { .box6-h5 { padding-top: 50px; padding-bottom: 0; } } .box6-h5 .sub-title-ap-group { font-size: 48px !important; } @media (max-width: 767px) { .box6-h5 .sub-title-ap-group { font-size: 30px !important; } } .box6-h5 .thumbnail-container .product-meta { text-align: center; } .box6-h5 .thumbnail-container .product-meta .category-default a { color: #E56D6D; } .box6-h5 .thumbnail-container .product-meta .leo-list-product-reviews { text-align: center; } @media (max-width: 767px) { .box7-h5 .left { padding-bottom: 20px; } } .box7-h5 .left .ApImage { position: relative; } .box7-h5 .left .image_description { position: absolute; left: 55px; top: 50%; transform: translateY(-50%); } .rtl .box7-h5 .left .image_description { right: 55px; left: auto; } @media (max-width: 991px) { .box7-h5 .left .image_description { font-size: 30px; line-height: 30px; } } @media (max-width: 575px) { .box7-h5 .left .image_description { position: static; transform: none; padding-top: 20px; } } .box7-h5 .left .image_description h4 { text-transform: uppercase; color: #030303; font-size: 12px; line-height: 24px; font-weight: 600; } .box7-h5 .left .image_description h3 { font-family: "Noto Serif", serif; font-size: 36px; color: #000; line-height: 52px; font-weight: 300; text-transform: capitalize; } @media (max-width: 991px) { .box7-h5 .left .image_description h3 { font-size: 30px; line-height: 35px; } } .box7-h5 .left .image_description h3 span { font-style: italic; } .box7-h5 .left .image_description h5 { color: #000000; font-size: 15px; font-weight: 500; line-height: 24px; text-transform: capitalize; max-width: 230px; margin-bottom: 40px; } @media (max-width: 991px) { .box7-h5 .left .image_description h5 { margin-bottom: 10px; } } .box7-h5 .left .image_description h5 span { color: #E93333; } .box7-h5 .right .ApImage { position: relative; } .box7-h5 .right .image_description { position: absolute; text-align: center; top: 50%; transform: translateY(-50%); left: 0; right: 0; } @media (max-width: 575px) { .box7-h5 .right .image_description { position: static; transform: none; text-align: left; padding-top: 20px; } } .box7-h5 .right .image_description h3 { color: #fff; font-family: "Noto Serif", serif; font-size: 38px; line-height: 58px; font-weight: 400; } @media (max-width: 991px) { .box7-h5 .right .image_description h3 { font-size: 30px; line-height: 30px; } } @media (max-width: 575px) { .box7-h5 .right .image_description h3 { color: #000; } } .box7-h5 .right .image_description h3 span { font-style: italic; } .box7-h5 .right .image_description h5 { color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 40px; } @media (max-width: 575px) { .box7-h5 .right .image_description h5 { color: #000; } } .box7-h5 .right .image_description a { color: #fff; } .box7-h5 .right .image_description a:hover { color: #D93056; } @media (max-width: 575px) { .box7-h5 .right .image_description a { color: #000; } } .box8-h5 { padding-top: 70px; } @media (max-width: 767px) { .box8-h5 { padding-top: 40px; } } .box8-h5.ApRow .sub-title-ap-group { margin-bottom: 60px; } .box8-h5 .thumbnail-container .product-meta { text-align: center; } .box8-h5 .thumbnail-container .product-meta .category-default a { color: #E56D6D; } .box8-h5 .thumbnail-container .product-meta .leo-list-product-reviews { text-align: center; } .box9-h5 { padding-top: 70px; } @media (max-width: 767px) { .box9-h5 { padding-top: 30px; } } @media (max-width: 767px) { .box9-h5 .left { padding-bottom: 20px; } } .box9-h5 .right .ApImage { position: relative; } .box9-h5 .right .image_description { position: absolute; text-align: center; top: 50%; transform: translateY(-50%); left: 0; right: 0; } @media (max-width: 575px) { .box9-h5 .right .image_description { position: static; text-align: left; transform: none; padding-top: 20px; } } .box9-h5 .right .image_description h4 { color: #030303; text-transform: uppercase; font-size: 12px; line-height: 24px; font-weight: 600; } .box9-h5 .right .image_description h3 { color: #000; font-size: 36px; line-height: 52px; font-weight: 300; max-width: 427px; margin: auto; text-transform: capitalize; padding-bottom: 30px; font-family: "Noto Serif", serif; } @media (max-width: 991px) { .box9-h5 .right .image_description h3 { font-size: 30px; line-height: 35px; } } .box9-h5 .right .image_description h3 span { font-style: italic; } .box10-h5 { padding-top: 60px; } .box10-h5.ApRow .sub-title-ap-group { font-size: 48px; font-style: normal; } @media (max-width: 991px) { .box10-h5.ApRow .sub-title-ap-group { font-size: 30px; } } .box10-h5.ApRow .sub-title-ap-group span { font-style: italic; } .box10-h5 .latest-blogs .right-block { text-align: center; } .box10-h5 .latest-blogs .right-block .all-blog-desc { padding-bottom: 20px; display: flex; align-items: center; justify-content: center; float: none; flex-wrap: wrap; } .box10-h5 .latest-blogs .right-block .all-blog-desc .inside-blog-meta { margin-bottom: 0; } .box10-h5 .latest-blogs .blog-readmore { background: #E56D6D; } .box10-h5 .latest-blogs .left-block:hover .created { background: #E56D6D; } .box11-h5 { padding: 75px 0; } .box11-h5 .left p { color: #000; } .box11-h5 .left p span { color: #E56D6D; } .box11-h5 .right p { color: #000; } .box11-h5 .right span { color: #E56D6D; } @media (min-width: 768px) { .box11-h5 .right { text-align: right; } .rtl .box11-h5 .right { text-align: left; } } .box12-h5 { padding-top: 100px; margin-top: 80px; border-top: 1px solid #e5e5e5; } @media (max-width: 767px) { .box12-h5 { padding-top: 30px; margin-top: 30px; } } .box12-h5.ApRow .sub-title-ap-group { font-size: 48px; font-style: normal; max-width: 500px; margin: auto; line-height: 54px; padding-bottom: 40px; } @media (max-width: 767px) { .box12-h5.ApRow .sub-title-ap-group { font-size: 28px; line-height: 30px; } } .box12-h5.ApRow .sub-title-ap-group span { font-style: italic; } .box12-h5.ApRow .title-ap-group { letter-spacing: 2px; } .box12-h5 .block_newsletter form .input-wrapper { border: 1px solid #e5e5e5; max-width: 470px; border-radius: 5px; } .box12-h5 .block_newsletter form input[type=email] { border: none; max-width: 100%; width: 100%; } .box12-h5 .block_newsletter form button { position: absolute; right: 0; top: 0; background: #fff; height: 50px; } .rtl .box12-h5 .block_newsletter form button { left: 0; right: auto; } .box12-h5 .block_newsletter form button i:before { color: #E56D6D; } .box12-h5 .block_newsletter form button span { color: #E56D6D; font-weight: 700; font-size: 12px; } .box1-h2 .right #leo_search_block_top .list-cate-wrapper { display: none!important; } #leo_search_block_top .list-cate-wrapper { display: none; } /*# sourceMappingURL=styles.css.map */