.ApColumn .block {
margin-bottom : 2.5rem;
}
.ApColumn .title_block {
margin : 1.875rem 0 2.5rem;
padding-bottom : 2rem;
position : relative;
}
.ap-popup {
display : none;
}
.bg-fullwidth {
position : relative;
}
.bg-fullwidth:before {
content : "";
padding : 0 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;
}
@media (max-width: 992px) {
.block-toggler .title, .footer-container .links .title {
cursor : pointer;
padding : 10px 0;
}
}
.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 : 1.25rem;
}
@media (min-width: 992px) {
.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: 992px) {
.block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
height : 100% !important ;
}
}
@media (max-width: 991px) {
.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;
}
}
.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 rgb(0, 0, 0, 0.1);
}
.alert.alert-warning:before {
content : "\f071";
}
.alert.alert-info {
text-shadow : 1px 1px rgb(0, 0, 0, 0.1);
}
.alert.alert-info:before {
content : "\f05a";
}
.alert.alert-danger {
text-shadow : 1px 1px rgb(0, 0, 0, 0.1);
}
.alert.alert-danger:before {
content : "\f00d";
}
.ap-accordion .in {
display : block;
}
.ap-accordion .panel-group .panel-default .panel-title {
border-top : 1px solid transparent;
padding : 0;
margin-bottom : 0;
font-size : 0.8125rem;
}
.ap-accordion .panel-group .panel-default .panel-title .collapsed {
display : block;
font-weight : normal;
}
.ap-accordion .panel-default {
border : transparent solid 1px;
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 : 0;
top : 0;
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 : 0;
top : 0;
width : auto;
}
.ap-accordion .panel-default .panel-heading {
background : #f0f0f0;
border : #f0f0f0 solid 1px;
}
.ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
border : #f0f0f0 solid 1px;
}
.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
border-bottom : 0;
}
.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 {
border-radius : 0 0 4px 4px;
}
.rtl .tabs-below .nav-tabs > li > a {
border-radius : 0 0 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 > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus {
border-color : transparent #eaeaea #eaeaea #eaeaea;
}
.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 : 1px solid #eaeaea;
}
.tabs-left .nav-tabs > li > a {
margin-right : -1px;
border-radius : 4px 0 0 4px;
}
.rtl .tabs-left .nav-tabs > li > a {
margin-left : -1px;
margin-right : inherit;
}
.rtl .tabs-left .nav-tabs > li > a {
border-radius : 0 4px 4px 0;
}
.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;
}
.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 : 1px solid #eaeaea;
}
.tabs-right .nav-tabs > li > a {
margin-left : -1px;
border-radius : 0 4px 4px 0;
}
.rtl .tabs-right .nav-tabs > li > a {
margin-right : -1px;
margin-left : inherit;
}
.rtl .tabs-right .nav-tabs > li > a {
border-radius : 4px 0 0 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;
}
.widget-tabs li {
padding : 5px 8px;
border : transparent solid 1px;
text-transform : uppercase;
}
.widget-tabs li a {
color : #272727;
}
.widget-tabs li.active {
border : #3387f2 solid 1px;
}
.widget-tabs li.active a {
color : #3387f2;
}
.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 : #3387f2;
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 : transparent solid 1px;
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 : 0;
left : 0;
right : 0;
z-index : 9;
opacity : 0;
transition : opacity 0.3s 0s ease;
}
.ApTabs .tab-content > .tab-pane.active {
position : static;
visibility : visible;
opacity : 1;
}
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 rgb(0, 0, 0, 0.2);
padding : 0.625rem 0.9375rem;
text-transform : uppercase;
color : #FFFFFF;
transition : all 0.1s ease-in-out;
}
.item-gmap-store:hover {
color : #000000;
border-bottom : 1px solid rgb(0, 0, 0, 0.4);
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%;
}
.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;
max-width : max-content;
margin-left : auto;
margin-right : auto;
}
.box-show-more a:hover {
background-color : #359182;
}
.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;
}
.ap_image .has-animation {
opacity : 0;
}
.ap_image .has-animation.animated {
opacity : 1;
}
.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 : rgb(18, 18, 18, 0.52);
}
.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;
}
.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 : 0;
}
.rtl .embed-responsive iframe, .rtl .embed-responsive object, .rtl .embed-responsive embed {
right : 0;
left : auto;
}
.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 : rgb(204, 153, 0, 0.5);
padding : 5px;
position : relative;
box-shadow : 0 0 5px #bdbdbd;
transition : all 0.4s ease-in-out;
}
.cover-live-edit .link-to-back-end:hover {
background-color : #00e676;
transition : all 0.2s ease-in-out;
}
.ap-cover-hook {
border : #eaeaea solid 1px;
transition : all 0.2s ease-in-out;
}
.ap-cover-hook:hover {
border : #3387f2 dashed 1px;
transition : all 0.2s ease-in-out;
}
.manufacturers_block img {
padding : 1.25rem;
margin : 0.625rem;
}
.manufacturers_block img:hover {
box-shadow : 0 0 6px #ccc;
border-radius : 5px;
}
.widget-category_image .block_content {
text-align : center;
}
.widget-category_image .block_content a {
font-size : 15px;
font-weight : 500;
color : #212121;
}
.widget-category_image .cover-img {
float : left;
}
.rtl .widget-category_image .cover-img {
float : right;
}
@media (max-width: 991px) {
.widget-category_image .cover-img {
float : none;
display : block;
}
}
.widget-category_image .cover-img img {
width : 100%;
height : 100%;
}
.widget-category_image .cate_content:hover label {
color : #3276b1;
cursor : pointer;
}
@media (max-width: 991px) and (min-width: 576px) {
.shop-by-cate .ApColumn:nth-of-type(4n+1) {
clear : both;
}
}
.shop-by-cate {
padding-top : 30px;
border-bottom : 1px solid #eeeeee;
}
.shop-by-cate .title_block {
padding-left : 20px;
font-size : 33px;
font-weight : 500;
color : #343333;
}
.rtl .shop-by-cate .title_block {
padding-right : 20px;
padding-left : inherit;
}
@media (max-width: 991px) {
.shop-by-cate .title_block {
font-size : 20px;
}
}
.shop-by-cate .sub-title-widget {
padding-left : 20px;
font-weight : 500;
font-size : 14px;
color : #666666;
padding-bottom : 30px;
}
.rtl .shop-by-cate .sub-title-widget {
padding-right : 20px;
padding-left : inherit;
}
.latest-blogs {
margin-bottom : 0;
text-align : center;
}
@media (min-width: 992px) {
.latest-blogs {
padding-bottom : 2.5rem;
}
}
.latest-blogs .blog-viewall {
float : none !important ;
margin-top : 27px;
}
.latest-blogs .blog-viewall a {
position : relative;
background : transparent;
color : #343333;
font-size : 14px;
font-weight : 500;
text-transform : capitalize;
padding : 3px 0;
}
.latest-blogs .blog-viewall a:after {
content : '';
position : absolute;
left : 0;
right : 0;
bottom : 0;
height : 1px;
background : #343333;
}
.latest-blogs .right-block {
text-align : center;
}
.latest-blogs .right-block .created, .latest-blogs .right-block .author {
position : relative;
font-size : 14px;
font-weight : 500;
color : #999999;
}
.latest-blogs .right-block .created {
padding-right : 20px;
}
.latest-blogs .right-block .created:after {
content : "";
position : absolute;
width : 10px;
height : 1px;
background : #999999;
top : 0;
right : 0;
transform : rotate(90deg);
top : 10px;
right : 5px;
left : auto;
}
.latest-blogs .blog-image-container {
float : left;
overflow : hidden;
position : relative;
margin-bottom : 1.875rem;
}
.rtl .latest-blogs .blog-image-container {
float : right;
}
.latest-blogs .blog-title {
text-transform : capitalize;
font-size : 20px;
line-height : 30px;
font-weight : 500;
max-width : 440px;
margin : auto;
padding-top : 20px;
}
.latest-blogs .blog-desc {
padding-top : 0.9375rem;
text-align : justify;
line-height : 25px;
}
@media (max-width: 991px) {
.latest-blogs .blog-title {
font-size : 16px;
line-height : 20px;
}
}
.latest-blogs .more {
margin-top : 0.9375rem;
position : relative;
background : transparent;
color : #343333;
font-size : 14px;
font-weight : 500;
text-transform : capitalize;
padding : 3px 0;
}
.latest-blogs .more:after {
content : '';
position : absolute;
left : 0;
right : 0;
bottom : 0;
height : 1px;
background : #343333;
}
.latest-blogs .more:hover {
color : #ffcb1c;
}
.latest-blogs .more:hover:after {
background : #ffcb1c;
}
.ecase-more-info {
background-color : #FFFFFF;
position : absolute;
z-index : 4000;
top : 0;
width : 0;
min-height : 100%;
overflow : hidden;
right : 0;
float : left;
text-align : left;
box-shadow : 0 5px 20px 0 rgb(0, 0, 0, 0.15);
transition : all 0.4s 0s ease;
opacity : 0;
}
.rtl .ecase-more-info {
left : 0;
right : auto;
}
.rtl .ecase-more-info {
float : right;
}
.rtl .ecase-more-info {
text-align : right;
}
.ecase-more-info .thumbs_list {
margin : auto;
overflow : hidden;
width : 80px;
height : 240px;
}
.ecase-more-info .thumbs_list ul.thumbs_list_frame {
margin-bottom : 0;
list-style-type : none;
padding-left : 0;
}
.rtl .ecase-more-info .thumbs_list ul.thumbs_list_frame {
padding-right : 0;
padding-left : inherit;
}
.ecase-more-info .thumbs_list li {
cursor : pointer;
width : 80px;
height : 80px;
}
.ecase-more-info .thumbs_list li a {
display : block;
text-align : center;
}
.ecase-more-info .thumbs_list li .ecase-hover-image {
max-width : 100%;
}
.ecase-more-info .view_scroll_left, .ecase-more-info .view_scroll_right {
position : absolute;
width : 15px;
margin : auto;
left : 0;
right : 0;
}
.ecase-more-info .view_scroll_right {
bottom : 0;
margin-bottom : 0.3125rem;
}
.ecase-more-info .view_scroll_left {
margin-top : 0.3125rem;
}
.ecase-more-over {
position : relative;
z-index : 0;
}
.ecase-more-image {
top : 0;
position : absolute;
opacity : 0;
left : 0;
}
.rtl .ecase-more-image {
right : 0;
left : auto;
}
.ecase-more-over {
position : relative;
z-index : 0;
}
.ecase-more-image {
top : 0;
position : absolute;
opacity : 0;
left : 0;
}
.rtl .ecase-more-image {
right : 0;
left : auto;
}
.block {
position : relative;
}
.block .sub-title-widget {
font-size : 14px;
font-weight : 500;
color : #343333;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
text-align : center;
padding : 0 20px;
}
.block .title_block {
padding-top : 30px;
text-align : center;
font-size : 33px;
font-weight : 500;
color : #343333;
margin : 0;
}
@media (max-width: 991px) {
.block .title_block {
font-size : 25px;
margin : 1rem 0 0.5rem;
}
}
.instagram-block .owl-item {
padding-left : 0;
padding-right : 0;
}
.instagram-block .owl-item a {
display : inline-block;
overflow : hidden;
position : relative;
}
.instagram-block .owl-item a img {
width : 100%;
}
.instagram-block .owl-item a:before {
content : '';
position : absolute;
background-color : rgb(0, 0, 0, 0.5);
width : 100%;
height : 100%;
opacity : 0;
transition : all 0.3s 0.1s cubic-bezier(0.44,0.13,0.48,0.87);
}
.instagram-block .owl-item a:after {
content : "\f16d";
position : absolute;
font-family : "FontAwesome";
bottom : 50%;
left : 50%;
top : auto;
right : auto;
font-size : 35px;
color : #FFFFFF;
transition : all 0.3s 0s ease;
opacity : 0;
transform : translate(-50%,50%);
transform : scale(0);
transition : all 0.3s 0.1s cubic-bezier(0.44,0.13,0.48,0.87);
}
.instagram-block .owl-item a:hover:before, .instagram-block .owl-item a:hover:after {
opacity : 1;
}
.instagram-block .owl-item a:hover:after {
transform : scale(1);
}
.instagram-block .link-instagram a {
margin : 0.625rem 0 0;
}
.instagram-block .title_block {
text-align : left;
}
.rtl .instagram-block .title_block {
text-align : right;
}
@media (min-width: 992px) and (max-width: 1199px) {
.instagram-block .title_block {
font-size : 25px;
padding-top : 0;
}
}
.instagram-block .sub-title-widget {
font-size : 12px;
color : #666666;
font-weight : 400;
position : absolute;
top : 35%;
right : auto;
left : 0;
transform : translate(0,0);
}
.rtl .instagram-block .sub-title-widget {
right : 0;
left : auto;
}
.instagram-block .sub-title-widget:before {
display : none;
}
.instagram-block .link-instagram {
position : absolute;
display : inline-block;
bottom : 20%;
right : auto;
left : 0;
}
.rtl .instagram-block .link-instagram {
right : 0;
left : auto;
}
@media (min-width: 1200px) {
.instagram-block {
position : relative;
display : flex;
align-items : center;
overflow : hidden;
justify-content : flex-end;
}
.instagram-block a img {
height : 465px;
}
}
@media (max-width: 1199px) {
.instagram-block .title_block {
font-size : 25px;
padding-top : 0;
padding-bottom : 15px;
margin : 0;
}
.instagram-block .sub-title-widget {
position : static;
padding-bottom : 15px;
}
.instagram-block .link-instagram {
position : static;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.link-instagram {
display : block;
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
width : 120px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.box-instagram-blog {
display : flex;
align-items : center;
}
}
#instafeed {
margin : 0;
text-align : right;
max-width : 522px;
}
.rtl #instafeed {
text-align : left;
}
@media (min-width: 992px) {
.box-column-logo {
order : 1;
}
.box-column-menu {
order : 2;
}
.box-column-setting {
order : 3;
}
.box-column-menu {
display : flex;
justify-content : center;
padding-top : 30px;
}
}
@media (max-width: 991px) {
.box-column-logo {
text-align : center;
}
.top-header {
padding : 0 0;
}
.box-column-menu {
position : static;
padding-top : 25px;
}
}
.top-header {
display : flex;
align-items : center;
}
.box-column-setting {
display : flex;
justify-content : flex-end;
align-items : center;
padding-top : 30px;
}
@media (min-width: 1200px) {
.box-left {
padding-right : 120px;
}
.rtl .box-left {
padding-left : 120px;
padding-right : inherit;
}
}
@media (min-width: 576px) {
.box-left {
padding-left : 0;
}
}
.box-html-1 {
position : relative;
}
@media (min-width: 992px) {
.box-html-1 {
padding-top : 80px;
}
.box-html-1:after {
content : "";
padding : 0 10000px;
width : 100%;
position : absolute;
height : 1px;
display : block !important ;
top : 0;
background : #e7e7e7;
margin-left : -1000px;
}
.rtl .box-html-1:after {
margin-right : -1000px;
margin-left : inherit;
}
}
@media (min-width: 768px) {
.box-html-1 {
display : flex;
align-items : center;
}
}
@media (max-width: 991px) {
.box-html-1 {
padding-top : 20px;
}
}
.box-html-2 .box-left {
text-align : right;
}
@media (min-width: 1200px) {
.box-html-2 .box-left {
padding : 0 120px 0 120px;
}
.rtl .box-html-2 .box-left {
padding : 0 120px 0 120px;
}
}
@media (min-width: 768px) {
.box-html-2 {
display : flex;
align-items : center;
padding : 20px 0;
}
}
@media (min-width: 1200px) {
.box-html-3 .box-left {
padding : 0 120px 0 120px;
}
.rtl .box-html-3 .box-left {
padding : 0 120px 0 120px;
}
}
@media (min-width: 576px) {
.box-html-3 {
display : flex;
align-items : center;
padding-bottom : 20px;
}
}
.rectangle h4.title-image {
font-size : 48px;
color : #343333;
font-weight : 400;
margin-bottom : 28px;
}
.rectangle p.title-yellow {
font-size : 16px;
color : #343333;
background : #fff7dc;
padding : 6.5px 25px;
border-radius : 20px;
font-weight : 400;
margin-bottom : 21px;
}
.rectangle p.desc {
font-size : 17px;
line-height : 24px;
color : #666666;
font-weight : 400;
}
.rectangle a.button-shop {
margin-top : 38px;
background-position : 100% 0;
display : inline-block;
min-width : 240px;
border : #343333 solid 2px;
padding : 15.5px 42px;
border-radius : 50px;
font-size : 16px;
font-weight : 500;
color : #343333;
transition : all 0.5s ease;
}
.rectangle a.button-shop:hover {
background-image : linear-gradient(90deg, #7E537B 10%, #A05557 45%, #BD5B47 55%);
background-position : 0 0;
background-size : 200% 200%;
border-color : #ffcb1c;
color : #ffcb1c;
}
@media (max-width: 991px) {
.rectangle h4.title-image {
font-size : 25px;
}
.rectangle p.title-yellow {
font-size : 14px;
}
.rectangle p.desc {
font-size : 14px;
}
.rectangle a.button-shop {
margin-top : 0;
min-width : 150px;
padding : 10px;
}
}
.backgroud-service {
display : flex;
align-items : center;
text-align : center;
}
.backgroud-service p.title {
font-size : 42px;
text-align : center;
font-weight : 500;
color : #343333;
line-height : 48px;
}
.backgroud-service .button-more {
margin-top : 38px;
display : inline-block;
background-position : 100% 0;
font-size : 14px;
text-transform : uppercase;
font-weight : 700;
border : none;
border-radius : 50px;
color : #FFFFFF;
text-align : center;
padding : 21.5px 50px;
background-image : linear-gradient(to right, #fac602, #29e16d 75%);
transition : all 0.5s ease;
}
.backgroud-service .button-more:hover {
background-image : linear-gradient(90deg, #7E537B 10%, #A05557 45%, #BD5B47 55%);
background-position : 0 0;
background-size : 200% 200%;
}
@media (max-width: 991px) {
.backgroud-service {
min-height : 300px !important ;
}
.backgroud-service p.title {
font-size : 25px;
line-height : 35px;
}
}
.block_carousel .sub-title-widget {
transform : translate(0,0);
right : auto;
left : 0;
}
.rtl .block_carousel .sub-title-widget {
right : 0;
left : auto;
}
.block_carousel .sub-title-widget:before {
display : none;
}
.block_carousel .title_block {
text-align : center;
margin : 0;
padding-bottom : 20px;
width : 100%;
}
.rtl .block_carousel .title_block {
text-align : right;
}
.rtl .block_carousel .title_block {
padding-left : 20px;
padding-right : inherit;
}
@media (min-width: 992px) {
.product-best-seller {
padding-top : 80px;
}
}
.product-best-seller .carousel-item.active {
perspective : unset;
}
.box-free .ApColumn:after {
content : '';
position : absolute;
width : 42px;
height : 1px;
background : #eeeeee;
top : 22px;
right : 0;
left : auto;
transform : rotate(90deg);
}
.rtl .box-free .ApColumn:after {
right : auto;
left : 0;
}
.box-free .ApColumn:nth-of-type(4):after {
display : none;
}
.box-free .service-free {
display : flex;
align-items : center;
}
.box-free .service-free .image_description {
padding : 0 5px 0 20px;
}
.rtl .box-free .service-free .image_description {
padding : 0 20px 0 5px;
}
.box-free .service-free .image_description h4 {
margin : 0;
padding-bottom : 10px;
font-size : 16px;
cursor : pointer;
}
@media (max-width: 1199px) {
.box-free .service-free .image_description h4 {
font-size : 14px;
}
}
.box-free .service-free .image_description p {
margin : 0;
font-size : 14px;
color : #666666;
cursor : pointer;
font-weight : 400;
line-height : 24px;
}
.box-free .service-free .icon-fr {
font-size : 40px;
color : #343333;
position : absolute;
left : auto;
right : 50%;
bottom : 50%;
top : auto;
transform : translate(50%,50%);
}
.box-free .service-free .icon-free {
border-radius : 100%;
width : 55px;
height : 55px;
position : relative;
}
.box-free .service-free:hover .icon-free {
transition : all 0.4s ease;
transform : rotate(360deg);
border : #eaeaea solid 1px;
box-shadow : 0 0 0 5px rgb(255, 211, 216, 0.4);
}
@media (min-width: 992px) {
.box-free {
padding : 0 30px;
}
.box-free .service-free {
margin : 0;
}
}
@media (max-width: 991px) {
.box-free .last-item {
margin : 0;
}
}
.three-image {
background : #f7f7f7;
}
.three-image .ApColumn {
padding-left : 0;
padding-right : 0;
}
.three-image .ApImage {
position : relative;
}
.three-image .ApImage .image_description {
position : absolute;
top : 53px;
right : auto;
left : 53px;
}
.rtl .three-image .ApImage .image_description {
right : 53px;
left : auto;
}
.three-image .ApImage .image_description .desc-top {
font-size : 18px;
font-weight : 500;
color : #FFFFFF;
}
.three-image .ApImage .image_description .title {
font-size : 42px;
line-height : 45px;
font-weight : 700;
color : #FFFFFF;
}
.three-image .ApImage .image_description .desc {
font-size : 18px;
font-weight : 400;
color : #FFFFFF;
padding-top : 19px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.three-image .ApImage .image_description .title {
font-size : 23px;
line-height : 27px;
}
.three-image .ApImage .image_description .desc {
padding-top : 0;
}
.three-image .ApImage .image_description .btn-readmore {
margin-top : 0;
padding : 7.5px 15px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.three-image .ApImage .image_description {
left : 35px;
}
.three-image .ApImage .image_description .title {
font-size : 17px;
line-height : 20px;
}
.three-image .ApImage .image_description .desc, .three-image .ApImage .image_description .desc-top {
display : none;
}
.three-image .ApImage .image_description .btn-readmore {
margin-top : 0;
padding : 8.5px 20px;
}
}
@media (max-width: 575px) {
.three-image .ApImage .image_description .title {
font-size : 30px;
line-height : 35px;
}
}
.btn-readmore {
background-position : 100% 0;
border : #fff solid 2px;
padding : 11.5px 32px;
display : inline-block;
font-size : 14px;
color : #FFFFFF;
font-weight : 500;
text-transform : uppercase;
border-radius : 50px;
margin-top : 20px;
transition : all 0.5s ease;
}
.btn-readmore:hover {
background-image : linear-gradient(90deg, #7E537B 10%, #A05557 45%, #BD5B47 55%);
background-position : 0 0;
background-size : 200% 200%;
border-color : #ebc4c4;
color : #ffcb1c;
}
.box-product-carousel {
display : flex;
align-items : center;
}
.box-product-carousel .sub-title-widget {
font-size : 14px;
font-weight : 500;
color : #666666;
z-index : 1;
}
.box-product-carousel .slick-slide {
padding-left : 0;
padding-right : 0;
}
.box-product-carousel .slick-list.draggable {
background : #FFFFFF;
}
.box-product-carousel .thumbnail-container {
margin : 0;
padding : 20px;
}
.box-product-carousel .thumbnail-container .product-title {
margin : 0;
border : none;
}
.box-product-carousel .thumbnail-container .category-default {
padding : 0 0 20px;
border-bottom : 1px solid #ebebeb;
margin-bottom : 20px;
}
.box-product-carousel .thumbnail-container .button-container .add-to-cart {
background : linear-gradient(45deg, #f74e7a, #fda65c);
}
.box-product-carousel .thumbnail-container:before {
content : "";
display : inline-block;
width : 1px;
height : 100%;
background : #ebebeb;
position : absolute;
top : 0;
right : 0;
}
@media (max-width: 1920px) {
.box-blog-carousel {
margin-bottom : 2.5rem;
margin-top : 2.5rem;
text-align : center;
}
.box-blog-carousel .title_block {
font-size : 25px;
line-height : 25px;
margin-bottom : 5px;
padding-top : 15px;
padding-bottom : 0;
text-align : center;
display : block;
padding : 0;
font-size : 25px;
}
.box-blog-carousel .sub-title-widget {
position : relative;
padding-bottom : 25px;
padding-top : 10px;
}
.box-blog-carousel .block_content {
padding-top : 0;
}
.box-blog-carousel .slick-arrows {
position : absolute;
left : 50%;
right : auto;
bottom : -40px;
}
.box-blog-carousel .slick-arrows .slick-arrow {
background : #FFFFFF;
margin : 0 2.5px;
}
.box-blog-carousel .slick-arrows .slick-arrow.slick-next {
left : 0;
right : auto;
}
.box-blog-carousel .slick-arrows .slick-arrow.slick-prev {
right : 0;
left : auto;
}
}
@media (min-width: 576px) {
.box-service {
display : flex;
align-items : center;
padding : 20px 0;
}
}
.box-service .block_content {
padding-left : 50px;
}
.box-service .block_content .title {
font-size : 48px;
line-height : 48px;
font-weight : 700;
color : #343333;
}
.box-service .block_content .title .title-yellow {
color : #3ddf63;
}
.box-service .block_content .desc {
font-size : 18px;
line-height : 24px;
color : #343333;
padding-top : 28px;
}
.box-service .block_content .btn-readmore {
border-color : #343333;
color : #343333;
margin-top : 39px;
}
@media (max-width: 991px) {
.box-service .block_content {
padding-left : 0;
}
.box-service .block_content .title {
text-align : center;
font-size : 25px;
line-height : 25px;
}
.box-service .block_content .desc {
font-size : 15px;
line-height : 21px;
padding-top : 0;
}
.box-service .block_content .btn-readmore {
margin-top : 0;
padding : 7px 16px;
}
}
/*# sourceMappingURL=styles.css.map */