/*!Style Css by @Sahil */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
 @font-face {
  font-family:'Material Icons';
  src: url(MaterialIcons-Regular.woff2);
}
 @font-face {
  font-family:"autozpro";
  src: url(autozpro-icon-1.0.0.woff2);
}
@font-face {
  font-family:"autozpro";
  src: url(autozpro.ttf);
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url(fa-light-300.woff2);
}




:root {
    --font-family-base: 'Manrope',sans-serif;
    --font-family-septenary: 'Manrope',sans-serif;
    --font-family-tertiary: 'Manrope',sans-serif;
    --theme-color-default: #4158F2;
    --theme-color-secondary: #FFC122;
    --theme-color-highlight: #F14141;
    --theme-color-tertiary: #666;
    --theme-color-senary: #333;
    --border-color: #e1e1e1
}

 .footer-container a:not([href]):not([tabindex]) {
     color: #fff;
}
 .footer-container a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
     color: #fff;
     cursor: pointer;
     user-select: none;
}
 

 p, .table th, .table td {
	line-height: 24px;
     font-size: 16px;
	 font-weight:400;
     margin: 0;
     transition: 0.6s all ease;
}
 p, li, a {
     line-height: 24px;
     font-size: 14px;
     font-weight:400;
     margin: 0;
     transition: 0.6s all ease;
}
 ul {
     margin: 0;
     padding: 0;
}
 li {
     list-style-type: none;
}
 body a:hover {
     text-decoration: none;
}

.mb-50{
    margin-bottom:60px !important;
}


/* bg color */
.bg-white{
	background:#F7F7EB;
}



/* font face  */

.box-instagram .ApInstagram p.link-instagram {
    margin: 0
}

.footer-container {
    background-color: #212121;
    font-size: 15px
}

.footer-container .ApHtml .block_content>h4 {
    font-size: 13px;
    margin: 0 0 27px;
    text-transform: uppercase
}

.footer-container .ApHtml .block_content>h4:not(:first-child) {
    margin: 30px 0 20px
}

.footer-container .footer-center {
    padding: 60px 0 70px
}

@media (max-width: 991px) {
    .footer-container .footer-center {
        padding:50px 30px
    }
}

.footer-container .footer-left,.footer-container .footer-right {
    margin-top: 10px
}

@media (max-width: 575px) {
    .footer-container .footer-left,.footer-container .footer-right {
        margin-top:40px
    }
}

.footer-container .footer-left .title_block,.footer-container .footer-right .title_block {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 31px
}

@media (max-width: 575px) {
    .footer-container .footer-left .title_block,.footer-container .footer-right .title_block {
        margin-bottom:15px
    }
}

.footer-container .footer-left {
    text-align: left
}

.rtl .footer-container .footer-left {
    text-align: right
}

@media (max-width: 991px) {
    .footer-container .footer-left {
        text-align:center
    }
}

.footer-container .footer-right {
    text-align: right
}

.rtl .footer-container .footer-right {
    text-align: left
}

@media (max-width: 575px) {
    .footer-container .footer-right {
        text-align:left
    }

    .rtl .footer-container .footer-right {
        text-align: right
    }
}

.footer-container .footer-right p,.footer-container .footer-right a {
    margin: 0;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    display: block
}

.footer-container .footer-right .phone {
    font-size: 20px;
    line-height: 30px;
    color: var(--theme-color-default);
    margin: 0 0 5px
}

.footer-container .footer-right .email {
    line-height: 26px;
    margin-bottom: 27px
}

.footer-container .footer-right .timer p {
    line-height: 24px
}

.footer-container .footer-right .timer span {
    color: #fff
}

.footer-container .footer_center {
    text-align: center
}

@media (max-width: 991px) {
    .footer-container .footer_center {
        order:-1
    }
}

.footer-container .ApBlockLink ul li a {
    color: #999;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    padding: 0;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .footer-container .ApBlockLink ul li {
        text-align:center
    }
}

@media (max-width: 767px) {
    .footer-container .ApBlockLink ul li {
        text-align:left
    }

    .rtl .footer-container .ApBlockLink ul li {
        text-align: right
    }
}

.box-footerlink {
    position: relative
}

@media (max-width: 991px) {
    .box-footerlink .ApHtml {
        position:relative
    }
}

@media (max-width: 991px) and (min-width:481px) {
    .box-footerlink .ApHtml .block_content {
        padding:20px
    }

    .box-footerlink .ApHtml .block_content:after {
        content: "";
        display: block;
        clear: both
    }

    .box-footerlink .ApHtml .block_content h4 {
        width: 30%;
        float: left;
        margin: 20px 0
    }

    .rtl .box-footerlink .ApHtml .block_content h4 {
        float: right
    }

    .box-footerlink .ApHtml .block_content p {
        width: 70%;
        float: left
    }

    .rtl .box-footerlink .ApHtml .block_content p {
        float: right
    }

    .box-footerlink .ApHtml .block_content p:nth-child(2) {
        margin-bottom: 15px
    }
}

@media (max-width: 991px) {
    .box-footerlink .block_newsletter {
        max-width:400px;
        margin: 15px 0
    }

    .box-footerlink .block-social .social-title {
        display: none
    }
}

@media (min-width: 992px) {
    .block_newsletter {
        width:100%
    }
}

.leo-remove-from-cart i.material-icons:before {
    content: "\e646";
    font-family: 'themify'
}

.box-footer {
    display: grid;
    grid-template-columns: 28% 72%;
	 text-align: -webkit-left;
}

@media (max-width: 991px) {
    .box-footer {
        display:block
    }
}

.footer-left {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    border-right: 1px solid rgba(255,255,255,.1)
}

.rtl .footer-left {
    border-left: 1px solid rgba(255,255,255,.1);
    border-right: inherit
}

@media (max-width: 991px) {
    .footer-left {
        border:none
    }
}

.footer-contact {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin-left: 70px;
    width: calc(100% - 70px);
    display: flex;
    /* align-items: center; */
    gap: 0 70px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.rtl .footer-contact {
    margin-right: 70px;
    margin-left: inherit
}

@media (min-width: 992px) {
    .footer-contact {
        padding-left:0
    }

    .rtl .footer-contact {
        padding-right: 0;
        padding-left: inherit
    }
}

@media (max-width: 1400px) {
    .footer-contact {
        width:calc(100% - 30px);
        margin-left: 30px;
        display: block;
        padding-bottom: 0
    }

    .rtl .footer-contact {
        margin-right: 30px;
        margin-left: inherit
    }

    .footer-contact .block-social {
        margin-top: 15px
    }
}

@media (max-width: 991px) {
    .footer-contact {
        display:flex;
        flex-wrap: wrap-reverse;
        width: 100%;
        margin-left: 0;
        padding-bottom: 30px
    }

    .rtl .footer-contact {
        margin-right: 0;
        margin-left: inherit
    }

    .footer-contact .block-social {
        width: 100%
    }

    .footer-contact .block-social ul {
        display: flex;
        justify-content: center;
        gap: 0 5px
    }
}

.footer-contact>div:not(.block-social) {
    flex: 1
}

.footer-contact .block_content ul {
    display: flex;
    justify-content: space-between;
    /* align-items: center */
}

@media (max-width: 700px) {
    .footer-contact .block_content ul {
        flex-wrap:wrap;
        gap: 15px
    }
}

.footer-contact .block_content ul li span {
    display: block;
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.footer-contact .block_content ul li span::before {
    font-family: "autozpro";
    color: var(--theme-color-secondary);
    margin-right: 9px;
    font-weight: 500;
    font-size: 16px
}

.rtl .footer-contact .block_content ul li span::before {
    margin-left: 9px;
    margin-right: inherit
}

.footer-contact .block_content ul li span.hotline::before {
    content: "\e90b"
}

.footer-contact .block_content ul li span:not(.hotline):before {
    content: "\e906"
}

.footer-contact .block_content ul li a:not(.btn-page),.footer-contact .block_content ul li p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
    color: #FFF
}

@media (max-width: 700px) {
    .footer-contact .block_content ul li:last-child {
        width:100%;
        text-align: center;
        margin-top: 30px
    }

    .footer-contact .block_content ul li:last-child a {
        display: inline-flex
    }
}

.footer-contact .block_content .btn-page {
    background-color:  #0859ad !important;
    color: #fff;
    font-weight: 800;
    display: flex;
    flex-direction: row-reverse;
	padding: 16px 29px;
}
.footer-contact .block_content .btn-page:hover {
    background-color: #FFC122 !important;
}
.footer-contact .block_content .btn-page::after {
    content: "\e909";
    font-family: "autozpro";
    margin-left: 0;
    margin-right: 8px;
    font-weight: 500
}

.rtl .footer-contact .block_content .btn-page::after {
    margin-right: 0;
    margin-left: inherit
}

.rtl .footer-contact .block_content .btn-page::after {
    margin-left: 8px;
    margin-right: inherit
}

.footer-contact .block_content .btn-page::before {
    background-color: var(--theme-color-secondary)
}

.footer-contact .block_content .btn-page:hover {
    color: #000
}

.footer-contact .block-social li {
    background-color: #000;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: 0.5s all
}

.footer-contact .block-social li:before {
    color: #fff;
    line-height: 38px;
    font-size: 14px;
    display: block
}

.footer-contact .block-social li:hover {
    border-color: #fff;
    background-color: #fff
}

.footer-contact .block-social li:hover::before {
    color: var(--theme-color-default)
}

.footer-block-link {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-left: 70px;
    width: calc(100% - 70px);
    padding-top: 45px;
    display: flex;
    justify-content: space-between
}

.rtl .footer-block-link {
    margin-right: 70px;
    margin-left: inherit
}

@media (min-width: 992px) {
    .footer-block-link {
        padding-left:0
    }

    .rtl .footer-block-link {
        padding-right: 0;
        padding-left: inherit
    }
}

@media (max-width: 1400px) {
    .footer-block-link {
        width:calc(100% - 30px);
        margin-left: 30px
    }

    .rtl .footer-block-link {
        margin-right: 30px;
        margin-left: inherit
    }
}

@media (max-width: 991px) {
    .footer-block-link {
        width:100%;
        margin-left: 0
    }

    .rtl .footer-block-link {
        margin-right: 0;
        margin-left: inherit
    }
}

@media (max-width: 700px) {
    .footer-block-link {
        flex-wrap:wrap;
        gap: 30px 0
    }
}

.footer-block-link>.block {
    flex: 1
}

.footer-block-link>.block .title_block {
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 17px;
    letter-spacing: 0;
	font-family: 'Manrope', sans-serif;
    font-weight: 800;
}

@media (max-width: 700px) {
    .footer-block-link>.block {
        flex:none;
        width: 50%
    }

    .footer-block-link>.block .title_block {
        margin-bottom: 10px
    }
}

@media (max-width: 400px) {
    .footer-block-link>.block {
        width:100%
    }
}

.footer-block-link .block-toggler .navbar-toggler {
    position: relative
}

@media (max-width: 767px) {
    .footer-block-link .title.clearfix {
        display:flex;
        justify-content: center
    }

    .footer-block-link .title.clearfix .title_block:hover {
        color: var(--theme-color-default);
        cursor: pointer
    }
}

@media (max-width: 700px) {
    .footer-block-link .title.clearfix {
        justify-content:flex-start
    }
}

.footer-block-link .float-xs-right {
    margin-top: -8px
}

.footer-block-link .block-toggler .navbar-toggler i {
    color: #fff;
    font-weight: 600
}

.footer-block-link .block-toggler .navbar-toggler i:hover {
    color: var(--theme-color-default)
}

.footer-left .logo-second {
    margin-bottom: 30px
}

.block_content .footer-left-text {
    color: #999;
    margin-bottom: 30px;
    max-width: 410px
}

@media (max-width: 991px) {
    .block_content .footer-left-text {
        margin:0 auto 30px
    }
}

.footer-left-image {
    display: flex;
    align-items: flex-start;
    padding-left: 40px;
    gap: 0 23px
}

.rtl .footer-left-image {
    padding-right: 40px;
    padding-left: inherit
}

.footer-left-image .image_description .footer-title {
    color: var(--theme-color-secondary);
    font-size: 18px;
    line-height: 16px;
    font-weight: 800;
    margin-bottom: 11px
}

.footer-left-image .image_description p {
    margin-bottom: 15px;
    color: #999;
    max-width: 190px
}

@media (max-width: 1199px) {
    .footer-left-image .image_description .btn-link::after {
        position:relative;
        right: auto;
        margin-left: 10px
    }

    .rtl .footer-left-image .image_description .btn-link::after {
        margin-right: 10px;
        margin-left: inherit
    }
}

@media (max-width: 991px) {
    .footer-left-image {
        padding-left:0;
        justify-content: center
    }

    .rtl .footer-left-image {
        padding-right: 0;
        padding-left: inherit
    }
}

.box-footer-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255,255,255,.1)
}

@media (max-width: 767px) {
    .box-footer-bottom {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.box-footer-bottom .block_content div {
    text-align: left;
    color: #999
}

.rtl .box-footer-bottom .block_content div {
    text-align: right
}

@media (max-width: 767px) {
    .box-footer-bottom .block_content div {
        text-align:center
    }
}

.box-footer-bottom .block_content div a {
    color: #0859ad;
}

.box-bottom-card .block {
    text-align: right
}

.rtl .box-bottom-card .block {
    text-align: left
}

@media (max-width: 767px) {
    .box-bottom-card .block {
        text-align:center;
        margin-top: 15px
    }
}

.box-banner-filter {
    padding-top: 55px;
    padding-bottom: 55px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.box-banner-filter .container-filter {
    padding: 28px 30px 43px;
    background-color: #fff;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .box-banner-filter .container-filter {
        padding:20px 15px 30px
    }
}

.box-banner-filter .container-filter #mmy tr {
    flex-wrap: wrap
}

.box-banner-filter .container-filter .field-search .value-search {
    width: 100%
}

.box-banner-filter .container-filter .filter-head-title {
    width: 100%;
    color: #000;
    margin-bottom: 9px
}

.box-banner-filter .container-filter .leo-partsfilter-submit {
    width: 100%
}

.box-banner-filter .container-filter .leo-partsfilter-submit .label {
    width: 100%
}

.box-banner-filter .container-filter .field-search .btn-group .btn-default:after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}

.rtl .box-banner-filter .container-filter .field-search .btn-group .btn-default:after {
    left: 15px;
    right: auto
}

.block-toggler .title,.footer-container .links .title {
    cursor: pointer;
    position: relative
}

.block-toggler .title .collapse-icons .remove,.footer-container .links .title .collapse-icons .remove {
    display: none
}

.block-toggler .title[aria-expanded="true"] .collapse-icons .add,.footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
    display: none
}

.block-toggler .title[aria-expanded="true"] .collapse-icons .remove,.footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
    display: block
}

.block-toggler .navbar-toggler,.footer-container .links .navbar-toggler {
    display: block;
    padding: 0;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0
}

.rtl .block-toggler .navbar-toggler,.rtl .footer-container .links .navbar-toggler {
    left: 0;
    right: auto
}

.block-toggler .navbar-toggler i,.footer-container .links .navbar-toggler i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

@media (min-width: 768px) {
    .block-toggler.accordion_small_screen .collapse-icons,.footer-container .links.accordion_small_screen .collapse-icons {
        display:none;
    }
}

.block-toggler.accordion_small_screen .collapse,.footer-container .links.accordion_small_screen .collapse {
    display: block
}

@media (min-width: 768px) {
    .block-toggler.accordion_small_screen .collapse,.footer-container .links.accordion_small_screen .collapse {
        height:100%!important
    }
}

@media (max-width: 767px) {

    .block-toggler.accordion_small_screen .collapse,.footer-container .links.accordion_small_screen .collapse {
        display:none
    }

    .block-toggler.accordion_small_screen .collapse.in,.footer-container .links.accordion_small_screen .collapse.in {
        display: block
    }
}


.block-social ul {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .block-social ul {
        clear:both
    }
}

.block-social li {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    width: 42px;
    height: 42px
}

.block-social li:hover {
    color: var(--theme-color-default)
}

.block-social li a {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    display: none
}

.block-social li a:hover {
    color: var(--theme-color-default)
}

.block-social li:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 18px
}

.block-social li.facebook:before {
    content: "\f09a"
}

.block-social li.twitter:before {
    content: "\f099"
}

.block-social li.rss:before {
    content: "\f09e"
}

.block-social li.youtube:before {
    content: "\f16a"
}

.block-social li.googleplus:before {
    content: "\f0d5"
}

.block-social li.pinterest:before {
    content: "\f0d2"
}

.block-social li.vimeo:before {
    content: "\f27d"
}

.block-social li.instagram:before {
    content: "\f16d"
}

#index .footer-container {
    border: 0
}

.footer-container {
    position: relative
}

.footer-container .ApLink li a {
    display: inline-block;
    line-height: 20px;
    padding: 8px 0;
    vertical-align: top;
    transition: all .4s
}

.footer-container .ApLink li a:hover {
    transform: translateX(5px);
    color: var(--theme-color-default)
}

#footer .rte-setting svg {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    font-size: 16px;
    fill: #666;
    padding-right: 5px
}

.rtl #footer .rte-setting svg {
    padding-left: 5px;
    padding-right: inherit
}

@media (max-width: 768px) {
    #footer-payment-methods {
        margin-top:15px
    }
}

.contact-rich {
    color: #878787;
    margin-bottom: 32px
}

.contact-rich h4 {
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 32px
}

.contact-rich .block {
    height: auto;
    overflow: hidden
}

.contact-rich .block .icon {
    float: left;
    width: 56px
}

.rtl .contact-rich .block .icon {
    float: right
}

.contact-rich .block .icon i {
    font-size: 32px
}

.contact-rich .block .data {
    color: #414141;
    font-size: 16px;
    width: auto;
    overflow: hidden
}

.contact-rich .block .data.email {
    padding-top: 6px
}

.contact-form {
    padding: 16px;
    color: #878787;
    width: 100%
}

.contact-form h3 {
    text-transform: uppercase;
    color: #414141
}

.block_content
{
	text-align: left;
    color: #999;
}


.footer-contact .block_content .btn-page::before {
    background-color: var(--theme-color-secondary);
}
.btn-outline.btn-page::before, .btn.btn-page::before, .btn-primary.btn-page::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    color: #FFF;
    background-color: var(--theme-color-default);
    transition: all 0.4s cubic-bezier(.42,0,.58,1);
    border-radius: 3px;
}
.btn-outline.btn-page:hover::before, .btn.btn-page:hover::before, .btn-primary.btn-page:hover::before {
    left: 0%;
    right: auto;
    width: 100%;
}