/*************************************************** 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 */ /***********************************************************************/ /*Displaytop*/ .box-dptop { background-color: #ffffff; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #e0e0e0; padding: 0px 0px 0px 0px; } @media (min-width: 768px) { .box-dptop { 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: 1499px) and (min-width: 992px) { .box-dptop { display: block; margin: 0; } } @media (max-width: 1199px) { .box-dptop { position: relative; } } @media (max-width: 767px) { .box-dptop { padding: 15px; margin: 0; } } @media (min-width: 768px) { .box-dptop .ApColumn { 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: 1499px) and (min-width: 992px) { .box-dptop .ApColumn { display: block; } } @media (max-width: 1499px) and (min-width: 992px) { .box-dptop .ApColumn:nth-child(1) { padding: 25px 0px 0px 0px; text-align: center; width: 100%; } .rtl .box-dptop .ApColumn:nth-child(1) { padding: 25px 0px 0px 0px; } } @media (max-width: 767px) { .box-dptop .ApColumn:nth-child(1) { text-align: center; } } .box-dptop .ApColumn:nth-child(2) { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #e0e0e0; padding: 25px 30px 25px 30px; } @media (max-width: 1499px) and (min-width: 992px) { .box-dptop .ApColumn:nth-child(2) { padding: 25px 30px 0px 30px; width: 70%; border: none; } } @media (max-width: 1199px) and (min-width: 992px) { .box-dptop .ApColumn:nth-child(2) { position: static; } } @media (max-width: 991px) { .box-dptop .ApColumn:nth-child(2) { border: none; order: -1; position: static; } } @media (max-width: 767px) { .box-dptop .ApColumn:nth-child(2) { padding: 0; } } @media (max-width: 1499px) and (min-width: 992px) { .box-dptop .ApColumn:nth-child(3) { width: 30%; padding-top: 25px; } } @media (max-width: 767px) { .box-dptop .ApColumn:nth-child(3) { padding-top: 9px; } } /* service */ @media (min-width: 1200px) { .box-servicesgp .sv-col { min-height: 150px; -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: 768px) { .box-servicesgp .sv-col { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media (max-width: 1199px) { .box-servicesgp .sv-col:nth-child(1), .box-servicesgp .sv-col:nth-child(2) { padding-top: 50px; padding-bottom: 30px; } .box-servicesgp .sv-col:nth-child(3), .box-servicesgp .sv-col:nth-child(4) { padding-bottom: 50px; } } @media (max-width: 767px) { .box-servicesgp .sv-col { text-align: center; } .box-servicesgp .sv-col:nth-child(1) { padding-top: 30px; } .box-servicesgp .sv-col:nth-child(2) { padding-top: 0px; } .box-servicesgp .sv-col:nth-child(3), .box-servicesgp .sv-col:nth-child(4) { padding-bottom: 30px; } } .box-servicesgp .sv-col .main-icon { font-size: 65px; color: #e33d3d; } @media (max-width: 767px) { .box-servicesgp .sv-col .main-icon { margin-bottom: 10px; display: inline-block; } } .box-servicesgp .sv-col .sv-text { padding-left: 25px; } .rtl .box-servicesgp .sv-col .sv-text { padding-right: 25px; padding-left: inherit; } .box-servicesgp .sv-col .sv-text h3 { font-size: 22px; color: #00012f; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; } .box-servicesgp .sv-col .sv-text p { margin-bottom: 0; } /* Title Block */ .ApColumn .title_block { color: #002a3d; padding-bottom: 30px; position: relative; text-transform: uppercase; font-size: 31px; font-weight: 500; text-align: center; margin: 0; font-style: italic;} @media (max-width: 991px) { .ApColumn .title_block { font-size: 24px; } } .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; } @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; } .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 #eaeaea; } .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: #eaeaea; border-bottom-color: transparent; } .tabs-below .nav-tabs > li > a:hover.active, .tabs-below .nav-tabs > li > a:focus.active { background: transparent; } .tabs-below .nav-tabs > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus { border-color: transparent #eaeaea #eaeaea #eaeaea; background: transparent; } .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 #eaeaea; } .rtl .tabs-left .nav-tabs { float: right; } .rtl .tabs-left .nav-tabs { border-left: 1px solid #eaeaea; 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 #eaeaea #eeeeee #eeeeee; } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus { border-color: #eaeaea transparent #eaeaea #eaeaea; *border-right-color: #FFFFFF; } .tabs-right .nav-tabs { float: right; border-left: 1px solid #eaeaea; } .rtl .tabs-right .nav-tabs { float: left; } .rtl .tabs-right .nav-tabs { border-right: 1px solid #eaeaea; 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 #eaeaea; } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus { border-color: #eaeaea #eaeaea #eaeaea 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 #6dce01; } .widget-tabs li.active a { color: #6dce01; } .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: #6dce01; 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; margin-bottom: 40px; } @media (max-width: 991px) { .nav-tabs { margin-bottom: 15px; } } .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; 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; } @media (max-width: 991px) { .ApTabs .tab-content > .tab-pane { pointer-events: none; } } .ApTabs .tab-content > .tab-pane.active { position: static; visibility: visible; opacity: 1; filter: alpha(opacity=100); } @media (max-width: 991px) { .ApTabs .tab-content > .tab-pane.active { pointer-events: inherit; } } /** * 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: #6dce01; } .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; filter: alpha(opacity=0); } .ap_image .has-animation.animated { opacity: 1; filter: alpha(opacity=100); } /** * End for module ap_image */ /** * End for module ApFullSlider */ .full-slider .carousel-inner { position: relative; overflow: hidden; width: 100%; height: 100%; background: transparent; } .full-slider .carousel-inner .item { width: 100%; height: 100%; } .full-slider .content-slider { position: absolute; top: 35%; color: #FFFFFF; left: 0; right: 0; text-align: center; } .full-slider .content-slider h3 { font-size: 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 #eaeaea; } .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 #eaeaea; -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 #6dce01; -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 */ .manufacturers_block .block_content { padding: 64px 0; } @media (max-width: 575px) { .manufacturers_block .block_content { padding: 35px 0; } } .manufacturers_block img { margin: 0; } .manufacturers_block .item { text-align: center; } @media (min-width: 992px) { .manufacturers_block .owl-carousel .owl-item { opacity: 0.5; transition: all .5s ease-out; padding: 0 10px 0 0; } .manufacturers_block .owl-carousel .owl-item:hover { opacity: 1; } } /* Widget Category Image */ .widget-category_image .cover-img { padding-right: 1.25rem; } .rtl .widget-category_image .cover-img { padding-left: 1.25rem; padding-right: inherit; } .widget-category_image .cover-img img { width: 226px; height: 226px; } .widget-category_image .cate_content:hover label { color: #3276b1; cursor: pointer; } .box-category { display: flex; flex-direction: column; align-items: center; margin: 6.25rem 0; } @media (max-width: 991px) { .box-category { margin: 40px 0; } } .box-category .list-category { text-align: center; } .box-category .list-category .title_block { margin-bottom: 50px; } @media (max-width: 991px) { .box-category .list-category .title_block { margin-bottom: 10px; } } ul.level0 { max-width: 226px; display: inline-block; margin: 0 15px; } ul.level0 li { transition: all ease .5s; webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; } @media (max-width: 1325px) { ul.level0 li { padding: 10px 0; } } ul.level0 li:hover span { letter-spacing: 2px; color: #6dce01; } ul.level0 li span { font-size: 16px; text-transform: uppercase; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } /* Widget Lastest blogs */ .latest-blogs { border-bottom: 1px solid #ececec; } .latest-blogs .right-block { text-align: left; } .rtl .latest-blogs .right-block { text-align: right; } .latest-blogs .blog-image-container { overflow: hidden; position: relative; margin-bottom: 0.9375rem; } .latest-blogs .blog-title { text-transform: uppercase; font-size: 24px; line-height: 25px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 991px) { .latest-blogs .blog-title { font-size: 18px; } } .latest-blogs .blog-desc { padding: 20px 0 40px; margin: 0; line-height: 20px; font-size: 16px; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 991px) { .latest-blogs .blog-desc { font-size: 14px; } } .latest-blogs .blog-info p { margin: 0; } .latest-blogs .blog-info p a { font-size: 13px; border-radius: 35px; border: 1px solid #cccccc; background: #FFFFFF; color: #333333; font-weight: 500; text-transform: capitalize; padding: 0 30px; height: 40px; line-height: 40px; -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; } .latest-blogs .blog-info p a:hover { background: #6dce01; color: #FFFFFF; border: 1px solid #6dce01; } /* Multi Image Product List */ .leo-more-info { background-color: #FFFFFF; position: absolute; z-index: 4000; top: 0; width: 0; min-height: 100%; overflow: hidden; right: 0px; float: left; text-align: left; -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; filter: alpha(opacity=0); } .rtl .leo-more-info { left: 0px; right: auto; } .rtl .leo-more-info { float: right; } .rtl .leo-more-info { text-align: right; } .leo-more-info .thumbs_list { margin: auto; overflow: hidden; width: 80px; height: 240px; } .leo-more-info .thumbs_list ul.thumbs_list_frame { margin-bottom: 0px; list-style-type: none; padding-left: 0; } .rtl .leo-more-info .thumbs_list ul.thumbs_list_frame { padding-right: 0; padding-left: inherit; } .leo-more-info .thumbs_list li { cursor: pointer; width: 80px; height: 80px; } .leo-more-info .thumbs_list li a { display: block; text-align: center; } .leo-more-info .thumbs_list li .leo-hover-image { max-width: 100%; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { position: absolute; width: 15px; margin: auto; left: 0px; right: 0px; } .leo-more-info .view_scroll_right { bottom: 0px; margin-bottom: 0.3125rem; } .leo-more-info .view_scroll_left { margin-top: 0.3125rem; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /* Instagram Block */ .instagram-block .owl-item { padding-left: 0.3125rem; padding-right: 0.3125rem; } .instagram-block a { display: inline-block; overflow: hidden; position: relative; } .instagram-block a img { width: 118px; max-width: 100%; } .instagram-block .link-instagram { display: none; } .instagram-block .link-instagram a { margin: 0.625rem 0 0; } #instafeed { margin: -0.3125rem; } .top-header { height: 80px; position: relative; } .header-right { position: relative; height: 80px; padding: 0; right: 20px; } .rtl .header-right { left: 20px; right: auto; } @media (max-width: 991px) { .header-right { position: absolute; } } @media (max-width: 767px) { .header-right { display: flex; flex-direction: row-reverse; top: 0; float: right; right: 10px; } .rtl .header-right { float: left; } .rtl .header-right { left: 10px; right: auto; } } @media (max-width: 575px) { .header-right { margin-bottom: 1.25rem; } } .header-right .userinfo-selector { position: relative; padding: 32px 15px; padding-left: 0; } @media (max-width: 1199px) { .header-right .userinfo-selector { padding: 31px 10px 31px 0; } } @media (min-width: 992px) and (max-width: 1024px) { .header-right .userinfo-selector { position: absolute; } } @media (max-width: 991px) { .header-right .userinfo-selector { display: none; } } .btn-menu { position: absolute; top: -50px; } button.btn-menu-top { position: absolute; padding: 31.5px 0; left: 20px; border: none; font-size: 16px; background: none; color: #FFFFFF; z-index: 100; cursor: pointer; text-transform: uppercase; } .rtl button.btn-menu-top { right: 20px; left: auto; } button.btn-menu-top:before { content: "\f0c9"; display: inline-block; font-size: 16px; color: #FFF; font-family: "FontAwesome"; padding: 0 13px 0 5px; } .rtl button.btn-menu-top:before { padding: 0 5px 0 13px; } @media (max-width: 991px) { button.btn-menu-top span { display: none; } } span.hidden-sm-down { display: none; } @media (min-width: 992px) { .overlay-sidebar-menu { position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; bottom: 0; right: 0; z-index: 999; pointer-events: none; } .show-overlay { visibility: visible; opacity: 1; pointer-events: none; } } .header-center { text-align: center; line-height: 80px; } .header-logo { text-align: center; position: relative; z-index: 89; line-height: 79px; max-height: 80px; } .icon-name { border: 1px solid #6dce01; border-radius: 50%; width: 50px; height: 50px; float: left; display: flex; margin-top: 10px; transition: all ease 1s; webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .rtl .icon-name { float: right; } .icon-name .icon-name-truck, .icon-name .icon-name-setting, .icon-name .icon-name-shield, .icon-name .icon-name-support { height: 32px; width: 32px; margin: auto; margin: 8px; } .icon-name .icon-name-truck { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEUAAABszwBuzQJtzgBtzgFtzgFtzgFtzQFtzgFgvwCA/wBuzQBtzwBtzgFszgKAvwBtzgFszwBtzQFtzgFszwBszQBtzgFtzgJtzgJtzgBvzQBxywBtzgFuzwBtzgFtzgJszgJtzgFtzgFtzgFtzABszABuzQJtzgFtzgFtzgBryQBszgBtzgFtzgFtzgFtzgFtzgFtzgFtzgJuzgJuzgFuzgJq1QBtzgBtzgJuzgBtzgBuzwJtyABtzgFszgFtzQFszwAA/wBszwBtzgFvzABx0ABszwJzzABtzwBtzgFtzgBtzQJtzgFszgBtzgJtzwBtzgBtzgFtzgFtzQFszwBuzQBtzwF00QBtzgFqzQBvzwBx1QBtzgFtzwBtzgFtzgKA1QBxxgBtzQJtzgFuzgBszwBtzgBwzwBu0ABuzwBtzgEAAAAeLwW/AAAAanRSTlMAUIBE/tLA2OYIAkhg6pIE7kC+slp26KiYbi4i8F+2m6fiuOAjLZDL+HcTSbHp7LD8+o2crIcMaaFDFYkOv7WvVQF/9DwbmRRLyXOf92OBZT/R7/JvUcML+SQ1Eut6yp0GCaTEXTsvEEFPOs98LQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiCgEEBRriSMoOAAABHklEQVQ4y2NgGBaAkQkTMCMrYGFlQwfsHJwgwAVRkMWNYShPFhjw8vHjUiAgKCgkLCjCIYpLgRgDg7gEA4MkBwEFUlnS+BVwycjiV8AgJ49bgYKikpKSsqIKTgWqaiCgrqGJSwEYaGnrsDBk6SqjAz2YAn0DwyyGLCMedGAMU8BmYpoFssLMnM3CkoHBytpGUAIEbMUY+EXs7B0cnWScwQrk9Yx0DFwYXN3cPcRBwFOMwctZwtvHl4GBG6jAz58lgIHBO5ARDviCHIKBkiG8oYx+WQxhGoaG4QwM/lkaSCAiK5KBIQokFAZ0SnRMLFd0XDyyR/kD5RMSk5IdodwUDUUfZSuUoEgN5hUQSINz03kyuNACi9MhM4GIBDtUAACfwjOwgwMkHAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0wMVQwNDowNToyNiswMjowMKVZiAYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMDFUMDQ6MDU6MjYrMDI6MDDUBDC6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat; } .icon-name .icon-name-setting { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAABtzgFp0gBtzgFtzgFrzABtzgFvzABtzQBszwFtzgFtzgFuzQJszQJtzQJuzgFtzgFtzgFtzgFwzwBuzgJv0QBtzgFtzgJs0QBx1QBrzwBqygBtzgJtzgFtzgBtzgFtzgFtzQFtzQJtzgJtzgFtzgBgvwBszgFu0QBtzgFtzgFtzgFtzgFszQBtzgFszgJtzgJszgBtzQCA/wBmzABxxgBtzwJtzgFuzQJx0ABszgBuzwFtzgFtzgEA/wBt0QBzzABtzgFryQBtzgFtzgFtzgFszwBtzgFtzQFtzgEAAAAGE1iHAAAASXRSTlMA6xH44DLRPDiu7vyAi4Ws9P64MIcnxoghEkUdodxi8frOmqb5fAjWLNLwx+VxsaCMfU0CBQmP6ZUbU7P32QEcFPMTysTeWv25kL5bBQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiCgEEBgQzaqSuAAABZklEQVQ4y4VT2XaCQAyNgKAgIKjgRlkERbtr931v7///UGdAPXJqz+RhkkwuJLmTEO1IDYXU6B+RICtMZEh/Y3VVI2qgye0mGkSaWq/EdRgtU4fFHQu62TKg1ytxuw04bod7HdcB2vYOgsW71PP8/uai73s96m4RRXwtg+FwsLG3CBV2eTMaB7zLYDwqfRtqoTWj3eP6IEQUJ0kcITzgfq9taCWyBY+dE6TZlLvTLMWEaQ+tdTITPvses5zZ8zk78hnYP3yYJX8N3enTKEx5nBYLfuZpOKK+ozekkn+XaIyMl3kIHB0zI8OYyC3eBXLTYvwEEc9/gtMz5ZzXEQWMMaspg6AU/SPmKsBydXHJrRgFH8oGMETC1RVwfXPLrQTDfQC6u3/A49MewDrF8pleXvFWTbFTpBQa7x/4rBa52+bqy/12fvJqm0KixFSLH0v43MKBEY6ccGjFYy9eHPHqiZe3lH3r/wuyd0Y7PWbAVwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0wMVQwNDowNjowNCswMjowMJvUJVEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMDFUMDQ6MDY6MDQrMDI6MDDqiZ3tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat; } .icon-name .icon-name-shield { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABoVBMVEUAAAAA/wBtzQBtzgFuzwBtzgFtzgFtzQBtzgFuzwFrzABt0ABwzABszwBtzQFtzgFvzwBp0gBuzwBtzgFtzgFtzgFtzQJvzABtzgJtzgFwzQBtzgFtzgFtzgFuzgBmzAB00QBuzgBgvwBtzgBtzQFtzgFuzQBx1QBtzgBszQJuzgJqygBtzgBtzwBtzgJszQBtzQFtzgFtzgFtzgBtzgFtzwBvzQBtzgFtzgBtzgGA/wBtzgJtzwBszgBtzQBzzABtzgJszwBtzgFszgBtzgFszQBtzgFtzQFu0ABuzQJuzwBtzgFszwFtzwJszQBv0wBr0ABszQBqzQBuzwBtzgFtzgFwzwBszwJuzQBtzgJuzwJtzgBtzgFtzwBszQBtzgFszgJtzgJszwBtzgJu0QBvzABtzgBuzQJszgFtzQKAvwBszwBtzQBwzwBo0QBtzgBtzgFtzQFtzgFxywBtzgFszgBtzgFtzgFwzwBtzgJuzgFtzgJmzABuzgBt2wBtzgFtzgFs0QBr0ABtzgFxxgBtzgFtzQJszgBuzwBtzgEAAACBfau5AAAAiXRSTlMAAVLMT9CwTc2zMjEZb862NRFkvf30pDed8Cmy+fpYCgtdCFSv4mYSL4uXHX5lqFzT4fU/+GAu8VmrApZbTnAUm1r8fdth175BlV/3rpRCFytXJDrA4CCZVpOJFdJ6R/uSiFWRLDxekMGFBFA9MBZi/rTUIuZj78QQgayNBW0H88khJtEJ6YoadMoD0ucAAAABYktHRACIBR1IAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4goBBAQzueFjIwAAAeBJREFUOMtjYEAGjEzMzEyMDDgBC2snG1snKwsOaXaOTk4uBgZutk4OdkxZHl6+Tn4BCBuohI+XB1lWUEhYRFRMHCHALSEpIiwkCOVJScvISsvJMygoIulRUlaRkZGWArPFVNXUGTQ0tbR1UG0V1FUVAzP02Bj0DToNeTEdxqYHU2DEb4zN9wgFJqZofjJDU2BugRKemrKdlqgKNKyQ5a1l5Gw6pVAUMKDK2zLYmdgjFDgIY8g7OmmC2MIOYCFnFxDp6ubuAZO3cPIEe8rFGazAywTIU/d28AFKgeXlnHwhhkE959fpz8AQ0GnL6CDDApIPhMoz+Hf6gemgzmAgGRIaxhjeCZSPcIqEOie4MwhikmoUkIyOAaqIjWOIiE+AuTdKFRq8iYaMUBUMDEnxyXD/GCZCWSmdqQwQFSlp8elwD6d2psCYrJBojc7olMmECgVkMYixwtVmd+ZAGLl5UJH8grCczmxE8BUWZaEEt7hJZlZRIZJAsXcmsnxACb9VpncxslBpZz6CY1xWXpHfWYqaRCrjmeBstyolpvhKBjSQXFBdA2bUmobVVRckM2AAi/qGMBDdqB3WUG/BgAU0NZelAQ2pSStrbmLAClrCRVrb2lpFwlsYcIH2jubmjnYUIQAodlxQNmQmfQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0wMVQwNDowNDo1MSswMjowMIX51K8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMDFUMDQ6MDQ6NTErMDI6MDD0pGwTAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat; } .icon-name .icon-name-support { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAByFBMVEUAAABtzABtzgBtzgFtzgEA/wBtzQBtzgFtzwJszwBszABszwFtzgFu0QBszgBtzQJszwFtzgFuzwBuzgFtzgFtzwBuzQBtzwBtzgJtzgFv0QBtzgFt0ABtzgFtzgJ00QBxxgBq1QB22ABszgBuzwJtzgJtzgGA/wBszgBszgFtyABtzgFtzgBtzQFtzwBtzgFs0QBtzgFtzwJwzwCAvwBtzgFtzgFtzgFtzgBtzQFtzgFuzgBtzgFtzgJtzgFtzgFtzgFszQBtzgFtzgFszgFtzgFVqgBtzgFr0ABszgBtzgJtzQBtzgBtzwFtzQFr0ABtzgJgvwBtzgFszgBtzwJuzwBtzgFszgFszwJtzgJszQBzzABmzABszgBtzgFwzwBtzwBtzgFtzgJtzgBszwFuzgBszQBtzgBqygBtzQFxywBtzgJtzQJszwBszgBuzwJtzQFszQBx1QBuzwBtzgFtzgFtzgJuzQBuzQBtzgFuzgJszgJtzgFtzgFszgBtzgGA1QBwzABt2wBt0ABmzABtzgFrzgBtzgFszwBtzgJtzgBtzgBtzwBszgFtzgFmzABtzgFszQJtzQFszgBvzQBtzgFtzgEAAADAFfPKAAAAlnRSTlMAI36y5gFs75RaKK7JLE6ayNQluuB6SEuB3ifsNtCbCwkMDX2jlrYCNOQOuz+0ZfAhvI8gBOvbwCqvuEPfjeK//VzZ47XaA/QraKg9bsPOJp0I5xqpOunBhKJXFAVj+xB1/ogv3VhCVB3YIpifO3ieuWESdNzKkzNWt4eG6MZJ4QYZB0YKxDmxf5F8d2DP9g/Hi9NTLvGBHrchAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+IKAQQDDEDG2NkAAAIbSURBVDjLY2BAAoxMzCwszEyMDNgBKxs7BycXFycHOxsrVnluHl4+fgEBfj5eHm5sKtgEhYRFRMXEJSSFhQTZMOWlpGVk5eQVgCxFflkZaSkgQ0kKWYGyiqqauoamFsgybVUVZSCto4asQFdP34DBcJoRyHZjfT1dIGWihOxEUzUzTnMBC0sra3UGBhs1U6BCMVkkBbZ29g4CyvIMDI5Ozi4crvZ2tqhOdHP38PSCspW8fZw8PdzdGKx9kVT48QEV+KsFBAYGqPkzeHnyBTEwKARDJUNCGRj4gsLCGTwjIkNDIyM8GVzCpkUh6Q6NBhIxsXHxcBGbhERkByQlg6mUVJhAmg0nShCkZ4Apz8wsIJkNBK5h0mnICnz8IXSOaS4DQ15evkNBoTwDuoKiYq+SadPiSsvKSuOmTSvxKi5CDQc+Fku2cs0KgcqqqkqBCs1yNksWPmT56hoxUITX1tU3NNTX1YIiW6ymGiGvE9YIopo0m3k8PXmaNZtAvMYwHZh8SwknNM20itfXi7dCUwtnSQtUQV0pA0NbtpeXl+W09ri49mmWQGY2MHRL66AKOjoZupy6PVFAt1MXQ2cHVIFLj4mmP3oS9Nc06XGBsmXFjPXhoQwJwvhpDPrG8ASDpCC/tzcfnMDisStQ6Ovv71MAMrREcJgwYeLECXitkOLnl8KrAAaQrIiPj580ecrUeAwwdcrkSUCKYRoBAADic4/7QvJ7qgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0wMVQwNDowMzoxMiswMjowMNKH27EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMDFUMDQ6MDM6MTIrMDI6MDCj2mMNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat; } .featured-info { margin-left: 70px; } .rtl .featured-info { margin-right: 70px; margin-left: inherit; } .featured-info h5 { color: #343434; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } .featured-info p { color: #999999; font-weight: 300; font-size: 14px; line-height: 22px; } .box-service { padding: 0 65px; border-bottom: 1px solid #eaeaea; } .box-service .service:hover .icon-name { transform: rotateY(180deg); } @media (min-width: 320px) { .box-service { padding: 20px; } } @media (min-width: 768px) { .block.service { margin: 20px 0 20px 0; } } @media (min-width: 992px) { .box-service { padding: 30px; } .tabs-top { margin-top: 6.25rem; } .tabs-top .title_block { padding: 0; margin-bottom: 38px; } } @media (max-width: 991px) { .tabs-top .title_block { margin-bottom: 15px; padding-bottom: 0; } } @media (min-width: 1200px) { .service { margin-top: 30px; } } @media (min-width: 1700px) { .service-lg.ApColumn { width: 25%; } .block.service.ApRawHtml { margin-bottom: 5rem; margin-top: 60px; } } @media (min-width: 768px) and (max-width: 1699px) { .service-lg:nth-child(2n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 800px) { .service-lg { padding: 0; } } @media (max-width: 767px) { .service-lg { padding: 10px; } } .tab-product.ApColumn { text-align: center; } @media (max-width: 991px) { .tab-product.ApColumn { margin-top: 30px; } } .tab-product .nav-tabs .nav-item { float: none; display: inline-block; margin-bottom: -1px; vertical-align: top; margin: 0; } .tab-product .nav-tabs .nav-item a { color: #666666; font-weight: 500; font-size: 13px; position: relative; padding: 0 0 2px 0; margin: 0 17.5px; -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; } .tab-product .nav-tabs .nav-item a:before { width: 0%; height: 2px; position: absolute; bottom: 0; left: 0; content: ""; background: #6dce01; -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; } .tab-product .nav-tabs .nav-item a:focus, .tab-product .nav-tabs .nav-item a:hover, .tab-product .nav-tabs .nav-item a.active { color: #6dce01; -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; } .tab-product .nav-tabs .nav-item a:focus:before, .tab-product .nav-tabs .nav-item a:hover:before, .tab-product .nav-tabs .nav-item a.active:before { width: 100%; } .tab-product .nav-tabs .nav-link.active { color: #6dce01; border-color: transparent transparent #6dce01; background-color: transparent; } .tab-product .nav-tabs .nav-link.active:focus { border-color: transparent transparent #6dce01; } .tab-product .nav-tabs .nav-link.active:hover { background-color: transparent; } .product-tabs .nav-tabs { margin-bottom: 30px; } i.icon-btn-product.icon-cart.material-icons.shopping-cart { display: none; } .add-to-cart { background: #333333; text-transform: uppercase; color: #fff; width: 145px; height: 42px; max-width: 100%; border-radius: 40px; font-size: 13px; font-weight: 500; margin: auto; text-overflow: ellipsis; overflow: hidden; -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; } @media (min-width: 992px) { .add-to-cart:hover { background: white; -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); -ms-box-sbox-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); color: #333333; } } .add-to-cart:active, .add-to-cart:focus { background-color: #333333; color: #fff; } .functional-buttons.clearfix { display: block; opacity: 1; position: relative; padding-bottom: 15px; z-index: 99; } .functional-buttons.clearfix i { color: #747474; font-size: 16px; } .count-down { background: #333333; height: 600px; position: relative; } @media (min-width: 768px) and (max-width: 1199px) { .count-down { height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; } } @media (min-width: 320px) and (max-width: 767px) { .count-down { height: 300px; display: flex; flex-direction: column; justify-content: center; } } @media (max-width: 480px) { .count-down { height: 200px; } } .count-down h1, .count-down h3, .count-down p { color: white; font-weight: 300; display: block; } .count-down h3 { font-size: 30px; } @media (min-width: 320px) and (max-width: 1199px) { .count-down h3 { font-size: 20px; } } .count-down h1 { font-size: 72px; text-transform: uppercase; } @media (min-width: 480px) and (max-width: 1199px) { .count-down h1 { font-size: 42px; } } @media (min-width: 480px) and (max-width: 767px) { .count-down h1 { letter-spacing: 10px; } } @media (max-width: 480px) { .count-down h1 { font-size: 32px; } } .count-down p { font-size: 16px; display: block; margin-bottom: 0; line-height: 22px; } @media (min-width: 480px) and (max-width: 1199px) { .count-down p { font-size: 14px; } } @media (min-width: 480px) and (max-width: 767px) { .count-down p { margin: 10px auto; } } @media (max-width: 480px) { .count-down p { font-size: 11px; } } .count-down span.sale { color: #73d802; font-weight: 300; } .count-down .time-count-down { float: right; margin: 40px 60px 0 0; max-width: 400px; } .rtl .count-down .time-count-down { float: left; } @media (min-width: 768px) and (max-width: 1199px) { .count-down .time-count-down { margin: 0 auto; } } @media (max-width: 767px) { .count-down .time-count-down { margin: 10px auto; } } .count-down .time-count-down li { float: left; padding: 11px 0; width: 72px; height: 56px; line-height: 20px; text-transform: uppercase; margin: 0 2px; background: #4d4d4d; } @media (max-width: 480px) { .count-down .time-count-down li { line-height: normal; width: 60px; height: 50px; } } .count-down .time-count-down li:hover { background: #6dce01; } .count-down .time-count-down li b, .count-down .time-count-down li span { color: #FFFFFF; float: none; text-align: center; display: inherit; } .count-down .time-count-down li b { font-size: 26px; font-weight: 500; } @media (max-width: 480px) { .count-down .time-count-down li b { font-size: 16px; } } .count-down .time-count-down li span { font-size: 11px; } @media (max-width: 480px) { .count-down .time-count-down li span { font-size: 8px; } } @media (min-width: 768px) and (max-width: 1199px) { .count-down .title-deal { margin-bottom: 20px; } } @media (max-width: 767px) { .count-down .title-deal { text-align: center; } } @media (min-width: 768px) and (max-width: 1199px) { .img-baner img { height: 400px !important; object-fit: cover; object-position: bottom; } } @media (max-width: 767px) { .img-baner img { display: none; } } .row.box-count-down { position: relative; margin: 6.25rem auto 0; } @media (max-width: 991px) { .row.box-count-down { margin-top: 1.25rem; } } @media (max-width: 1199px) { .product-list-countdown { margin-bottom: 20px; border: 1px solid #e3e3e3; border-top: none; padding-top: 20px; } } @media (min-width: 1200px) { .count-down h1, .count-down h3, .count-down p { color: white; font-weight: 300; } .count-down h3 { font-size: 30px; } .count-down h1 { font-size: 72px; } .count-down p { font-size: 16px; margin-bottom: 0; } .time-count-down { float: right; margin: 40px 60px 0 0; } .rtl .time-count-down { float: left; } .product-list-countdown { position: absolute; z-index: 2; top: 390px; max-width: 770px; left: 115px; } .rtl .product-list-countdown { right: 115px; left: auto; } } @media (min-width: 1200px) and (max-width: 1350px) { .product-list-countdown { max-width: 50%; } } @media (min-width: 1200px) and (max-width: 1199px) { .product-list-countdown { margin-top: 20px; } } @media (min-width: 1200px) { .product-list-countdown .thumbnail-container { background: #fff; border: 1px solid #f0f0f0; } .title-deal { max-width: 100%; margin: 70px 60px 0 0; text-align: right; } .rtl .title-deal { text-align: left; } .box-save-off { margin-top: 90px; } } .box-save-off { position: relative; } .box-save-off .title-save-off { top: 60px; bottom: 50px; background: #fff; position: absolute; width: 50%; padding: 0; right: 0; max-height: 310px; } .rtl .box-save-off .title-save-off { left: 0; right: auto; } @media (max-width: 1199px) { .box-save-off .title-save-off { margin: 0; position: static; top: 0; } } @media (max-width: 767px) { .box-save-off .title-save-off { position: unset; width: 100%; margin: 0; text-align: center; max-height: 220px; padding: 0 15px; } } .box-save-off .title-save-off h1 { font-size: 58px; font-weight: 300; margin-bottom: 20px; text-transform: uppercase; } @media (max-width: 1199px) { .box-save-off .title-save-off h1 { font-size: 30px; margin: 15px 0; } } @media (max-width: 767px) { .box-save-off .title-save-off h1 { font-size: 30px; margin: 10px 0; } } @media (max-width: 479px) { .box-save-off .title-save-off h1 { font-size: 24px; } } .box-save-off .title-save-off h5 { font-weight: 400; text-transform: uppercase; width: 150px; padding: 4px 0; text-align: center; border: 1px solid #e3e3e3; margin-bottom: 10px; } @media (max-width: 1199px) { .box-save-off .title-save-off h5 { font-size: 14px; } } @media (max-width: 767px) { .box-save-off .title-save-off h5 { margin: auto; } } .box-save-off .title-save-off span { color: #6dce01; } .box-save-off .title-save-off p { color: #666666; font-weight: 300; font-size: 22px; margin-bottom: 45px; } @media (max-width: 1199px) { .box-save-off .title-save-off p { font-size: 16px; margin-bottom: 10px; } } @media (max-width: 767px) { .box-save-off .title-save-off p { font-size: 14px; margin-bottom: 15px; } } .box-save-off .title-save-off .btn-box-save-off { border: 1px solid #6dce01; border-radius: 35px; height: 41px; width: 130px; line-height: 40px; text-align: center; display: inline-block; background: #6dce01; color: #fff; font-size: 14px; font-weight: 500; -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; } .box-save-off .title-save-off .btn-box-save-off:hover { background: transparent; color: #6dce01; border: 1px solid; border-radius: 35px; } .box-save-off .title-save-off .ApHtml { padding-top: 40px; padding-left: 40px; } .rtl .box-save-off .title-save-off .ApHtml { padding-right: 40px; padding-left: inherit; } @media (min-width: 768px) and (max-width: 1199px) { .box-save-off .title-save-off .ApHtml { padding-top: 0; padding-left: 0; } .rtl .box-save-off .title-save-off .ApHtml { padding-right: 0; padding-left: inherit; } } @media (max-width: 767px) { .box-save-off .title-save-off .ApHtml { padding: 20px 0 15px 0; border: 1px solid #e3e3e3; border-top: none; } .rtl .box-save-off .title-save-off .ApHtml { padding: 20px 0 15px 0; } } @media (min-width: 1200px) and (max-width: 1325px) { .box-save-off .title-save-off h1 { font-size: 45px; } .box-save-off .title-save-off p { margin-bottom: 35px; } } @media (min-width: 1200px) and (max-width: 1325px) and (max-width: 1240px) { .box-save-off .title-save-off p { margin-bottom: 30px; } } .box-img-gallery { margin: 6.25rem auto; } @media (max-width: 991px) { .box-img-gallery { margin: 30px auto; } } .box-img-gallery .image-item { padding: 6px; } @media (min-width: 1024px) { .box-img-gallery .image-item img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } } @media (max-width: 767px) { .box-img-gallery .image-item { width: 50%; } .box-img-gallery .image-item:nth-child(2n+1) { clear: both; } .box-img-gallery .image-item img { width: 100%; position: relative; overflow: hidden; } .box-img-gallery .image-item img::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .box-img-gallery .image-item img::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .box-img-gallery .image-item img:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .box-img-gallery .image-item img:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } } @media (min-width: 1024px) { .box-img-gallery .image-item:hover img { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } } .box-img-gallery .sub-title-widget { text-align: center; padding: 25px 0 30px 0; font-weight: 300; color: #999999; font-size: 15px; } @media (max-width: 1199px) { .box-img-gallery .sub-title-widget { padding: 0 0 30px 0; } } .box-img-gallery .sub-title-widget span { color: #6dce01; font-weight: 400; font-style: italic; } .box-img-gallery button { display: block; margin: 40px auto 0; border: 1px solid #6dce01; background: #6dce01; color: white; border-radius: 35px; max-width: 140px; max-height: 40px; line-height: 10px; padding: 15px 28px; -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; cursor: pointer; } .box-img-gallery button:hover { background: transparent; color: #6dce01; border: 1px solid; border-radius: 35px; } .box-blog { margin-top: 100px; margin-bottom: 100px; } @media (max-width: 991px) { .box-blog { margin-top: 30px; margin-bottom: 30px; } } .box-blog .block_content { padding-top: 50px; padding-bottom: 100px; } @media (max-width: 991px) { .box-blog .block_content { padding: 0 0 1.25rem 0; } } @media (max-width: 991px) { .box-blog-h2 { margin-bottom: 30px; } } .box-blog-h2 .box-blog .latest-blogs { border: none; } .box-blog-h2 .box-blog .latest-blogs .block_content { padding-bottom: 0; } .box-blog-h1 .box-blog { margin-bottom: 0; } @media (max-width: 991px) { .box-blog-h1 .box-blog { margin-top: 30px; } } @media (min-width: 992px) { .box-blog-h1 .box-blog .block_content { max-width: 1170px; width: 100%; margin: auto; } } @media (min-width: 1200px) { .box-manufacture, .box-blog-link, .box-social { margin: 0 115px; } } .box-blog-link { padding-bottom: 0px; } @media (max-width: 991px) { .box-blog-link { padding-bottom: 20px; } } @media (max-width: 767px) { .box-blog-link { padding-top: 20px; } } @media (min-width: 992px) { .box-blog-link .block-link { padding-left: 0; } } @media (max-width: 767px) { .box-blog-link .block-link { margin-bottom: 20px; } } @media (max-width: 767px) { .box-blog-link .block-link .block ul { margin-top: 15px; } } .box-social { border: 1px solid #ebebeb; border-bottom: transparent; border-right: transparent; border-left: transparent; } .box-social .title-payment { font-size: 18px; color: #333333; text-transform: uppercase; } @media (max-width: 991px) { .box-social .title-payment { font-size: 16px; } } .box-social img { width: 270px !important; } @media (max-width: 540px) { .box-social img { position: unset; width: 265px !important; right: 0; } .rtl .box-social img { left: 0; right: auto; } } .box-social .service-payment, .box-social .service-social { display: flex; padding: 71px 0; } @media (max-width: 1199px) { .box-social .service-payment, .box-social .service-social { padding: 15px 0; } } @media (max-width: 479px) { .box-social .service-payment, .box-social .service-social { padding: 10px 0; } } @media (min-width: 1200px) { .box-social .service-social { justify-content: flex-end; } } @media (max-width: 1199px) { .box-social .service-social { justify-content: center; padding-top: 0; } } @media (max-width: 480px) { .box-social .service-social { flex-direction: column; text-align: center; } } .box-social .service-social .title-payment { padding-right: 20px; line-height: 46px; } .rtl .box-social .service-social .title-payment { padding-left: 20px; padding-right: inherit; } @media (max-width: 479px) { .box-social .service-social .title-payment { padding-right: 0; padding: 10px 0; line-height: 15px; } .rtl .box-social .service-social .title-payment { padding-left: 0; padding-right: inherit; } } @media (max-width: 1199px) { .box-social .service-payment { justify-content: center; } } @media (max-width: 768px) { .box-social .service-payment { text-align: center; flex-direction: column; } } .box-social .service-payment .title-payment { padding-right: 37px; line-height: 40px; height: 40px; } .rtl .box-social .service-payment .title-payment { padding-left: 37px; padding-right: inherit; } @media (max-width: 768px) { .box-social .service-payment .title-payment { padding-right: 0; } .rtl .box-social .service-payment .title-payment { padding-left: 0; padding-right: inherit; } } @media (min-width: 1200px) { .box-social .service-payment:before { content: ""; width: 1px; height: 90px; background: #ebebeb; position: absolute; top: 25%; right: 0; } .rtl .box-social .service-payment:before { left: 0; right: auto; } } .box-social .payment { line-height: 40px; } .text-footer-coppyright { text-align: center; color: #333333; } .product-miniature .js-product-miniature a { color: white; } .product-miniature .js-product-miniature .product-price-and-shipping .price { color: white; } @media (min-width: 992px) { .blog-container { padding: 0 0 0 70px; } .rtl .blog-container { padding: 0 70px 0 0; } .blog-container .created, .blog-container .nbcomment { position: absolute; width: 60px; display: flex; height: 60px; text-align: center; justify-content: center; flex-direction: column; font-size: 13px; color: #FFFFFF; text-transform: uppercase; margin-left: -70px; } .rtl .blog-container .created, .rtl .blog-container .nbcomment { margin-right: -70px; margin-left: inherit; } .blog-container .created { background: #6dce01; top: 0; } .blog-container .nbcomment { background: #333333; top: 70px; } } @media (max-width: 991px) { .blog-container .blog-meta .date, .blog-container .blog-meta .nbcomment { vertical-align: middle; padding: 0 10px 0 0; } .rtl .blog-container .blog-meta .date, .rtl .blog-container .blog-meta .nbcomment { padding: 0 0 0 10px; } .blog-container .blog-meta .date { margin-left: -4px; } } .icon-comment i, .icon-calendar i { display: block; margin: auto; font-size: 22px; color: #FFFFFF; } @media (max-width: 991px) { .icon-comment i, .icon-calendar i { display: inline-block; margin: 0; color: #6dce01; font-size: 20px; } } .magnitude { float: right; margin-left: 5px; } .rtl .magnitude { float: left; } .rtl .magnitude { margin-right: 5px; margin-left: inherit; } .text-left-header a { height: 80px; line-height: 80px; color: #002a3d; font-size: 18px; margin-left: 10px; cursor: pointer; } .rtl .text-left-header a { margin-right: 10px; margin-left: inherit; } @media (max-width: 991px) { .text-left-header a { display: none; } } @media (min-width: 576px) { .lookbook-img { margin: 0; display: flex; } .lookbook-img .lookbook-left { width: 65.625%; } .lookbook-img .lookbook-left .img-1, .lookbook-img .lookbook-left .img-2 { width: 50%; float: left; position: relative; overflow: hidden; } .lookbook-img .lookbook-left .img-1::before, .lookbook-img .lookbook-left .img-2::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .lookbook-img .lookbook-left .img-1::after, .lookbook-img .lookbook-left .img-2::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .lookbook-img .lookbook-left .img-1:hover::before, .lookbook-img .lookbook-left .img-2:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .lookbook-img .lookbook-left .img-1:hover::after, .lookbook-img .lookbook-left .img-2:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .lookbook-img .lookbook-left .img-3 { width: 100%; position: relative; overflow: hidden; } .lookbook-img .lookbook-left .img-3::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .lookbook-img .lookbook-left .img-3::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .lookbook-img .lookbook-left .img-3:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .lookbook-img .lookbook-left .img-3:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .lookbook-img .lookbook-right { width: 34.375%; } .lookbook-img .lookbook-right .img-4 { position: relative; overflow: hidden; } .lookbook-img .lookbook-right .img-4::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .lookbook-img .lookbook-right .img-4::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .lookbook-img .lookbook-right .img-4:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .lookbook-img .lookbook-right .img-4:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } } @media (min-width: 992px) { .box-service-h2 { margin: 0%; } } @media (max-width: 991px) { .box-service-h2 { padding: 30px 0; } } .box-service-h2 .icon-name .icon-name-truck { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAjCAYAAADSQImyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkE1Qzg5MEZFMjcwMTFFODhBMkRCQkE1QjI3MTMxQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkE1Qzg5MTBFMjcwMTFFODhBMkRCQkE1QjI3MTMxQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTVDODkwREUyNzAxMUU4OEEyREJCQTVCMjcxMzFDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTVDODkwRUUyNzAxMUU4OEEyREJCQTVCMjcxMzFDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSiNqIAAAO/SURBVHja7JlbSBVRFIbnnI7Hym6UVkhCdypM7SUSumAllRQlmvUQZT5oEARJSXQ1CsWS6qWHeuoGoWVWkKIWFEUJFSVWDwUZaDeKLMzMS57+Rf+BzTRznDyjzoEWfMww7rP3WnvtvfbaS1d2drYGmQL2gBVgnGa/dINWUAE2gQ67OvaAqeA+iOK3JuC2WXkvGAtS+Gyy04BDVP4q2AfeAxexy4Bo8IgT88lO14oBS0EXyAfPtL6RdvATDAELwEeTCXJTp+egzaoBkeAL+KD1nYwEX8EIUGOhfR3IBE+tGNDN2fBqfSuDOJas/18mbXwgAsSD6yAVPO7JgP6S0VwWceBbgHayzErAKnADJIN6s8bufjTAR09H6L5HE7+0ceZLGNIlQi50ggF+UTdvOLhLwpXvssTWgzNgGLgCkpxigCoyw5OJ0QG6GZwFY7icFjnNAJnpH8RsY0s0OsW9cQusdJIBVmULOMFIVgpWh5oBItvBcXpCsoY1oWaASC4o4ns5SHeCAW6G2M8W2+9i/iZy0uMA5bu4LPaDZq5zo3ZhoBZU0wuypMYOtAGtRGL9bgvtX/Pu4mKCGDHQBkgSmQXmWkhrfEzJRYb7l57HAXuggvyLhIViGNV7I6QN0P4b4BSxsomngyVgHm9UT0AleGWzLtNY1pnDia1l8vYyGAN2gMO6XD2TB8lecEzdUEHcD3I5zmDl+0bGehmnuDcGHAE7+X6Blw6RRBpRzBw+L0gDipRx5ALzgO9SvdgAjrKWlGcUicwMSGGncr1L18Xp00xpL7FNjcVKg5Eksw85jddyaarjXASX2ea2okcHPed2K8mUWofZymehySFTSQ9pPEktx23de5bi7UqTQ65Qp5PIUJZomt1KvWam0iCOz7IASp3nM9ZizuMjrcr3WF1fRuLXYTaf40EBk747soTOgW100Rse0xNASw/Vse/cZKLEW74H2mv+akQ9M9BwViPa2ZeZtFGXGNDA/SAekEpfgXR8gJfmVF6u/SIZYgJ/ZCTzlWJYtAUv+CcjRvfdy77KTX6XQF1EJnL9y2QfBA89XEKy2yeBUaATpGl/aqXiqnva3wXZSP7NxY5Ke1EkEy9kcAILGOX0l5oo3Thl9FaDURhVZ1qKvMt5eFVzkDp2NIudzuBhkx9ECJXfLuM4N3kneMG9Ek+lA44TaNbSGMIk7l9TQpc/lZV4vc6GEziDVbhE1n46aYBXGSe9N7nQO1bD5F84VYweLTzec8Bi0GiDAY3sK4d9t3CsKo6dRF0M5bcAAwCr49n+nEWKnQAAAABJRU5ErkJggg==") no-repeat; } .box-service-h2 .icon-name .icon-name-setting { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDE5MDcyQThFMjcwMTFFOEI1OTJERkEwRUU0Mzc1OUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDE5MDcyQTlFMjcwMTFFOEI1OTJERkEwRUU0Mzc1OUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTkwNzJBNkUyNzAxMUU4QjU5MkRGQTBFRTQzNzU5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTkwNzJBN0UyNzAxMUU4QjU5MkRGQTBFRTQzNzU5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRzWzYAAAL3SURBVHja7JhNSFRRFMdnzNKpJEiJvnCKioiy7INQKMJNLsSohNoJEcyQVqtEKPzoQ6hFtGoxtGhRi4KiQJNyVVREUIsItFCJ0dQoKCXCIQdf/0P/G5fXm/ExOfc9Yg78uO/duXP5v3vPOfe8F4xEIoEs2zJwHhwFSXAAdKkfY7FY2j/nZVHYXHABjFJcN5gAnaDI7STZEijb8hOcAc9BBagBm/j7Ta8E7gfDsnNgBNSCXeAlf/8EboF9oMykwJ0UcQ+sBMfYdjmMPcL2vpuJg7YgEd8oAJZLYYsZAId5fw50cHvTmYxroVjxySCYQsBMpBIoK3ANbHYhSiJxCoS0vuvgNLfQrY0ywnUbAg0Q+kAXuB7tO97fAN/4RLpN0rdWg5Mgn/094BR4m4FbVIOHIM6gWa5tfzVE9iiBvWg38GnSrcA60AqqwF3QBsb/0Xdlnh0QE1Yd0Wh0gGIXoN/Kp7hOipMVqgdzdDdgNG7hvUzwgRErgTAvQ3FJ7kwpRL3gbsgDfwZrwFIwprbqK9vtoH2GideCK7OcniqIboUBzZcK2d4BYfbrkWzZVnQ2zdLmtejTjWBaF2iPJGNmP4ux3cOmzuJMrcjvAgM5gf+7wC8MnniqKDZh25j4Q4haezqrZTQ3S0YxLbCYJdluF2Mvml5BOT5fgVXgMrjNimaRnLvauGlyVlbTpMAOiqvh+4lK1CNOg7HFg6aDpImnVDdfqKSSSULIIxBKlbDzDGeM17zeCg5y2/c6FAqepRlVsfeDXl7Hteu/zKQPXmWVIm95z8BGqUXhg30pxv8wLVDKqEPgKWhmFPfB/0qYfvRcKFG8wrTABBO0vBBdIjOa6UT9kSfIHoqd71AYy0lSyc8mQ14ddU+IU8EqvleJ/ha/FgtLKDScK7dyAv0kMOEjTQmtPPsjsMRHAheynVQC37BGK/VaGVKLJO4T4Dvy4Jg6Ser4QSjOGm3csCh95dSH0Cr9qJPKtTzw+7tynceL+B4cx+o9Vh2/BBgA+m29iB1O2XYAAAAASUVORK5CYII=") no-repeat; } .box-service-h2 .icon-name .icon-name-support { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTg3MDI1OURFMjcwMTFFOEI5NkRBNEM0MUVDNjIyRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTg3MDI1OUVFMjcwMTFFOEI5NkRBNEM0MUVDNjIyRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ODcwMjU5QkUyNzAxMUU4Qjk2REE0QzQxRUM2MjJFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1ODcwMjU5Q0UyNzAxMUU4Qjk2REE0QzQxRUM2MjJFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtjXMeUAAAV3SURBVHjatJl5bFRVFIenY2u0rigYASMWrbgHNGhdorhADUtNoaEuHazWtlKKC8b+oRKDCQYXjFAFGkFarUYrIEEWBVxwiRi0KMa6gFu0akyjBkTRSuvvJN/Dm+e8eW+G6Um+3Ombt/zm3nPP8ppTU1MTy9DOEWPEZWKEOFrsEXvFIeI30S42ifVic7KbNDU1pXxIPE1Rg8WDYrd4X9wvrhB5iDkIce2cb+JniXdFt5gnCtJ5YFSBh4lG8b24U/wjHhJXigHiCGb0W/EHn/uJo/gBs8Wv4hbxlVjMdVkRWMbN68VW/jZBDeIV0eWcm+e7p133qrhHHCMmMJtV4mcxZX8FPixeEAeIhDhbLI9lbqvFBfxI89eW2traRZkKXCbuwMFtA7TGsmfLWf6VQhpr16UrcIWYhE8Vi19i2bc/RanYZr4ska9FFfgIF34jhlgkiPWdzRVniU5xqUQuDRM4Xtwu3hSF7LaaLC+vZ4+LGSz3UMZKiaxwT8pxAvWBxLdcPndz3MRdx5gIeWgnvnVwyHmNRIWXFKhLvIMSZ8/Ptyih4zv9M/gY4sodcWYViLPx6ZAH23W9EWaung1SIlFLxDy+G8u4xL/Eh4tq8YVoS3LThCMyaLkL8FmbvQfE6CTnLBB1hJtSjk30sotmbZMXayX6BFfgvYz1KX65iXzGWW7P/hJzmP2dzGID4amL883mi6m2rARsLxdbxtnsxEPPB2e5Am8Tu8SGkOWxi1t46GL87S0Kg+3iWHGcKCJP9+PHWCiZzkYoSXLfy4mHgyW4Q59/9LKMCTyDcWHE3VeJK1i6Op9cO8eJbZbC3hN3s9zPizN5aFnAPWcwznZcwRSPiju/aG1EgVYgnCws+m8MOfdvcTWzOFBMDii5PiIZXM8hLx5OijMDZh9EFPgcO3Us/hfFEuRe8+GcgHOeYtb6S3Anx8aYwHPF7xBmRVQyczMIzDPZSBMDvl/PeB7j17ZScQrMbREfMt4J3umaF0PHBXy/lXEoY7uXSWz39uDEYVbA8g5g16drP1EZfek73ksGOZ6/P6d+zMtF3KFiWMSH7ImQLYJsL8s8LOA7E96f7+0Zu3LJIlvwxTCbTzyzX9qRpjib9UFkqvKwpkmbxbLNuDgzUhjxIV4aLM9g9iY7xWoUO9EL1DZ7R+IDYfY2wbghA4FeEH4x4vmnWIMVp6mJ0W9EzSTWXj6bhrhGwlO1r1IKWt5T+bjBBK7ygmIay2z+dw3BNSdi7fcD+TuKedltRdyJP9MiXmy122mEjARFbgM7L5cO0PznVtJXPSFsUBoCb2bc6FUzi6hMLgq5cAHN9ypiYgJBVv99xix9J3aIR6lm6qgTmykwWkOW1/K81YLLtMN74k4a2ldFpKiEvXruKnZ/KxWL7eonCCUDSfYV+OpC/O6GgHrSb08y3hVjSWIUlub011IErE3iR3WI89dzPfhlGy2qibwxRT0ZQ2Svv8fR7I3UcKFVSpq97f6exOueVgb0EKsDik3XciNsmlQ9zsuMU5K1nbuZQXu/ssbpkb0eYkIWW859PY5mrZnZW8o+mKrZ60rWdnpmvnST+FAM96emLLWdMad7M3f4RJxuWUbiysLeLFRTKQ9nV5bH+s6q2P0mbotfXKp3M6MpIAexFPl9IC7OallKe8cpVP/n1EFW7CxBKQ3PuiyJG0UzZTVfm2auPNP3g1XEr3xCjzXWl+yHsCJ26uuIm5ZKXNQ3rM30utYPXyze4DXufWKkbxW6iYvu/UfwhvVT3q4W81K0MCQxhC6xf3dW0ixNZyPNdDLQDqrhIU48K6A9da2FoB+1g4ws0LOPCei1bCRrgOxNvpVHJ8X++zdEMZmiA7dYw6brTtcn/hVgAMp5cEzHuJWnAAAAAElFTkSuQmCC") no-repeat; } .box-service-h2 .featured-info { margin: 24px auto 0; } @media (max-width: 991px) { .box-service-h2 .featured-info { margin: 10px 0; } } .box-service-h2 .featured-info h5 { font-size: 17px; text-align: center; } @media (max-width: 991px) { .box-service-h2 .featured-info h5 { margin-bottom: 10px; font-size: 14px; } } .box-service-h2 .featured-info p { text-align: center; margin-bottom: 0; } .pfeatured { margin-top: 40px; } @media (max-width: 767px) { .pfeatured { margin-top: 20px; text-align: center; max-width: 500px; margin: auto; } } .pfeatured .title-pfeatured { font-size: 33px; font-weight: 400; position: relative; padding-bottom: 7px; margin-bottom: 20px; line-height: 24px; } @media (max-width: 767px) { .pfeatured .title-pfeatured { margin-top: 20px; } } .pfeatured .title-pfeatured:before { content: ""; width: 100%; max-width: 40px; height: 2px; background: black; position: absolute; bottom: 0; left: 0; } .rtl .pfeatured .title-pfeatured:before { right: 0; left: auto; } @media (max-width: 767px) { .pfeatured .title-pfeatured:before { transform: translateX(-50%); left: 50% !important; right: auto !important; } } .pfeatured .name-pfeatured { font-size: 52px; text-transform: uppercase; font-weight: 300; line-height: 38px; margin-bottom: 10px; } @media (max-width: 991px) { .pfeatured .name-pfeatured { margin-bottom: 5px; font-size: 28px; } } .pfeatured .des-pfeatured { font-size: 14px; font-weight: 300; margin: 30px auto 20px; line-height: 20px; } @media (max-width: 991px) { .pfeatured .des-pfeatured { margin: 10px auto 15px; } } .pfeatured .btn-pfeatured { margin-bottom: 60px; } @media (max-width: 991px) { .pfeatured .btn-pfeatured { margin-bottom: 25px; } } .pfeatured .btn-pfeatured a { color: #ffffff; background: #302f2f; border: 1px solid #302f2f; line-height: 40px; display: inline-block; font-size: 13px; font-weight: 500; min-width: 130px; text-align: center; min-height: 40px; border-radius: 40px; -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; } .pfeatured .btn-pfeatured a:hover { background: #FFFFFF; color: #333333; border: 1px solid #6dce01; } .block-carousel-h2 { text-align: center; background: #f5f5f5; } .block-carousel-h2 .item { margin: auto; max-width: 720px; margin: 85px auto 100px; } @media (max-width: 991px) { .block-carousel-h2 .item { margin: 40px auto; } } .block-carousel-h2 img { border-radius: 50%; } .block-carousel-h2 .title span { padding: 5px 0; } .block-carousel-h2 .title .name-b-h2 { color: #00a7ba; font-size: 17px; display: block; } .block-carousel-h2 .title .job-b-h2 { color: #999999; font-size: 12px; } .block-carousel-h2 .descript { font-weight: 300; font-size: 22px; color: #666666; padding: 25px 0 30px; line-height: 30px; } @media (max-width: 991px) { .block-carousel-h2 .descript { font-size: 18px; padding: 25px 10px 30px; } } @media (min-width: 768px) { .banner-h3 .-main_img23 .img-2 { padding-bottom: 15px; } .banner-h3 .-main_img23 .img-3 { padding-top: 15px; } } @media (min-width: 576px) and (max-width: 767px) { .banner-h3 .img-2 { padding-bottom: 7.5px; } .banner-h3 .img-3 { padding-top: 7.5px; } } @media (min-width: 576px) { .banner-h3 { display: flex; } .banner-h3 .img-1, .banner-h3 .img-2, .banner-h3 .img-3 { position: relative; overflow: hidden; } .banner-h3 .img-1::before, .banner-h3 .img-2::before, .banner-h3 .img-3::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .banner-h3 .img-1::after, .banner-h3 .img-2::after, .banner-h3 .img-3::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .banner-h3 .img-1:hover::before, .banner-h3 .img-2:hover::before, .banner-h3 .img-3:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-h3 .img-1:hover::after, .banner-h3 .img-2:hover::after, .banner-h3 .img-3:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-h3 .img-1 { height: 100%; } .banner-h3 .-main_img23 .img-2 { height: 50%; } .banner-h3 .-main_img23 .img-3 { height: 50%; } } @media (max-width: 575px) { .banner-h3 .img-1, .banner-h3 .img-2, .banner-h3 .img-3 { padding-bottom: 15px; } } @media (min-width: 992px) { .tab-product-h3 { margin-top: 0; } } @media (max-width: 991px) { .tab-product-h3 { margin-top: 20px; } } .tab-product-h3 .tabs-top { margin-bottom: 100px; } @media (max-width: 991px) { .tab-product-h3 .tabs-top { margin-bottom: 20px; } } .tab-product-h3 .tabs-top .nav-tabs > li > a:hover .active { background: transparent; } .tab-product-h3 .thumbnail-container { background: #fff; } .img-p-special { position: relative; overflow: hidden; } .img-p-special::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .img-p-special::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .img-p-special:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .img-p-special:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-h4 .img-1, .banner-h4 .img-2 { position: relative; position: relative; overflow: hidden; } .banner-h4 .img-1::before, .banner-h4 .img-2::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .banner-h4 .img-1::after, .banner-h4 .img-2::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .banner-h4 .img-1:hover::before, .banner-h4 .img-2:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-h4 .img-1:hover::after, .banner-h4 .img-2:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-h4 .img-1 .image_description, .banner-h4 .img-2 .image_description { position: absolute; left: 90px; top: 50%; transform: translateY(-50%); text-transform: uppercase; } @media (max-width: 1023px) { .banner-h4 .img-1 .image_description, .banner-h4 .img-2 .image_description { left: 50px; } } .banner-h4 .img-1 .image_description .title-1, .banner-h4 .img-2 .image_description .title-1 { font-weight: 400; font-size: 26px; } @media (max-width: 1599px) { .banner-h4 .img-1 .image_description .title-1, .banner-h4 .img-2 .image_description .title-1 { font-size: 22px; } } @media (max-width: 1399px) { .banner-h4 .img-1 .image_description .title-1, .banner-h4 .img-2 .image_description .title-1 { font-size: 20px; } } @media (max-width: 1399px) { .banner-h4 .img-1 .image_description .title-1, .banner-h4 .img-2 .image_description .title-1 { font-size: 18px; } } .banner-h4 .img-1 .image_description .title-2, .banner-h4 .img-2 .image_description .title-2 { font-weight: 300; font-size: 72px; } @media (max-width: 1599px) { .banner-h4 .img-1 .image_description .title-2, .banner-h4 .img-2 .image_description .title-2 { font-size: 60px; } } @media (max-width: 1399px) { .banner-h4 .img-1 .image_description .title-2, .banner-h4 .img-2 .image_description .title-2 { font-size: 50px; } } @media (max-width: 1199px) { .banner-h4 .img-1 .image_description .title-2, .banner-h4 .img-2 .image_description .title-2 { font-size: 40px; } } .banner-h4 .img-1 .image_description a, .banner-h4 .img-2 .image_description a { font-size: 15px; } .banner-h4 .img-1 .image_description .content-banner-h4 .title-1, .banner-h4 .img-1 .image_description .content-banner-h4 .title-2, .banner-h4 .img-1 .image_description .content-banner-h4 a { color: #373735; } .banner-h4 .img-2 .image_description .content-banner-h4 .title-1, .banner-h4 .img-2 .image_description .content-banner-h4 .title-2, .banner-h4 .img-2 .image_description .content-banner-h4 a { color: #ffffff; } @media (min-width: 992px) { .product-seller { margin-top: 100px; } .product-seller .block_content { margin-top: 75px; } } @media (max-width: 991px) { .product-seller .block_content { margin-top: 30px; } } @media (min-width: 992px) { .banner-bottom-h4 { margin-top: 100px; position: relative; overflow: hidden; } .banner-bottom-h4::before { background-color: rgba(255, 255, 255, 0.5); bottom: 0%; content: ""; left: 50%; position: absolute; right: 51%; top: 0%; opacity: 1; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; pointer-events: none; } .banner-bottom-h4::after { background-color: rgba(255, 255, 255, 0.5); bottom: 50%; content: ""; left: 0%; position: absolute; right: 0%; top: 51%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 1; pointer-events: none; } .banner-bottom-h4:hover::before { left: 0%; right: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .banner-bottom-h4:hover::after { top: 0%; bottom: 0%; opacity: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } } .banner-bottom-h4 .ApImage { position: relative; } .banner-bottom-h4 .ApImage .image_description { position: absolute; top: 50%; left: 375px; transform: translateY(-50%); color: white; } @media (max-width: 1599px) { .banner-bottom-h4 .ApImage .image_description { left: 175px; } } @media (max-width: 991px) { .banner-bottom-h4 .ApImage .image_description { left: 50px; } } .banner-bottom-h4 .ApImage .image_description h5, .banner-bottom-h4 .ApImage .image_description h1, .banner-bottom-h4 .ApImage .image_description p, .banner-bottom-h4 .ApImage .image_description button { color: white; text-transform: uppercase; } .banner-bottom-h4 .ApImage .image_description h5 { border: 1px solid; font-size: 16px; font-weight: 400; text-transform: uppercase; padding: 10px 0; text-align: center; max-width: 160px; } @media (max-width: 767px) { .banner-bottom-h4 .ApImage .image_description h5 { display: none; } } .banner-bottom-h4 .ApImage .image_description h1 { font-size: 82px; color: white; font-weight: 300; text-transform: uppercase; } .banner-bottom-h4 .ApImage .image_description h1 span { font-weight: 700; } @media (max-width: 1599px) { .banner-bottom-h4 .ApImage .image_description h1 { font-size: 50px; } } @media (max-width: 991px) { .banner-bottom-h4 .ApImage .image_description h1 { font-size: 30px; } } @media (max-width: 575px) { .banner-bottom-h4 .ApImage .image_description h1 { font-size: 20px; } } .banner-bottom-h4 .ApImage .image_description p { font-weight: 300; color: white; font-size: 23px; text-transform: none; } @media (max-width: 991px) { .banner-bottom-h4 .ApImage .image_description p { font-size: 18px; } } @media (max-width: 767px) { .banner-bottom-h4 .ApImage .image_description p { font-size: 12px; } } @media (max-width: 479px) { .banner-bottom-h4 .ApImage .image_description p { display: none; } } .banner-bottom-h4 .ApImage .image_description button { font-size: 14px; font-weight: 500; background: #6dce01; border: none; border-radius: 35px; padding: 15px 37px; color: white; text-transform: none; transition: all 0.3s ease-in-out; } @media (max-width: 767px) { .banner-bottom-h4 .ApImage .image_description button { padding: 5px 20px; font-size: 10px; } } .banner-bottom-h4 .ApImage .image_description button:hover { background: transparent; color: #FFFFFF; border: 1px solid; border-radius: 35px; } #authentication .input-group .form-control { margin-bottom: 0; margin-top: 0; } #cms #wrapper .breadcrumb { margin-bottom: 0; } @media (min-width: 992px) { #cms .page-header { margin: 40px 0; margin-top: 40px; } } #cms .page-header h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; position: relative; } #cms .page-header h1:before { border-bottom: 3px solid black; content: ""; position: absolute; width: 50px; bottom: -10px; padding: 5px 0; left: 50%; transform: translateX(-50%); } #cms .page-content { box-sizing: border-box; display: block; } #cms .page-content.page-cms-4 h3.page-subheading { font-weight: 500; font-style: italic; } #cms .page-content.page-cms-4 .about-left { position: relative; } @media (min-width: 992px) and (max-width: 1400px) { #cms .page-content.page-cms-4 .about-left { max-height: 627px; overflow: hidden; } } #cms .page-content.page-cms-4 .about-left:before { position: absolute; content: ''; top: 0; border: 20px solid #f5f5f5; right: 15px; left: 15px; bottom: 0; } #cms .page-content.page-cms-4 .about-left .content-left { padding: 63px; } @media (max-width: 479px) { #cms .page-content.page-cms-4 .about-left .content-left { padding: 40px; } } #cms .page-content.page-cms-4 .about-left .content-left p img { margin-bottom: 20px; } #cms .page-content.page-cms-4 .about-left p.text-about3 { margin-bottom: 30px; line-height: 28px; font-style: italic; } #cms .page-content.page-cms-4 .about-left span.font-bold { font-weight: 600; } #cms .page-content.page-cms-4 .about-right .content-right { overflow: hidden; display: block; position: relative; } #cms .page-content.page-cms-4 .about-right .content-right img { width: 100%; height: auto; } @media (min-width: 992px) and (max-width: 1400px) { #cms .page-content.page-cms-4 .about-right .content-right img { height: 627px; object-fit: cover; } } @media (max-width: 991px) { #cms .page-content.page-cms-4 .about-right .content-right { padding: 20px 0; } } #cms .page-content .service-lg-h2 .icon-name { border: none; margin: auto; float: none; width: 100%; justify-content: center; } #cms .page-content .service-lg-h2 .icon-name .icon-name-truck, #cms .page-content .service-lg-h2 .icon-name .icon-name-setting, #cms .page-content .service-lg-h2 .icon-name .icon-name-support { width: 55px; height: 40px; } #cms .page-content .title-box { text-align: center; margin: 60px auto 0; } #cms .page-content .title-box .tiltle1 { font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } #cms .page-content .title-box .tiltle2 { font-size: 36px; text-transform: uppercase; color: #6dce01; } #my-account .page-footer { text-align: center; } .img-left { padding-bottom: 30px; } /* Wr logo footer */ .box-logo-footer { padding: 50px 0; position: relative; } @media (min-width: 1200px) { .box-logo-footer { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } .box-logo-footer:before { content: ""; padding: 0px 1000px; width: 100%; height: 1px; overflow: hidden; position: absolute; display: block; bottom: 0; background: #414141; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1000px; } .box-logo-footer .ApColumn:nth-child(1) { text-align: center; } @media (max-width: 1199px) { .box-logo-footer .ApColumn:nth-child(1) .logo-second { margin-bottom: 40px; } } @media (min-width: 1200px) { .box-logo-footer .ApColumn:nth-child(2) { padding-left: 65px; } .rtl .box-logo-footer .ApColumn:nth-child(2) { padding-right: 65px; padding-left: inherit; } } @media (max-width: 767px) { .box-logo-footer .wr-info { text-align: center; } } .box-logo-footer .wr-info h2 { color: #FFFFFF; font-size: 16px; font-weight: 500; margin-bottom: 1rem; text-transform: uppercase; } .box-logo-footer .wr-info p { line-height: 24px; margin-bottom: 0; } @media (max-width: 767px) { .box-logo-footer .wr-email { text-align: center; margin-bottom: 40px; } } .box-logo-footer .wr-email a { color: #FFFFFF; border-bottom: 1px solid #e33d3d; } .box-logo-footer .wr-email a:hover { color: #e33d3d; } /*# sourceMappingURL=styles.css.map */