/* @ Update 1402/02/11 | 15:07 */
@charset "utf-8";
/* CSS Document */

:root {
    --color1:#e83167;
    --color2:#1d32cd;
    --color3:#252c4b;
    --color4:#fbac1c;
    --gray:#dcdcdc;
    --black2:#3f3f3f;
    --black1:#111;
    --lightGray:#f3f3f3;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: "rtl-font";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/IRANSansWeb.woff2") format("woff2");
}


body{
    /*background-color: var(--lightGray);*/
    color: var(--black1);
    font-family: "rtl-font";
	font-size:14px;
    text-align: justify;
}

h1,.h1{font-size: 2.0em;}
h2,.h2{font-size: 1.8em;}
h3,.h3{font-size: 1.6em;}
h4,.h4{font-size: 1.4em;}
h5,.h5{font-size: 1.2em;}
h6,.h6{font-size: 1em;}

a{
    text-decoration: none;
}

[dir*="rtl"] ol, 
[dir*="rtl"] ul {
    padding-left: 0;
    padding-right: 2rem;
}

img, svg {
    max-width: 100%;
    /*height: 100%;
    max-height: 100%;*/
}

video {
    max-width: 100%;
    max-height: 100%;
}

[dir*="rtl"] label {
    text-align: right;
}

.awesomplete {
	width: 80%;
}

[dir*="rtl"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[dir*="rtl"] .btn-group>.btn-group:not(:first-child)>.btn, 
[dir*="rtl"] .btn-group>.btn:nth-child(n+3), 
[dir*="rtl"] .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
[dir*="rtl"] .btn-group>.btn-group:not(:first-child), 
[dir*="rtl"] .btn-group>:not(.btn-check:first-child)+.btn {
    margin-right: -3px;
    margin-left: 0;
}

.pagination{
    flex-wrap: wrap;
}

/*------
com search
------*/
ul#search-result-list {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
}

li.result__item {
    flex: 1 0 100%;
    border: 1px solid #ccc;
    border-radius: 1em;
    padding: 0.5em 1em;
    margin: 1% 0;
    overflow: hidden;
}

.result__item+.result__item {
    border-top: 1px solid #ccc;
    margin-top: 1%;
    padding-top: 1.5em;
}



/*------
com user
------*/

[dir*="rtl"] .form-check .form-check-input {
    float: none;
    margin-left: 0;
}

/*------
custom styles
------*/
.bg-color1{
    background-color: var(--color1);
}
.bg-color2{
    background-color: var(--color2);
}
.bg-color3{
    background-color: var(--color3);
}

.text-color1{
    color: var(--color1);
}
.text-color2{
    color: var(--color2);
}
.text-color3{
    color: var(--color3);
}

/*------
POSITION
------*/

h1 {
    padding: 10px 0 10px 0;
    background-image: linear-gradient(-90deg,var(--color1),var(--color2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    letter-spacing: 1px;
}

header{
    background-image: linear-gradient(1deg,var(--color1),var(--color2));
    background-image: -webkit-linear-gradient(1deg,var(--color1),var(--color2));
    background-size: 200% 200%;
    -webkit-animation: gradient 6s ease infinite;
    -moz-animation: gradient 6s ease infinite;
    -o-animation: gradient 6s ease infinite;
    animation: gradient 6s ease infinite;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes gradient {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}
@-moz-keyframes gradient {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}
@-o-keyframes gradient {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}
@keyframes gradient {
    0%{background-position:0% 44%}
    50%{background-position:100% 57%}
    100%{background-position:0% 44%}
}

header::after{
    position: absolute;
    content: "";
    width: 6400px;
    height: 100px;
    bottom: 0;
    left: 0;
    background-image: url(../images/wave.svg);
    background-repeat: repeat-x;
    animation: river-wave 35s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}
header::before{
    position: absolute;
    content: "";
    width: 6400px;
    height: 100px;
    bottom: -10px;
    left: 0;
    background-image: url(../images/wave.svg);
    background-repeat: repeat-x;
    animation: river-wave 20s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}

.atf-river-wave {
    background: url('../img/shapee/wave.svg') repeat-x;
    position: absolute;
    top: -100px;
    width: 6400px;
    height: 100px;
    animation: river-wave 35s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}
.atf-river-wave:nth-of-type(2) {
    top: -56px;
    animation: river-wave 20s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}
@keyframes river-wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}
@keyframes swell {
    0%, 100% {
        transform: translate3d(0,45px,0);
    }
    50% {
        transform: translate3d(0,-5px,0);
    }
}

#search{
  	height: 15vh;
    display: flex;
    flex-wrap: wrap;
    color: var(--lightGray);
    align-items: center;
    margin-bottom: 5em;
}

#banner{
    height: 40vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--lightGray);
    
}

#banner h1{
    color: var(--lightGray);
    -webkit-text-fill-color: var(--lightGray);
}

.banner .mod-custom{
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    background-position: bottom;
    padding: 1em;
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
}

#banner-b{
    background-image: linear-gradient(1deg,var(--color1),var(--color2));
    background-image: -webkit-linear-gradient(1deg,var(--color1),var(--color2));
    background-size: 200% 200%;
    -webkit-animation: gradient 6s ease infinite;
    -moz-animation: gradient 6s ease infinite;
    -o-animation: gradient 6s ease infinite;
    animation: gradient 6s ease infinite;
    position: relative;
    overflow: hidden;
  	color:#fff;
}

#breadcrumbs {
    height: 25vh;
    display: flex;
    color: var(--lightGray);
    padding-top: 5vh;
}

.breadcrumb-item.active {
    color: var(--lightGray);
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-right: 3px;
    padding-left: 5px;
    color: var(--lightGray);
    content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item .pathway{
    color: var(--color4);
}

.about-us article {
    background: transparent url(../images/flat-wind-hot-running-teenager-silhouette-1320.jpg) no-repeat center;
    min-height: 50vh;
}
.about-us article #content.col-12 {
    flex: 0 0 auto;
    width: 80%;
    margin-top: 15%;
}


.bg-gradient-1 {
    background-image: linear-gradient(90deg,var(--color4),var(--color1));
    /* box-shadow: 2px 2px 50px 1px #adb5bd; */
    color: var(--lightGray);
    /* text-shadow: 1px 1px 9px black; */
    font-size: 120%;
}

.animated-line h3{
    position: relative;
    line-height: 3;
    text-align: center;
    /*display: inline-block;*/
}
.animated-line h3::after {
    content: "";
    left: 50%;
    bottom: 0;
    height: 4px;
    width: 70px;
    margin: 20px auto 7px auto;
    position: absolute;
    border-radius: 30px;
    text-align: center;
    background-image: linear-gradient(90deg,var(--color4),var(--color1));
    transform: translateX(-50%);
}

.animated-line h3::before {
    content: '';
    position: absolute;
    left: calc(50% - 35px);;
    bottom: 4px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    background: var(--color2);
    z-index: 1;
}

@-webkit-keyframes MOVE-BG {
    from {
        
        -webkit-transform: translateX(65px);
       transform: translateX(65px);
   }
   to {
       -webkit-transform: translateX(0);
        transform: translateX(0);
   }
   }
    @keyframes MOVE-BG {
    from {
        
        -webkit-transform: translateX(65px);
       transform: translateX(65px);
   }
   to {
       -webkit-transform: translateX(0);
        transform: translateX(0);
   }
}


footer{
    position: relative;
    /*background-color: var(--black2);*/
    color: var(--lightGray);
    overflow: hidden;
}

footer h3{
    position: relative;
    line-height: 2.2;
}

footer h3::after{
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 11px;
    height: 3px;
    background-color: var(--lightGray);
}
footer h3::before {
    content: "";
    position: absolute;
    right: 22px;
    top: 100%;
    width: 33px;
    height: 3px;
    background-color: var(--lightGray);
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-90deg,var(--color1),var(--color2));
    background-image: -webkit-linear-gradient(-90deg,var(--color1),var(--color2));
    border-radius: 50% 50% 0% 0%/30% 30% 0% 0%;
    transform: scaleX(2.1);
    z-index: -1;
}

footer a{
    color: var(--lightGray);
}
footer a:hover{
    color: var(--color4);
}
footer ul{
    padding-right: 0 !important;
    margin-top: 1.5em;
}
footer ul li{
    list-style: none;
    line-height: 2;
    display: block;
    width: 100%;
}

#copyright{
    background: rgba(0,0,0, 0.4);
}
#copyright a{
    color: var(--color4);
}

span.hikashop_product_price_per_unit_x {
    font-size: 10px;
}


/*-------
mod_dj-megamenu
------*/
/*
.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before {
    font: unset !important; 
}
    */
ul.dj-mobile-light li.dj-mobileitem.parent > a span.toggler{
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
}
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before, 
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, 
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before,
.dj-fa-0 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-1 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-5 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before,
.dj-fa-0 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, 
.dj-fa-1 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, 
.dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before,
.dj-megamenu-clean .arrow:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}



/*------
plg tabs & accardion
------*/
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-alignment=left]>[data-rlta-element=button] {
    text-align: justify;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=right]>[data-rlta-element=button-list] {
    justify-content: start;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=lines-colorful][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
    padding: 1.25em;
}

/*------
com_users view-profile
------*/
#users-profile-core, 
#users-profile-custom {
    width: 100%;
    padding: 1em;
    border-radius: 0.5em;
    margin-bottom: 2em;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/9px 9px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/9px 9px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/9px 9px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/9px 9px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 18px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 18px) calc(100% - 4px) no-repeat, linear-gradient(45deg, #b61f1f 0%, #48abe0 100%);
}

/*------
com hikashop
------*/
/*
.hikashop_category_image {
    height: unset !important;
    float: left;
}
.hikashop_subcontainer{
    min-height: unset !important;
}


.hikashop_product_image{
    height: unset !important;
}
.hikashop_product_image_subdiv {
    width: unset !important;
}

dl.hika_options > dd {
    margin-right: 190px;
    margin-left: 0 !important;
}


#sb-body-inner img#sb-player{
    position: relative !important;
}
*/
/*--- com_hikashop view-user layout-cpanel ---*/
/*
.hika_cpanel_product_price span {
    display: inline-block;
}
*/
/*--- com_hikashop view-address layout-listing ---*/
/*
[dir*="rtl"] dl.hika_options.large > dt {
    text-align: justify !important;
}
[dir*="rtl"] dl.hika_options > dd {
    margin-right: 0 !important;
}
*/
/*--- com_hikashop view-product layout-listing ---*/
/*
.com_hikashop.view-product.layout-listing .hkc-md-4 {
    margin-bottom: 1em;
}

.com_hikashop.view-product.layout-listing .hikashop_container {
    height: 100%;
}

.com_hikashop.view-product.layout-listing .hikashop_subcontainer {
    height: 100%;
    position: relative;
}

button.hikabtn.hikabtn-compare {
    top: 0;
    right: 0;
    position: absolute;
}

.com_hikashop.view-product.layout-listing .hikashop_product_price_full {
    display: block;
    font-size: 1.5em;
}

.com_hikashop.view-product.layout-listing .hikashop_product_name a {
    color: #dc3545;
    font-size: 1.2em;
}

.com_hikashop.view-product.layout-listing .hikashop_product_code_list {
    display: inline-block;
    line-height: 1.5;
}

.com_hikashop.view-product.layout-listing .hikashop_product_stock_count {
    display: block;
    margin-bottom: 0.7em;
}

.com_hikashop.view-product.layout-listing button.hikabtn.hikacart {
    display: block;
    margin: 0 auto;
	background-image: linear-gradient(-90deg,var(--color1),var(--color2));
    background-image: -webkit-linear-gradient(-90deg,var(--color1),var(--color2));
}



.hikacart {
    color: #fff;
    background-color: #0d6efd;
    border-color: #dc3545;
    background-image: linear-gradient(-90deg,var(--color1),var(--color2));
    background-image: -webkit-linear-gradient(180deg,var(--color1),var(--color2));
}

*/
/*--- com_hikashop view-product layout-show ---*/
/*
#hikashop_small_image_div a {
    width: 18%;
}
#hikashop_small_image_div a img.hikashop_child_image {
    margin: 1%;
    height: unset;
}

#hikashop_checkout_login_form,
#hikashop_checkout_registration {
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/9px 9px no-repeat,
                radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/9px 9px no-repeat,
                radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/9px 9px no-repeat,
                radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/9px 9px no-repeat,
                linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 18px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 18px) calc(100% - 4px) no-repeat,
                linear-gradient(45deg, #b61f1f 0%, #48abe0 100%);
    border-radius: 9px;
    padding: 11px;
    box-sizing: content-box;
}

#hikashop_checkout_login_form h2,
#hikashop_checkout_registration h2 {
    background: -webkit-linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid var(--color4);
    padding-bottom:5px ;
}

span.form-control-feedback {
    font-size: 75%;
    color: #fff;
    background: red;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 3px;
    
}

fieldset.hika_address_field.hikashop_checkout_billing_address_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hika_address_element{
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 1.2em;
}

.hika_address_element .hika_edit,
.hika_address_element .hika_address_display{
    border: 1px solid #ccc;
    padding: 5px;
}

[dir*="rtl"] .hika_address_element .hika_edit input[type="radio"] {
    float: right;
}
[dir*="rtl"] .hika_address_element .hika_edit a {
    margin-right: 10px;
}
[dir*="rtl"] .hika_address_element .hika_edit i.fas.fa-pen {
    color: var(--color4);
}
[dir*="rtl"] .hika_address_element .hika_edit i.fas.fa-trash {
    color: var(--color1);
}

[dir*="rtl"] .hikashop_product_quantity_change_div_leftright.hika_j4 span.add-on a.hikashop_product_quantity_field_change_plus {
    right: unset;
    top: unset;
}

[dir*="rtl"] .hikashop_product_quantity_change_div_leftright.hika_j4 span.add-on a.hikashop_product_quantity_field_change_minus {
    right: unset;
    top: unset;
}

[dir*="rtl"] .hikashop_cart_product_quantity_value .hikashop_product_quantity_field, 
[dir*="rtl"] .hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh, 
[dir*="rtl"] .hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
    float: none;
    display: inline-block;
}
*/
/*------
mod hikashop content
------*/
.owl-theme .owl-dots .owl-dot span{
    background: var(--color4) !important;
}

.owl-theme .owl-dots .owl-dot.active span{
    background: var(--color1) !important;
    width: 30px;
} 
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color1) !important;
}

/*------
mod hikashop cart
------*/
.hikashop_cart_module {
    z-index: 100 !important;
}

.cart-empty-txt {
    line-height: 4em;
    color: #fff;
}

a.hikashop_small_cart_checkout_link{
    color: var(--color4);
}

div.hikashop_cart_dropdown_container {
    width: 300px;
    left: 140px;
}

/*------
mod hikashop filter
------*/
[dir*="rtl"] .hikashop_filter_main {
    float: right !important;
}

[dir*="rtl"] .form-select {
    padding: .375rem .75rem .375rem 2.25rem;
    -moz-padding-start: calc(0.75rem - 3px);
    background-position: left .75rem center;

}

/*------
mod dj media tools
------*/
[id*="dj-mslider"] .dj-slide-in {
    border-radius: 10px;
    overflow: hidden;
}
[id*="dj-mslider"] .dj-slide-in:nth-child(odd) {
    border: 1px solid var(--color1);
}
[id*="dj-mslider"] .dj-slide-in:nth-child(even) {
    border: 1px solid var(--color2);
}

[id*="dj-mslider"] .dj-load-button {
    background: var(--color4) !important;
    border: 0 !important;
    opacity: 1 !important;
}

[id*="dj-mslider"] .dj-load-button:hover{
    background: var(--color1) !important;
} 
[id*="dj-mslider"] .dj-load-button-active {
    width: 20px !important;
    background: var(--color1) !important;
}


.rsform-block input,
.rsform-block textarea{
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/9px 9px no-repeat,
                radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/9px 9px no-repeat,
                radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/9px 9px no-repeat,
                radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/9px 9px no-repeat,
                linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 18px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 18px) calc(100% - 4px) no-repeat,
                linear-gradient(45deg, #b61f1f 0%, #48abe0 100%);
    border-radius: 9px;
    padding: 9px;
    box-sizing: content-box;
    border: 0;
}
[dir*="rtl"] .rsform-block label {
    text-align: right;
    line-height: 2;
    vertical-align: middle;
    /* padding: 4px 0; */
}
.rsform-block .form-check-input:checked[type=checkbox] {
    background-size: auto;
}

/* 
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
/*

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
    .hikashop_checkout_cart td.hikashop_cart_product_name_value {
        width: 100% !important;
    }
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .banner .mod-custom{
        padding: 3em;
        font-size: 2em;
    }

    .com_users.view-login .com-users-login.login {
        display: flex;
    }
    .com_users.view-login form#com-users-login__form ,
    .com_users.view-login .com-users-login__options.list-group{
        flex: 0 1 50%;
        padding: 0 1em;
    }
    .com_users.view-login .com-users-login__options.list-group{
        padding-top: 1.4em;
    }

    .about-us article #content.col-12 {
        flex: 0 0 auto;
        width: 50%;
        margin-top:15% ;
    }
    footer::before {
        border-radius: 50% 50% 0% 0%/100% 100% 0% 0%;
    }

    .hika_address_element{
        flex: 0 1 auto;
        /*width: 49%;*/
    }
    
    /*--- com_hikashop view-address layout-listing ---*/
    [dir*="rtl"] dl.hika_options > dd {
        margin-right: 180px !important;
    }

    /*------
    plg tabs & accardion
    ------*/
    [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=lines-colorful][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
        padding: 1.25em 0;
    }

    /*------
    com rs tickets pro
    ------*/
    form#rsticketspro_form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    form#rsticketspro_form .control-group:nth-child(1){
        flex: 0 1 100%;
        padding: 1em;
    }
    
    form#rsticketspro_form .control-group:nth-child(2),
    form#rsticketspro_form .control-group:nth-child(3),
    form#rsticketspro_form .control-group:nth-child(4) {
        flex: 0 1 33.33%;
        padding: 1em;
    }
    
    form#rsticketspro_form .control-group:nth-child(5),
    form#rsticketspro_form .control-group:nth-child(6),
    form#rsticketspro_form .control-group:nth-child(7),
    form#rsticketspro_form .control-group:nth-child(8),
    form#rsticketspro_form .control-group:nth-child(9),
    form#rsticketspro_form .control-group:nth-child(10) {
        flex: 0 1 33.33%;
        padding: 1em;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
    ul#search-result-list {
        display: flex;
        flex-wrap: wrap;
        padding-right: 0;
        border: 1px solid #ccc;
        border-radius: 1em;
    }

    li.result__item {
        flex: 1 0 23%;
        border: 1px solid #ccc;
        border-radius: 1em;
        padding: 0.5em 1em;
        margin: 1%;
        overflow: hidden;
    }

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
}