/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Global fix */
body .box-top{
	padding: 0 60px;
}
@media (max-width: 1199px) {
    body .box-top {
        padding: 0 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .box-top {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: auto;
        height: 90px;
    }
	.box-top .ApColumn:nth-child(1){
		padding-top: 10px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
    .box-top {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: auto;
        height: 70px;
    }
	.box-top .ApColumn:nth-child(1){
		padding-top: 10px !important;
	}
}
@media (max-width: 767px){
	.box-top .ApColumn:nth-child(1){
		padding-top: 10px !important;
	}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Poppins', sans-serif;
}
.card{
	box-shadow: none !important;
}
.card-block{
	background: #fbfbfb;
	border: 1px solid #eaeaea;
	padding: 2rem;
}
#checkout #wrapper{
	padding: 30px 0 !important;
}
.h7-list-cate .cate-blok{
	width: 20% !important;
}
.h7-list-cate .cate-blok i{
	font-size: 46px !important;
}
@media screen and (max-width: 767px){
	.h7-list-cate .cate-blok{
		width: 33.3333% !important;
	}
}
@media screen and (max-width: 399px){
	.h7-list-cate .cate-blok{
		width: 50% !important;
	}
}

.header-top .img-fluid{
	width: 250px;
}

/* Fix quick login */
.ApQuicklogin{
	float: right;
	display: flex;
}
.ApQuicklogin > a span{
	line-height: 1.25rem;
}
.ApQuicklogin > a i{
	display: block !important;
	margin: 0 auto;
}
.ApQuicklogin > a i{
	font-size: 0;
	position: relative;
	width: 24px;
	height: 24px;
}
.ApQuicklogin > a i:before{
	position: relative;
	font-size: 20px;
	content: '';
	font-family: 'Auros';
}
.ApQuicklogin > a.leo-quicklogin i:before{
	content: '\e92b';
}
.ApQuicklogin > a.logout i:before{
	content: '\f08b';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	line-height: 24px;
}
.ApQuicklogin > a.account i:before{
	content: '\e92b';
}
.ApQuicklogin > a.logout,
.ApQuicklogin > a.account{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ApQuicklogin > a.logout span,
.ApQuicklogin > a.account span{
	display: none !important;
}
.ApQuicklogin > a.leo-quicklogin-nav.leo-quicklogin{
	display: flex;
	align-items: center;
}
.ApQuicklogin > a.leo-quicklogin-nav.leo-quicklogin span{
	display: none !important;
}
.ApQuicklogin > a:before{
	display: none;
}
.full-width .leo-login-title .title-only, .leo-login-title .title-both{
	font-family: 'Poppins', sans-serif;
}


.box-top #leo_search_block_top .title_block{
	width: 24px !important;
	margin-right: 15px !important;
}

/* Fix header */
#wrapper .breadcrumb:before{
	background: #363030 url('../img/bg-breadcrumb.webp') center center no-repeat;
}


/* Contact page fix */
.contact-rich {
    color: #666;
    margin-bottom: 50px;
    padding: 70px 0;
    text-align: center;
    line-height: 23px;
    border-bottom: 1px solid #ddd
}

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

.contact-rich .rich-title {
    margin: 30px 0;
    font-weight: 400;
    font-size: 20px;
	text-transform: none;
}

@media (max-width: 575px) {
    .contact-rich .block {
        margin-bottom:30px
    }
}

.contact-rich .block{
	padding: .5rem;
	display: flex;
	flex-direction: column;
}
.contact-rich .block .icon {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: auto;
    color: #e97e3d;
    border-radius: 50px;
    -moz-box-shadow: 0 0 0 2px #e97e3d;
    -webkit-box-shadow: 0 0 0 2px #e97e3d;
    -o-box-shadow: 0 0 0 2px #e97e3d;
    -ms-box-shadow: 0 0 0 2px #e97e3d;
    box-shadow: 0 0 0 2px #e97e3d;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s
}

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

.contact-rich .block .icon:after {
    content: '';
    pointer-events: none;
    position: absolute;
    width: 82px;
    height: 82px;
    top: -1px;
    left: -1px;
    padding: 0;
    z-index: 10;
    border: 1px dashed #e97e3d;
    visibility: hidden;
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 50px
}

.contact-rich .block:hover .icon {
    -moz-box-shadow: 0 0 0 4px rgba(254,108,97,0);
    -webkit-box-shadow: 0 0 0 4px rgba(254,108,97,0);
    -o-box-shadow: 0 0 0 4px rgba(254,108,97,0);
    -ms-box-shadow: 0 0 0 4px rgba(254,108,97,0);
    box-shadow: 0 0 0 4px rgba(254,108,97,0)
}

.contact-rich .block:hover .icon:after {
    visibility: visible;
    opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

#contact .widget-gmap {
    margin-bottom: 0
}

#contact .footer-container {
    margin-top: 0
}

#contact-form-box {
    margin-bottom: 40px
}

#contact-form-box .page-content {
    margin: 0 auto;
    padding: 0;
    border: none
}

@media (min-width: 992px) {
    #contact-form-box .page-content {
        max-width:80%
    }
}

#contact-form-box .contact-form {
    color: #878787;
    width: 100%
}

#contact-form-box .contact-form h3 {
    color: #414141;
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    font-family: "Harmonia Sans Pro Cyr"
}

@media (min-width: 992px) {
    #contact-form-box .contact-form h3 {
        padding:20px 0;
        border-bottom: 1px solid #e6e6e6
    }
}

#contact-form-box .contact-form .form-control {
    height: 50px;
    font-size: 14px;
    padding: 8px 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0
}

#contact-form-box .contact-form textarea {
    min-height: 160px
}

#contact-form-box .contact-form .form-control-label {
    padding-top: 5px
}

#contact-form-box .contact-form .btn-default,#contact-form-box .contact-form .bootstrap-touchspin .btn-touchspin,.bootstrap-touchspin #contact-form-box .contact-form .btn-touchspin {
    background: #929090
}

#contact-form-box .contact-form .input-group-btn>.btn {
    height: 50px;
    line-height: 50px
}

#contact-form-box .form-footer .btn {
    width: 100%;
    height: 50px
}

#contact-form-box .form-footer>div {
    margin-top: 10px
}

#contact-form-box .form-footer>div .form-check-label {
    padding-left: 0
}

.rtl #contact-form-box .form-footer>div .form-check-label {
    padding-right: 0;
    padding-left: inherit
}

#contact-form-box .form-footer>div br {
    display: none
}

#contact-form-box .form-footer>div input {
    vertical-align: middle
}

#contact-form-box .form-footer>div a {
    padding-left: 5px
}

.rtl #contact-form-box .form-footer>div a {
    padding-right: 5px;
    padding-left: inherit
}

/* Fix product options module */
.h7-boxbanner.text-black,
.h7-boxbanner.text-black span,
.h7-boxbanner.text-black h2,
.h7-boxbanner.text-black a{
	color: #000;
}
.h7-boxbanner.text-black a{
	border-color: #000;
}


.from-group-option img{
	width: 40px !important;
	height: 40px !important;
	margin-right: .25rem;
}
.from-group-option .radio{
	margin-bottom: .25rem !important;
}


.product-actions > form{
	display: flex;
	flex-direction: column;
}
.product-actions > form .product-variants{
	order: 1;
}
.product-actions > form .block-product-attribute-custom{
	order: 2;
}
.product-actions > form .product-discounts{
	order: 3;
}
.product-actions > form .product-add-to-cart{
	order: 4;
}

.from-group-option.group--lak{
	display: flex;
	flex-wrap: wrap;
}
.from-group-option.group--lak h5{
	width: 100%;
}
.from-group-option.group--lak .radio{
	width: 33.333%;
}

/* Other fixes */
#blockcart-modal .cart-content-btn{
	text-align: left;
}
#blockcart-modal .cart-content .btn{
	width: 100%;
}
section.checkout-step #delivery-address .form-fields .form-group > .col-md-3:last-child{
	text-align: right;
    font-size: .625rem;
    padding-top: 0;
	color: #999;
}
body#checkout section.checkout-step .content{
	max-width: 920px !important;
}
body#checkout #order-summary-content #order-items h3.h3{
	font-size: 15px !important;
	text-transform: none !important;
}
.js-modal-content{
	padding: .5rem;
}