@font-face {
    font-family: IRANSans;
    font-weight: normal;
    src: url('../../fonts/sans/eot/IRANSans.eot');
    src: url('../../fonts/sans/eot/IRANSans.eot') format('embedded-opentype'), url('../../fonts/sans/woff/IRANSans.woff') format('woff'), url('../../fonts/sans/ttf/IRANSans.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansBold;
    font-weight: normal;
    src: url('../../fonts/sans/eot/IRANSans_Bold.eot');
    src: url('../../fonts/sans/eot/IRANSans_Bold.eot') format('embedded-opentype'), url('../../fonts/sans/woff/IRANSans_Bold.woff') format('woff'), url('../../fonts/sans/ttf/IRANSans_Bold.ttf') format('truetype');
}

body {
    font-family: IRANSans;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
}

.bold {
    font-family: IRANSansBold!important;
}

:root {
    --swiper-theme-color: #FC8621!important;
    --swiper-theme-color-pageinate: #FC8621!important;
    --swiper-theme-color1: #FC8621!important;
    --main-color: #FC8621!important;
    --main-color-900: #0f0928!important;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #282522
}

::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 20px;
    border: 3px solid #282522
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--main-color) #fff
}

.is-active {
    border: 2px solid rgb(107, 114, 128)!important;
}

.border_bottom_search {
    border-bottom: 1px solid rgb(194, 194, 194);
}

.logo {
    max-height: 40px;
}

header {
    z-index: 9!important;
    overflow: hidden;
    position: relative;
}

#sidebar,
#categorySidebar,
#categoryProductSidebar {
    z-index: 9999;
}

.is-scrolling {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 90;
    width: 100%;
}

.h-full {
    height: 100%;
}

.body-overlay {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.w_6 {
    width: 6rem;
}

.swiper-container {
    padding: 0!important;
}

.contributors .swiper-slide {
    max-width: 100%!important;
}

.contributors .swiper-container {
    padding: 2rem 0!important;
}

select {
    background-position: left 0.5rem center!important;
}

.container-xl {
    max-width: 1280px;
}

#swiper_why.swiper-container {
    background-color: var( --main-color-900);
}

#swiper_why.swiper-container {
    padding-bottom: 4rem;
}

#swiper_Client.swiper-container {
    padding-bottom: 2rem;
}

#menu {
    z-index: 9999;
}

#swiper_login.swiper-container {
    padding-bottom: 0!important;
    background-color: var( --main-color-100)!important;
}

.vpd-addon-list-content {
    direction: ltr!important;
}

.vpd-time .vpd-down-arrow-btn svg,
.vpd-time .vpd-up-arrow-btn svg {
    margin: 0 auto;
}

.vpd-controls button svg {
    margin: 0 auto;
}

.h_sidebar {
    height: 82vh;
}

.vpd-is-inline .vpd-content {
    width: 100%;
}

.vpd-container {
    font-family: IRANSans !important
}

.vpd-input-group {
    border-radius: 0.25rem;
    overflow: hidden;
    font-family: IRANSans!important;
}

.vpd-input-group input.form-control {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#search {
    z-index: 999999;
}

.swal2-container {
    z-index: 99999!important;
}

.bg-biscay-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}

#select_search_box {
    border-left: 1px solid #ddd;
}

.search_redious {
    border-top-right-radius: 1.2rem !important;
    border-bottom-right-radius: 1.2rem !important;
}

.box_search {
    display: inline-block;
    border: 1px solid #4F74B3;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: #4F74B3;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background-color: #fff;
    white-space: nowrap;
    cursor: pointer;
}

.box_search:hover {
    border: 1px solid #86b0f7;
    color: #86b0f7;
}

#button_search_box {
    border-radius: .25rem 0 0 .25rem;
}

#search {
    width: 100%!important;
    max-width: 100%!important;
    height: 92vh!important;
    border-radius: 30px!important;
}

#search .view-all-results:hover {
    background-color: #f9f9f9;
}

#search .bx-x {
    font-size: 3rem!important;
    padding: 1rem!important;
}

#search #search_close {
    left: 0;
}

#search #search_close {
    left: 0;
}

.suggestion-thumb img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

.suggestion-thumb {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    max-width: 100%;
}

.item_search {
    border-bottom: none;
    border-left: none;
    cursor: pointer;
    transition: background-color .25s ease;
}

.search-sidebar {
    overflow-x: hidden;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#search_input input {
    position: relative;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: #333;
    text-align: center;
    font-weight: 600;
}


/* The switch - the box around the slider */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 8px;
}


/* Hide default HTML checkbox */

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-in-bottom-h1 {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .5s both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .5s both
}

.slide-in-bottom-subtitle {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .75s both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .75s both
}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) 1s both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) 1s both
}

.bounce-top-icons {
    -webkit-animation: bounce-top .9s 1s both;
    animation: bounce-top .9s 1s both
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%,
    55%,
    75%,
    87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 0;
    top: -10px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.cr-boundary {
    overflow: hidden;
    width: 100%;
}

.plyr--video {
    height: 23.5rem;
}

.plyr--video.image {
    background-color: white!important;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .h-102 {
        height: 29rem;
    }
    .plyr--video {
        height: 23.5rem;
    }
    .top_40 {
        top: 7rem!important;
    }
}

@media (min-width: 765px) {
    .plyr--video {
        height: 23.5rem;
    }
    .h-35 {
        height: 8.5rem !important;
    }
    .h-63 {
        height: 15.9rem !important;
    }
    #search_input input {
        height: 110px;
        font-size: 48px;
    }
    .search-sidebar {
        height: 92vh !important;
    }
}

@media (max-width: 380px) {}

@media (max-width: 765px) {
    .h-50 {
        height: 12rem!important;
    }
    .h-58 {
        height: 14.3rem!important;
    }
    .font-thin {
        font-weight: unset !important;
        -webkit-text-stroke: thin;
    }
    #search_input input {
        height: 70px;
        font-size: 25px;
    }
    .search-sidebar {
        height: 100vh !important;
    }
}