/* theme-rtl fixes*/
.fa-li
{
    right: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-ul
{
    list-style-type: none;
    margin-right: 1.5em !important;
    padding-right: 0;
    margin-left: 0 !important;
}

.accordion-2 li .accordion__title
{
    padding-right: 0;
}

.wizard > .steps li:first-child a::after
{
    right: 50%;
    left: inherit;
}

.wizard > .steps li:last-child a::after
{
    left: 50%;
    right: inherit;
}

.wizard > .content
{
    background: #ffffff;
    border: none;
}


    .wizard > .content .table td a
    {
        color: #000;
        font-size: 16px;
        text-decoration: none;
    }

        .wizard > .content .table td a:hover
        {
            color: #0062d0;
        }

    .wizard > .content .table td small
    {
        font-size: 13px;
        color: #777;
    }

.wizard > .content > .body input.error, .wizard > .content > .body textarea.error
    {
        background: rgb(251, 227, 228);
        border: 1px solid #fbc2c4;
        color: #ed1c24;
    }

    .wizard > .content > .body label.error
    {
        color: #ed1c24;
    }

.tabs-container.tabs--vertical
{
    overflow: visible;
}

    .tabs-container.tabs--vertical .tabs
    {
        width: 20%;
    }

    .tabs-container.tabs--vertical .tabs-content
    {
        width: calc( 80% - 20px );
    }

.tabs li:not(:last-child)
{
    border-left: 1px solid #ECECEC;
    border-right: none;
}

.tabs--vertical .tabs
{
    border: 1px solid #ECECEC;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .tabs--vertical .tabs li:not(:last-child)
    {
        border-bottom: 0px;
    }


.tabs--vertical .tabs
{
}

    .tabs--vertical .tabs li.active
    {
        background: #1aba17;
        position: relative;
        border-radius: 5px;
        box-shadow: -2px 1px 2px rgba(0,0,0,0.1)
    }

    .tabs--vertical .tabs li .tab__title i
    {
        color: #777;
        font-size: 2em;
        display: block;
    }

    .tabs--vertical .tabs li .tab__title span
    {
        color: #777;
        font-size: 1.2em;
        font-weight: bold;
    }

    .tabs--vertical .tabs li.active span, .tabs--vertical .tabs li.active i
    {
        color: #fff;
    }

    .tabs--vertical .tabs li.active:after
    {
        content: '';
        position: absolute;
        left: -10px;
        top: calc( 50% - 10px);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #1aba17;
    }


.tabs--vertical .tabs-content > li.active
{
    animation: fadeIn .5s ease forwards;
    -webkit-animation: fadeIn .5s ease forwards;
    backface-visibility: hidden;
}



.input-checkbox.input-checkbox--switch
{
    margin: 0;
    margin-left: 5px;
}

    .input-checkbox.input-checkbox--switch label
    {
        margin: 0 !important;
    }


a.mfn--link--4:before, a.mfn--link--4:after, a.mfn--link--3:after, a:hover.mfn--link--8:after, a:hover.mfn--link--8:before, a.hover.mfn--link--8:after, a.hover.mfn--link--8:before
{
    background: #4a90e2 !important;
}

a:hover.mfn--link--3:after, a.hover.mfn--link--3:after
{
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
}

.card-1 .card__avatar img
{
    max-height: 2.78571429em;
    margin-left: 0.46428571em;
    margin-right: 0;
    margin-bottom: 0;
}

label
{
    font-size: 1em;
}

/* end of theme-rtl fixes*/

body *
{
    transition: ease opacity 0.5s, ease color 0.5s;
}

#slider *
{
    transition: none;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: 'shabnam', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    word-spacing: -2px;
}

.block
{
    display: block !important;
}

.NoShow
{
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    color: inherit;
}

h1, h2, h3, h4
{
    font-weight: bold !important;
}
    h1 small, .h1 small, h2 small
    {
        font-size: 50% !important;
        display: block;
        opacity: 0.8;
    }

blockquote
{
    font-family: 'shabnam';
    font-style: normal;
    font-weight: 300;
}

.imageblock.border--round .background-image-holder
{
    border-radius: 0 0 0 0px;
}

.menu-horizontal > li, .menu-vertical > li
{
    font-family: 'shabnam', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a
{
    font-size: 1em;
    display: block;
}

.bar
{
    padding: 1.2em 0;
}

    .bar .logo
    {
        top: -2px;
    }

[dir="rtl"] .menu-horizontal li:not(:last-child)
{
    margin-left: 1.5em;
}

.HeaderMenu > ul
{
    border-top: 1px solid #013d38;
    margin-top: 5px;
    padding-top: 5px;
}

.HeaderMenu > .menu-horizontal > li > a, .HeaderMenu > .menu-horizontal > li > a:hover, .HeaderMenu > .menu-horizontal > li > span, .HeaderMenu > .menu-horizontal > li > span:hover
{
    color: #fff !important;
}


    .menu-horizontal > li > a.btn
    {
        opacity: 1;
        margin-bottom: 0 !important;
        margin-top: -6px;
    }

    .menu-horizontal > li > .alert
    {
        margin: 0;
        margin-top: -3px;
        border-radius: 0.25rem !important;
    }


    .menu-horizontal > li > a.btn:not(.btn--outline)
    {
        color: #fff !important;
    }

        .menu-horizontal > li > a.btn:not(.btn--outline) i
        {
            color: #fff !important;
        }


.btn
{
    font-family: 'shabnam', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    border-radius: 0px;
}

    .btn:hover
    {
        transform: none;
        -webkit-transform: none;
    }

.btn--label.loading
{
    position: relative;
    padding-right: 40px !important;
}

    .btn--label.loading:before
    {
        position: absolute;
        content: "\f110";
        font-family: 'Font Awesome 5 Pro';
        animation: spin 2s linear infinite;
        right: 15px;
    }

.btn-card
{
    margin-right: 1em !important;
}

a.btn.btn--xs .btn--label
{
    padding: 5px 10px;
}

.breadcrumbs
{
    margin: 0;
}
/*****************style roundcheck */
ul.iconfont
{
    padding-right: 20px;
    list-style: none;
}

ul.round-checkmark li:before, li.round-checkmark:before
{
    font-family: 'Font Awesome\ 5 Pro';
    content: '\f058';
    font-size: 16px;
    margin: 0 -24px 0 5px;
    top: 2px;
    position: relative;
    display: inline-block;
}



ul.custom-list
{
    list-style: none;
}

    ul.custom-list.arrow li
    {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        ul.custom-list.arrow li:before
        {
            font-family: 'Font Awesome\ 5 Pro';
            content: '\f104';
            color: #58585a;
            margin: 0;
            font-weight: bold;
            margin: 0 0 0 5px;
        }

        ul.custom-list.arrow li a
        {
            color: #58585a;
            opacity: 0.8;
        }

            ul.custom-list.arrow li a:hover
            {
                color: #58585a;
                opacity: 1;
            }





ul.arrow li:before
{
    font-family: 'Font Awesome\ 5 Pro';
    content: '\f104';
    font-size: 10px;
    color: #ed1c24;
    margin: 0 -24px 0 5px;
    font-weight: bold;
}

hr.short
{
    margin: 0 0 15px;
}

    hr.short.center
    {
        margin: 0 auto 15px;
        clear: both;
    }

.text-black-50
{
    color: rgba(0,0,0,.5) !important;
}

.feature img
{
    width: 100%;
    height: 25vh;
    object-fit: cover;
    object-position: 50% 50%;
}

ul.DataList li
{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
}

    ul.DataList li span.key
    {
        width: 200px;
        padding-right: 20px;
        float: right;
    }

    ul.DataList li span.value
    {
        float: right;
        font-weight: bold;
    }


article.feature-1 h5
{
    font-size: 1.2em;
}

article.feature-1 span
{
    font-size: .9em;
}


.products-list .product
{
    padding: 20px;
    display:block;
    position:relative;
}

    .products-list .product img
    {
        width: 100%;
        height: 25vh;
        object-fit: contain;
        object-position: 50% 50%;
    }


    .product h4 small
    {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 26px;
    }

.product .price-pnl
{
    line-height: 14px;
    height: 30px;
    overflow: hidden;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.product .price
{
    font-size: 19px;
    color: #02a500;
}

.DiscountedPrice
{
    color: #ed1c24 !important;
}

    .product .price.type--strikethrough
    {
        font-size: 13px;
        color: #777;
    }


.product .tools
{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index:10000;
}
    .product .tools .form-check
    {
        padding:0;
    }
    .product .tools .form-check-input[type=checkbox]
    {
        display: block;
    }

    .product .tools .form-check-input[type=checkbox] + label
    {
        margin: 15px; margin-left:5px;
        padding-right: 20px;
        line-height: 1.85714286em;
        display:none;
    }

.products-list .product:hover .tools .form-check-input[type=checkbox] + label, .products-list .product .tools .form-check-input[type=checkbox]:checked + label
{
    display: block;
}

    .product .colors
    {
        position: absolute;
        top: 25px;
        right: 25px;
    }
.product .colors li
{
    border-radius: 100%;
    height: 16px;
    width: 16px;
    border: 1px solid silver;
    overflow: hidden;
    position: relative;
    margin: 2px !important;
}



.currency-rls:after
{
    font-size: 0.6em;
    content: "ریال";
    margin-right: 2px;
}

.currency-tmn:after
{
    font-size: 0.7em;
    content: "تومان";
    margin-right: 2px;
}


.product-price-pnl .h4
{
    margin: -5px 0 -20px 0;
}

.product-price-pnl .h2
{
    font-weight: bold;
    margin: 0;
    letter-spacing: 2px;
    margin-top: 10px;
}

.product-price-pnl .currency-rls:after
{
    font-size: 0.5em;
    letter-spacing: 0px;
}


.product a:hover img
{
    transform: none;
    -webkit-transform: none;
}

.product h4
{
    display: block;
    height: 65px;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 1.1em;
}

.products-list .product:hover
{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}


[dir="rtl"] .product .label
{
    right: auto !important;
    left: 2em;
}

.product .label:not([class*='bg--'])
{
    background: #f31c02 !important;
}

.list .product .label
{
    top: 10px;
}

.product .label
{
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    text-transform: uppercase;
    height: 26px;
    min-width: 42px;
    padding: 1px 6px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 3;
    top: 1.8em;
}



.product a.img-container
{
    display: block;
    height: 200px;
    margin-bottom: 0.92857143em;
}

    .product a.img-container img
    {
        max-height: 100%;
        margin: 0;
    }

    .product a.img-container:hover img
    {
        transform: none;
        -webkit-transform: none;
    }






.wizard > .steps .done a:before, .wizard > .steps .done a:after
{
    background: #1aba17;
}

.wizard > .steps .number
{
    display: none;
}

.wizard > .actions
{
    display: none;
}

.wizard > .content > .body
{
    position: relative;
}

.RTL, .rtl
{
    direction: rtl !important;
}

.LTR, .ltr
{
    direction: ltr !important;
}

div.input-icon.right
{
    float: inherit;
}

#saleconsulting[novalidate="novalidate"] .flag-container .selected-flag
{
    height: 60%;
}


/** Forms **/

.form > div[class*="col-"]:not(:last-child), .form > .row > div[class*="col-"]:not(:last-child)
{
    margin-bottom: 0.92857143em;
}

.form + span.type--fine-print
{
    margin-top: 1.08333333333334em;
    display: inline-block;
}


.form-control:focus
{
    border-color: #80bdff;
    box-shadow: none;
}


select.form-control:not([size]):not([multiple])
{
    height: calc(2.25rem + 7px);
}

.custom-select
{
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 0.75rem center;
    background-size: 8px 10px;
}

input[type], textarea, select
{
    background: #fcfcfc;
    border-radius: 0px !important;
}

[dir="rtl"] input[type], [dir="rtl"] select, [dir="rtl"] textarea
{
    padding-left: .84375em;
    padding-right: .84375em;
}

[dir="rtl"] .input-icon input[type]
{
    padding-left: 3.6em;
    padding-right: .84375em;
}


.input-icon i
{
    top: 12px;
    font-size: 15px;
    color: #9c9393;
    border-right: 1px solid #ddd;
    padding: 0 10px 0 5px;
}

input[type], textarea, select
{
    border-radius: 0;
}


[type=checkbox]:checked, [type=checkbox]:not(:checked)
{
    opacity: 0;
    padding: 0 !important;
    width: 100%;
    height: 23px;
    z-index: 1;
    margin: 0;
}

.form-check-input[type=checkbox] + label
{
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .form-check-input[type=checkbox] + label:before, .form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox] + label:before, label.btn input[type=checkbox]:not(.filled-in) + label:after
    {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #8a8a8a;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        margin-top: 3px;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

.form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox]:not(.filled-in) + label:after
{
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.form-check-input[type=checkbox]:not(:checked):disabled + label:before, label.btn input[type=checkbox]:not(:checked):disabled + label:before
{
    border: none;
    background-color: #bdbdbd;
}

.form-check-input[type=checkbox]:checked + label:before, label.btn input[type=checkbox]:checked + label:before
{
    top: -4px;
    right: 10px;
    width: 12px;
    height: 1.375rem;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #4285f4;
    border-bottom: 2px solid #4285f4;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.form-check-input[type=checkbox]:checked:disabled + label:before, label.btn input[type=checkbox]:checked:disabled + label:before
{
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
}

.form-check-input[type=checkbox]:indeterminate + label:before, label.btn input[type=checkbox]:indeterminate + label:before
{
    top: -11px;
    right: -12px;
    width: 10px;
    height: 1.375rem;
    border-top: none;
    border-left: none;
    border-right: 2px solid #4285f4;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.form-check-input[type=checkbox]:indeterminate:disabled + label:before, label.btn input[type=checkbox]:indeterminate:disabled + label:before
{
    border-right: 2px solid rgba(0,0,0,.46);
    background-color: transparent;
}

.form-check-input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:after
{
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
}

.form-check-input[type=checkbox].filled-in + label:after, .form-check-input[type=checkbox].filled-in + label:before, label.btn input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:before
{
    content: '';
    right: 0;
    position: absolute;
    -webkit-transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    -o-transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1;
}

.form-check-input[type=checkbox].filled-in:not(:checked) + label:before, label.btn input[type=checkbox].filled-in:not(:checked) + label:before
{
    width: 0;
    height: 0;
    border: 3px solid transparent;
    right: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.form-check-input[type=checkbox].filled-in:not(:checked) + label:after, label.btn input[type=checkbox].filled-in:not(:checked) + label:after
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}

.form-check-input[type=checkbox].filled-in:checked + label:before, label.btn input[type=checkbox].filled-in:checked + label:before
{
    top: 0;
    right: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.form-check-input[type=checkbox].filled-in:checked + label:after, label.btn input[type=checkbox].filled-in:checked + label:after
{
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #a6c;
    background-color: #a6c;
    z-index: 0;
}

.form-check-input[type=checkbox].filled-in.filled-in-danger:checked + label:after, label.btn input[type=checkbox].filled-in.filled-in-danger:checked + label:after
{
    background-color: #f44336;
    border-color: #f44336;
}

.form-check-input[type=checkbox]:disabled:not(:checked) + label:before, label.btn input[type=checkbox]:disabled:not(:checked) + label:before
{
    background-color: #bdbdbd;
    border-color: #bdbdbd;
}

.form-check-input[type=checkbox]:disabled:not(:checked) + label:after, label.btn input[type=checkbox]:disabled:not(:checked) + label:after
{
    border-color: #bdbdbd;
    background-color: #bdbdbd;
}

.form-check-input[type=checkbox]:disabled:checked + label:before, label.btn input[type=checkbox]:disabled:checked + label:before
{
    background-color: transparent;
}

.form-check-input[type=checkbox]:disabled:checked + label:after, label.btn input[type=checkbox]:disabled:checked + label:after
{
    background-color: #bdbdbd;
    border-color: #bdbdbd;
}

/**/
[type="radio"]:not(:checked), [type="radio"]:checked
{
    position: absolute;
    pointer-events: none;
    opacity: 0
}

.form-check-input[type="radio"]:not(:checked) + label, .form-check-input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label
{
    position: relative;
    display: inline-block;
    height: 1.5625rem;
    padding-right: 35px;
    line-height: 1.5625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .28s ease;
    transition: .28s ease
}

.form-check-input[type="radio"] + label:before, .form-check-input[type="radio"] + label:after, label.btn input[type="radio"] + label:before, label.btn input[type="radio"] + label:after
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 16px;
    height: 16px;
    margin: 4px;
    content: "";
    -webkit-transition: .28s ease;
    transition: .28s ease
}

.form-check-input[type="radio"]:not(:checked) + label:before, .form-check-input[type="radio"]:not(:checked) + label:after, .form-check-input[type="radio"]:checked + label:before, .form-check-input[type="radio"]:checked + label:after, .form-check-input[type="radio"].with-gap:checked + label:before, .form-check-input[type="radio"].with-gap:checked + label:after, label.btn input[type="radio"]:not(:checked) + label:before, label.btn input[type="radio"]:not(:checked) + label:after, label.btn input[type="radio"]:checked + label:before, label.btn input[type="radio"]:checked + label:after, label.btn input[type="radio"].with-gap:checked + label:before, label.btn input[type="radio"].with-gap:checked + label:after
{
    border-radius: 50%
}

.form-check-input[type="radio"]:not(:checked) + label:before, .form-check-input[type="radio"]:not(:checked) + label:after, label.btn input[type="radio"]:not(:checked) + label:before, label.btn input[type="radio"]:not(:checked) + label:after
{
    border: 2px solid #5a5a5a
}

.form-check-input[type="radio"]:not(:checked) + label:after, label.btn input[type="radio"]:not(:checked) + label:after
{
    -webkit-transform: scale(0);
    transform: scale(0)
}

.form-check-input[type="radio"]:checked + label:before, label.btn input[type="radio"]:checked + label:before
{
    border: 2px solid transparent
}

.form-check-input[type="radio"]:checked + label:after, .form-check-input[type="radio"].with-gap:checked + label:before, .form-check-input[type="radio"].with-gap:checked + label:after, label.btn input[type="radio"]:checked + label:after, label.btn input[type="radio"].with-gap:checked + label:before, label.btn input[type="radio"].with-gap:checked + label:after
{
    border: 2px solid #4285f4
}

.form-check-input[type="radio"]:checked + label:after, .form-check-input[type="radio"].with-gap:checked + label:after, label.btn input[type="radio"]:checked + label:after, label.btn input[type="radio"].with-gap:checked + label:after
{
    background-color: #4285f4
}

.form-check-input[type="radio"]:checked + label:after, label.btn input[type="radio"]:checked + label:after
{
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.form-check-input[type="radio"].with-gap:checked + label:after, label.btn input[type="radio"].with-gap:checked + label:after
{
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.form-check-input[type="radio"].with-gap:disabled:checked + label:before, label.btn input[type="radio"].with-gap:disabled:checked + label:before
{
    border: 2px solid rgba(0,0,0,0.46)
}

.form-check-input[type="radio"].with-gap:disabled:checked + label:after, label.btn input[type="radio"].with-gap:disabled:checked + label:after
{
    background-color: rgba(0,0,0,0.46);
    border: 0
}

.form-check-input[type="radio"]:disabled:not(:checked) + label:before, .form-check-input[type="radio"]:disabled:checked + label:before, label.btn input[type="radio"]:disabled:not(:checked) + label:before, label.btn input[type="radio"]:disabled:checked + label:before
{
    background-color: transparent;
    border-color: rgba(0,0,0,0.46)
}

.form-check-input[type="radio"]:disabled + span, label.btn input[type="radio"]:disabled + span
{
    color: rgba(0,0,0,0.46)
}

.form-check-input[type="radio"]:disabled:not(:checked) + span:before, label.btn input[type="radio"]:disabled:not(:checked) + span:before
{
    border-color: rgba(0,0,0,0.46)
}

.form-check-input[type="radio"]:disabled:checked + span:after, label.btn input[type="radio"]:disabled:checked + span:after
{
    background-color: rgba(0,0,0,0.46);
    border-color: #bdbdbd
}

.form-check-input[type="radio"]:checked + label:after .disabled-material, label.btn input[type="radio"]:checked + label:after .disabled-material
{
    background-color: rgba(66,133,244,0.2)
}


.swal-button
{
    color: #4285f4 !important;
    background-color: #fff !important;
    border: 2px solid #4285f4 !important;
    box-shadow: none;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    padding: 8px 25px 10px;
    margin: 0;
    cursor: pointer;
}

.swal-text
{
    text-align: center !important;
}

.error
{
    color: #f98c8f;
}

.help-block
{
    color: #0d9dc8;
}

.form-control
{
    border-radius: 0;
}

[dir="rtl"] .input-select:after
{
    border-right: 0;
    font-size: 24px;
    top: 5px;
}

.msg-validation, #email-existance, #cellphone-existance
{
    color: red;
}

.help-block
{
    color: #0d9dc8;
}

.help-block-error
{
    color: #ed1c24 !important;
}


.form-group input.error
{
    border-color: red;
}

.form-group label.error
{
    color: red;
}

.form-group.FileUploader label
{
    display: block;
}

.form-group.FileUploader .btn:before
{
    content: '\f0ee';
    margin-left: 4px;
    font-family: 'Font Awesome\ 5 Pro';
}

.form-group.FileUploader .btn--sm
{
    padding-right: 0.85714286em;
    padding-left: 0.85714286em;
}

    .form-group.FileUploader .btn--sm *
    {
        cursor: pointer;
    }

.form-group.FileUploader input[type="file"]
{
    font-size: 12px !important;
}


input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder
{
    color: #b3b3b3;
    font-size: 1em;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder
{ /* Firefox 18- */
    color: #b3b3b3;
    font-size: 1em;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder
{ /* Firefox 19+ */
    color: #b3b3b3;
    font-size: 1em;
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder
{
    color: #b3b3b3;
    font-size: 1em;
}

/* ---- /Forms */

.menu-horizontal > .dropdown > .dropdown__trigger:after
{
    content: '\f107';
    margin-left: 4px;
    font-family: 'Font Awesome\ 5 Pro';
}

.user-menu .dropdown
{
    background: #fff;
    border-radius: 20px;
    padding: 0px 10px;
}

    .user-menu .dropdown > .dropdown__trigger .image--xxs
    {
        margin-left: 5px;
        margin-right: 0;
    }

    .user-menu .dropdown .dropdown__container::before
    {
        height: 10px;
    }

.dropdown > .dropdown__trigger::after
{
    font-size: 1em;
    bottom: -1px;
}

/*#ContactForm .btn {
    border-color: #ececec !important;
    color: #ececec !important;
}

    #ContactForm .btn:hover ,#ContactForm .btn:hover .btn--icon i {
        background-color: #ececec !important;
        color: #fff !important;
    }*/

#ContactForm .btn--icon i
{
    color: #6c757d !important;
}

#ContactForm .btn:hover .btn--icon i
{
    color: #fff !important;
}


.contact-us li
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    padding: 10px;
}

.instafeed img
{
    height: 100%;
    width: 100%;
}

.alert
{
    border: none !important;
}

    .alert:not(:last-child)
    {
        margin-bottom: 1.85714286em !important;
    }

.alert-dismissible .close
{
    right: inherit;
    left: 0;
    height: inherit;
}

    .alert-dismissible .close::after
    {
        content: '×';
        position: relative;
        font-size: 1.6em;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        background: none;
    }

    .alert.alert-error
    {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .alert.alert-right-icon i
    {
        float: right;
        margin: 5px 5px 5px -25px;
        font-size: 1.4em;
        vertical-align: middle
    }

.process-stepper > li
{
    transition: all .3s ease;
    display: inline-block;
    float: right;
    text-align: center;
    position: relative;
}

    .process-stepper > li:first-child:after
    {
        right: 50%;
    }

    .process-stepper > li:last-child:after
    {
        left: 50%;
    }



/*! -- Stack Tables -- */
table
{
    border-collapse: collapse;
}

.table-dark
{
    color: #fff;
    background-color: rgba(0,0,0,0.1) !important;
}

.bg--dark table th
{
    background: none;
    color: #fff;
}

.bg--dark .breadcrumbs li, .bg--dark .breadcrumbs a
{
    color: #fff !important;
}

.table-dark thead tr
{
    background-color: rgba(0,0,0,0.3) !important;
}

.table-dark thead th
{
    border: 0 !important;
}

.table-hover tbody tr:hover
{
    background-color: rgba(0, 0, 0, 0.025);
}


.table-fixed
{
    overflow: hidden;
    margin-top: 20px;
}

    .table-fixed tbody
    {
        height: 500px;
        overflow-y: auto;
        width: 100%;
    }

    .table-fixed thead
    {
        width: 100%;
        overflow: hidden;
        height: 100%;
        padding-left: 17px;
    }

        .table-fixed thead tr
        {
            background-color: #fbfbfb;
        }

    .table-fixed thead,
    .table-fixed tbody,
    .table-fixed tr,
    .table-fixed td,
    .table-fixed th
    {
        display: flow-root;
        text-align: center;
    }

        .table-fixed tbody td,
        .table-fixed thead > tr > th
        {
            float: right;
        }

        .table-fixed tbody td
        {
            padding: 17px 8px !important;
            position: relative;
        }


.nav-pills .nav-link
{
    background-color: rgba(0,0,0,0.1);
    margin: 1px;
}


.list-group-item:first-child, .list-group-item:last-child
{
    border-radius: 0;
}

.list-group .badge
{
    margin-top: 5px;
}

.list-group.selectable .active
{
    background: #fff;
    border-color: #1aba17;
    color: #39434d !important;
}

    .list-group.selectable .active .badge
    {
        background: #1aba17;
        color: #fff;
    }

.list-group.selectable .list-group-item
{
    padding-right: 100px;
    color: #39434d;
}

    .list-group.selectable .list-group-item.active:before
    {
        content: '\f00c';
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        background: #1aba17;
        border-left: 1px solid #1aba17;
        color: #fff;
    }

    .list-group.selectable .list-group-item:before
    {
        content: '\f0c8';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 20px;
        display: block;
        float: right;
        height: 100%;
        padding-top: 25px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 85px;
        border-left: 1px solid #ddd;
    }

    .list-group.selectable .list-group-item .price
    {
        border-right: 1px solid #ddd;
        float: left;
        padding: 0 10px 0 0;
        min-width: 100px;
        text-align: left;
        font-size: 18px;
        line-height: 24px;
    }

    .list-group.selectable .list-group-item.active .price
    {
    }

    .list-group.selectable .list-group-item .price .currency
    {
        font-size: 12px;
    }

.list-group.selectable.narrow .list-group-item:before
{
    padding-top: 12px;
}


.list-group.not-selectable .list-group-item
{
    padding-right: 12px;
    cursor: default;
}

    .list-group.not-selectable .list-group-item:hover
    {
        background: none;
    }

    .list-group.not-selectable .list-group-item.disabled:hover, .list-group-item.disabled:focus
    {
        cursor: not-allowed;
        background-color: #eee;
    }

    .list-group.not-selectable .list-group-item .price
    {
        border-right: 1px solid #ddd;
        float: left;
        padding: 0 10px 0 0;
        min-width: 100px;
        text-align: left;
        font-size: 18px;
        line-height: 24px;
    }

        .list-group.not-selectable .list-group-item .price .currency
        {
            font-size: 12px;
        }

.list-group.not-selectable.narrow .list-group-item:before
{
    padding-top: 12px;
}

.list-group-icon
{
    font-size: 21px;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
}

#OnlineGateways
{
    margin-top: 10px;
}

    #OnlineGateways li
    {
        list-style: none;
        display: inline-block;
        padding: 5px;
        border: #ced6de 1px solid;
        margin-left: 5px;
        position: relative;
    }

        #OnlineGateways li.select
        {
            border: #1aba17 1px solid;
        }

            #OnlineGateways li.select:before
            {
                content: '';
                width: 0;
                height: 0;
                border-top: 20px solid #1aba17;
                border-left: 20px solid transparent;
                position: absolute;
                top: 0;
                right: 0;
            }

        #OnlineGateways li img
        {
            width: 55px;
            height: 55px;
        }

.padding-left-0
{
    padding-right: 0 !important;
}

.padding-right-0
{
    padding-left: 0 !important;
}

.CartTab table td
{
    vertical-align: middle;
}

    .CartTab table td a.delete i
    {
        color: #ddd;
    }

    .CartTab table td a.delete:hover i
    {
        color: red;
    }

.pl-0 input[type], input.TouchSpin
{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pr-0 input[type]
{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.cart-item a.delete
{
    font-size:13px;;
}


.cart-item
{
    padding: 1.85714286em 0;
    border-bottom: 1px solid #ececec;
}

    .cart-item:first-child
    {
        padding-top: 0;
    }

    .cart-item:last-child
    {
        padding-bottom: 0;
        border-bottom: none;
    }


.shopping-cart.btn .btn--icon
{
    padding: 8px 13px;
}

.shopping-cart.btn .btn--label
{
    padding: 8px 20px;
}


.menu-cart a
{
    position: relative !important;
    display: inline !important;
    padding: 0 !important;
}

.menu-cart i
{
    font-size: 1.5em;
    top: 5px;
    position: relative;
}

.menu-cart .menu-cart-count
{
    background: #eb2227;
    color: #fff;
    position: absolute;
    right: -11px;
    top: 11px;
    height: 16px;
    padding: 0 2px;
    min-width: 16px;
    border-radius: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
}


.text-last-center
{
    text-align-last: center;
}


i.icon.icon--sm.stack-interface.stack-menu
{
    line-height: 1.5em;
}

.contact-us .fa-li
{
    right: -1.2em;
    top: 11px;
}

    .contact-us .fa-li i
    {
        color: #fd9800;
    }

footer .type--fine-print:not(p)
{
    opacity: .85;
}

footer
{
    font-size: .9em;
}

    footer p
    {
        margin-bottom: 0.8em;
    }

    footer .logo
    {
        max-height: 2.5em;
    }

    footer .footer__lower p
    {
        font-size: .9em;
    }

    footer i.fa-copyright
    {
        font-size: .8em;
    }



ul.social-list
{
    margin: 10px 0 5px 0 !important;
}

ul.partners-logo a img
{
    opacity: 0.5;
}

ul.partners-logo a:hover img
{
    opacity: 1;
}

ul.partners-logo img
{
    height: 15px;
}

/********************************Project*/
.masonry-filters--horizontal .masonry__filters
{
    display: inline-block;
    position: relative;
    margin-right: 0.92857143em;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 5px;
}

    .masonry-filters--horizontal .masonry__filters ul li
    {
        transition: all .3s ease;
        cursor: pointer;
        display: inline-block;
        padding: 0.92857143em;
        border-left: 1px solid rgba(243, 243, 243, 0.25);
        float: right;
    }

        .masonry-filters--horizontal .masonry__filters ul li:last-child
        {
            border-left: none;
        }

        .masonry-filters--horizontal .masonry__filters ul li:not(:last-child)
        {
            margin-right: 0;
        }

.masonry-filter-container > span + .masonry-filter-holder
{
    margin-left: 0em;
}

.masonry-filter-container > span
{
    margin-bottom: 1.2em;
}


.hover-item-scroll
{
    margin-left: auto !important;
    margin-right: auto !important;
    transition: background-position 1s ease-out 0.2s;
    background-position: top center;
    background-size: 100% auto !important;
    height: 300px;
    background-repeat: no-repeat;
}


    .hover-item-scroll:hover
    {
        background-position: bottom center !important;
        transition: background-position 2s linear 0s;
    }

.hover-item-scroll
{
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
/********************************Project*/
/********************************menu*/
.bar .menu-horizontal.main--menu
{
    top: 0 !important;
}

nav .btn
{
    margin-bottom: 8px !important;
}


/********************************menu*/
.tabs li:not(:last-child)
{
    border: 1px solid #ECECEC;
    margin-left: -2px;
}


.bg-gradient-orange.svg-divider .fancy-divider.bottom-divi
{
    bottom: -160px;
}

.bg-gradient-orange.svg-divider .fancy-divider
{
    z-index: 4 !important;
}

.pricing:not(.boxed--border):hover
{
    border: none !important;
}



.pricing .plan-inside, .pricing .plan-footer, .pricing .plan-header
{
    padding: 10px;
}

.pricing .plan-footer, .pricing .plan-header
{
    background-color: rgba(179, 179, 181, 0.22);
}

.pricing-box .pricing .plan-inside
{
    background-color: #fff;
}

    .pricing-box .pricing .plan-inside p:first-child
    {
        height: 157px;
    }

.plugin .boxed i
{
    color: inherit !important;
}

.price span
{
    font-size: 21px;
    font-weight: bold;
}

.pricing .plan-header.btn-orange h3
{
    color: #fff !important;
}

.pricing .price sup
{
    font-weight: bold;
}

.plugin .pricing .price
{
    display: inline-block;
    padding: 10px;
    border-left: 1px solid #ddd;
    margin-right: -2px;
}

    .plugin .pricing .price:last-child
    {
        border-left: none;
    }

    .plugin .pricing .price span
    {
        font-size: 15px;
    }

.slider .pricing:hover
{
    box-shadow: none;
}

.pricing-2 ul:first-child
{
    margin-top: 3em;
}

.plugin .feature a.btn
{
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    display: inline;
    padding: 5px;
    margin-right: 4px !important;
}

    .plugin .feature a.btn + a.btn
    {
        margin-right: 4px !important;
    }

.featurs-conference .text-block p
{
    height: 64px;
    font-size: 0.85em;
    line-height: 1.2em;
}

.lead
{
    font-size: 1.1em !important;
    line-height: 1.5em !important;
    text-align: justify;
}

.slider .slide h3
{
    font-size: 1.5em;
}
.imagebg:not(.image--light) a
{
    font-weight:normal;
}


.FooterMenu
{
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

    .FooterMenu li
    {
        display: inline;
    }

        .FooterMenu li:not(:last-child):after
        {
            content: '\f111';
            font-family: "Font Awesome 5 Pro";
            font-weight: bold;
            margin: 0 10px;
            font-size: 8px;
            color: #343a40;
        }

footer .social-list i
{
    font-size: 1.5em;
    background-color: #ddd;
    width: 35px;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

footer .social-list li
{
    display: inline-block;
    margin: 0px;
    text-align: center;
    margin: 0 1px !important;
}

/**********************************bootstrap-tagsinput********/
.bootstrap-tagsinput
{
    display: block !important;
    border-radius: 0 !important;
    overflow: hidden;
    padding: 0 6px !important;
}

    .bootstrap-tagsinput .tag
    {
        padding: 5px 8px 5px 15px;
        margin: 1px 0 0 1px;
        position: relative;
        border-radius: 0;
        min-width: 40px;
        top: 6px;
        left: 0;
        background: #89C4F4;
    }

    .bootstrap-tagsinput .tag, .bootstrap-tagsinput input
    {
        float: right;
    }

        .bootstrap-tagsinput .tag [data-role="remove"]:after
        {
            content: "\f057" !important;
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: 4px;
            left: 5px;
        }
/**********************************bootstrap-tagsinput********/


/*********************intl-tel-input*/
.intl-tel-input.separate-dial-code.allow-dropdown input[type=tel]
{
    width: 100%;
}

.intl-tel-input
{
    width: 100%;
}

    .intl-tel-input.separate-dial-code .selected-dial-code
    {
        padding-right: 15px;
        padding-left: 0;
        direction: ltr;
    }

    .intl-tel-input .flag-container
    {
        bottom: inherit;
        top: 18px;
    }

.cover
{
    position: relative;
}

    .cover h2
    {
        color: #39434d !important;
        margin: 0 auto;
        font-size: 3em;
        text-align: center;
    }

    .cover p.lead
    {
        font-size: 2em;
        color: #58585a;
        text-align: center;
    }

    .cover a.scroll-main
    {
        text-align: center;
        position: absolute;
        bottom: 10px;
    }

        .cover a.scroll-main i
        {
            color: #777;
            opacity: 0.5;
        }

    .cover a:hover.scroll-main i
    {
        color: #777;
        opacity: 1;
    }





.intl-tel-input .country-list
{
    z-index: 4 !important;
    margin: 0 0 0 0px;
    left: 0;
    direction: ltr !important;
}

.intl-tel-input.allow-dropdown input
{
    border: 1px solid #ececec;
}
/*********************intl-tel-input*/


/*********************datepicker*/
.ui-widget-content
{
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    padding: 5px 15px;
    box-shadow: none;
    font-size: 21px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    border-color: transparent;
    background: none;
    top: 10px;
    margin: 0 !important
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width: 49%;
    padding-left: .5em;
    padding-right: 0.5em;
    font-size: 12px;
}


a.btn.ui-datepicker-prev i, a.btn.ui-datepicker-next i
{
    color: #000 !important;
}

a.btn.ui-datepicker-prev:after, a.btn.ui-datepicker-next:after
{
    content: none;
}

a.btn.ui-datepicker-next i:before
{
    content: "\f105" !important;
}

a.btn.ui-datepicker-next
{
    left: 2px;
    right: inherit;
}

a.btn.ui-datepicker-prev
{
    right: 2px;
    left: inherit;
}

a.btn.ui-datepicker-next i:before
{
    content: "\f104" !important;
}

a.btn.ui-datepicker-prev i:before
{
    content: "\f105" !important;
}




/*********************datepicker*/

.cursor
{
    cursor: pointer;
}

.template {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.template.active { opacity: 1; height: auto; }

.g-recaptcha
{
    transform: scale(0.88,1);
    transform-origin: 100% 0;
}

.imageblock.imageblock--sm > .container,
.imageblock.imageblock--sm > div[class*='col-']:not(.imageblock__content)
{
    padding-top: 1em;
    padding-bottom: 1em;
}


#input-assigned-0
{
    display: none;
}


.intl-tel-input.separate-dial-code.allow-dropdown input[type=tel]
{
    width: 100%;
}

.intl-tel-input
{
    width: 100%;
}

    .intl-tel-input.separate-dial-code .selected-dial-code
    {
        padding-right: 15px;
        padding-left: 0;
        direction: ltr;
    }

    .intl-tel-input .selected-flag .iti-flag
    {
        left: 10px;
    }

    .intl-tel-input .country-list
    {
        z-index: 4 !important;
        margin: 0 0 0 0px;
        left: 0;
        direction: ltr !important;
    }


.list-inline li
{
    margin-left: 0.5em;
    margin-right: 0.5em;
}


.counter-value
{
    font-size: 40px;
    font-weight: bold;
    color: #ed1c24;
}

.highlight-right:after
{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    background: #f5f5f5;
}



footer.footer-2 .row:last-child
{
    margin-top: 0;
}

footer.footer-2 #Newsletter .btn
{
    color: #fff !important;
}

.input-select:after
{
    padding: 5px 13px;
}

.link-Projects a
{
    left: -9.875em !important;
    top: 0px !important;
}


[dir="rtl"] .input-select:after
{
    border-right: none;
}

.imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content)
{
    padding-top: 2em;
    padding-bottom: 2em;
}

.modal-loading
{
    padding: 50px 0;
    text-align: center;
}

.modal-header .close
{
    margin: -1rem auto -1rem -1rem;
    height: auto;
}

.modal-header .modal-title
{
    font-size: 1.2em !important;
    margin: 0;
}

.modal-sale .list-inline li:not(:last-child)
{
    margin-left: 0.6875em;
    margin-right: 0;
}

.close-modal
{
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 1.5em;
    color: #ddd
}

    .close-modal:hover
    {
        color: #013d38
    }


.login .logo
{
    max-height: 4em;
}

.bg--white hr
{
    opacity: 1 !important;
}



.pricing-esocity .boxed
{
    border-radius: 0 !important;
}

.pricing-esocity .pricing-1 .btn:last-child
{
    border-radius: 0 !important;
}

.swal-footer
{
    text-align: center;
}

.swal-button
{
    border-radius: 0;
}


.background-image
{
    position: absolute;
    top: 54px;
    left: 101px;
    right: 99px;
    overflow: hidden;
}

    .background-image .hover-item-scroll
    {
        height: 343px;
    }


.notification
{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: fixed;
    z-index: 9999999 !important;
    pointer-events: none;
    padding: 0;
    margin: 1em;
    opacity: 0;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.link-demo
{
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

    .link-demo.active
    {
        opacity: 1;
        height: auto;
    }


.hamburger-toggle i
{
    color: #252525;
    font-size: 1.6em;
    margin: 16px;
}

/********************************slider*/
#slider .flickity-rtl .flickity-prev-next-button.previous
{
    left: auto;
    right: -40px;
}

#slider .flickity-rtl .flickity-prev-next-button.next
{
    right: auto;
    left: -40px;
}

.flickity-rtl .flickity-prev-next-button.previous
{
    left: auto;
    right: -50px;
}

.flickity-rtl .flickity-prev-next-button.next
{
    right: auto;
    left: -50px;
}

.flickity-prev-next-button
{
    background: transparent;
}

    .flickity-prev-next-button:hover
    {
        background: transparent;
    }


    .slider[data-paging="true"]:not(section) .flickity-page-dots .dot
    {
        vertical-align: middle;
    }

    .slider[data-paging="true"]:not(section) .flickity-page-dots .is-selected
    {
        width: 12px;
        height: 12px;
        background: #eb2227;
    }

.flickity-prev-next-button:before
{
    font-family: 'Font Awesome\ 5 Pro';
    content: "\f104";
    font-size: 2.5em;
}


.flickity-prev-next-button.previous:before
{
    content: "\f105";
    font-size: 2.5em;
}


.flickity-rtl .flickity-prev-next-button.previous
{
    right: 0;
    color: #fff !important;
}

.flickity-rtl .flickity-prev-next-button.next
{
    left: 0;
}

.flickity-prev-next-button:before
{
    color: #fff !important;
}

.slider.image--light .flickity-prev-next-button.previous:before, .slider.image--light .flickity-prev-next-button.next:before
{
    color: #bdbdbd !important;
}

.carousel-gallery
{
}

    .carousel-gallery img
    {
        display: block;
        vertical-align: middle;
        margin-top: 50px;
    }


    .carousel-gallery .background-image-holder img {
        display: none;
        height: auto;
    }


    .carousel-gallery.cover-fullscreen .slide {
        height: 100%;
    }

    .carousel-gallery.cover-fullscreen {
        height: 100vh !important;
    }



    .timer {
        background-color: #e4e4e4;
        margin-bottom: 10px;
        padding-top: 5px;
        color: #b3b3b3;
    }

    .timer span
    {
        font-size: 20px;
        color: #b3b3b3;
    }

@media screen and ( min-width: 768px )
{
    .carousel-gallery img
    {
        height: 400px;
    }


    .carousel-gallery .background-image-holder img {
        display: none;
        height:auto;
    }
}

#main-header
{
}

    #main-header h1
    {
        font-weight: bold;display: inline;
    }

    #main-header .dropdown
    {
        margin-top: 55px;
    }



.newsticker
{
    position: relative;
    vertical-align: middle;

}

    .newsticker:before
    {
        content: 'اطلاعیه‌ها';
        color: #fff;
        border-radius: 3px;
        background: #ed1c24;
        padding: 5px;
        float: right;
        margin: -4px 0 0 20px;
        font-weight: bold;
    }

    .newsticker .newsticker-items, .newsticker .newsticker-items li
    {
        margin: 0;
        padding: 0;
        line-height: 2em;
    }

        .newsticker .newsticker-items li span.date:before
        {
            content: '\f111';
            font-family: 'Font Awesome 5 Pro';
            margin: 0 8px 0;
            font-size:.7em; font-weight:bold
        }


.newsticker-buttons
{
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 pro';
    cursor: pointer;
    font-size: 1.5em
}

    .newsticker-buttons span:hover
    {
        opacity: 1;
    }

    .newsticker-buttons span
    {
        opacity: .5;
    }

    .newsticker-buttons .up:after
    {
        content: '\f106'
    }

    .newsticker-buttons .down:after
    {
        content: '\f107';
    }



/*******************************************************Audio**/
.plyr--audio .plyr__controls
{
    background-color: transparent;
    border-radius: 34px;
    color: #0153dc;
    padding: 10px;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true]
{
    background: #0153dc;
    color: #fff;
}

.plyr__control.plyr__tab-focus
{
    box-shadow: 0 0 0 5px rgba(1, 83, 220, 0.45);
    outline: 0;
}

.plyr--full-ui input[type=range]
{
    color: #0153dc;
}

#tracks
{
    text-align: center;
}

    #tracks a
    {
        cursor: pointer;
        margin: 0 5px;
        color: #0153dc;
    }


#plList li
{
    cursor: default;
    display: block;
    margin: 0 0 5px 0px;
    padding: 10px 0;
    border-radius: 5px;
}

    #plList li:hover
    {
        background-color: rgba(0,0,0,.1);
    }

.plItem
{
    position: relative;
}

.plTitle
{
    left: 50px;
    overflow: hidden;
    position: absolute;
    right: 65px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}

.plNum
{
    padding-right: 21px;
    width: 25px;
}

.plLength
{
    padding-right: 21px;
    position: absolute;
    left: 21px;
    top: 0;
    cursor: pointer;
}

.plSel,
.plSel:hover
{
    background-color: rgba(0,0,0,.1);
    color: #0153dc;
    cursor: default !important;
}

.plyr button
{
    height: 2.5em;
}

/**************Begin Counter**************/
.counter-wrapper
{
    background: #222222 none repeat scroll 0 0;
    padding-bottom: 40px;
    padding-top: 41px;
    text-align: center;
}

.counters-count
{
    font-size: 22px;
    font-weight: 800;
    line-height: 20px;
    margin-bottom: 8px;
}

.counters-label
{
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.counters-entry
{
    border-left: 1px solid #4e4e4e;
    float: right;
    width: 95px;
    padding: 10px 0;
}

    .counters-entry:last-child
    {
        border-left: none;
    }

.counter-title
{
    display: inline-block;
    font-size: 23px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: top;
}

    .counter-title small
    {
        display: block;
        font-weight: normal;
        font-size: 78%;
    }

.counters-block
{
    display: inline-block;
    margin-top: 2px;
}
/**************End Counter**************/

#MeetingCover h1
{
    font-size: 4.5em;
    text-shadow: 1px 1px 1px rgba(0,0,0,1)
}

#loader
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    opacity: 1;
    transition: all ease-in-out 0.5s;
}

    #loader i
    {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 40px;
        animation: spin 2s linear infinite;
    }

.avatar-list li
{
    font-weight: bold;
    font-size: 14px;
}

    .avatar-list li img
    {
        margin-left: 10px;
    }

.selectable-list li
{
    list-style: none;
    background: #fafafa;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 2px;
    cursor: pointer;
}

    .selectable-list li:hover
    {
        background: #02a500;
        color: #fff;
    }

.card-1 .avatar--sm img
{
    max-height: 4.78571429em;
    margin-left: 0.46428571em;
    margin-right: 0;
    margin-bottom: 0;
}

.card-1 .avatar--sm .card__meta
{
    margin-top: 18px;
}

    .card-1 .avatar--sm .card__meta i
    {
        margin-right: 5px;
        font-size: 1.3em;
    }

.card-selectable
{
    cursor: pointer;
    position: relative;
}

    .card-selectable:hover
    {
        cursor: pointer;
        border: #fff 1px solid;
    }

    .card-selectable[data-overlay]:hover:before
    {
        opacity: .2;
        background: #1aba17;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
    }

    .card-selectable[data-overlay]:hover:after
    {
        content: '\f067';
        text-align: center;
        font-size: 48px;
        font-family: "Font Awesome 5 Pro";
        color: #1aba17;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -18px;
        margin-top: -18px;
        z-index: 10;
    }

.tabs-content > li:not(.active) .tab__content
{
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: visibility 0s, opacity 0.5s linear;
    pointer-events: none;
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
}


.slider .slides
{
    opacity: 0;
    transition: 0.5s opacity ease-in-out;
}

    .slider .slides.flickity-enabled
    {
        opacity: 1
    }


@keyframes spin
{
    0%
    {
        transform: rotate(0deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

#start.diactive
{
    opacity: 0;
    visibility: hidden;
}

.boxed
{
    overflow: initial !important;
}

.dropdown .dropdown__trigger
{
    cursor: pointer;
    user-select: none;
    display: block;
}

article .article-title
{
    text-align: center
}

    article .article-title h1
    {
        font-weight: bold;
        font-size: 2.3em;
        margin-bottom: 10px;
    }

    article .article-title h4
    {
        font-weight: bold;
        margin: 0;
    }

article .article-meta
{
    text-align: center
}

    article .article-meta > span > day, article .article-meta > span > month
    {
        padding-left: 2px;
    }

    article .article-meta > span:not(:last-child):after
    {
        content: '\f111';
        font-family: 'Font Awesome 5 Pro';
        font-size: 0.8em;
        margin: 8px;
        display: inline-block
    }

    article .article-meta .date, article .article-meta .month, article .article-meta .year
    {
        padding: 0 2px;
    }

article .article-summary
{
    text-align: justify;
    /*text-align-last: center;*/
    font-size: 1.4em;
    line-height: 1.7em;
    padding-bottom: 30px;
    margin: 30px 0;
    padding-right: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

    article .article-summary:before
    {
        content: '\f10e';
        font-family: 'Font Awesome 5 Pro';
        font-weight: bold;
        color: rgba(0, 0, 0, .1);
        font-size: 58px;
        position: absolute;
        top: 15px;
        right: 0;
        text-align: justify;
    }



article .article-media
{
    margin: 30px 0;
}

    article .article-media img
    {
        border-radius: 10px;
    }

article .article-body p
{
    text-align: justify;
    line-height: 1.8em;
    font-size: 1.2em;
    margin-bottom: 1em;
}


.lb-prev:after
{
    content: '\f053';
}

.lb-next:after
{
    content: '\f054';
}

.lb-prev:after, .lb-next:after
{
    font-family: 'Font Awesome 5 Pro';
    position: fixed;
}


.content-body
{
}

.nav--bar
{
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

    .nav--bar h3
    {
        margin: 0;
    }

    .nav--bar breadcrumbs li
    {
        margin-bottom: 0 !important;
    }

.breadcrumbs li:not(:last-child)::after
{
    content: '\f104';
    margin-right: 0.5em !important;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: normal;
    top: 2px;
    position: relative;
    font-size: 1.1em;
}


.badge.badge--md
{
    padding: 6px 10px;
    font-size: 100%;
}

.badge.badge--lg
{
    padding: 10px 15px;
    font-size: 120%;
}

.pagination > li > a, .pagination > li > span,
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span
{
    border-radius: 25px !important;
    border: none;
    color: #868c93;
}

    .pagination > li > span,
    .pagination > li > span:hover
    {
    }

.pagination > li:first-child > a,
.pagination > li:last-child > a
{
}


.Pagination
{
    font-size: 1.2em;
    text-align: center;
    /*border-top: 1px solid #ddd;*/
    padding: 30px 0;
}

    .Pagination li
    {
        vertical-align: middle;
        display: inline-block;
        margin: 5px;
    }

    .Pagination .current a
    {
        background: #0153dc;
        color: #fff !important;
        font-weight: bold;
    }

        .Pagination .current a:hover
        {
            background: #0153dc;
            color: #fff !important;
            cursor: default;
        }

    .Pagination a:hover
    {
        background: rgba(0,0,0,0.1);
    }

    .Pagination > li > a, .Pagination > li > span,
    .pagination > li:first-child > a, .pagination > li:first-child > span,
    .pagination > li:last-child > a, .pagination > li:last-child > span
    {
        border-radius: 25px !important;
        border: none;
        color: #39434d;
        width: 40px;
        height: 40px;
        text-align: center;
        display: block;
        transition: 0.5s background ease-in-out;
        padding: 5px 0;
    }


    .Pagination .next a, .Pagination .prev a, .Pagination .LastPage a, .Pagination .FirstPage a
    {
        display: block;
        font-size: 1.5em;
        font-weight: lighter
    }



        .Pagination .next a:after
        {
            content: "\f104";
            font-family: 'Font Awesome 5 Pro';
            margin-right: 3px;
        }

        .Pagination .prev a:before
        {
            content: "\f105";
            font-family: 'Font Awesome 5 Pro';
            margin-left: 3px;
        }

        .Pagination .LastPage a:after
        {
            content: "\f100";
            font-family: 'Font Awesome 5 Pro';
            margin-right: 3px;
        }

        .Pagination .FirstPage a:before
        {
            content: "\f101";
            font-family: 'Font Awesome 5 Pro';
            margin-left: 3px;
        }

    .Pagination .dots:after
    {
        content: "\f141";
        font-family: 'Font Awesome 5 Pro';
        color: #767f88;
    }

footer.bg--secondary
{
    border-top: 1px solid #fff !important;
}


/* badge-list */

.badge-list li
{
    display: inline-block;
}

    .badge-list li a
    {
        display: inline-block;
        padding: 3px 10px;
        margin: 1px;
        transition: ease background-color 0.5s;
    }

.badge-list.light li a
{
    background: rgba(255,255,255,0.5);
    color: #777
}

    .badge-list.light li a:hover
    {
        background: rgba(255,255,255,.7);
        color: #58585a
    }

.badge-list.dark li a
{
    background: rgba(0,0,0,0.6);
    color: #ffffff;
}

    .badge-list.dark li a:hover
    {
        background: rgba(0,0,0,0.8);
        color: #ffffff
    }

.badge-list.item-pill li a
{
    border-radius: 100px;
}

.modal-container[data-modal-id="reg-login"] .modal-content .modal-close-cross {
    display: none;
}

/* instagram
==================================================*/

.instagram-image {
    position: relative;
    overflow: hidden;
}

a.instagram-image i {
    display: none;
}

a.instagram-video i, a.instagram-images i {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    text-shadow: 1px 1.5px 1.9px rgba(0, 0, 0, 0.58)
}

.instagramfeed.instagram-video, .instagramfeed.instagram-images {
    position: relative;
}

.instagramfeed .info {
    opacity: 1;
    visibility: visible;
}

.ribbon
{
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after
    {
        position: absolute;
        /*z-index: -1;*/
        content: '';
        display: block;
        border: 5px solid #028700;
    }

    .ribbon span
    {
        position: absolute;
        display: block;
        width: 245px;
        padding: 15px 0;
        background-color: #1aba17;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }



/* top left*/
.ribbon-top-left
{
    top: -10px;
    left: -10px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after
    {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before
    {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after
    {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span
    {
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

/* top right*/
.ribbon-top-right
{
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after
    {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before
    {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after
    {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span
    {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

/* bottom left*/
.ribbon-bottom-left
{
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after
    {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before
    {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after
    {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span
    {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.ribbon-bottom-right
{
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after
    {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before
    {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after
    {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span
    {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }



/*.ribbon
{
    position: absolute;
    top: 15px;
    left: -7px;
    background: #ccc;
    padding: 0 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}*/



.instagramfeed:hover .info {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1200px) and (min-width: 992px)
{
    [dir="rtl"] .menu-horizontal li:not(:last-child)
    {
        margin-left: 0.5em !important;
    }
}

@media (max-width: 1200px)
{

    .pricing h3
    {
        font-size: 20px;
    }

    .pricing h4
    {
        font-size: 15px;
    }

    .plugin .pricing .price
    {
        padding: 8px;
    }

        .plugin .pricing .price span
        {
            font-size: 13px;
        }

    .background-image
    {
        position: absolute;
        top: 45px;
        left: 87px;
        right: 85px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 286px;
        }
}


@media (max-width: 992px)
{
    .clients-grid li:last-child:after
    {
        width: 100%;
        height: 0;
        top: auto;
        left: 0;
        bottom: -1px;
        border-bottom: none;
    }


    .highlight-right:after
    {
        background: none;
    }

    ul.clients-grid.grid-2.nobottommargin.bg.clearfix.text-center.m-3
    {
        border-bottom: 1px dashed #DDD;
    }

    .highlight-right .row
    {
        background: rgba(250, 250, 250, 0.82);
    }

.tabs li
    {
        padding: 0.92857143em 0.857143em;
    }


    .background-image
    {
        position: absolute;
        top: 28px;
        left: 60px;
        right: 59px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 177px;
        }
}


@media (min-width: 768px)
{

    .menu-horizontal
    {
        display: inline-block;
    }

    .bar--transparent:not(.bar--dark) .logo-dark
    {
        display: none;
    }
}


@media (max-width: 767px)
{

    .product .tools .form-check-input[type=checkbox] + label {
        display: block;
    }

    [dir="rtl"] .dropdown .dropdown__content {
        padding-right: 31px !important;
    }

    [dir="rtl"] .dropdown__container
    {
        right: -25px !important;
    }

    .col-xs-6:nth-child(even)
    {
        padding: 0 7.5px;
    }

    .col-xs-6:nth-child(odd)
    {
        padding: 0 7.5px;
    }

    .masonry-filters--horizontal .masonry__filters ul li
    {
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    }

    .counter-value
    {
        font-size: 20px;
    }



    h3, .h3
    {
        margin-bottom: 0.5em;
    }

    hr
    {
        margin: 0.5em 0;
    }

    .imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content)
    {
        padding-top: 0.571429em;
        padding-bottom: 0.571429em;
    }

    section, footer
    {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }

    .pricing-2 ul:first-child
    {
        margin-top: 0em;
    }

    ul.round-checkmark.iconfont.text-sm-right
    {
        text-align: right;
    }

    .footer-2 .col-md-4
    {
        margin-bottom: 1.5rem;
    }

    .footer-2 h4
    {
        margin-bottom: 0 !important;
    }

    .footer__lower .col-md-6
    {
        text-align: center !important;
    }

    .type--fine-print
    {
        display: none;
    }

    .customer .switchable__text
    {
        text-align: center;
    }

        .customer .switchable__text h3
        {
            margin-top: 5px;
        }

    .strategy .tab__content h3
    {
        text-align: center;
    }

    .strategy .tab__content p
    {
        text-align-last: center;
    }

    footer .logo
    {
        margin-bottom: 0;
    }

    .footer__lower p
    {
        margin-bottom: 15px;
    }

    .contactus .img
    {
        display: none;
    }

    .pricing-box .pricing .plan-inside p:first-child
    {
        height: auto;
    }

    .link-Projects a
    {
        left: 0 !important;
        top: 36px !important;
    }

    .streatgy
    {
        text-align: center;
    }

    .imageblock .imageblock__content
    {
        display: none;
    }


    [dir="rtl"] .btn:not(.block) + .btn
    {
        margin-left: 0;
        margin-right: 1.6875em;
        margin-bottom: 1.85714286em;
    }

.tabs
    {
        margin-top: 1.9em;
        border: none !important;
    }

        .tabs li
        {
            display: inline-block !important;
        }

            .tabs li:last-child
            {
                border-bottom: 1px solid #ececec !important;
            }

            .tabs li .h5
            {
                font-size: 0.9em;
            }


    .pricing.pricing-1.boxed.boxed--lg.text-center ul, .pricing.pricing-1.boxed.boxed--lg.text-center p.webdesign-special
    {
        height: auto !important;
    }

    .background-image
    {
        position: absolute;
        top: 43px;
        left: 84px;
        right: 83px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 276px;
        }

    .background-slider h2
    {
        font-size: 2em;
    }

    .background-slider p.lead
    {
        font-size: 1.5em;
    }
}

.rounded-xxs
{
    border-radius: 3px;
    overflow: hidden;
}

.rounded-xs
{
    border-radius: 6px;
    overflow: hidden;
}

.rounded-sm
{
    border-radius: 12px;
    overflow: hidden;
}

.rounded-md
{
    border-radius: 20px;
    overflow: hidden;
}

.rounded-lg
{
    border-radius: 50px;
    overflow: hidden;
}

.powered-by
{
    float: left;
    margin-right: 10px;
}

    .powered-by img
    {
        height: 12px;
    }

#copyright
{
    font-size: 12px;
}


.overlayCutter
{
    overflow: hidden;
    height: 100%;
}


    .overlayCutter:before
    {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 0;
        width: var(--width, 50%);
        height: 100%;
        border-radius: 0;
        -ms-transform: var(--ms-transform,skew(10deg, 0deg) translateX(75px));
        -webkit-transform: var(--webkit-transform,skew(10deg, 0deg) translateX(75px));
        transform: var(--transform,skew(10deg, 0deg) translateX(75px));
        background-color: var(--background-color, #000);
        opacity: var(--opacity, 0.8);
        z-index: 1;
        left: var(--left,auto);
    }

.overlaybg:before
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: var(--width, 50%);
    height: 100%;
    border-radius: 0;
    background: var(--backgroundGradient,linear-gradient(to right, transparent, rgba(0,0,0)));
    right: var(--right,0);
    opacity: var(--opacity, 0.8);
    left: var(--left,auto);
}

.overlay:before
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: var(--width, 100%);
    height: 100%;
    border-radius: 0;
    background-color: var(--background-color, #000);
    right: 0;
    opacity: var(--opacity, 0.3);
}

#overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    visibility: visible;
    z-index:1000;
    top:0;
    display:none;
}
    #overlay.show
    {
        display: block;
    }
    #overlay.hide
    {
        display: none;
    }

    #overlay .overlay-container
    {
        text-align: center;
        top: calc( 50% - 100px);
        position: relative;
        z-index: 10001;
        width: 200px;
        margin: auto;
        background: #fff;
        border-radius: 10px;
        padding: 20px;
    }




    @media (max-width: 576px)
    {
    
    
    a .btn .btn--label
    {
        float: none;
    }

    .label
    {
        min-width: 40px;
        font-size: 9px;
        height: 23px;
        padding: 0 7px;
        top: 0.5em;
    }

    .tabs li
    {
        width: 48%;
    }

    .background-image
    {
        position: absolute;
        top: 52px;
        left: 135px;
        right: 134px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 381px;
        }

    img.image-tablet
    {
        transform: rotate(270deg);
        top: 59px;
        position: relative;
        max-width: 104%;
    }

    .project-detail
    {
        text-align: center;
    }

        .project-detail hr.short
        {
            margin: 13px auto;
        }

    .planlast-left
    {
        margin-top: 100px;
    }

        .planlast-left .col-lg-3
        {
            margin: 10px 0;
        }

    .background-slider h2
    {
        font-size: 1.5em;
    }
}


@media (max-width: 576px) and (min-width: 550px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 120px;
        right: 140px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 390px;
        }
}

@media (max-width: 550px) and (min-width: 540px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 113px;
        right: 133px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 377px;
        }
}

@media (max-width: 540px) and (min-width: 530px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 112px;
        right: 128px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 370px;
        }
}

@media (max-width: 530px) and (min-width: 520px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 110px;
        right: 129px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 366px;
        }
}

@media (max-width: 520px) and (min-width: 510px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 104px;
        right: 122px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 348px;
        }
}

@media (max-width: 510px) and (min-width: 500px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 106px;
        right: 124px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 358px;
        }
}

@media (max-width: 500px) and (min-width: 495px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 105px;
        right: 122px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 345px;
        }
}

@media (max-width: 495px) and (min-width: 480px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 104px;
        right: 121px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 341px;
        }
}

@media (max-width: 480px) and (min-width: 475px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 100px;
        right: 116px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 328px;
        }
}

@media (max-width: 475px) and (min-width: 465px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 100px;
        right: 115px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 324px;
        }
}

@media (max-width: 465px) and (min-width: 450px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 95px;
        right: 111px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 307px;
        }
}

@media (max-width: 450px) and (min-width: 445px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 94px;
        right: 111px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 304px;
        }
}

@media (max-width: 445px) and (min-width: 430px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 94px;
        right: 110px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 304px;
        }
}

@media (max-width: 430px) and (min-width: 420px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 90px;
        right: 105px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 289px;
        }
}

@media (max-width: 420px) and (min-width: 410px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 88px;
        right: 102px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 284px;
        }
}



@media (max-width: 410px) and (min-width: 400px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 90px;
        right: 104px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 284px;
        }
}

@media (max-width: 400px) and (min-width: 380px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 88px;
        right: 103px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 283px;
        }
}

@media (max-width: 380px) and (min-width: 375px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 84px;
        right: 98px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 266px;
        }
}

@media (max-width: 375px) and (min-width: 360px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 84px;
        right: 98px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 267px;
        }
}

@media (max-width: 360px) and (min-width: 355px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 81px;
        right: 94px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 253px;
        }
}

@media (max-width: 355px) and (min-width: 340px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 80px;
        right: 92px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 249px;
        }
}

@media (max-width: 340px) and (min-width: 330px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 77px;
        right: 88px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 328px;
        }
}



@media (max-width: 330px) and (min-width: 320px)
{
    .background-image
    {
        position: absolute;
        top: 52px;
        left: 74px;
        right: 86px;
        overflow: hidden;
    }

        .background-image .hover-item-scroll
        {
            height: 231px;
        }
}

@media (max-width: 992px) and (min-width: 768px)
{
    .bar-2 .menu-horizontal > li, .bar-1 .menu-horizontal > li
    {
        display: block;
    }
}

input.form-control {
    line-height: 1.8rem;
    height: fit-content;
}

input.form-control[type="file"] {
    line-height: 1.5rem;
    height: fit-content;
}

h1, h2, h3, h4 {
    font-weight: bold !important;
}

    .h1 small, h2 small, h3 small, h4 small {
        font-weight: bold !important;
        font-size: 70% !important;
    }

    h2.section-title small {
        font-size: 50% !important;
        display: block;
        opacity: 0.8;
        color: #808080;
    }

input[type], select {
    border-radius: 50px !important;
}

textarea {
    border-radius: 20px !important;
}

.pl-0 input[type], input.TouchSpin {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pr-0 input[type] {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

label {
    font-size: 1.2em;
    margin: 10px 20px;
}

span.help-block {
    margin: 0px 20px;
}

.timer {
    background-color: #f7f7f7;
    margin-bottom: 10px;
    padding: 10px 0 5px 0;
    color: #4a4a4a;
    border-radius: 50px;
}

#btnSendAuthCode.btn-block, #btnAuthLogin.btn-block {
    display: block;
    width: 250px !important;
    border-radius: 50px;
    margin: 20px auto 0 auto !important;
    padding: 5px 0;
}

.btn-rounded-light, .btn-rounded-light:hover
{
    background: #fff;
    padding: 10px 20px;
    border-radius: 100px;
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    color: #808080;
    vertical-align:middle;
    font-size:1.2em;
}

    .btn-rounded-light i
    {
        margin-left: 5px;
        font-size: 1.2em;
        font-weight: lighter;
        color: #eb2227;
        vertical-align: middle;
    }

    .bar {
    padding: 0;
}

    .bar .logo {
        max-height: 2.5em;
    }

.color-blue {
    color: #06377b;
}

.color-blue-bg {
    background-color: #06377b;
    color: #fff !important;
}

.color-red {
    color: #eb2227;
}

.color-red-bg {
    background-color: #eb2227;
    color: #fff;
}

.col-search {
    margin-left: 0.25rem !important
}

.main-header {
    padding: 20px 0;
}

    .main-header h3 {
        margin: 0 !important;
        color: #06377b
    }

.breadcrumbs {
    font-size: 1.1em;
}

    .breadcrumbs li {
        margin-bottom: 0 !important;
        margin-left: 0.5em !important
    }

        .breadcrumbs li:not(:last-child):after {
            content: '\f104';
            margin-right: 0.5em !important;
            font-family: 'Font Awesome\ 5 Pro';
            font-weight: normal;
            top: 2px;
            position: relative;
            font-size: 1.1em;
        }

.bar.pos-fixed a.logo-container {
    display: block;
    background: #ed1c24;
    width: 80px;
    text-align: center;
    height: 72px;
}

.bar.pos-fixed .logo {
    margin: auto;
    top: 14px;
    max-height: 3em;
}


.bar .menu-horizontal.main--menu {
    top: 0px !important;
}

.lead {
    color: #4a4a4a
}

.TabDesc {
    font-size: 2.5em;
    color: #808080;
    line-height: 1.3em;
}

.menu-lang .menu-vertical li {
    margin-left: 0 !important;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    text-align: center;
    font-size: 1.1em !important;
}

    .menu-lang .menu-vertical li.lang-select a {
        cursor: default;
    }

    .menu-lang .menu-vertical li.lang-select span.sambol {
        background: #06377b;
        color: #fff;
    }

    .menu-lang .menu-vertical li.lang-select:hover span.sambol {
        background: #06377b !important;
        color: #fff !important;
    }

    .menu-lang .menu-vertical li:last-child {
        border-bottom: none;
    }

    .menu-lang .menu-vertical li span {
        padding: 5px 10px 0px 0px;
    }

        .menu-lang .menu-vertical li span.sambol {
            width: 1.5em;
            height: 1.5em;
            opacity: 1;
            padding: 1px 5px;
            margin-left: 10px;
            text-transform: uppercase;
        }

    .menu-lang .menu-vertical li:hover {
        color: #ed1c24;
    }

        .menu-lang .menu-vertical li:hover span.sambol {
            background: #ed1c24;
            color: #fff;
        }

.menu-lang ul li:hover span.dec {
    color: #4a90e2;
}

.bar-1 .menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
    padding: 1.5em 0;
}

.bar-1 .menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
    transform: scaleX(1);
    cursor: pointer;
}

    .bar-1 .menu-horizontal.main--menu > li > a > .caret, .bar-1 .menu-horizontal.main--menu > li > span > .caret {
        display: block !important;
        bottom: 0px;
        height: 4px;
        position: absolute;
        left: 0;
        display: block;
        height: 4px;
        width: 100%;
        background: #06377b;
        transform: scaleX(0);
        transition: .2s ease-out all;
        cursor: pointer;
    }

    .bar-1 .menu-horizontal.main--menu > li > a:hover > .caret, .bar-1 .menu-horizontal.main--menu > li > span:hover > .caret {
        transform: scaleX(1);
    }

.menu-horizontal.actionBar > li > a {
    opacity: 1;
    color: #808080;
}

    .menu-horizontal.actionBar > li > a:hover {
        color: #06377b !important;
        text-decoration: underline;
    }

.overlayCutter {
    overflow: hidden;
    height: 100%;
}


    .overlayCutter:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 0;
        width: var(--width, 50%);
        height: 100%;
        border-radius: 0;
        -ms-transform: var(--ms-transform,skew(10deg, 0deg) translateX(75px));
        -webkit-transform: var(--webkit-transform,skew(10deg, 0deg) translateX(75px));
        transform: var(--transform,skew(10deg, 0deg) translateX(75px));
        background-color: var(--background-color, #000);
        opacity: var(--opacity, 0.8);
        z-index: 1;
        left: var(--left,auto);
    }

.overlaybg:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: var(--width, 50%);
    height: 100%;
    border-radius: 0;
    background: var(--backgroundGradient,linear-gradient(to right, transparent, rgba(0,0,0)));
    right: var(--right,0);
    opacity: var(--opacity, 0.8);
    left: var(--left,auto);
}

.overlay:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: var(--width, 100%);
    height: 100%;
    border-radius: 0;
    background-color: var(--background-color, #000);
    right: 0;
    opacity: var(--opacity, 0.3);
}


.overlaytext {
    color: #fff;
    padding: 0 10% 0 20%;
}



    .overlaytext h2 {
        color: #fff;
        font-size: 2.8em;
        font-weight: bold;
        margin-bottom: .5em;
    }

    .overlaytext .btn--outline {
        border-color: #fff;
    }

    .overlaytext p.lead {
        text-align: right !important;
        font-size: 1.8em !important;
    }

.overlay-switch .overlaytext {
    text-align: left !important;
    padding: 0 20% 0 10%;
}

    .overlay-switch .overlaytext p.lead {
        text-align: left !important;
    }

.overlaytext.overlaylight {
    color: #323333
}

    .overlaytext.overlaylight h2 {
        color: #06377b
    }

    .overlaytext.overlaylight .btn--outline {
        border-color: #06377b!important;
        background-color: #06377b!important;
        color: #fff!important;
    }

        .overlaytext.overlaylight .btn--outline:hover {
            border-color: #06377b!important;
            background-color: #fff!important;
            color: #06377b!important;
        }


.btn--rounded {
    border-radius: 1000px !important;
}


.list-button-style {
    margin-right: 50px !important;
}

.firstpage-shortcuts-2 .list-button-style {
    margin-right: 0px !important;
}


    .firstpage-shortcuts-2 .list-button-style li {
        width: 24%;
        display: inline-block;
    }

        .firstpage-shortcuts-2 .list-button-style li a {
            margin-bottom: 0 !important
        }



.list-button-style li {
    width: 45%;
    display: inline-block;
}

    .list-button-style li a {
        display: block;
        padding: 10px 15px;
        font-weight: bold !important;
        color: #eb2227;
        font-size: 1.1em;
        margin-bottom: 5px !important;
    }

        .list-button-style li a:hover {
            background: #fff;
            border-radius: 100px;
        }

    .list-button-style li i {
        vertical-align: middle;
        margin-left: 10px;
        color: #b1b1b1;
        font-size: 1.5em;
    }

.product-item img {
    display: block
}

.product-item .product-title {
    display: block !important;
}

.product h4 {
    font-size: 1em !important;
    margin-bottom: 0;
}

    .product h4 small {
        font-size: .85em !important;
    }

.product span {
    display: block;
    height: 30px;
    overflow: hidden;
}


.products-list .product {
    padding: 20px;
    display: block;
    border-radius: 10px;
    position: relative;
}

    .products-list .product:hover {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    }

    .products-list .product img {
        height: 30vh;
    }


.product .tools {
}


.product .colors li {
    border-radius: 100%;
    height: 16px;
    width: 16px;
    border: 1px solid silver;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.products-list .product

#features i.icon--sm {
    color: #b1b1b1;
}

a.hover-anim:after {
    content: '\f053';
    color: #eb2227;
    font-family: 'Font Awesome\ 5 Pro';
    font-size: 13px;
    margin-right: 10px;
    top: 3px;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

a.hover-anim:hover:after {
    opacity: 1;
}



a.hover-anim {
    word-spacing: normal;
    transition: word-spacing 0.5s ease-in-out;
}

    a.hover-anim:hover {
        color: #eb2227;
        word-spacing: 2px;
    }

.color--error {
    color: #eb2227;
}


#tabs-products .tabs {
    border-bottom: 1px solid #ECECEC;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0px;
    width: 100%;
}

    #tabs-products .tabs li:not(:last-child) {
        border: none;
    }

    #tabs-products .tabs li.active .tab__title span {
        color: #000000;
    }

    #tabs-products .tabs li .tab__title span.h5 {
        font-size: 1.2em;
        font-weight: bold;
    }


    #tabs-products .tabs li {
        padding: 1.928571em 1.857143em;
        margin: 0 1em;
    }

    #tabs-products .tabs > li {
        position: relative;
    }

#tabs-products .flickity-page-dots {
    bottom: 0;
}

.tabs > li.active > span.border-anim {
    position: absolute;
    bottom: 0;
    display: block;
    height: 2px;
    width: 100%;
    background: #ee405a;
    transform: scaleX(1);
    right: 0;
    left: 0;
}

.tabs > li > span.border-anim {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 4px;
    width: 100%;
    background: #ee405a;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.tabs > li:hover > span.border-anim {
    width: 100%;
    background: #ee405a;
    transform: scaleX(1);
}

#tabs-products .slider {
    margin: 0 !important;
}

.flickity-page-dots .dot {
    background: #000;
    vertical-align: middle;
    width: 10px;
    height: 10px
}

.flickity-page-dots .is-selected {
    width: 15px;
    height: 15px;
    background: #ed1c24;
    opacity: 1 !important;
}

#MainSlider .flickity-slider .slide {
    padding: 0px !important;
}

.flickity-slider .slide {
    padding: 20px;
}




[data-overlay-red]:before {
    background: #eb2227;
}

[data-overlay-red="8"]:before {
    opacity: 0.8;
}

[data-overlay-red]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-overlay-red] *:not(.container):not(.background-image-holder) {
    z-index: 2;
}


[data-overlay-right]:before {
    background: linear-gradient(to right, transparent, #000000);
}

[data-overlay-right="9"]:before {
    opacity: 0.9;
}

[data-overlay-right]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-overlay-right] *:not(.container):not(.background-image-holder) {
    z-index: 2;
}

.Pagination .current a {
    background-color: #eb2227;
}

/*.section-video .background-image-holder:after, .section-video .background-image-holder:before {
    content: '';
    display: block !important;
    position: absolute;
    width: 10px;
}
.section-video.left .background-image-holder:after, .section-video.left .background-image-holder:before {
    left:0;
}


.section-video.right .background-image-holder:after {
    border-right: 9px solid #FFFFFF;
    border-top: 9px solid transparent;
    top: 50%;
    bottom:0;
}

.section-video.right .background-image-holder:before {
    border-bottom: 9px solid transparent;
    border-right: 9px solid #FFFFFF;
    bottom: 50%;
    top:0;
}

.section-video.left .background-image-holder:after {
       border-left: 9px solid #FFFFFF;
    border-top: 9px solid transparent;
    top: 50%;
    bottom:0;
}

.section-video.left .background-image-holder:before {
    border-bottom: 9px solid transparent;
    border-left: 9px solid #FFFFFF;
    bottom: 50%;
    top:0;
}*/


.section-video i {
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 70px;
    color: #fff;
    z-index: 999;
}

.bg--primary-2 {
    background: #4a4a4a;
    transition: background 0.5s ease-in-out;
}

.box-link {
    padding: 0 15px;
}

    .box-link .col {
        border-left: 1px solid #000000;
    }

        .box-link .col:last-child {
            border-left: none;
        }

    .box-link a {
        display: block;
        background: #06377b;
        color: #fff;
        padding: 20px;
        font-size: 1.2em;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
    }

        .box-link a:hover {
            background: #eb2227;
            color: #fff;
            padding: 20px;
            font-size: 1.2em;
            font-weight: bold;
        }

        .box-link a i {
            margin: 0 10px;
            font-size: 1.2em
        }

        .box-link a:after {
            content: '\f053';
            color: #fff;
            font-family: 'Font Awesome\ 5 Pro';
            font-size: 13px;
            margin-right: 10px;
            top: 33px;
            position: absolute;
            transition: all 0.3s ease-in-out;
            left: 25px;
        }

        .box-link a:hover:after {
            left: 20px;
        }



.flowplayer .fp-brand {
    display: none;
}

.flowplayer a[href="http://flowplayer.org"] {
    opacity: 0;
    visibility: hidden;
}




.no-style {
    list-style: none;
}

.menu-lang .dropdown .dropdown__content {
    margin-top: 10px
}

.dropdown .dropdown__content {
    border-radius: 0;
    margin-top: 15px
}

[dir="rtl"] .dropdown .dropdown__content .background-image-holder, [dir="rtl"] .dropdown .dropdown__content > .pos-absolute[class*='col-'][data-overlay]:before {
    border-radius: 0;
}

.dropdown.dropdown--active > .dropdown__container {
    opacity: 1;
    transform: scale(1,1);
}

.dropdown .dropdown__container {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    z-index: 999;
    transform-origin: top;
    transform: scale(1, 0);
}

#notification-bottom.active {
    bottom: -14px;
}

.compare-choices-btn.active {
    bottom: 0px;
}


#notification-bottom, .compare-choices-btn {
    color: white;
    position: fixed;
    bottom: -80px;
    left: 0;
    width: 100%;
    z-index: 20;
    overflow-y: auto;
    max-height: calc(100vh - 128px);
    transition: all 0.3s linear;
}



    #notification-bottom #btn-notification, .compare-choices-btn #btn-notification {
        max-width: 280px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        background-color: #ed1c24;
        margin: auto;
        align-items: center;
        padding: 0;
        height: 50px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        border-radius: 15px 15px 0 0;
        box-sizing: border-box;
        color: #fff;
        z-index: 1000;
    }

    #btn-notification a, .compare-choices-btn a {
        color: #fff;
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
        padding: 10px 20px;
    }

    #notification-bottom.open #btn-notification {
        background-color: #06377b;
    }

    #notification-bottom .content {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box;
        background-color: #06377b;
        max-height: 0px;
        transition: max-height 0.5s linear;
        margin-bottom: 0px;
        overflow: hidden;
    }


    #notification-bottom.open .content {
        max-height: 300px;
    }

    #notification-bottom .toggle {
        transition: transform 0.5s;
    }

    #notification-bottom.open .toggle {
        transition: transform 0.5s;
        transform: rotate(180deg);
    }

    #notification-bottom .label {
        left: 0;
    }

    .compare-choices-btn span.count {
        color: #fff;
        height: 16px;
        padding: 1px 4px;
        min-width: 21px;
        min-height: 21px;
        border-radius: 100px;
        text-align: center;
        font-size: 0.8em;
        line-height: 20px;
        border: 1px solid #fff;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .compare-choices-btn i {
        position: absolute;
        left: 10px;
        top: 14px;
    }

.feachers-right, .feachers-right li {
    border: none !important;
}

    .feachers-right li.active {
        background: linear-gradient(to bottom right, #ffffff 49%, #f6f6f6 51%), linear-gradient(to top right, white 49%, #f6f6f6 49%), linear-gradient(to left, #f6f6f6, #f6f6f6);
        background-size: 20px 51%, 20px 51%, calc(100% - 20px) 100%;
        background-position: 0% 0%, 0% 100%, 0% 0%;
        background-repeat: no-repeat;
        background-color: #f6f6f6;
        border: none !important;
    }


.tabs li.active .tab__title span {
    color: #25407a;
}

.tabs.feachers-right li, .tabs.feachers-left li {
    padding: 1.928571em 1.85714286em !important;
}

.tabs-container.tabs--vertical .tabs.feachers-right, .tabs-container.tabs--vertical .tabs.feachers-left {
    width: 30%;
}

.tabs-container.tabs--vertical .tabs-content {
    width: 67%;
}


ul.tabs.feachers-left {
    float: left !important;
}

.feachers-left, .feachers-left li {
    border: none !important;
    text-align: left;
}

    .feachers-left li.active {
        background-color: #f6f6f6;
        position: relative;
        background: linear-gradient(to bottom left, transparent 49%, #f6f6f6 51%), linear-gradient(to top left, transparent 49%, #f6f6f6 49%), linear-gradient(to left, #f6f6f6, #f6f6f6);
        background-size: 20px 51%, 20px 51%, calc(100% - 20px) 100%;
        background-position: 100% 0%, 100% 100%, 0% 0%;
        background-repeat: no-repeat;
        border: none !important;
    }

hr.short {
    border-color: #ec282d;
}

.boxed {
    border-radius: 0;
}

.feachers-tabs .boxed.boxed--sm {
    padding: 1.23809524em;
    border: 2px solid #ececec;
}

.feachers-tabs .tabs {
    border: none;
    text-align: left;
    width: 80%;
}

.feachers-tabs .tabs-container > h3 {
    width: 20%;
    float: right;
}

.feachers-tabs .tabs li {
    border: none;
    position: relative;
    margin: 0 20px;
}

.feachers-tabs .accordion li:nth-child(odd) {
    background: #f7f7f7;
}

.feachers-tabs .accordion-2 li .accordion__title {
    border-bottom: none;
}

.feachers-tabs .accordion .accordion__title:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f067' !important;
    margin-right: 6px;
    color: #eb2227;
    font-size: 30px;
    vertical-align: middle;
}

.feachers-tabs .accordion li.active .accordion__title:before {
    content: '\f068' !important;
}

.feachers-tabs .accordion-2 li .accordion__title, .feachers-tabs .accordion-2 li .accordion__content {
    padding-right: 15px;
}

.questions .accordion li {
    min-height: 200px;
    padding-right: 0;
    background: none !important;
}

.questions .accordion-2 li .accordion__content {
    padding-right: 15px;
    word-break: break-word;
    padding-bottom: 42px;
}

.accordion .accordion__title span {
    word-break: break-word;
}


.feachers-tabs.questions .accordion .accordion__title:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f067' !important;
    margin-right: 6px;
    color: #eb2227;
    font-size: 30px;
    vertical-align: middle;
    position: absolute;
    bottom: 17px;
    left: 17px;
}

.questions .accordion li > div {
    background: #f7f7f7;
    min-height: 192px;
    overflow: hidden;
}

.questions .accordion li.active {
    margin-bottom: 0;
}

.conversation__reply {
    border-top: 1px solid #ececec !important;
}

.page-navigator li a {
    background: #eb2227;
}

.page-navigator {
    border-top: none !important;
}


.icon-gallerymedia i {
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 43px;
    color: #fff;
    z-index: 999;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
    text-align: right;
}

[dir="rtl"] .masonry-filter-container > span {
    display: inline-block;
    margin-left: 1.6875em;
    display: none;
}

.masonry-filters--horizontal .masonry__filters ul li.active {
    color: #121212;
    border-bottom: 2px solid #e30016;
}

.masonry-filters--horizontal .masonry__filters {
    border: none;
}



.tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: visibility 0s, opacity 0.5s linear;
    pointer-events: none;
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
}

a.btn.btn--outline.btn--danger, a.btn.btn--outline.btn--danger .btn--icon i {
    border-color: #ed1c24 !important;
    color: #ed1c24;
}

    a.btn.btn--outline.btn--danger:hover {
        background-color: #ed1c24 !important;
        color: #fff;
    }

.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
}

.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
}

footer {
    border-top: 1px solid #ccc;
    margin-top: 0px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

    footer h4 {
        color: #06377b;
    }

    footer .logo {
        margin: 0 !important;
    }

    footer .social-list i {
        background-color: transparent;
        width: 20px;
        height: 20px;
        padding-top: 0;
    }

    footer .social-list li {
        margin: 0 5px !important;
    }

    footer .list--hover li:hover a {
        color: #eb2227;
    }

.footer-1 .footer-links li a {
    color: #06377b;
    opacity: 1 !important;
}

    .footer-1 .footer-links li a:hover {
        color: #eb2227;
        opacity: 1;
    }

.icon-video {
    font-size: 41px;
}

.video-cover h5 {
    position: absolute;
    z-index: 999;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 20px;
}

.video-cover:hover:before {
    opacity: 1;
}

.flowplayer .fp-engine, .flowplayer .fp-ui, .flowplayer .fp-message {
    position: absolute;
}

[data-overlay-bottom]:before {
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    transition: all ease-in-out .5s;
    opacity: 0.65;
}

[data-overlay-bottom]:hover:before {
    opacity: 1;
}

.feature h4 + p {
    max-width: 100% !important;
}


#counter h3 {
    font-weight: bold;
    color: #003f7d;
    margin-top: 20px;
}

#counter .sign {
    font-size: 21px;
    padding: 10px;
    position: absolute
}

#counter .counter-value {
    font-family: 'Martel', serif;
    font-weight: bold;
    font-size: 72px;
    color: #ed1c24;
}

.stats i.fa-3x {
    font-size: 150px;
    margin: auto;
    display: block;
    text-align: center;
    margin-bottom: -45px;
    color: rgba(0, 0, 0, 0.08);
}

.sepas {
    width: 30px;
    height: 30px;
}

#TopSearch {
    position: relative
}

#topSearchBtn {
    padding: 0;
    border-radius: 50px;
    border-right: none !important;
    height: 20px;
    display: inline-block;
    color: #ed1c24;
    transition: all 0.5s ease-in-out;
    width: 20px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 5px;
}

    #topSearchBtn i {
        top: -1px;
        position: relative
    }

    #topSearchBtn:hover {
        background: #ed1c24 !important;
        color: #fff;
    }

a#topSearchBtn {
    margin-right: -25px;
}

#topSearchValue {
    border-radius: 50px !important;
    height: 2em;
}

.features-7.boxed--border {
    border: 2px solid #ddd;
}

.features-7 span {
    display: block;
}

.features-7 p {
    font-size: 1.3em;
    font-weight: bold;
    color: #06377b
}



.notification {
    left: 0;
    top: 26px;
    width: 22% !important;
    min-width: 350px !important;
}

[dir="rtl"] .notification .notification-close-cross {
    right: auto !important;
    left: 0.7em !important;
}


.summaryNews {
    height: 160px;
    overflow: hidden;
    text-align: justify;
}


.bootstrap-touchspin .input-group-btn-vertical > .btn {
    margin: 0 !important;
}

button.checkmark.checkmark--cross:before, input[type="submit"].checkmark.checkmark--cross:before {
    content: '\00d7';
    font-size: 18px;
    top: 2px;
}


.wizard > .content {
    background-color: transparent !important;
    border: none;
}

.wizard .h5 {
    font-size: 1.2em !important;
    font-weight: normal
}

.strong {
    font-weight: bold !important;
}



.cart-item {
    padding: 1.85714286em 0;
    border-bottom: 1px solid #ececec;
}

    .cart-item:first-child {
        padding-top: 0;
    }

    .cart-item:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

.menu-cart a {
    position: relative !important;
    display: inline !important;
    padding: 0 !important;
}

.menu-cart i {
    font-size: 1.5em;
    top: 5px;
    position: relative;
}

.menu-cart .menu-cart-count {
    background: #eb2227;
    color: #fff;
    position: absolute;
    right: -11px;
    top: 11px;
    height: 16px;
    padding: 0 2px;
    min-width: 16px;
    border-radius: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
}

.list-group.selectable .list-group-item {
    border-radius: 5px;
}


#barProducts.pos-fixed {
    position: fixed;
    top: 0px;
    animation: fadeInDown 0.3s ease-out forwards;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    padding: 0;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 99999;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    #barProducts.pos-fixed .product-1 {
        padding: 1em;
    }

        #barProducts.pos-fixed .product-1 img {
            width: 23% !important;
        }

        #barProducts.pos-fixed .product-1 .subtitle {
            display: none;
        }

        #barProducts.pos-fixed .product-1 h4 {
            font-size: 16px;
        }


    #barProducts.pos-fixed .product h4 {
        height: 40px;
    }

    #barProducts.pos-fixed .product-1 span {
        display: none;
    }

.map-container {
    min-height: 250px;
}

.swatch-colors a {
    border-radius: 50px;
    margin-left: 20px;
    padding: 8px 0;
    position: relative
}


    .swatch-colors a span {
        width: 30px;
        height: 30px;
        position: relative;
        display: inline-block;
        border-radius: 50%;
        margin-left: 5px;
        vertical-align: middle;
        border: 1px solid #dee2e6;
    }

    .swatch-colors a.active span {
        border: 2px solid #06377b !important;
    }


.ColorBadge {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    margin-left: 8px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    vertical-align: middle;
}



.categories {
    flex-direction: row;
}

.accordion li {
    border-bottom: 1px solid #ccc;
}

.accordion .accordion__title:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f067';
    margin-left: 15px;
    color: #252525;
    font-size: 1.2em;
    vertical-align: middle;
}

.accordion li .accordion__title, .accordion li:last-child .accordion__title {
    border-bottom: none;
    margin: 5px 0;
}

.accordion li:last-child {
    border-bottom: none;
}

.accordion li.active .accordion__content {
    margin-bottom: 15px;
}

.accordion li.active {
    margin-bottom: 0;
}


    .accordion li.active .accordion__title:before {
        content: '\f068';
    }


.card-header a:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f077';
    margin-left: 0;
    color: #252525;
    font-size: 1.2em;
    vertical-align: middle;
    position: absolute;
    left: 5px;
}


.card-header a.collapsed:before {
    content: '\f078';
}

.card {
    background-color: transparent;
    border: none;
}

.card-header {
    background-color: transparent;
    border-bottom: none;
}

.input-checkbox label {
    width: 1.5em;
    height: 1.5em;
    margin: 2px 7px !important;
}

.bg--dark .breadcrumbs li a {
    color: #fff;
}

.dropdown li {
    border-bottom: 1px solid #e3e1e1;
    padding: 5px 0;
}

    .dropdown li:last-child {
        border-bottom: 0;
    }

.label-rounded-sm {
    border-radius: 50px;
    background: #06377b;
    padding: 2px 15px;
    display: inline-block;
    color: #fff;
}

.top-left-dots .flickity-page-dots {
    top: -40px;
    bottom: inherit !important;
    text-align: left !important;
}

.shop-categories.no-icon li {
    display: inline-block;
    padding: 0px 0 0px 20px;
}

.shop-categories.boxed-icon li {
    display: inline-block;
    padding: 0px 0 0px 20px;
    font-size: 1.2em;
    text-align: center;
    margin: 0 10px;
}

    .shop-categories.boxed-icon li img {
        display: block;
        max-height: 40px;
        margin: auto;
        margin-bottom: 10px;
    }

.shop-categories:not(.boxed-icon) li img {
    display: none !important;
}


.shop-categories.boxed-icon a, .shop-categories.no-icon a {
    transform: scaleX(1);
    display: block;
    padding: 1em 0;
}

    .shop-categories.boxed-icon a .caret, .shop-categories.no-icon a .caret {
        display: block !important;
        bottom: 0px;
        height: 4px;
        position: absolute;
        left: 0;
        display: block;
        height: 4px;
        width: 100%;
        background: #ee405a;
        transform: scaleX(0);
        transition: .2s ease-out all;
        cursor: pointer;
    }

    .shop-categories.boxed-icon a:hover .caret, .shop-categories.no-icon a:hover .caret, .shop-categories.no-icon a.active .caret, .nav.shop-categories li .active .caret {
        transform: scaleX(1);
    }


.SimpleBody img {
    width: 100% !important;
}


[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    height: 35px;
    cursor: pointer;
}




.trash {
    float: left;
    font-size: 0.98em;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 18px;
    height: 18px !important;
    transition: all 0.5s ease-in-out;
    display: inline-block !important;
    line-height: 1.49;
    padding: 0 0px 0px 1px
}

    .trash:hover {
        color: #fff;
        border: 1px solid #eb2227;
        background: #eb2227;
    }

.input-checkbox.input-checkbox--switch label {
    height: 1.8em !important;
    margin: 0 5px !important;
}

.input-checkbox.input-checkbox--switch + span {
    margin-right: 0.92857143em;
    font-size: 1em;
    margin-left: 0;
    bottom: 0;
}

.input-checkbox.input-checkbox--switch {
    margin: 0;
    margin-right: 5px;
    margin-left: 0;
}

#requestService {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#requestServiceBtn {
    font-size: 1.25em;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.inputsPrice input {
    font-size: 0.9em;
    height: 3.1em;
}

.menu-cart .title{
    display:none;
}

.product .tools {
    z-index: 99;
}


[dir="rtl"] .input-select:after {
    top: 0;
}

#search-map {
    background: #ed1c24;
    border-radius:5px;
}

    #search-map i {
        line-height: 1.2;
        top: 2px;
        position: relative;
        color: #ffff;
        transition: all 0.5s ease-in-out;
    }
    #search-map:hover i {
        color: #06377b
    }

#maps .map-container {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}


/* width */
#StateName::-webkit-scrollbar, #CityName::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#StateName::-webkit-scrollbar-track, #CityName::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
#StateName::-webkit-scrollbar-thumb, #CityName::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
}

    /* Handle on hover */
    #StateName::-webkit-scrollbar-thumb:hover, #CityName::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,0.4);
    }
		

@media (min-width: 1200px) {
     .btn-rounded-light, .btn-rounded-light:hover {
        margin-left: 60px;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 1440px;
        max-width: 100%;text-align: right;
    }

    #tabs-products .tabs li {
        padding: 1.928571em 2.857143em;
        margin: 0 3em;
    }
}


@media (min-width: 991px) {
    .dropdown .dropdown__container:before {
        height: 0;
    }

    .bar--absolute, .pos-fixed {
        z-index: 10000;
    }

    .bar.pos-fixed:not([class*='bg-']) .logo-light {
        display: block;
    }

    .bar.pos-fixed:not([class*='bg-']) .logo-dark {
        display: none;
    }
}

@media (max-width: 375px) {

    footer {
        padding-bottom: 50px !important;
    }
}


@media (max-width: 991px) {
    .firstpage-shortcuts {
        text-align: center;
        margin-bottom: 20px;
    }

        .firstpage-shortcuts .lead {
            text-align-last: center;
        }

        .firstpage-shortcuts hr.short {
            margin: 10px auto;
        }

    .TabDesc {
        font-size: 1.71em;
        color: #808080;
        line-height: 1.3em;
        text-align: center;
    }

    #tabs-products .col-md-3 {
        text-align: center;
    }

    .list-button-style li a {
        display: block;
        padding: 10px 0;
        font-weight: bold !important;
        color: #eb2227;
        font-size: 1.1em;
        margin-bottom: 5px !important;
        text-align: center;
    }

    .list-button-style li i {
        display: block;
    }

    .list-button-style {
        margin-right: 0 !important;
    }

    a.logo-container {
        display: block;
        height: 72px;
    }

    .bar .logo {
        margin: auto;
        top: 18px;
        max-height: 2.5em;
    }

    .menu-lang .menu-vertical li {
        margin-left: 0 !important;
        border-bottom: none;
        padding: 5px 0;
        text-align: right;
        font-size: 1.1em !important;
    }

    .menu-horizontal.main--menu {
        margin-bottom: 0;
    }

    .sepas {
        width: 19px;
        height: auto;
        margin: 0 auto 0 3px;
        display: block;
    }

    footer {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {

    .btn-rounded-light, .btn-rounded-light:hover {
        padding: 0px 5px;
        font-size: 1em;
    }

    h2, .h2 {
        font-size: 1em;
        line-height: 1.5em;display: inline;
    }

    .menu-cart i {
        font-size: initial;
        top: 0;
    }

    .menu-cart .title {
        display: inline-block;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .filter {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

        .filter.active {
            display: block;
            visibility: visible;
            opacity: 1;
            animation: fade 1s;
        }


    .inputsPrice {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .noUi-base, .noUi-connects {
        width: 97% !important;
    }

    .shop-categories.boxed-icon {
        line-height: 0.8em
    }

        .shop-categories.boxed-icon li, .shop-categories.no-icon li {
            padding: 0;
            margin: 0 5px;
        }

        .shop-categories.boxed-icon .title, .shop-categories.no-icon .title {
            display: none
        }

    .shop-categories.no-icon li img {
        display: block !important;
        max-height: 50px;
        margin: auto;
        margin-bottom: 10px;
    }

    .main--menu li, .user-menu li {
        border-bottom: 1px solid #ddd;
        font-size: 1.2em;
    }

    [dir="rtl"] .menu-horizontal li:not(:last-child) {
        margin-left: 0;
    }

    #requestService {
        border-top-left-radius: 50px !important;
        border-bottom-left-radius: 50px !important;
        margin-bottom: 10px;
    }

    #requestServiceBtn {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .product .price {
        font-size: 1.1em;
        color: #02a500;
    }

    a.btn--xl .btn--label.btn__text {
        font-size: 14px !important;
    }

    #topSearchBtn {
        height: 2.2em !important;
    }

    .bar__module {
        margin: 0 !important;
    }

    li.lang-select, li.lang {
        text-align: center;
    }

    section.bar-3 {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }



    .switchable div[class*='col-']:last-child {
        float: initial !important;
        left: auto;
    }

    .h4 {
        font-size: 1.5em;
    }

    .box-link a {
        font-size: 1em;
        margin-bottom: 1px;
        padding: 1.1em;
    }


    .menu-lang .menu-vertical li span.sambol, .menu-lang .menu-vertical li span.slash {
        display: none;
    }

    .bar .menu-horizontal.menu-lang {
        top: 0;
    }

    .menu-lang .menu-vertical li span {
        padding: 0;
        font-weight: 600;
        color: #676767;
    }

    .menu-lang .menu-vertical li {
        margin: 0 !important;
        text-align: right;
        border-bottom: 1px solid #ddd;
        font-size: 1.2em !important;
        font-weight: 600 !important;
    }

    .bar-1 .menu-horizontal.main--menu > li > a, .bar-1 .menu-horizontal.main--menu > li > span {
        padding: 0.3em 0;
    }

    .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
        font-size: 1em;
        display: block;
    }

    a.btn--outline {
        padding: 7px 10px;
        font-size: .9em;
    }

    .overlayCutter::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 0;
        width: 100% !important;
        height: 100%;
        border-radius: 0;
        background-color: #06377b;
        opacity: .5;
        transform: none;
        right: 0;
    }

    #tabs-products .col-md-3 {
        text-align: center;
    }

    #tabs-products .tabs li {
        margin: 0 0em;
        border: none !important;
    }

        #tabs-products .tabs li .tab__title span.h5 {
            font-size: 1em;
            font-weight: bold;
        }

    #tabs-products .tabs {
        border-bottom: 1px solid #ECECEC !important;
    }

    #foundation .col-lg-5.col-sm-7 {
        text-align: center !important;
    }

    .imagebg {
        text-align: center;
    }

    .overlaytext {
        padding: 8% 10%;
    }

    .overlay-switch .overlaytext {
        text-align: center !important;
        padding: 0 10% 0 10%;
    }

    .overlaytext h2 {
        font-size: 2em;
    }

    .overlaytext p.lead {
        text-align: center !important;
        font-size: 1.5em !important;
    }



    #tabs-products .tabs li {
        padding: 0.6em;
    }

    .TabDesc {
        font-size: 1.71em;
    }

    #foundation h2 {
        font-size: 1.4em;
        padding-top: 25px;
    }

    .menu-horizontal.social > li {
        display: inline-block;
    }

    article .article-summary {
        font-size: 1.1em;
        padding-right: 46px;
    }

        article .article-summary:before {
            font-size: 40px;
        }
} 

@media (max-width: 576px) {

    .TabDesc {
        font-size: 1.2em;
    }

    .overlaytext h2 {
        font-size: 1em;
    }

    .overlaytext p.lead {
        text-align: center !important;
        font-size: 1em !important;
    }

    .list-button-style li a {
        font-size: 0.8em;
    }

    .list-button-style li i {
        margin-left: 0;
        font-size: 3em;
    }

    .h4 {
        font-size: 1.1em;
    }

    .tabs li {
        width: unset;
    }

        .tabs li .image--xs {
            max-height: 3.3em;
        }

    .sepas {
        width: 32px;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .flickity-page-dots .is-selected {
        width: 10px;
        height: 10px;
    }

    .flickity-page-dots .dot {
        width: 7px;
        height: 7px
    }
    
    #main-slider{
        margin-top: 73px!important;
    }
}

@media screen and (max-width: 992px) {
    .small-devices {
        margin-top: 6rem!important;
    }
}

@media only screen and (min-width: 1200px) {
    .nav.shop-categories li a img {
        display: none;
    }
    .nav.shop-categories li a .title {
        font-weight: bold;
        color: #a5a5a5;
    }
    .nav.shop-categories li:hover a .title {
        font-weight: bold;
        color: #666;
    }
    .nav.shop-categories li a.active .title {
        color: #000;
    }
    .shop-categories.boxed-icon a, .shop-categories.no-icon a {
        padding: 2em 3em;
    }
}
@media (min-width: 992px) {
    .sepas {
        width: 1.3rem!important;
    }
    .sepas-en img {
        width: 30px!important;
    }
    .nav.shop-categories li {
        min-width: 118px!important;
        margin: 0 4px!important;
    }
}
@media (min-width: 768px) {
    .sepas {
        width: 1.3rem!important;
    }
    .sepas-en img {
        width: 30px!important;
    }
    .TabDesc {
        font-size: 1.5em!important;
    }
    .nav.shop-categories li {
        min-width: 118px!important;
        margin: 0 4px!important;
    }
}
@media (max-width: 576px) {
    .sepas {
        width: 1.3em!important;
    }
    /*.sepas-en img {*/
    /*    width: 30px!important;*/
    /*}*/
    .TabDesc {
        font-size: 1em!important;
    }
    .nav.shop-categories li {
        min-width: 38px!important;
        margin: 0 4px!important;
    }
}
@media (min-width: 576px) {
    .sepas {
        width: 1.3rem!important;
    }
    .sepas-en img {
        width: 30px!important;
    }
    .nav.shop-categories li {
        min-width: 38px!important;
        margin: 0 4px!important;
    }
}

@media only screen and (min-width: 351px) and (max-width: 575px) {
    .nav.shop-categories li {
        min-width: 38px!important;
        margin: 0 4px!important;
    }
    .smalltext{
        font-size: smaller;
    }
    .smallIcon{
        width: 15px !important;
        height: 15px !important;
    }
    .marginTopMinus {
        margin-top: -2px;
    }
}

@media only screen and (max-width:350px) {
    .linksIconsdisplay{
        display: none!important;
    }    
}