/*************************************************** 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: "Josefin Slab", 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: 11px; } .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; } .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 #be7374; } .widget-tabs li.active a { color: #be7374; } .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: #be7374; 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: #be7374; } .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 */ .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 #be7374; -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; } .ApColumn .manufacturers_block .owl-item .manufacturer-image-container { overflow: hidden; } .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; } @media (max-width: 767px) { .ApColumn .manufacturers_block { padding: 15px 0; } } /* 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 .right-block { display: inline-block; } .latest-blogs .right-block .date { color: #b0b0b0; font-size: 12px; padding-right: 15px; position: relative; } .rtl .latest-blogs .right-block .date { padding-left: 15px; padding-right: inherit; } .latest-blogs .right-block .date:before { content: ""; background: #b0b0b0; position: absolute; right: 8px; width: 2px; height: 2px; top: 7px; border-radius: 2px; } .rtl .latest-blogs .right-block .date:before { left: 8px; right: auto; } .latest-blogs .right-block .author { color: #b0b0b0; font-size: 12px; } .latest-blogs .blog-image-container { float: left; overflow: hidden; position: relative; } .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; padding-top: 10px; margin-bottom: 15px; } .latest-blogs .blog-title a { color: #000; font-weight: 700; font-size: 16px; line-height: 30px; display: inline-block; } .latest-blogs .blog-title a:hover { color: #be7374; } @media (max-width: 1199px) { .latest-blogs .blog-title a { font-size: 15px; } } .latest-blogs .blog-desc { line-height: 25px; color: #626262; font-size: 14px; font-weight: 300; } .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: #be7374; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .latest-blogs .blog-readmore { color: #ffcd00; font-size: 14px; text-decoration: underline; font-weight: 400; } .latest-blogs .nbcomment i { color: #be7374; } .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 15px; } .instagram-block .owl-item .block-carousel-container { padding: 3px; } .instagram-block .owl-item:nth-child(2n) { padding-top: 60px; } .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: "Josefin Slab", 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; top: 25%; right: 19%; z-index: 9; margin: auto; } .rtl .image-video .image_description { left: 19%; right: auto; } @media (max-width: 1199px) { .image-video .image_description { top: 10%; padding-left: 20px; } .rtl .image-video .image_description { padding-right: 20px; padding-left: inherit; } } @media (max-width: 1199px) { .image-video .image_description { right: 5%; } .rtl .image-video .image_description { left: 5%; right: auto; } } @media (max-width: 767px) { .image-video .image_description { position: static; } } @media (max-width: 575px) { .image-video .image_description { padding-top: 20px; } } .image-video .image_description h3 { color: #fff; font-size: 60px; } @media (max-width: 1199px) { .image-video .image_description h3 { font-size: 42px; } } @media (max-width: 991px) { .image-video .image_description h3 { font-size: 40px; margin-bottom: 0; } } @media (max-width: 767px) { .image-video .image_description h3 { font-size: 37px; color: #000; } } @media (max-width: 575px) { .image-video .image_description h3 { font-size: 23px; } } .image-video .image_description p { font-size: 18px; color: #fff; max-width: 480px; line-height: 30px; padding: 20px 0; margin-bottom: 0; } @media (max-width: 991px) { .image-video .image_description p { padding: 10px 0; } } @media (max-width: 767px) { .image-video .image_description p { color: #000; } } .image-video .image_description .icon-video:before { content: ""; position: absolute; background: url(../../../../assets/img/modules/appagebuilder/img/leo_vogaza_banner9_h1.png) no-repeat; width: 86px; height: 86px; left: -170px; top: 30px; } .group-video .video { display: none; } .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: #be7374; } .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; } .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; } @media (max-width: 991px) { .leo-megamenu:before { height: 0; } } .leo-megamenu .navbar-toggler { color: #000; } @media (max-width: 991px) and (min-width: 768px) { .leo-megamenu .navbar-toggler { top: -20px; left: 0; position: absolute; } .rtl .leo-megamenu .navbar-toggler { right: 0; left: auto; } } @media (max-width: 767px) { .leo-megamenu .navbar-toggler { top: -25px; left: 0; position: absolute; } .rtl .leo-megamenu .navbar-toggler { right: 0; left: auto; } } #search_widget { margin: 0 10px; padding: 0; } #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: 745px; 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; flex-direction: column; } .block-carousel-image-container .descript { color: #626262; font-size: 18px; line-height: 35px; 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: #be7374; 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: #be7374; text-transform: uppercase; margin-top: 15px; padding: 25px 0; margin: 0; font-family: "Josefin Slab", 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 a { padding: 13px; border: 1px solid #a7a7a7; font-size: 16px; } #my-account .page-footer a:hover { border: 1px solid #be7374; } .leo-compare-review-dropdown .dropdown-menu .dropdown-item { white-space: inherit; } .page-customer-account #main .page-header { text-align: center; } @media (min-width: 1200px) { .container { width: 1470px; } } @media (min-width: 1200px) { .box2-h1-top { padding-top: 16px; } } @media (max-width: 1199px) { .box2-h1-top { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media (max-width: 767px) { .box2-h1-top #leo_search_block_top { border: 0; margin: 0; position: absolute; right: 135px; bottom: -2px; background: transparent; } .rtl .box2-h1-top #leo_search_block_top { left: 135px; right: auto; } .box2-h1-top #leo_search_block_top .title_block { margin: 0; padding: 0; display: block; font-size: 0; z-index: 999; } .box2-h1-top #leo_search_block_top .title_block:before { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 22px; color: #000; } .box2-h1-top #leo_search_block_top .list-cate-wrapper { display: none; } .box2-h1-top #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: 0; background: #fff; z-index: 9; } .box2-h1-top #leo_search_block_top form .form-control { height: 45px; } .box2-h1-top #leo_search_block_top.show form { opacity: 1; visibility: visible; transform: translateY(10px); } .box2-h1-top .header-bottom { position: relative; padding-bottom: 15px; } .box2-h1-top .header-bottom .center { position: static; } } @media (max-width: 480px) { .box2-h1-top #leo_search_block_top form { right: -120px; } .rtl .box2-h1-top #leo_search_block_top form { left: -120px; right: auto; } } .top_wel { position: relative; } @media (min-width: 375px) { .top_wel { 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; } } .top_wel:before { position: absolute; content: ""; border-bottom: 1px solid #ebebeb; bottom: 0; width: 100%; padding: 0px 1000px; overflow: hidden; box-sizing: content-box; margin-left: -1000px; } .top_wel .left { 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: 481px) { .top_wel .left > .block { padding-right: 30px; } .rtl .top_wel .left > .block { padding-left: 30px; padding-right: inherit; } } @media (max-width: 991px) { .top_wel .wel { display: none; } } .top_wel .wel p { color: #a9b1c0; font-size: 16px; padding: 15px 0; font-weight: 600; margin-bottom: 0; } .top_wel .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; } @media (min-width: 992px) { .top_wel .right { -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; } } @media (max-width: 991px) { .top_wel .right { padding: 10px 15px; } } @media (max-width: 991px) and (min-width: 376px) { .top_wel .right { float: right; display: inline-block; } } @media (max-width: 1199px) { .top_wel .right > .ApBlockLink { display: none; } } .top_wel .right .userinfo-selector a { color: #000; font-size: 16px; font-weight: 600; } .top_wel .right .userinfo-selector a:hover { color: #be7374; } .top_wel .right .userinfo-selector a.signin:after { content: "/"; } .top_wel .right .userinfo-selector ul.nav_title_info { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; margin-bottom: 0; } .top_wel .right > .ApBlockLink ul li { float: left; padding: 0 15px; } .top_wel .right > .ApBlockLink ul li a { font-weight: 600; font-size: 16px; color: #a9b1c0; } .top_wel .right > .ApBlockLink ul li a:hover { color: #be7374; } @media (max-width: 991px) { .header-top { padding-bottom: 20px; } } .box1-h1-x { position: relative; } @media (max-width: 991px) { .box1-h1-x { margin-bottom: 20px; min-height: 119px; } } @media (min-width: 1200px) { .box1-h1-x:before { position: absolute; content: ""; border-bottom: 2px dotted #b7c1d4; bottom: 0; width: 100%; padding: 0px 1000px; overflow: hidden; box-sizing: content-box; margin-left: -1000px; } } @media (min-width: 1200px) { .box1-h1-x { 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-h1-x .center1 { position: relative; } .box1-h1-x .center1 .text1 { position: relative; padding-left: 70px; } .rtl .box1-h1-x .center1 .text1 { padding-right: 70px; padding-left: inherit; } .box1-h1-x .center1 .text1:before { position: absolute; content: ""; background: url(../../../../assets/img/modules/appagebuilder/img/leo_giftsend_banner15-h1.png) no-repeat; width: 48px; height: 33px; display: block; margin: auto; top: 4px; left: 0; } .rtl .box1-h1-x .center1 .text1:before { right: 0; left: auto; } @media (min-width: 1500px) { .box1-h1-x .center1:before { position: absolute; content: ""; border-right: 2px dotted #b7c1d4; right: 45px; height: 30px; top: 10px; } .rtl .box1-h1-x .center1:before { left: 45px; right: auto; } } .box1-h1-x .center2 { position: relative; } .box1-h1-x .center2 .text1 { position: relative; padding-left: 62px; } .rtl .box1-h1-x .center2 .text1 { padding-right: 62px; padding-left: inherit; } .box1-h1-x .center2 .text1:before { position: absolute; content: ""; background: url(../../../../assets/img/modules/appagebuilder/img/leo_giftsend_banner16-h1.png) no-repeat; width: 44px; height: 44px; display: block; margin: auto; top: 4px; left: 0; } .rtl .box1-h1-x .center2 .text1:before { right: 0; left: auto; } @media (min-width: 1500px) { .box1-h1-x .center2:before { position: absolute; content: ""; border-right: 2px dotted #b7c1d4; right: 65px; height: 30px; top: 10px; } .rtl .box1-h1-x .center2:before { left: 65px; right: auto; } } @media (max-width: 767px) { .box1-h1-x .center1, .box1-h1-x .center2 { display: none; } } .box1-h1-x .center1 .text1 p, .box1-h1-x .center2 .text1 p { font-weight: 600; font-size: 16px; color: #a9b1c0; margin-bottom: 5px; } .box1-h1-x .center1 .text1 h3, .box1-h1-x .center2 .text1 h3 { font-weight: 600; font-size: 20px; color: #000; } @media (min-width: 992px) { .box1-h1-x .right { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .box1-h1-x .right { position: absolute; right: 0; top: 122px; } .rtl .box1-h1-x .right { left: 0; right: auto; } } .box1-h1 { padding: 25px 0; } @media (max-width: 1199px) { .box1-h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } } @media (max-width: 1199px) { .box1-h1 { padding: 0; } } .box1-h1 .right { order: -1; } @media (max-width: 991px) { .box1-h1 .right { padding-bottom: 20px; } } .box1-1-h1 { position: relative; padding-top: 25px; } @media (min-width: 768px) { .box1-1-h1 { width: 68%; float: left; padding-right: 24px; } } .box1-1-h1 .image_description { position: absolute; text-align: center; left: 10%; top: 50%; transform: translateY(-50%); } .box1-1-h1 .image_description h4 { font-weight: 600; font-size: 18px; color: #000; } .box1-1-h1 .image_description h3 { font-size: 40px; color: #000; text-transform: capitalize; font-weight: 600; margin: 0; padding: 20px 0; } @media (max-width: 767px) { .box1-1-h1 .image_description h3 { font-size: 35px; } } @media (max-width: 575px) { .box1-1-h1 .image_description h3 { font-size: 30px; padding: 10px 0; } } .box1-1-h1 .image_description p { font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase; border-bottom: 2px dashed #000; display: inline-block; } @media (max-width: 575px) { .box1-1-h1 .image_description p { margin-bottom: 0; } } .box1-2-h1 { position: relative; padding-top: 25px; } @media (min-width: 768px) { .box1-2-h1 { width: 32%; float: left; } } .box1-2-h1 .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .box1-2-h1 .image_description h4 { font-weight: 600; font-size: 18px; color: #000; } .box1-2-h1 .image_description h3 { font-size: 30px; color: #000; text-transform: capitalize; font-weight: 600; margin: 0; padding: 20px 0; } .box1-2-h1 .image_description p { font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; display: inline-block; border-bottom: 1px solid #000; } .box1-2-h1 .image_description p span { letter-spacing: 6px; } .box1-3-h1 { text-align: center; background: #fff; width: 100%; display: inline-block; margin-top: 25px; border-radius: 10px; } .box1-3-h1 > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; } @media (max-width: 991px) { .box1-3-h1 > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box1-3-h1 > .title_block { font-size: 40px; } } .box1-4-h1 { position: relative; margin-top: 25px; } @media (min-width: 768px) { .box1-4-h1 { width: 32%; float: left; } } .box1-4-h1 .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 17%; } .box1-4-h1 .image_description h4 { font-weight: 600; font-size: 18px; color: #000; } .box1-4-h1 .image_description h3 { font-size: 30px; color: #000; text-transform: capitalize; font-weight: 600; margin: 0; padding: 10px 0; } .box1-4-h1 .image_description p { font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; display: inline-block; border-bottom: 2px dashed #000; } .box1-5-h1 { position: relative; margin-top: 25px; } @media (min-width: 768px) { .box1-5-h1 { width: 68%; float: left; padding-left: 24px; } .rtl .box1-5-h1 { padding-right: 24px; padding-left: inherit; } } .box1-5-h1 .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .box1-5-h1 .image_description h4 { font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase; } .box1-5-h1 .image_description h3 { font-size: 30px; color: #000; text-transform: uppercase; font-weight: 700; margin: 0; padding: 20px 0; } @media (max-width: 480px) { .box1-5-h1 .image_description h3 { font-size: 20px; padding: 10px 0; } } .box1-5-h1 .image_description p { font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase; border-bottom: 2px dashed #000; display: inline-block; } .box1-6-h1 { text-align: center; background: #fff; width: 100%; display: inline-block; margin-top: 25px; border-radius: 10px; padding: 0 15px; } .box1-6-h1 > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; } @media (max-width: 991px) { .box1-6-h1 > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box1-6-h1 > .title_block { font-size: 40px; } } .box1-6-h1.widget-category_image ul { padding: 0 10px; } @media (min-width: 481px) { .box1-6-h1.widget-category_image ul { float: left; } } .box1-6-h1.widget-category_image ul li a { text-transform: capitalize; font-weight: 600; font-size: 20px; color: #000; } .box1-6-h1.widget-category_image ul li .cate-name { display: block; padding-bottom: 15px; } .box1-6-h1.widget-category_image ul li .leo-qty { color: #a9b1c0; font-weight: 600; font-size: 16px; } .box1-6-h1.widget-category_image .cate-show-all { display: none; } @media (max-width: 991px) and (min-width: 768px) { .box1-6-h1 > .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) and (min-width: 481px) { .box1-6-h1 > .block_content ul { width: 50%; } } .box1-7-h1 { background: #fed2cc; border-radius: 10px; text-align: center; } .box1-7-h1 ul { padding: 40px 55px; } .box1-7-h1 ul li { border-bottom: 3px dotted #dcb6b0; padding: 24px 0; } .box1-7-h1 ul li a { color: #be7374; font-weight: 600; font-size: 20px; } .box1-7-h1 ul li:hover a { color: #000; } .box1-7-h1 ul li:last-child { border-bottom: none; } .box1-8-h1 { background: #fff; border-radius: 10px; text-align: center; margin-top: 24px; padding-top: 30px; } @media (min-width: 1200px) { .box1-8-h1 .banner_slide { width: 225px; margin: auto; border-bottom: 3px dotted #d5dbe6; padding: 25px 0; } } @media (max-width: 767px) { .box1-8-h1 .banner_slide { padding-bottom: 20px; } } .box1-8-h1 .banner_slide:last-child { border-bottom: none; } .box1-8-h1 h3 { font-weight: 600; font-size: 20px; padding-top: 16px; margin-bottom: 20px; } .box1-8-h1 p { color: #a9b1c0; font-weight: 600; font-size: 18px; } @media (max-width: 1199px) and (min-width: 768px) { .box1-8-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; } } .box1-9-h1 { background: #fff; border-radius: 10px; text-align: center; margin-top: 24px; padding: 40px 0; } .box1-9-h1 h3 { font-size: 30px; font-weight: 600; color: #000; } .box1-9-h1 h4 { text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 5px; padding-bottom: 20px; } .box1-9-h1 p { margin-bottom: 0; } @media (min-width: 1200px) { .box1-9-h1 img { width: 100%; } } .box1-9-h1 .shop_box1 { font-size: 12px; font-weight: 700; text-transform: uppercase; border-bottom: 2px dashed #fed2cc; display: inline-block; margin-top: 20px; } .box1-10-h1 { background: #fff; border-radius: 10px; text-align: center; margin-top: 24px; padding: 40px 0; } @media (max-width: 575px) { .box1-10-h1 { padding: 10px 0; } } .box1-10-h1 > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0 0 0; padding-bottom: 30px; } @media (max-width: 991px) { .box1-10-h1 > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box1-10-h1 > .title_block { font-size: 40px; } } .box1-10-h1.latest-blogs .blog-title a { font-weight: 600; font-size: 20px; line-height: 30px; padding-top: 25px; } .box1-10-h1.latest-blogs .blog-readmore { display: none; } .box1-10-h1.latest-blogs .blog-container { border-bottom: 3px dotted #d5dbe6; } @media (min-width: 1200px) { .box1-10-h1.latest-blogs .blog-container { margin: 0 50px; } } .box1-10-h1.latest-blogs .right-block .date { color: #a9b1c0; font-weight: 600; font-size: 16px; margin-bottom: 35px; } .box1-10-h1.latest-blogs .right-block .author { color: #a9b1c0; font-weight: 600; font-size: 16px; margin-bottom: 35px; } .box1-10-h1.latest-blogs .right-block .box-inside-blog-meta { padding-bottom: 35px; } .box1-10-h1.latest-blogs .block_content .blog-viewall { padding-top: 30px; } .box1-10-h1.latest-blogs .block_content .blog-viewall a { text-transform: uppercase; font-weight: 700; font-size: 12px; padding-top: 35px; border-bottom: 2px dashed #fed2cc; display: inline-block; background: transparent; color: #000; padding: 0; } .box1-10-h1 p { color: #a9b1c0; font-weight: 600; font-size: 16px; margin-bottom: 35px; } .box1-11-h1 { background: #fff; border-radius: 10px; margin-top: 24px; } @media (max-width: 1199px) { .box1-11-h1 { margin-bottom: 15px; } } .box1-11-h1 .block-carousel-image-container .descript { color: #000; font-weight: 700; font-size: 20px; font-style: italic; padding-top: 30px; } @media (min-width: 1200px) { .box1-11-h1 .block-carousel-image-container .descript { max-width: 250px; margin: auto; } } .box1-11-h1 .block-carousel-image-container .sub-title { color: #a9b1c0; font-weight: 600; font-size: 16px; order: 1; margin-bottom: 23px; } .box2-h1 { padding-top: 65px; padding-bottom: 30px; } .box2-h1 .ApColumn .title-ap-column { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; margin: 0; padding-bottom: 30px; } @media (max-width: 767px) { .box2-h1 .ApColumn .title-ap-column { padding-top: 10px; } } .box2-h1 .ApColumn .block .title_block { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000; margin: 0; padding-bottom: 30px; } .box2-h1 .left p { font-weight: 600; font-size: 18px; color: #a9b1c0; line-height: 30px; } @media (min-width: 1200px) { .box2-h1 .left p { max-width: 480px; padding-bottom: 25px; } } .box2-h1 .left h4 { font-weight: 600; font-size: 18px; color: #000000; } .box2-h1 .center li a { font-size: 18px; color: #a9b1c0; font-weight: 600; } .box2-h1 .center li a:hover { color: #be7374; } .box2-h1 .right #block-newsletter-label { display: none; } .box2-h1 .right .block_newsletter > i { display: none; } .box2-h1 .right .block_newsletter.block .block_content .p-off p { color: #a9b1c0; font-weight: 600; font-size: 18px; padding-bottom: 20px; } .box2-h1 .right .block_newsletter form button { position: static; background: transparent; float: left; padding: 0 10px; } .rtl .box2-h1 .right .block_newsletter form button { float: right; } .box2-h1 .right .block_newsletter form button span { text-transform: uppercase; font-size: 12px; font-weight: 700; color: #000; letter-spacing: 2px; border-bottom: 2px dashed #fed2cc; display: inline-block; } .box2-h1 .right .block_newsletter form button span:hover { color: #be7374; } .box3-h1 { padding: 40px 0 60px 0; position: relative; } @media (min-width: 768px) { .box3-h1:before { position: absolute; content: ""; border-top: 2px dotted #b7c1d4; top: 0; width: 100%; padding: 0px 1000px; overflow: hidden; box-sizing: content-box; margin-left: -1000px; } } .box3-h1 .left p { font-weight: 600; font-size: 16px; color: #a9b1c0; } .box3-h1 .left p span { color: #000; } .box3-h1 .right ul { float: right; } .rtl .box3-h1 .right ul { float: left; } @media (max-width: 767px) { .box3-h1 .right ul { float: left; } .rtl .box3-h1 .right ul { float: right; } } .box3-h1 .right .block-social li { width: 42px; height: 42px; background: #d5dbe6; line-height: 42px; border-radius: 50%; padding-right: 0; margin-right: 7px; } .rtl .box3-h1 .right .block-social li { padding-left: 0; padding-right: inherit; } .rtl .box3-h1 .right .block-social li { margin-left: 7px; margin-right: inherit; } .box3-h1 .right .block-social li a { color: #fff; } .box1-h2 { padding-top: 50px; text-align: center; } @media (min-width: 1200px) { .box1-h2 { border-bottom: 3px dotted #d5dbe6; } } @media (max-width: 1199px) { .box1-h2 { padding-top: 30px; } } .box1-h2 .ApColumn { padding-bottom: 30px; } .box1-h2 .banner_slide h3 { font-weight: 600; font-size: 20px; color: #000; padding-top: 15px; } .box1-h2 .banner_slide p { color: #a9b1c0; font-weight: 600; font-size: 18px; } .box1-h2 .center { position: relative; } @media (min-width: 1200px) { .box1-h2 .center:after { position: absolute; content: ""; height: 170px; left: 0; border-left: 3px dotted #d5dbe6; top: 32%; } .box1-h2 .center:before { position: absolute; content: ""; height: 170px; right: 0; border-right: 3px dotted #d5dbe6; top: 32%; } } @media (min-width: 1200px) { .box2-h2 { padding-bottom: 70px; } } @media (min-width: 768px) { .box2-h2 > .ApColumn { padding: 0; } } @media (min-width: 768px) { .box2-h2 .box1-6-h1 .block_content { margin: 0 -12px; } } @media (min-width: 768px) { .box2-h2 .box1-6-h1.widget-category_image ul { padding: 0 12px; width: 25%; } } .box3-h2 { padding: 60px 0; } @media (max-width: 991px) { .box3-h2 { padding: 50px 0; } } @media (max-width: 767px) { .box3-h2 { padding: 40px 0; } } @media (max-width: 575px) { .box3-h2 { padding: 30px 0; } } .box3-h2 .ApImage { position: relative; } .box3-h2 .image_description { position: absolute; text-align: center; } .box3-h2 .left .image_description { width: 100%; bottom: 10%; left: 50%; transform: translateX(-50%); } .box3-h2 .left .image_description p { font-weight: 600; font-size: 18px; color: #000; } .box3-h2 .left .image_description h3 { font-weight: 600; font-size: 30px; } @media (max-width: 575px) { .box3-h2 .center { padding-top: 15px; } } .box3-h2 .center .image_description { width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .box3-h2 .center .image_description p { font-weight: 600; font-size: 18px; color: #000; } .box3-h2 .center .image_description p a { text-transform: uppercase; border-bottom: 2px dashed #000; display: inline-block; font-size: 12px; font-weight: 700; } @media (min-width: 1200px) { .box3-h2 .center .image_description p a { padding-top: 20px; } } .box3-h2 .center .image_description h3 { font-weight: 600; font-size: 30px; } @media (max-width: 991px) { .box3-h2 .right { padding-top: 15px; } } .box3-h2 .right .image_description { top: 50%; left: 10%; transform: translateY(-50%); } .box3-h2 .right .image_description h3 { font-weight: 600; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; } @media (max-width: 480px) { .box3-h2 .right .image_description h3 { font-size: 30px; } } .box3-h2 .right .image_description p { font-weight: 600; font-size: 18px; } .box3-h2 .right .image_description a { display: inline-block; background: #fff; border-radius: 25px; text-transform: uppercase; font-size: 12px; padding: 15px 30px; font-weight: 700; } @media (max-width: 480px) { .box3-h2 .right .image_description a { padding: 8px 20px; } } .box5-h2 { padding: 60px 0; } @media (max-width: 991px) { .box5-h2 { padding: 20px 0; } } .box5-h2 .left .blog-viewall { text-align: center; float: inherit !important; padding-top: 20px; } .box5-h2 .left .block { border-radius: 10px; padding: 0 50px 50px 50px; } @media (min-width: 992px) { .box5-h2 .left .block { background: #fff; } } @media (max-width: 1500px) { .box5-h2 .left .block { padding: 0 20px 50px 20px; } } .box5-h2 .left .block > .title_block { padding-top: 50px; font-family: "Sacramento", cursive; font-size: 60px; text-transform: capitalize; text-align: center; } @media (min-width: 768px) { .box5-h2 .left .block > .title_block { border-bottom: 3px dotted #d5dbe6; } } @media (max-width: 767px) { .box5-h2 .left .block > .title_block { padding-top: 0px; } } .box5-h2 .left .block .btn-primary { background: transparent; color: #000; font-size: 12px; font-weight: 700; text-transform: uppercase; border-bottom: 2px dashed #fed2cc; display: inline-block; padding: 0; } .box5-h2 .left .block .btn-primary:hover { color: #be7374; } @media (min-width: 768px) { .box5-h2 .left .blog-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding: 32px 0; border-bottom: 3px dotted #d5dbe6; } } @media (max-width: 767px) { .box5-h2 .left .blog-container { padding-bottom: 20px; } } @media (min-width: 1200px) { .box5-h2 .left .blog-container .left-block { width: 28%; } } @media (min-width: 768px) { .box5-h2 .left .blog-container .left-block img { max-width: 100px; } } @media (min-width: 768px) { .box5-h2 .left .blog-container .right-block { padding-left: 20px; } .rtl .box5-h2 .left .blog-container .right-block { padding-right: 20px; padding-left: inherit; } } @media (min-width: 1200px) { .box5-h2 .left .blog-container .right-block { width: 72%; } } .box5-h2 .left .blog-container .right-block .blog-title { display: inline-block; } .box5-h2 .left .blog-container .right-block .blog-title a { font-size: 20px; font-weight: 600; color: #000; } .box5-h2 .left .blog-container .right-block .blog-readmore { display: none; } .box5-h2 .left .blog-container .right-block .date, .box5-h2 .left .blog-container .right-block .author { color: #a9b1c0; font-weight: 600; font-size: 16px; } .box5-h2 .center { text-align: center; } .box5-h2 .center .images-list .image-item { padding: 1px; } @media (max-width: 767px) { .box5-h2 .center .images-list .image-item { width: 33.333%; } } .box5-h2 .center .images-list > .show_image { padding: 0 61px; } @media (max-width: 767px) { .box5-h2 .center .images-list > .show_image { max-width: 500px; margin: auto; } } .box5-h2 .center .block { border-radius: 10px; } @media (min-width: 992px) { .box5-h2 .center .block { background: #fff; } } .box5-h2 .center .block > .title_block { padding-top: 50px; font-family: "Sacramento", cursive; font-size: 60px; border-bottom: 3px dotted #d5dbe6; text-transform: capitalize; max-width: 365px; margin: auto; } @media (max-width: 575px) { .box5-h2 .center .block > .title_block { padding-top: 0; } } .box5-h2 .center .block_content { padding-top: 40px; } .box5-h2 .center .bottom p { font-size: 12px; font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 3px; padding-bottom: 100px; } @media (max-width: 767px) { .box5-h2 .center .bottom p { padding-bottom: 50px; } } @media (max-width: 575px) { .box5-h2 .center .bottom p { padding-bottom: 20px; } } .box5-h2 .right .box1-11-h1 { margin-top: 0; } @media (min-width: 1200px) { .box5-h2 .right .box1-11-h1 .block-carousel-image-container .descript { max-width: 400px; } } .box6-h2 { padding: 70px 0; } @media (max-width: 1199px) { .box6-h2 { padding: 20px 0 0 0; } .rtl .box6-h2 { padding: 20px 0 0 0; } } @media (min-width: 576px) { .box6-h2 .block_newsletter { 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; } } .box6-h2 .block_newsletter > i { display: none; } .box6-h2 .block_newsletter .title_block { font-weight: 700; font-size: 18px; color: #000; text-align: center; } @media (max-width: 991px) { .box6-h2 .block_newsletter .title_block { line-height: 25px; } } @media (min-width: 576px) { .box6-h2 .block_newsletter .title_block { width: 25%; } } @media (min-width: 576px) { .box6-h2 .block_newsletter .block_content { width: 75%; } } .box6-h2 .block_newsletter .block_content .p-off > p:first-child { display: none; } .box6-h2 .block_newsletter .block_content .p-off .alert { padding-left: 25px; margin-bottom: 10px; display: inline-block; } .rtl .box6-h2 .block_newsletter .block_content .p-off .alert { padding-right: 25px; padding-left: inherit; } .box6-h2 .block_newsletter .block_content .p-off .alert:before { left: 3px; top: 0px; } .rtl .box6-h2 .block_newsletter .block_content .p-off .alert:before { right: 3px; left: auto; } .box6-h2 .block_newsletter form button { position: static; background: transparent; padding-left: 40px; } .rtl .box6-h2 .block_newsletter form button { padding-right: 40px; padding-left: inherit; } @media (max-width: 575px) { .box6-h2 .block_newsletter form button { padding-left: 15px; } .rtl .box6-h2 .block_newsletter form button { padding-right: 15px; padding-left: inherit; } } .box6-h2 .block_newsletter form button span { text-transform: uppercase; font-size: 12px; font-weight: 700; color: #000; letter-spacing: 2px; border-bottom: 2px dashed #fed2cc; display: inline-block; } .box6-h2 .block_newsletter form button span:hover { border-bottom: 2px solid #fed2cc; } .box6-h2 .block_newsletter form .input-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box6-h2 .block_newsletter form input[type=email] { border: 2px solid #d5dbe6; padding: 17px 15px 15px 20px; } .rtl .box6-h2 .block_newsletter form input[type=email] { padding: 17px 20px 15px 15px; } .box1-h3 { padding-top: 25px; } .box1-h3 .left .ApImage { position: relative; } @media (min-width: 576px) { .box1-h3 .left .top { width: 50%; float: left; padding-right: 10px; } .rtl .box1-h3 .left .top { float: right; } .rtl .box1-h3 .left .top { padding-left: 10px; padding-right: inherit; } } .box1-h3 .left .top .image_description { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); text-align: center; } .box1-h3 .left .top h3 { font-weight: 600; font-size: 30px; } .box1-h3 .left .top p { font-size: 12px; text-transform: uppercase; font-weight: 600; color: #000; letter-spacing: 4px; } @media (min-width: 576px) { .box1-h3 .left .center { width: 50%; display: inline-block; padding-left: 10px; } .rtl .box1-h3 .left .center { padding-right: 10px; padding-left: inherit; } } @media (max-width: 575px) { .box1-h3 .left .center { margin-top: 20px; } } .box1-h3 .left .center.ApImage { position: relative; } .box1-h3 .left .center .image_description { background: #fff; position: absolute; text-align: center; left: 0; right: 0; top: 46%; transform: translateY(-50%); padding: 53px 12px; display: inline-block; margin: 16px 51px; } @media (max-width: 1500px) { .box1-h3 .left .center .image_description { padding: 14px 12px; } } @media (max-width: 1199px) and (min-width: 576px) { .box1-h3 .left .center .image_description { margin: 0px 5px 0 15px; } .rtl .box1-h3 .left .center .image_description { margin: 0px 15px 0 5px; } } .box1-h3 .left .center .image_description h4 { font-size: 18px; font-weight: 600; } .box1-h3 .left .center .image_description h3 { font-size: 30px; font-weight: 700; margin: 0; padding: 20px 0; } .box1-h3 .left .center .image_description p { font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; display: inline-block; border-bottom: 1px solid #000; } .box1-h3 .left .center .image_description p span { letter-spacing: 6px; } .box1-h3 .left .bottom { padding-top: 21px; } @media (max-width: 991px) { .box1-h3 .left .bottom { padding-bottom: 20px; } } .box1-h3 .left .bottom .image_description { position: absolute; text-align: center; right: 10%; top: 50%; transform: translateY(-50%); } .rtl .box1-h3 .left .bottom .image_description { left: 10%; right: auto; } .box1-h3 .left .bottom .image_description h4 { font-weight: 600; font-size: 18px; color: #000; } .box1-h3 .left .bottom .image_description h3 { font-weight: 600; font-size: 40px; margin: 0; padding: 20px 0; } @media (max-width: 575px) { .box1-h3 .left .bottom .image_description h3 { font-size: 29px; padding: 5px 0; } } .box1-h3 .left .bottom .image_description a { padding-bottom: 3px; font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase; border-bottom: 2px dashed #000; display: inline-block; } .box1-h3 .left .bottom .image_description a:hover { border-bottom: 2px solid #be7374; color: #be7374; } @media (min-width: 768px) { .box2-h3 .left .widget-category_image .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .box2-h3 .left .widget-category_image ul li .cate_content { position: relative; display: inline-block; } .box2-h3 .left .widget-category_image ul li .cate_content .wr-text { position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #000; } .box2-h3 .left .widget-category_image ul li .cate_content .wr-text .items { display: none !important; } .box2-h3 .left .widget-category_image ul li .cate-show-all { display: none; } .box2-h3 .left .latest-blogs { background: #fff; border-radius: 10px; margin-top: 25px; text-align: center; } .box2-h3 .left .latest-blogs > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; } @media (max-width: 991px) { .box2-h3 .left .latest-blogs > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box2-h3 .left .latest-blogs > .title_block { font-size: 40px; } } .box2-h3 .left .latest-blogs .blog-title a { font-size: 20px; font-weight: 600; padding: 0 10px; } .box2-h3 .left .latest-blogs .block_content { padding: 0 25px; } .box2-h3 .left .latest-blogs .right-block .blog-readmore { display: none; } .box2-h3 .left .latest-blogs .right-block .box-inside-blog-meta .date { font-size: 16px; font-weight: 600; } .box2-h3 .left .latest-blogs .right-block .box-inside-blog-meta .author { font-size: 16px; font-weight: 600; } @media (max-width: 1199px) { .box2-h3 .right { padding-top: 20px; } } .box2-h3 .right .widget-category_image { background: #fff; border-radius: 10px; } @media (min-width: 768px) { .box2-h3 .right .widget-category_image { padding: 0 45px 30px 45px; } } .box2-h3 .right .widget-category_image > .title_block { font-family: "Sacramento", cursive; font-size: 60px; border-bottom: 3px dotted #d5dbe6; padding-bottom: 27px; margin-bottom: 40px; text-align: center; display: block; padding-top: 50px; } @media (max-width: 991px) { .box2-h3 .right .widget-category_image > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box2-h3 .right .widget-category_image > .title_block { font-size: 40px; } } .box2-h3 .right .widget-category_image .block_content { display: inline-block; } @media (max-width: 1199px) and (min-width: 992px) { .box2-h3 .right .widget-category_image .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .box2-h3 .right .widget-category_image ul { margin-bottom: 0; } @media (max-width: 991px) { .box2-h3 .right .widget-category_image ul { float: left; width: 50%; } } @media (max-width: 767px) { .box2-h3 .right .widget-category_image ul { padding: 0 10px; text-align: center; } } @media (min-width: 768px) { .box2-h3 .right .widget-category_image ul li .cate_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media (min-width: 768px) { .box2-h3 .right .widget-category_image ul li .cate_content .cover-img { width: 100px; padding-right: 20px; } .rtl .box2-h3 .right .widget-category_image ul li .cate_content .cover-img { padding-left: 20px; padding-right: inherit; } } .box2-h3 .right .widget-category_image ul li .cate_content .leo-qty { color: #a9b1c0; font-weight: 600; font-size: 16px; display: block; margin-top: 8px; } .box2-h3 .right .widget-category_image ul li a { text-transform: capitalize; font-size: 20px; } .box2-h3 .right .widget-category_image ul li .cate-show-all { display: none; } .box2-h3 .right .ApProductCarousel { background: #fff; border-radius: 10px; } .box2-h3 .right .ApProductCarousel > .title_block { font-family: "Sacramento", cursive; font-size: 60px; border-bottom: 3px dotted #d5dbe6; padding-bottom: 27px; text-align: center; display: block; padding-top: 50px; margin: 0 50px 40px 50px; } @media (max-width: 991px) { .box2-h3 .right .ApProductCarousel > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box2-h3 .right .ApProductCarousel > .title_block { font-size: 40px; } } .box2-h3 .right .ApProductCarousel .leo-more-cdown { text-align: center; 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; padding-top: 35px; } .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li { float: left; } .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li:after { content: ":"; font-size: 14px; padding-right: 10px; } .rtl .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li:after { padding-left: 10px; padding-right: inherit; } .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li b { font-size: 18px; font-weight: 600; color: #000; border: 2px solid #ebebeb; border-radius: 10px; padding: 11px 9px; margin-right: 10px; } .rtl .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li b { margin-left: 10px; margin-right: inherit; } .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li span { display: none; } .box2-h3 .right .ApProductCarousel .leo-more-cdown ul li:last-child:after { display: none; } .box1-h4 { padding: 10px 0 20px 0; } @media (max-width: 991px) { .box1-h4 { position: relative; padding-top: 60px; } } @media (min-width: 992px) { .box1-h4 .center .ApMegamenu { display: inline-block; width: 100%; } } @media (max-width: 991px) { .box1-h4 .center { position: static; } } @media (min-width: 1200px) and (max-width: 1500px) { .box1-h4 .center .leo-megamenu .navbar-nav > li > a > span { padding: 9px 13px; } } .box1-h4 .center #leo_search_block_top .form-control { font-size: 16px; font-weight: 600; color: #a9b1c0; } .box1-h4 .center #leo_search_block_top .sea-box i { font-size: 20px; } @media (min-width: 992px) { .box1-h4 .center .leo-top-menu { border-top: 3px dotted #d5dbe6; padding-top: 20px; } } .box1-h4 .center .ApBlockLink { float: left; padding: 15px 0; margin-right: 20px; } .rtl .box1-h4 .center .ApBlockLink { margin-left: 20px; margin-right: inherit; } .box1-h4 .center .ApBlockLink ul li { float: left; padding: 0 15px; } .box1-h4 .center .ApBlockLink ul li a { font-weight: 600; font-size: 16px; color: #a9b1c0; } @media (max-width: 1199px) { .box1-h4 .center .ApBlockLink { display: none; } } .box1-h4 .center .language-selector-wrapper, .box1-h4 .center .currency-selector, .box1-h4 .center .userinfo-selector { float: left; margin-right: 15px; } .rtl .box1-h4 .center .language-selector-wrapper, .rtl .box1-h4 .center .currency-selector, .rtl .box1-h4 .center .userinfo-selector { float: right; } .rtl .box1-h4 .center .language-selector-wrapper, .rtl .box1-h4 .center .currency-selector, .rtl .box1-h4 .center .userinfo-selector { margin-left: 15px; margin-right: inherit; } .box1-h4 .center .userinfo-selector { padding: 12px 0; margin-right: 10px; } .rtl .box1-h4 .center .userinfo-selector { margin-left: 10px; margin-right: inherit; } @media (max-width: 1199px) { .box1-h4 .center .userinfo-selector { margin-right: 35px; } .rtl .box1-h4 .center .userinfo-selector { margin-left: 35px; margin-right: inherit; } } .box1-h4 .center .userinfo-selector a { color: #000; font-size: 16px; font-weight: 600; } .box1-h4 .center .userinfo-selector a:hover { color: #be7374; } .box1-h4 .center .userinfo-selector a.signin:after { content: "/"; } .box1-h4 .center .userinfo-selector ul.nav_title_info { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; margin-bottom: 0; } .box1-h4 .right { position: relative; } @media (min-width: 992px) { .box1-h4 .right #_desktop_cart { padding: 38px 0; } } @media (min-width: 992px) { .box1-h4 .right { 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 (min-width: 1500px) { .box1-h4 .right:before { position: absolute; content: ""; height: 80px; left: 17px; border-left: 3px dotted #d5dbe6; top: 20px; } .rtl .box1-h4 .right:before { right: 17px; left: auto; } } .box2-h4 { padding-top: 24px; } .box3-h4 .ApColumn { padding: 0 12px; } .box3-h4 .widget-category_image { padding-bottom: 0; } @media (max-width: 575px) { .box3-h4 .widget-category_image { text-align: center; } } .box3-h4 .widget-category_image .cover-img { margin-bottom: 5px; } .box3-h4 .widget-category_image ul li a.cate-show-all { display: none; } .box3-h4 .widget-category_image .cate_content { display: inline-block; position: relative; } .box3-h4 .widget-category_image .cate_content .wr-text { position: absolute; bottom: 20%; text-align: center; left: 50%; transform: translateX(-50%); } .box3-h4 .widget-category_image .cate_content .wr-text .cate-name { display: block; text-decoration: underline; color: #fff; padding-bottom: 13px; } .box3-h4 .widget-category_image .cate_content .wr-text .items { color: #fff; text-transform: lowercase; font-size: 16px; font-style: italic; } .box4-h4 { text-align: center; background: #fff; width: 100%; display: inline-block; border-radius: 10px; margin: 0; } .box4-h4 .tabs-top > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; padding-bottom: 25px; } @media (max-width: 991px) { .box4-h4 .tabs-top > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box4-h4 .tabs-top > .title_block { font-size: 40px; } } .box4-h4 .nav-tabs { 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; } .box4-h4 .nav-tabs .nav-item a { border: none; font-size: 16px; } .box4-h4 .nav-tabs .nav-item a.active { color: #000; text-decoration: underline; } .box5-h4 { margin: 0; } .box5-h4 .left { background: #fff; border-radius: 10px; margin-top: 24px; padding-top: 50px; } .box5-h4 .left .box5-h4-text { text-align: center; } .box5-h4 .left .box5-h4-text h4 { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; } @media (min-width: 1200px) { .box5-h4 .left .box5-h4-text h4 { padding-bottom: 25px; } } @media (max-width: 991px) { .box5-h4 .left .box5-h4-text h4 { font-size: 50px; } } @media (max-width: 767px) { .box5-h4 .left .box5-h4-text h4 { font-size: 40px; } } .box5-h4 .left .top { position: relative; } @media (max-width: 575px) { .box5-h4 .left .top img { width: 100% !important; } } .box5-h4 .left .top .image_description { position: absolute; top: 15%; right: 7%; } .rtl .box5-h4 .left .top .image_description { left: 7%; right: auto; } @media (min-width: 992px) { .box5-h4 .left .top .image_description { width: 40%; } } @media (max-width: 991px) { .box5-h4 .left .top .image_description { position: static; } } .box5-h4 .left .top .image_description h4 { font-weight: 700; font-size: 20px; color: #000; line-height: 30px; } .box5-h4 .left .top .image_description h3 { color: #a9b1c0; font-weight: 600; font-size: 18px; line-height: 30px; } .box5-h4 .left .top .image_description a { font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 2px; font-weight: 700; border-bottom: 2px dashed #fed2cc; display: inline-block; padding-top: 15px; } .box5-h4 .left .top .image_description a:hover { color: #be7374; } .box5-h4 .left .bottom { float: left; padding-top: 70px; } @media (min-width: 1500px) { .box5-h4 .left .bottom { padding-left: 100px; } .rtl .box5-h4 .left .bottom { padding-right: 100px; padding-left: inherit; } } @media (min-width: 992px) { .box5-h4 .left .bottom { width: 40%; } } @media (max-width: 991px) { .box5-h4 .left .bottom { width: 100%; } } .box5-h4 .left .bottom img { width: 36px; } .box5-h4 .left .bottom .block-carousel-image-container .descript { color: #000; text-align: left; font-weight: 600; font-style: italic; } .rtl .box5-h4 .left .bottom .block-carousel-image-container .descript { text-align: right; } .box5-h4 .left .bottom .block-carousel-image-container .title { color: #a9b1c0; font-weight: 600; font-size: 16px; text-transform: capitalize; order: 1; text-align: left; } .rtl .box5-h4 .left .bottom .block-carousel-image-container .title { text-align: right; } .box5-h4 .left .bottom .owl-theme .owl-controls .owl-pagination { text-align: left; padding-left: 10px; } .rtl .box5-h4 .left .bottom .owl-theme .owl-controls .owl-pagination { text-align: right; } .rtl .box5-h4 .left .bottom .owl-theme .owl-controls .owl-pagination { padding-right: 10px; padding-left: inherit; } .box5-h4 .left .bottom2 { text-align: right; padding-bottom: 100px; } .rtl .box5-h4 .left .bottom2 { text-align: left; } @media (max-width: 1500px) { .box5-h4 .left .bottom2 { float: left; width: 45%; } } @media (max-width: 991px) { .box5-h4 .left .bottom2 { width: 100%; } } @media (max-width: 575px) { .box5-h4 .left .bottom2 img { width: 100% !important; } } @media (min-width: 1200px) { .box5-h4 .right { padding-left: 24px; padding-right: 0; } .rtl .box5-h4 .right { padding-right: 24px; padding-left: inherit; } .rtl .box5-h4 .right { padding-left: 0; padding-right: inherit; } } .box5-h4 .right .box1-2-h1 { position: relative; padding-top: 25px; } @media (min-width: 768px) { .box5-h4 .right .box1-2-h1 { width: 100%; float: left; } } .box6-h4 { margin-top: 24px; border-radius: 10px; } @media (min-width: 1200px) { .box6-h4 { padding: 35px 0; margin: 24px 0; } } @media (min-width: 768px) { .box2-h5 .ApColumn { padding: 0; } } .box2-h5 .left .image_description { position: absolute; text-align: center; left: 0; right: 0; top: 14%; } .box2-h5 .left .image_description p { color: #000; font-weight: 600; font-size: 18px; } .box2-h5 .left .image_description p a { font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 2px; font-weight: 700; border-bottom: 2px dashed #000; display: inline-block; padding-top: 15px; } .box2-h5 .left .image_description p a:hover { color: #be7374; border-bottom: 2px dashed #be7374; } .box2-h5 .left .image_description h3 { color: #000; font-weight: 600; font-size: 40px; } @media (max-width: 991px) { .box2-h5 .left .image_description h3 { font-size: 24px; } } @media (max-width: 767px) { .box2-h5 .center { padding: 15px; } } .box2-h5 .right .image_description { position: absolute; text-align: center; left: 0; right: 0; bottom: 14%; } .box2-h5 .right .image_description p { color: #000; font-weight: 600; font-size: 18px; } .box2-h5 .right .image_description p a { font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 2px; font-weight: 700; border-bottom: 2px dashed #000; display: inline-block; padding-top: 15px; } .box2-h5 .right .image_description p a:hover { color: #be7374; } .box2-h5 .right .image_description h3 { color: #000; font-weight: 600; font-size: 40px; } .box3-h5 { text-align: center; } .box3-h5 .ApColumn > .title_block { font-family: "Sacramento", cursive; font-size: 60px; display: inline-block; border-bottom: 3px dotted #d5dbe6; margin: 50px 0; } @media (max-width: 991px) { .box3-h5 .ApColumn > .title_block { font-size: 50px; } } @media (max-width: 767px) { .box3-h5 .ApColumn > .title_block { font-size: 40px; } } .box3-h5 .ApCountdown ul { display: inline-block; background: #fed2cc; padding: 0px 40px; border-radius: 38px; height: 64px; line-height: 64px; } @media (max-width: 480px) { .box3-h5 .ApCountdown ul { padding: 0px 15px; } } .box3-h5 .ApCountdown ul li { float: left; color: #be7374; font-weight: 700; font-size: 30px; padding-right: 10px; } .rtl .box3-h5 .ApCountdown ul li { padding-left: 10px; padding-right: inherit; } @media (max-width: 480px) { .box3-h5 .ApCountdown ul li { font-size: 20px; } } .box3-h5 .ApCountdown ul li:after { content: ":"; font-size: 14px; padding-left: 10px; } .rtl .box3-h5 .ApCountdown ul li:after { padding-right: 10px; padding-left: inherit; } .box3-h5 .ApCountdown ul li:last-child { padding-right: 0px; } .rtl .box3-h5 .ApCountdown ul li:last-child { padding-left: 0px; padding-right: inherit; } .box3-h5 .ApCountdown ul li:last-child:after { content: ""; } .box3-h5 .ApCountdown ul li span { text-transform: uppercase; font-size: 14px; } @media (min-width: 1200px) { .box4-h5 { padding-top: 50px; } } @media (min-width: 992px) { .box4-h5 .ApColumn { padding: 0 12px; } } @media (max-width: 767px) { .box4-h5 .ApColumn { padding-bottom: 15px; } } .box4-h5 .image_description { position: absolute; text-align: center; } .box4-h5 .image_description p { font-weight: 600; font-size: 18px; color: #000; } .box4-h5 .image_description p a { font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 2px; font-weight: 700; border-bottom: 2px dashed #000; display: inline-block; padding-top: 15px; } .box4-h5 .image_description p a:hover { color: #be7374; } .box4-h5 .image_description h3 { font-weight: 600; font-size: 40px; color: #000; } @media (max-width: 1199px) { .box4-h5 .image_description h3 { font-size: 30px; } } .box4-h5 .left .image_description { right: 20%; top: 50%; transform: translateY(-50%); } .rtl .box4-h5 .left .image_description { left: 20%; right: auto; } .box4-h5 .center .image_description { left: 0; right: 0; top: 14%; } .box4-h5 .right .image_description { left: 12%; top: 50%; transform: translateY(-50%); } .rtl .box4-h5 .right .image_description { right: 12%; left: auto; } .leo-quicklogin-form .form-control-submit { background: #be7374; } /*# sourceMappingURL=styles.css.map */ @media (max-width: 991px){ .box1-h4 { position: relative; padding: 0; } .box1-h4 .center { position: static; float: none; width: auto; display: flex; gap: 10px; } .box1-h4 .center .language-selector-wrapper, .box1-h4 .center .currency-selector, .box1-h4 .center .userinfo-selector { margin-right: 0; } .box1-h4 .center .userinfo-selector { flex: 1; } .box1-h1-x { margin-bottom: 20px; min-height: unset; } } @media (max-width: 767px) { .header_logo { padding: 10px 0; } .header_logo img { height: 77px; } .box1-h1-x .right { position: absolute; right: 0; top: auto; bottom: -25px; } }