@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum).eot');
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans-fanum/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
        url('fonts/iransans-fanum/woff/IRANSansWeb(FaNum).woff') format('woff'),
        url('fonts/iransans-fanum/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans-fanum/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
        url('fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
        url('fonts/iransans-fanum/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: lighter;
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans-fanum/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
        url('fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
        url('fonts/iransans-fanum/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IranSansEn;
    src: url('fonts/iransans/eot/IRANSansWeb.eot');
    src: url('fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'),
        url('fonts/iransans/woff/IRANSansWeb.woff') format('woff'),
        url('fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: IranSansEn;
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
        url('fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'),
        url('fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: IranSansEn;
    src: url('fonts/iransans/eot/IRANSansWeb_Light.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'),
        url('fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'),
        url('fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: 300;
}

/*-------------------------- General Start ------------------------*/
body{
    font-family: IranSans, Tahoma;
    font-size: 14px;
    font-weight: lighter;
    text-align: justify;
    color: #575757;
    line-height: 30px;
    background: #fff;
    overflow-x: hidden;
}
p, ol li, ul li, .p, div {
    font-family: IranSans, Tahoma;
    font-size: 14px;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #757575;
}
a:hover, a:focus, a:active{
    text-decoration: none;
    outline: none;
    color: #353535;
}
::-moz-selection {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}
::selection {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}
.rtl{direction: rtl !important}
.ltr{direction: ltr !important}
.left{float: left !important}
.right{float: right !important}
.rtl .text-right{text-align:right !important}
.rtl .text-left{text-align:left !important}
h1, h2, h3, h4, h5, h6{margin: 5px auto}
h1, .h1{font: 13pt IranSans}
h2, .h2{font: 12.5pt IranSans}
h3, .h3{font: 11.5pt IranSans}
h4, h5, .h4, .h5{font: 11pt IranSans}
h6, .h6{font: 9pt IranSans}
.tahoma{font-family: tahoma !important}
.iransans-en, .en-numbers{font-family: IranSansEn !important}
p, ol, ul{margin-bottom:0}
i{vertical-align: middle}
input, select
{
    font-family: IranSans, tahoma;
    font-size: 10pt;
}
ul{
    list-style:none;
    padding-right: 0;
}
ul li{padding-right: 0}
.img-responsive{
    max-width: 100%;
    height: auto;
}
.img-center{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.img-circle {
    border-radius: 50%;
}
.img-float{
    float: right;
    margin: 10px;
}

.m-0{margin:0 !important}
.m-5{margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-t-0{margin-top:0 !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-15{margin-top:15px !important}
.m-t-20{margin-top:20px !important}
.m-t-25{margin-top:25px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-75{margin-top:75px !important}
.m-t-100{margin-top:100px !important}
.m-b-0{margin-bottom:0 !important}
.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-60{margin-bottom:60px !important}
.m-b-70{margin-bottom:70px !important}
.m-b-75{margin-bottom:75px !important}
.m-b-100{margin-bottom:100px !important}
.m-r-0 {margin-right:0 !important}
.m-r-5 {margin-right:5px !important}
.m-r-10{margin-right:10px !important}
.m-r-15{margin-right:15px !important}
.m-r-20{margin-right:20px !important}
.m-r-25{margin-right:25px !important}
.m-r-30{margin-right:30px !important}
.m-r-40{margin-right:40px !important}
.m-r-50{margin-right:50px !important}
.m-r-60{margin-right:60px !important}
.m-r-70{margin-right:70px !important}
.m-r-75{margin-right:75px !important}
.m-r-100{margin-right:100px !important}
.m-l-0{margin-left:0 !important}
.m-l-5{margin-left:5px !important}
.m-l-10{margin-left:10px !important}
.m-l-15{margin-left:15px !important}
.m-l-20{margin-left:20px !important}
.m-l-25{margin-left:25px !important}
.m-l-30{margin-left:30px !important}
.m-l-40{margin-left:40px !important}
.m-l-50{margin-left:50px !important}
.m-l-60{margin-left:60px !important}
.m-l-70{margin-left:70px !important}
.m-l-75{margin-left:75px !important}
.m-l-100{margin-left:100px !important}

.p-0{padding:0 !important}
.p-5{padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-t-0{padding-top:0 !important}
.p-t-5{padding-top:5px !important}
.p-t-10{padding-top:10px !important}
.p-t-15{padding-top:15px !important}
.p-t-20{padding-top:20px !important}
.p-t-25{padding-top:25px !important}
.p-t-30{padding-top:30px !important}
.p-t-40{padding-top:40px !important}
.p-t-50{padding-top:50px !important}
.p-t-60{padding-top:60px !important}
.p-t-70{padding-top:70px !important}
.p-t-75{padding-top:75px !important}
.p-t-100{padding-top:100px !important}
.p-t-150{padding-top:150px !important}
.p-t-200{padding-top:200px !important}
.p-b-0{padding-bottom:0 !important}
.p-b-5{padding-bottom:5px !important}
.p-b-10{padding-bottom:10px !important}
.p-b-15{padding-bottom:15px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-25{padding-bottom:25px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-40{padding-bottom:40px !important}
.p-b-50{padding-bottom:50px !important}
.p-b-60{padding-bottom:60px !important}
.p-b-70{padding-bottom:70px !important}
.p-b-75{padding-bottom:75px !important}
.p-b-100{padding-bottom:100px !important}
.p-b-150{padding-bottom:150px !important}
.p-b-200{padding-bottom:200px !important}
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10{padding-right:10px !important}
.p-r-15{padding-right:15px !important}
.p-r-20{padding-right:20px !important}
.p-r-25{padding-right:25px !important}
.p-r-30{padding-right:30px !important}
.p-r-40{padding-right:40px !important}
.p-r-50{padding-right:50px !important}
.p-r-60{padding-right:60px !important}
.p-r-70{padding-right:70px !important}
.p-r-75{padding-right:75px !important}
.p-r-100{padding-right:100px !important}
.p-r-150{padding-right:150px !important}
.p-r-200{padding-right:200px !important}
.p-l-0{padding-left:0 !important}
.p-l-5{padding-left:5px !important}
.p-l-10{padding-left:10px !important}
.p-l-15{padding-left:15px !important}
.p-l-20{padding-left:20px !important}
.p-l-25{padding-left:25px !important}
.p-l-30{padding-left:30px !important}
.p-l-40{padding-left:40px !important}
.p-l-50{padding-left:50px !important}
.p-l-60{padding-left:60px !important}
.p-l-70{padding-left:70px !important}
.p-l-75{padding-left:75px !important}
.p-l-100{padding-left:100px !important}
.p-l-150{padding-left:150px !important}
.p-l-200{padding-left:200px !important}

.m-t-5-n{margin-top:-5px !important}
.m-t-10-n{margin-top:-10px !important}
.m-t-15-n{margin-top:-15px !important}
.m-t-20-n{margin-top:-20px !important}
.m-t-25-n{margin-top:-25px !important}
.m-t-30-n{margin-top:-30px !important}
.m-t-40-n{margin-top:-40px !important}
.m-t-50-n{margin-top:-50px !important}
.m-t-60-n{margin-top:-60px !important}
.m-t-75-n{margin-top:-75px !important}
.m-t-100-n{margin-top:-100px !important}
.m-t-150-n{margin-top:-150px !important}
.m-t-200-n{margin-top:-200px !important}

.font-xs{font-size: 8pt}
.font-sm{font-size: 10pt}
.font-lg{font-size: 14pt}
.font-xl{font-size: 16pt}
.font-xxl{font-size: 18pt}
.font-3xl{font-size: 24pt}
.font-4xl{font-size: 36pt}
.font-5xl{font-size: 48pt}

.small, small{font-size: 75%}

.ellipsis {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bordered{border: 1px solid #dee2e6}
.borderless{border: none !important}
.radius, .curve{border-radius: 4px}
.round{border-radius: 50%}
.rounded-modern{border-radius: 100% 50% 50% 100%/75% 69% 69% 75%}
.radio label, .checkbox label{padding: 0}
hr {border-top: 1px solid #d2d2d2}

body.modal-open{padding-right: 0 !important}
.modal{direction: ltr}
.modal *{direction: rtl}
.modal-content .modal-header {
    display: block;
}
.modal-content .modal-body {
    margin-top: 20px;
}
.modal .modal-header .close {
    float: left;
    padding: 1px 5px;
    text-align: center;
}

.inline-block{display: inline-block !important}
.block{display: block !important}
.hide{display: none !important}
.relative{position: relative !important;}
.overhide{overflow: hidden}
.fluid{
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.row.wide{
    margin: 0;
}
*[class^='col-']{
    padding-left: 10px;
    padding-right: 10px;
}
.row.wide *[class^='col-']{
    padding-left: 0;
    padding-right: 0;
}
.form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #eaedf2;
    height: 38px;
    padding: 7px;
    font-size: 14px;
}
.form-control:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control, .btn, .btn:focus, .btn:active, .btn:hover{
    outline: 0 !important;
}

.btn{
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
}
.btn-round{
    border-radius: 50px !important;
}
.btn-curve{
    border-radius: 4px !important;
}

.btn-default{
    background-color: #fff;
    color: #575757 !important;
    border-color: #d2d2d2;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle{
    background-color: #fff;
    border-color: #d2d2d2;
}

.btn-default.btn-border{
    border: 1px solid #d2d2d2;
    background: #fff;
}
.btn.btn-light-green{
    background-color: #62c786;
    color: #fff;
}
.btn-light-green.active.focus, .btn-light-green.active:focus, .btn-light-green.active:hover, .btn-light-green:active.focus, .btn-light-green:active:focus, .btn-light-green:active:hover, .open>.dropdown-toggle.btn-light-green.focus, .open>.dropdown-toggle.btn-light-green:focus, .open>.dropdown-toggle.btn-light-green:hover,
.btn-light-green:hover, .btn-light-green:focus, .btn-light-green:active{
    background: #55ba6f;
}
.btn.btn-gray{
    background-color: #b7bfd3;
    color: #fff;
    font-size: 13px;
}
.btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open>.dropdown-toggle.btn-gray.focus, .open>.dropdown-toggle.btn-gray:focus, .open>.dropdown-toggle.btn-gray:hover,
.btn-gray:hover, .btn-gray:focus, .btn-gray:active{
    background: #b4bac9;
}

.btn.btn-icon{
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border-radius: 25px;
    padding: 0;
}
.btn.btn-sm.btn-icon{
    width: 26px;
    height: 26px;
    line-height: 24px;
}
.btn-transparent{
    background: transparent;
    border: none;
}

.text-primary{color:#334d5c}
.text-success{color:#84b816}
.text-info{color: #019add}
.text-warning{color: #e5b000}
.text-danger{color:#f55145}
.text-white{color:#f1f1f1}
.text-gray{color:#999}
.text-inverse{color:#575757}

.parallax{
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
i{display: inline-block}
a.btn i {
    font-size: 18px;
    line-height: 20px;
}
.flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
th{font-weight: normal}

.table-box{
    display: table;
}
.cell-box{
    display: inline-block;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.tooltip{
    transition: opacity .2s ease;
}
.tooltip.show{
    opacity: 1;
}

.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #fff;
}
.tooltip-inner{
    font: 11px IranSans;
}

.full-modal{
    padding: 0 !important;
    background: rgba(255,255,255,0.8);
}
.modal-backdrop{
    background: rgba(255,255,255,0.8);
}
.full-modal .modal-content{
    border-radius: 0;
    border: none;
}
.full-modal .modal-dialog{
    width: 90%;
    height: 100%;
    margin: auto;
    padding: 0 !important;
}
.full-modal .modal-content{
    min-height: 98%;
}
.full-modal.modal .close {
    font-size: 36px;
    outline: none !important;
}
.full-modal .input-group input.form-control{
    height: 41px;
}

.form-body .input-group .input-group-addon {
    padding: 2px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 0 5px 5px 0;
    border-left: none;
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
    color: #212121;
}
.form-group.is-focused .input-group-addon {
    border-color: #999;
}
.form-group.wide{
    width: 100%;
}
.input-group.like-table .input-group-addon, .input-group.like-table .form-group{
    display: table-cell;
    min-width: 40px;
}
.input-group.like-table .input-group-addon i {
    min-width: 30px;
    font-size: 22px;
    text-align: center;
}
.input-group.like-table .input-group-addon {
    padding: 8px 5px 0px;
    vertical-align: top;
}

.special-input-group{
    display: block;
    width: 100%;
}
.special-input-group .form-group{
    width: calc( 100% - 22%);
    display: inline-block;
    text-align: left;
}
.special-input-group .input-group-btn, .special-input-group>.form-control{
    width: 21%;
    display: inline-block;
    vertical-align: middle;
}
.special-input-group .input-group-btn .btn {
    padding: 6px 10px;
}
.special-input-group .input-group-btn .btn#apply-coupon {
    padding: 6px 5px;
}
.input-group-btn .btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
}

.breadcrumb {
    padding: 4px 15px;
    margin: 20px 0;
    list-style: none;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    background: #f5f5f5;
    font-family: IranSansEn;
}
.breadcrumb>.active {
    color: #0a1b37;
}
.breadcrumb i{
    font-size: 22px;
    line-height: 22px;
}
.breadcrumb>li+li:before {
    font-family: "Ionicons";
    content: "\f3cf";
    padding: 5px 6px 0 6px;
    line-height: 30px;
}
.alert.alert-warning {
    color: #000000;
}

.pagination {
    display: block !important;
    margin: 10px 0;
}
.pagination > li {
    display: inline-block;
}
.pagination>li>a, .pagination>li>span {
    padding: 0px 8px;
    color: #575757;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    line-height: 32px;
    margin-right: -1px;
    margin-left: 0;
    position: relative;
}
.pagination {
    display: block;
}
.pagination>li {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0 2px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #000;
    background-color: #f1f1f1;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    margin: 0 3px;
    display: inline-block;
    border-radius: 25px;
    color: #757575;
    background-color: #fff;
    border-color: #ddd;
    font-weight: normal !important;
    width: 100%;
    height: 100%;
    line-height: 38px;
    vertical-align: middle;
    text-align:center;
}
.pagination>li>a:hover, .pagination>li>a:focus {
    color: #232323;
    border-color: #aaa;
}
.pagination>li>a {
    padding: 0 4px;
    min-width: 38px;
    text-align: center;
    font-weight: bold;
}
.pagination>li i{
    line-height: inherit !important;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 18px;
}

.like-table{
    display: table;
    width: 100%;
}
.like-tablecell{display: table-cell}
.wide{width: 100%}
.bold{font-weight: bold}
.card.card-table{
    margin-bottom: 15px;
    border-radius: 5px;
}
.card.card-table .table{margin-bottom: 0}
.table.text-center th{text-align: center}

.navbar-theme-primary .navbar-nav .dropdown-item.active, .navbar-theme-primary .navbar-nav .dropdown-item:hover, .navbar-theme-primary .navbar-nav .list-group-item.active, .navbar-theme-primary .navbar-nav .list-group-item:hover {
    background: #f3f7fa;
}
.navbar .navbar-nav .nav-link {
    font-size: 15px;
}
.bg-secondary {
    background-color: #f7fafc !important;
}
.page-container{
    position: relative;
    z-index: 1;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .form-control:not(:first-child) {
    border-right: 0;
    border-left: 1px solid #eaedf2;
    padding: 7px !important;
}
.input-group .form-control:focus {
    border-color: #eee !important;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-control-label:before {
    border: #aeaeae solid 1px;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #666 !important;
    border-color: #666 !important;
    background-color: #666 !important;
}
.custom-radio .custom-control-label::before {
    background: #eee;
}
.main-quiz .custom-radio .custom-control-label::before,
.main-quiz .custom-radio .custom-control-label::after {
    transition: none !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=);
    transform: scale(1.5);
}

.custom-control {
    padding-right: 1rem;
    padding-left: 0;
}
.custom-control-label::before, .custom-control-label::after {
    left: inherit;
    right: -1rem !important;
    top: 0;
}
.form-check .form-check-label::after {
    font-family: FontAwesome;
    color: #0648B3;
}
.form-check .form-check-label::before, .form-check .form-check-label::after {
    left: inherit;
    right: 0;
}
.form-check .form-check-label {
    padding-left: 0.5rem;
    padding-right: 1.375rem;
}

.bg-white {
    background: #fff !important;
}
.bg-gray {
    background: #eaeaea !important;
}

.font-size-11, .font-size-11 *{font-size: 11px !important}
.font-size-12, .font-size-12 *{font-size: 12px !important}
.font-size-13, .font-size-13 *{font-size: 13px !important}
.font-size-14, .font-size-14 *{font-size: 14px !important}
.font-size-15, .font-size-15 *{font-size: 15px !important}
.font-size-16, .font-size-16 *{font-size: 17px !important}
.font-size-17, .font-size-17 *{font-size: 17px !important}
.font-size-18, .font-size-18 *{font-size: 18px !important}
.font-size-19, .font-size-19 *{font-size: 19px !important}
.font-size-20, .font-size-20 *{font-size: 20px !important}

.z-100{
    z-index: 100 !important;
    position: relative;
}
.scrollable{
    overflow: auto;
    white-space: nowrap;
    padding: 0;
}

/* webkit solution */
::-webkit-input-placeholder { text-align:right; direction: rtl;}
/* mozilla solution */
input:-moz-placeholder, input::-moz-placeholder { text-align:right !important; direction: rtl;}

.scrollable{
    overflow: auto;
    white-space: nowrap;
    padding: 0;
}


.navbar .navbar-nav .nav-link {
    font-size: 14px;
}
.navbar .navbar-nav .nav-item.dropdown li a.nav-link  {
    color: #333 !important;
    font-size: 1rem;
    font-weight: 400;
    font-size: 14px;
    padding: 0.5rem 1rem;
    transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
}
.navbar .navbar-nav .nav-item.dropdown li a.nav-link:hover  {
    background: #f3f3f3;
}
.rtl .navbar-nav .nav-item {
    float: none;
}
.rtl .navbar-nav .nav-item+.nav-item {
    margin-right: 0;
    margin-left: inherit;
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item.dropdown ul.dropdown-menu{
    display: none !important;
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item.dropdown.show ul.dropdown-menu{
    display: block !important;
}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu.show {
    display: block;
    opacity: 1;
    top: 100%;
}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu {
    left: calc(-100% + 30px);
}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu .dropdown-menu {
    left: inherit;
    right: 100%;
    top: calc( 100% - 40px);
    display: none;
}
.navbar .navbar-nav .dropdown-submenu .dropdown-menu .dropdown-menu.show {
    display: inline-block;
    width: 100%;
    right: 100%;
    z-index: 7;
    left: inherit;
}
.navbar-theme-primary .navbar-nav .dropdown-item.active, .navbar-theme-primary .navbar-nav .dropdown-item:hover, .navbar-theme-primary .navbar-nav .list-group-item.active, .navbar-theme-primary .navbar-nav .list-group-item:hover {
    background: #f3f7fa;
}

.caption h1, .caption .h1{
    color: #4b383a;
    font-weight: bold;
    padding-right: 15px;
    border-right: 5px solid #aaa;
    font-size: 15px;
}
.form-control {
    font-size: 0.8rem;
}
.dashed-line{
    height: 1px;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#d1d8e0),color-stop(0,hsla(0,0%,100%,0)));
    background-image: linear-gradient(90deg,#d1d8e0 50%,hsla(0,0%,100%,0) 0);
    background-position: 0 bottom;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    overflow: hidden;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}
.curser-auto{cursor: auto !important}
.curser-pointer{cursor: pointer !important}
.table-gray, .table-gray > th, .table-gray > td {
    background-color: #e1e1e1;
}
.table-gray, .table-gray > th, .table-gray > td {
    background-color: #e1e1e1;
}
.table-hover .table-gray:hover > td, .table-hover .table-gray:hover > th {
    background-color: #e1e1e1;
}
.table-bordered th, .table-bordered td {
    border: 0.0625rem solid #cdcdcd;
}
.table thead th {
    border-bottom: 0 solid #cdcdcd;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: none !important;
}
.custom-radio .custom-control-input:active~.custom-control-label::before {
    background-color: #666 !important;
    border-color: #000 !important;
}
.accordion-panel-header > span{
    color: #111;
    font-weight: bold;
}
.accordion-panel-header[aria-expanded="true"] > *, .accordion-panel-header:hover > * {
    color: #111;
}
.bg-primary .pattern svg{
    fill: #0648B3;
}
.bg-primary .pattern svg path:first-child{
    opacity: 0.25
}
.shadow {
    box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1) !important;
}

.min-height-100{min-height: 100px}
.min-height-150{min-height: 150px}
.min-height-200{min-height: 200px}
.min-height-250{min-height: 250px}
.min-height-300{min-height: 300px}
.min-height-350{min-height: 350px}
.min-height-400{min-height: 400px}
.min-height-450{min-height: 450px}
.min-height-500{min-height: 500px}
.min-height-550{min-height: 550px}
.min-height-600{min-height: 600px}
.min-height-650{min-height: 650px}
.min-height-700{min-height: 700px}
.min-height-750{min-height: 750px}
/*--------------------------- General End -------------------------*/




/*--------------------------- Front Start -------------------------*/
.section-header {
    padding-top: 5.5rem;
}
.pattern{
    background-size: 100%;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    height: 180px;
}
.pattern svg{
    width: 100%;
    height: auto;
    min-width: 1024px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pattern.top {
    bottom: 0;
}
.pattern.bottom, .pattern.bottom {
    bottom: 0;
}
/*--------------------------- Front End ---------------------------*/



/*------------------------- Material Start ------------------------*/
.checkbox .checkbox-material .check:before {
    margin-left: auto;
    margin-right: 10px;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background: #353535;
}
.checkbox label, .radio label, label{
    color: #575757;
    padding-right: 12px;
}
.checkbox .checkbox-material:before{
    display: none;
}
.card-signup .checkbox .checkbox-material, .checkbox .checkbox-material{
    padding-right: 0;
}
.card-signup .content {
    padding: 0px 10px;
}
.card-signup .footer a, .card-signup a {
    color: #31a9f4;
    border: 1px solid transparent;
}
.card-signup .footer a:hover {
    color: #80ceff;
    border-bottom: 1px dashed #31a9f4;
}
.card-signup a:hover {
    color: #03a9f4;
    border-bottom: 1px dashed #31a9f4;
}
.rtl .checkbox label {
    padding-right: 0;
}
.radio label span {
    right: 2px;
    top: 0;
    left: inherit;
}
.label {
    border-radius: 25px;
}

.dropdown-menu>li>a{
    color: #575757;
}
textarea.form-control{
    height: auto !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f44336;
}
.form-group.is-focused.has-error .form-control,
.form-group.has-error .form-control ,.form-group.has-error .select2-container--default .select2-selection--single {
    border: 1px solid #f44336 !important;
}
.checkbox .help-block,
.form-group .help-block {
    display: none;
    position: relative;
}
.checkbox.has-error .help-block,
.form-group.has-error .help-block {
    position: inherit;
    display: block;
}

.modal .modal-header .close{
    border-radius: 25px;
    border: 1px solid #d2d2d2;
    color: #999;
    width: 32px;
    height: 32px;
    line-height: 34px;
    font-size: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
    background: #ff5a5f;
    color: #fff;
}
/*-------------------------- Material End -------------------------*/



/*-------------------- Loading Animations Start -------------------*/
.spinner{
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg) }
    100% { -moz-transform: rotate(359deg) }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg) }
    100% { -webkit-transform: rotate(359deg) }
}
@-o-keyframes spin {
    0% { -o-transform: rotate(0deg) }
    100% { -o-transform: rotate(359deg) }
}
@-ms-keyframes spin {
    0% { -ms-transform: rotate(0deg)}
    100% { -ms-transform: rotate(359deg) }
}
@keyframes spin {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(359deg)}
}

.laoding-container{
    height: 100%;
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 101;
}
.loading{
    height: 80px;
    width: 80px;
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    overflow: hidden;
}
.loading .spinner {
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: #555;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

#pdf-loading{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 50px;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 4px;
    background: #eee;
    color: #000;
    z-index: 9999;
    width: 300px;
    transition: ease-in-out 0.2s all;
    text-align: center;
}
#pdf-loading.deactive{
    bottom: -100px;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

#close-loader {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: none;
    background: #fa5252;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-text-overflow: clip;
    text-overflow: clip;
    transition: ease 0.3s all;
    -webkit-transform: rotateZ(471.54426539266757deg);
    transform: rotateZ(471.54426539266757deg);
    opacity: 0;
}
#close-loader.show{
    cursor: pointer;
    opacity: 1;
}
#close-loader::before, #close-loader::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 10px;
    left: 4px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#close-loader::before {
    border: none;
    background: #ffffff;
    text-shadow: none;
    -webkit-transform: rotateZ(24.064227395494576deg);
    transform: rotateZ(24.064227395494576deg);
}
#close-loader::after {

    border: none;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #ffffff;
    text-shadow: none;
    -webkit-transform: rotateZ(-66.46310423517549deg);
    transform: rotateZ(-66.46310423517549deg);
}

@keyframes loader {
    0% {box-shadow: 0 28px 0 -28px #0052ec}
    100% {box-shadow: 0 28px 0 #0052ec}
}

.blink {
    animation: blinker 2s ease-out infinite;
}
@keyframes blinker {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 0.9;
    }
    50% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
}

.fa-pulse {
    -webkit-animation: fa-spin 0.5s infinite steps(8);
    animation: fa-spin 0.5s infinite steps(8);
}


@-webkit-keyframes animation-pulse {
    0% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
    65% {
        opacity: 0.5
    }
    100% {
        -webkit-transform: scale(2.5,2.5);
        opacity: 0
    }
}
@keyframes animation-pulse {
    0% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
    65% {
        opacity: 0.5
    }
    100% {
        -webkit-transform: scale(2.5,2.5);
        opacity: 0
    }
}
/*--------------------- Loading Animations End --------------------*/




/*-------------------------- Header Start -------------------------*/
.navbar-brand img.common {
    height: 50px;
}
.navbar-main {
    z-index: 3;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar ul.navbar-nav > li a.dropdown-item, .navbar-dark .navbar-nav .nav-item.dropdown-submenu a.nav-link{
    color:#fff;
    background: transparent;
}

.navbar ul ul li a{
    color: #353535 !important
}
#navbar-main .dropdown-menu>li>a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #f7fafc;
    border-radius: 3px;
    line-height: 30px;
    transition: ease 0.3s all;
}
#navbar-main .dropdown-menu>li:hover>a i{
    background: #fff;
}
.navbar ul.navbar-nav > li a.dropdown-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 5px;
}
.navbar ul.navbar-nav > li a.dropdown-item:hover {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 5px;
    color: #fff;
}

ul.navbar-nav > li > a.dropdown-item:hover {
    background: transparent !important;
}


.navbar ul ul li a.dropdown-item {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem;
}
.navbar-expand-lg .navbar-nav > li.nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.dropdown.btn-user{
    padding: 0;
}
.btn-user .nav-link, .btn-user, .headroom--not-top.navbar-theme-primary .btn-user>a{
    color: #535353;
}

.btn-user .nav-link, .headroom--not-top.navbar-theme-primary .nav-link{
    font-size: 13px;
    padding: 9px 20px;
}
.btn-user .nav-link{
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown.btn-user .dropdown-menu{
    margin-top: 2px;
}
.dropdown.btn-user ul:before{
    content: "";
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    top: -14px;
    right: 16px;
    margin: 0 auto;
    border: 7px solid transparent;
    border-bottom: 7px solid;
    border-bottom-color: #fff;
}





#view-basket{
    text-align: center;
    position: relative;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 0;
}
#view-basket > a{
    padding: 8px 15px;
    display: inline-block;
}
#view-basket > a > i{
    /* color: #fff; */
    font-size: 18px;
}
#view-basket>a>span{
    padding: 0;
    font-size: 13px;
    color: #535353;
}
#view-basket .count{
    border-radius: 25px;
    font-size: 10pt;
    border: 1px solid #03a9f4;
    display: inline-block;
    line-height: 36px;
    background: #03a9f4;
    color: #fff;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: -9px;
    left: -5px;
}
ul#mini-basket li{
    width: 100%;
    display: block;
    min-height: 50px;
    border-bottom: 1px solid #d2d2d2;
    text-align: right;
    margin: 0;
    font-size: 10pt;
    line-height: 24px;
    float: left;
}
ul#mini-basket li:last-child{border: none}
ul#mini-basket li a.btn{
    color: #fff;
}
ul#mini-basket,
ul#mini-basket li a{
    color: #666;
}
ul#mini-basket li a.btn-delete{
    color: #ff5a5f;
    font-size: 12pt;
}
ul#mini-basket li a.btn-delete i{
    margin-left: 7px
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:active,
a.btn-delete:focus, a.btn-delete:active{
    outline: none;
}
#mini-basket li p{
    margin:0;
}
#mini-basket{
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    background: #fff;
    padding: 5px 10px;
    margin: 0;
    z-index: 1002;
    left: 0;
    top: 39px;
    box-shadow: 0 1rem 3rem rgba(13, 20, 49, 0.175);
    background: #fff;
    width: 280px;
    border-radius: 5px;
    cursor: default;
}
#mini-basket:before{
    content: "";
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    top: -14px;
    left: 16px;
    margin: 0 auto;
    border: 7px solid transparent;
    border-bottom: 7px solid;
    border-bottom-color: #fff;
}


#mini-basket a>span{
    line-height: 20px;
    overflow: hidden;
}
#mini-basket img.mini-icon{
    float: right;
    width: 50px;
    height: 50px;
    border: 1px solid #d2d2d2;
    margin: 5px 0 5px 10px;
    padding: 2px;
    transition: ease 0.2s all;
}
#mini-basket a:hover img.mini-icon{
    border-color: #757575;
}
#mini-basket li p.white-bg{
    background: #f9f9f9;
    width: 100%;
    padding: 2px 10px;
    margin: 6px auto;
    border: 1px solid #ccc;
}
#mini-basket .price{
    font-size: 9pt;
}
#mini-basket .total{
    margin: 5px 0;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 6px 0;
}
.mini-cart-buttons{
    display: block;
    text-align: center;
}
.mini-cart-buttons a{
    width: 47.5%;
    padding: 6px 2px;
    display: inline-block;
}
.mini-cart-buttons a:first-child{
    margin-left: 5px;
}
#btn-iframe-login{
    display: none;
}
.navbar-toggler {
    padding: 0.25rem;
}
/*--------------------------- Header End --------------------------*/




/*---------------------------- RTL Start ---------------------------*/
.dropdown-menu {
    text-align: right;
}
.navbar-nav .dropdown > .dropdown-menu, .navbar-nav .dropdown-submenu > .dropdown-menu {
    left: -100%;
    transform: translate(0, -7px);
}
.navbar-nav .dropdown.show > .dropdown-menu, .navbar-nav .dropdown-submenu.show > .dropdown-menu {
    left: -100%;
    transform: translate(0, -7px);
}
.navbar-brand {
    margin-left: 0.5rem;
    margin-right: 0rem;
}
@media (max-width: 991.98px){
    .navbar-collapse .collapse-close {
        text-align: left;
    }
    .navbar-collapse {
        margin: 0 auto;
        left: 0;
    }
    .collapse-close .fa-times{
        font-size: 24px;
    }
    .navbar .navbar-nav .dropdown .dropdown-item {
        font-size: 0.9rem;
    }
}
/*----------------------------- RTL End ----------------------------*/




/*--------------------------- Home Start --------------------------*/
.home-carousel-box{
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}
.owl-wide.owl-carousel .owl-item img{
    border-radius: 8px;
}
.owl-wide.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transition: ease 0.3s all;
    position: absolute;
    top: calc(50% - 20px);
    opacity: 0.7;
    line-height: 40px;
}
.owl-wide.owl-theme .owl-nav [class*=owl-]:hover{
    background: #fff;
    color: #575757;
}
.owl-wide.owl-theme .owl-nav .owl-prev{
    right: 0;
}
.owl-wide.owl-theme .owl-nav .owl-next{
    left: 0;
}
.owl-wide.owl-theme .owl-nav {
    margin-top: 0;
}
.owl-wide.owl-carousel .owl-dots{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.owl-wide.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    transition: ease 0.2s all;
}
.owl-wide.owl-theme .owl-dots .owl-dot.active span{
    background: #fff;
    height: 11px;
}
.owl-wide.owl-theme .owl-dots .owl-dot:hover span{
    background: rgba(255, 255, 255, 0.75);
}

.top-side-banner{
    position: relative;
    z-index: 1;
}
.img-top-side-banner{
    border-radius: 8px;
}
.features ul li{
    font-size: 0.8rem;
}

.caption-container{
    position: relative;
}
.caption-container:before{
    content: "";
    position: absolute;
    height: 5px;
    width: 50%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
}
.caption-container h2, .caption-container h3{
    color: #fff;
}
.caption-container h2 span, .caption-container h3 span{
    padding: 5px 20px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
}

.quiz-widgets{
    text-align: center;
}
.quiz-widgets .quiz-col{
    display: inline-block;
    width: 27%;
    min-width: 270px;
    margin: 0 10px 25px 10px;
}
.quiz-widget{
    position: relative;
    box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding-bottom: 15px;
    transition: ease 0.25s all;
    background: #fff;
}
.quiz-widget:hover{
    box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.12);
}
.card.absolute-bottom-shape{
    border-radius: 8px;
    border: none;
}

img.img-shape{
    width: 64px;
    margin-bottom: 16px;
}

.quiz-widget:before{
    content: "";
    position: absolute;
    right: -4px;
    top: -4px;
    background: #efefef;
    border-radius: 12px;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: ease 0.3s all;
}
.quiz-widget:hover:before{
    right: -8px;
    top: -8px;
}
.inactive .quiz-widget:before{
    top: 0;
}

.quiz-widget a>img{
    border-radius: 12px 12px 0 0;
    width: 100%;
}
.quiz-widget .labels{
    position: absolute;
    left: 5px;
    top: 15px;
    color: #fff;
}
.quiz-widget .labels .label{
    position: relative;
    margin-bottom: 3px;
    border-radius: 25px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding: 1px 5px;
    font-weight: bold;
    min-width: 50px;
}
.quiz-widget>.label{
    position: absolute;
    font-size: 12px;
    background: #e2423b;
    left: 10px;
}
.quiz-widget .percent{
    width: 50px;
    height: 26px;
    line-height: 28px;
    top: 15px;
    right: -8px;
    padding: 0;
    font-size: 13px;
    z-index: 2;
    color: #fff;
    border-radius: 25px 0 0 25px;
    text-align: center;
    font-weight: bold;
}
.quiz-widget .percent:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid #820305;
    border-left: 4px solid #820305;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 0;
    left: auto;
    bottom: -8px;
}

.multiple-carousel.has-padding .owl-stage-outer{
    padding-top: 30px;
}
.multiple-carousel.has-padding .item{
    padding-bottom: 20px;
}
.multiple-carousel.owl-carousel .owl-item {
    transition: ease-in-out .4s all;
}
.multiple-carousel.owl-theme .owl-nav {
    margin-top: 0;
}
.multiple-carousel.owl-theme .owl-nav [class*=owl-]{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 50%;
}
.multiple-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #6a6a6a;
}
.multiple-carousel.owl-theme .owl-nav [class*=owl-]{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 50%;
    margin-top: 0;
    position: absolute;
    top: calc( 50% - 25px);
}
.multiple-carousel.owl-theme .owl-nav .owl-next{
    left: 25px;
}
.multiple-carousel.owl-theme .owl-nav .owl-prev{
    right: 25px;  
}

.quiz-widget h2{
    font: 10.5pt IranSans;
    text-align: center;
    font-weight: bold;
    margin: 12px 5px 5px 5px;
    height: 45px;
    overflow: hidden;
}
.price-box{
    text-align: center;
}
.price-box .del-price{
    color: #999;
    font-size: 12px;
    display: inline-block;
}
.currency{
    font-size: 10px;
}
.price{
    font-weight: bold;
    font-size: 16px;
}

#home-accordion .card-header {
    padding: 0.5rem 1rem;
}
#home-accordion .card-body {
    padding: 1rem;
    border-top: 1px solid #eee;
}
#home-accordion .card-link{
    position: relative;
    display: block;
    color: #3a3a3a;
    font-weight: bold;
    font-size: 13px;
    padding-left: 20px;
}
#home-accordion .card-link:before{
    content: "\f107";
    position: absolute;
    left: 5px;
    top: 8px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 1;
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    transition: transform 0.2s ease;
    transform: rotate(180deg);
}
#home-accordion .card-link.collapsed:before{
    transform: rotate(0deg);
}
.img-home-faq{
    margin: 0 auto 30px;
    display: block;
    width: 300px;
    height: auto;
}

.absolute-bottom-shape{
    position: relative;
    overflow: hidden;
}
.absolute-bottom-shape:before{
    content: "";
    position: absolute;
    border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
    height: 150px;
    width: 150px;
    background: #ddd;
    opacity: 0.3;
    left: -30px;
    bottom: -30px;
    transform: rotate(65deg);
}
.absolute-bottom-shape .list-group-item{
    background-color: transparent;
}

.bottom-widget{
    position: relative;
    text-align: center;
}
.bottom-widget:before{
    content: "";
    position: absolute;
    top: 70px;
    right: 10%;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    z-index: 0;
    background: rgba(233, 233, 233, 0.35);
    border-radius: 100% 50% 50% 100%/75% 69% 69% 75%;
}
.bottom-widget *{
    position: relative;
    z-index: 1;
}
.bottom-widget h3{
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
}
.bottom-widget .widget-text{
    color: #85878d;
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
}
.wdget-icon img{
    max-width: 100%;
    width: 120px;
    height: auto;
}

.video-wrapper{
    position: relative;
    width: 600px;
    right: 100px;
    top: 50px;
    z-index: 2;
}
.video-wrapper video{
    border-radius: 12px;
    width: 100%;
    height: auto;
}
#img-video-sibling{
    position: absolute;
    left: 50px;
    top: -70px;
    z-index: 1;
}
#btn-play{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: #fff;
    opacity: 1;
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    text-align: center;
    padding: 12px 10px 12px 18px;
}
#btn-play img{
    width: 32px;
    height: auto;
    vertical-align: middle;
}

#btn-play:before{
    content: "";
    display: block;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-animation: animation-pulse 4.5s ease-in-out;
    animation: animation-pulse 4.5s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
}
/*---------------------------- Home End ---------------------------*/


/*------------------------ Quiz Page Start ------------------------*/
.main-quiz{
    margin-bottom: 80px;
}
.main-quiz > .container{
    min-height: 300px;
}
footer.fixed-footer-box{
    position: fixed;
    padding: 8px 0 2px 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: #4f4f4f;
    background: #eee;
    z-index: 2;
}
footer.fixed-footer-box:before{
    height: 4px;
}
.fixed-footer-box .quiz-buttons-box .btn{
    margin: 0 10px;
    min-width: 100px;
}
.questions-status{
    line-height: 44px;
}

.quiz-title .top-buttons{
    float: left;
}
.quiz-title h2{
    display: inline-block;
}
.quiz-title .btn{
    margin: 0 10px 0 10px;
    padding: 8px;
}
.quiz-title .btn .badge {
    position: absolute;
    top: -12px;
    height: 28px;
    min-width: 28px;
    border-radius: 25px;
    padding: 0;
    line-height: 28px;
    left: -14px;
    background: #555;
}
.tab-books{
    text-align: right;
    border-bottom: none;
}

.tab-books .btn-default:not(:disabled):not(.disabled):active, .tab-books .btn-default:not(:disabled):not(.disabled).active{
    color: #ffffff;
    background-color: #e3e3e3;
    box-shadow: none;
    border: 1px solid #727272;
}
.tab-books .btn.btn-default{
    background: #f2f2f2;
    position: relative;
}
.tab-books .btn{
    padding: 8px 20px;
    font-size: 15px;
    margin: 0 0 0 20px;
    border: 1px solid transparent;
}

.tab-books .btn .badge{
    position: absolute;
    top: -5px;
    height: 28px;
    min-width: 28px;
    border-radius: 25px;
    padding: 0;
    line-height: 28px;
    left: -9px;
    /*background: #aaa;*/
    color: #fff;
    border: 1px solid #fff;
}
.tab-books .btn .badge {
    color: #959595;
    background: #ddd;
}
.tab-books .btn.active .badge{
    background: #555;
    color: #fff;
}
.tab-books .btn .badge{
    color: #b2b2b2;
}
.questions img{
    max-width: 100%;
}

.question-and-options{
    background: #fff;
    padding: 7px 15px;
    margin-top: 30px;
    border-radius: 6px;
    box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 15%);
}
.question-box .head{
    border-bottom: 1px dashed #dfdfdf;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.question-box .head .buttons-box .btn{
    margin: 0 10px 0 0;
    padding: 4px 4px;
    width: 30px;
    border-radius: 4px;
}
.question-box .title{
    font-weight: 500;
    color: #101010;
    padding-bottom: 5px;
    border-bottom: 1px dashed #dfdfdf;
}
.question-and-options .option{
    margin-top: 6px;
}
.introjs-tooltip{
    max-width: 100% !important;
    /*    right: 20px !important;
        left: 20px !important;
        top: 40px !important;
        position: fixed !important;*/
}
.introjs-helperNumberLayer{
    left: 10px !important;
    top: 2px !important;
    position: fixed !important;
}
.answer-result .label{
    color: #fff;
    padding: 0 10px;
}
.quiz-buttons-box{
    text-align: center;
}
.rtl .options.ltr .custom-control-label::after, .rtl .options.ltr .custom-control-label::before {
    right: inherit;
    left: -1.5rem;
}
.rtl .options.ltr .custom-control {
    padding-right: 0rem;
    padding-left: 1.5rem;
    margin-right: 0;
    margin-left: 0;
}
.answer-sheet .option span>i{
    font-size: 20px;
}
.options.ltr, .options.ltr div.option, .options.ltr div.option p, div.question-box, div.question-box p, .options .option label *{
    font-family: IranSansEn, tahoma !important;
}
.paged .question-and-options:not(.active){
    display: none;
}

@media print{
    header, footer, .section-header, .caption .btn{
        display: none !important;
    }
    .main.main-margin {
        margin-top: 20px !important;
    }
    .main-container.shadow{
        box-shadow: none !important;
        border: 1px solid #555;
    }
    .table tr th, .table tr td{
        line-height: 20px;
        padding: 8px 3px;
    }
    .table-bordered th, .table-bordered td {
        border: 1px solid #727272 !important;
        color: #000;
    }
}
/*------------------------- Quiz Page End -------------------------*/




/*------------------------ Quiz PDF Start -------------------------*/
.sidebar-wrapper{
    width: 300px;
    float: right;
    padding: 0 0 0 15px;
    margin-top: 10px;
    display: block;
}
.one-side-box{
    border-radius: 5px;
}
.one-side-box h2 i{
    vertical-align: top;
}
.pdf-answers-box .custom-control-label::before, .pdf-answers-box .custom-control-label::after {
    left: inherit;
    right: -5px !important;
    top: 4px;
}
.pdf-answers-box tr .custom-control-label::before {
    line-height: 20px;
    color: #999;
}
.pdf-answers-box tr td:nth-child(2) .custom-control-label::before {content: "1";}
.pdf-answers-box tr td:nth-child(3) .custom-control-label::before {content: "2";}
.pdf-answers-box tr td:nth-child(4) .custom-control-label::before {content: "3";}
.pdf-answers-box tr td:nth-child(5) .custom-control-label::before {content: "4";}
.pdf-answers-box tr td:nth-child(6) .custom-control-label::before {content: "5";}
.pdf-answers-box tr td:nth-child(7) .custom-control-label::before {content: "6";}
.pdf-answers-box tr td:nth-child(8) .custom-control-label::before {content: "7";}
.pdf-answers-box{
    height: 515px;
    overflow: auto;
    margin-bottom: 15px;
}

.side-box{
    position: relative;
    padding-bottom: 20px;
    padding-right: 10px;
    width: 100%;
}
.side-box .has-underline {
    padding-bottom: 5px;
}
.side-box .has-underline h3.caption{
    font-size: 16px;
    min-height: 24px;
    margin: 3px 0;
}
.side-box .btn-toggle-side-box{
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0;
    font-size: 14px;
}
.toggle-filter-box{
    position: fixed;
    right: 15px;
    bottom: 5px;
    width: 90px;
    z-index: 100;
}
.toggle-filter-box #btn-show-sidebar{
    display: none;
    padding: 6px 15px;
    margin: 0;
    font-size: 13px;
}

.floated{
    float: left;
    width: calc(100% - 300px);
    /*overflow: scroll;*/
}
.toggle-bar>span{
    border-radius: 20px;
    margin-bottom: 0;
    margin: 7px 0 0 0;
    background: #555;
    height: 1px;
    display: block;
}
.toggle-bar .seconds{
    width: 75%;
}
.toggle-bar .third{
    width: 100%;
}

#pdf-quiz-wrapper{
    overflow: scroll;
    direction: ltr;
    width: 800px;
    height: 500px;
    max-width: 100%;
}
.table-answers{
    text-align: center;
}
.table-answers tr th{
    font-size: 11px;
    line-height: 20px;
}
.table-answers tr th:first-child{
    font-size: 12px;
    width: 70px;
}
.table-answers th b{
    display: block;
}
.table.table-answers th, .table.table-answers td {
    padding: 0.3rem;
}
.main-pdf-quiz #remain-time {
    position: fixed;
    left: 15px;
    bottom: -10px;
    z-index: 1;
    width: auto;
    padding-right: 0;
    padding-left: 0;
}
.rtl .table-answers .custom-control {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
.table-answers tr th{
    text-align: center;
}

#image-gallery {
    width: 100%;
    position: relative;
    height: 600px;
}
#image-gallery .image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
}
#image-gallery .prev,
#image-gallery .next {
    position: absolute;
    height: 32px;
    margin-top: -66px;
    top: 50%;
}
#image-gallery .prev {
    left: 20px;
}

#image-gallery .next {
    right: 20px;
    cursor: pointer;
}

#image-gallery .footer-info {
    position: absolute;
    height: 30px;
    width: 60px;
    left: 0;
    top: -64px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 20px;
    z-index: 2;
}
.bottom-buttons{
    position: fixed;
    z-index: 99;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 180px;
    text-align: center;
}
.bottom-buttons button{
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #000;
    background: #ddd;
    border: none;
    outline: none !important;
    vertical-align: middle;
}
.bottom-buttons button.btn-control-page{
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
}
.bottom-buttons button:disabled{
    opacity: 0.5;
}
.iv-image-view {
    z-index: 1;
}
.iv-snap-view{
    /*display: none;*/
    z-index: -1;
    visibility: hidden;
}
.ni-zoom-split-out::before{
    content: "\ea5f";
}
.ni-zoom-split-out::after{
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: 6px auto;
    height: 9px;
    width: 8px;
    border-top: 3px solid #000;
    border-bottom: 4px solid #000;
}
/*------------------------- Quiz PDF End --------------------------*/




/*------------------------- Quizzes Start -------------------------*/
.main-quizzes .quiz-widget{
    margin-bottom: 30px;
}
ul.side-default-ul{
    margin-top: 15px;
}
.side-default-ul li {
    padding: 9px 0;
    color: #54555E;
    line-height: 24px;
}
.side-default-ul li:first-child {
    padding-top: 0
}
.side-default-ul li:last-child {
    padding-bottom: 0;
}
.side-default-ul li a {
    color: #54555E;
}
.side-default-ul li a:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    color: #111;
    margin-left: 8px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
}
.side-default-ul li a:hover {
    color: #2D95E3;
}
.side-default-ul li.active a{
    font-weight: bold;
}

.categories-count {
    float: left;
    background: #f0f0f0;
    display: inline-block;
    padding: 0 11px;
    height: 24px;
    border-radius: 25px;
    min-width: 50px;
    text-align: center;
    display: inline-block;
}
.side-box ul>li>a:hover:before{right:1px}
/*-------------------------- Quizzes End --------------------------*/




/*-------------------------- 404 Page Start -----------------------*/
.page-404 .parallax1, .page-404 .parallax2{
    width: 100%;
    height: 650px;
    position: absolute;
    top: 100px;
}
.page-404 .parallax1, .page-404 .parallax2{
    transition: linear 0.15s all;
}
.page-404 .main-404{
    text-align: center;
    margin: 100px 0;
    position: relative;
    z-index: 3
}
/*--------------------------- 404 Page End ------------------------*/


/*------------------------- Cart Page Start ----------------------*/
.cart-box {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 15px 0;
    margin: 25px 0 50px 0;
}

.cart-box .price-box{
    font-size: 16px
}
.cart-box .del-price{
    position: relative;
    font-size: 12px;
    color: #757575;
}
.cart-box .del-price:before{
    content: "";
    position: absolute;
    width: 120%;
    height: 1px;
    right: -10%;
    left: -10%;
    top: 50%;
    background: #757575;
    transform: rotate(-10deg);
}
.cart-box .price{
    color: #000;
    font-size: 16px;
    margin-right: 5px;
}
.cart-box .currency{
    color: #000;
    font-size: 12px;
}

.products-list{
    border-radius: 3px;
}
.products-list>.row{
    border-bottom: 1px solid #e1e1e1;
    padding: 7px 0;
    margin: 0;
}
.products-list .product-row:last-child{
    border-bottom: none;
}
.products-list .product-row:nth-child(even){
    background: #f5f5f5;
}
.products-list .img-box{
    float: right;
    width: 80px;
    margin-left: 15px;
}
.products-list .text-box{
    float: right;
    width: calc(100% - 100px);
}
.product-row .img-cart{
    width: 80px;
    max-width: 100%;
    height: auto;
    border: 1px solid #dee2e6;
    padding: 1px;
}

.product-row, .product-row a.title{
    color: #717171;
    font-size: 12pt;
}
.product-row a.title:hover{
    color: #757575;
}
.product-row .btn-round{
    width: 34px;
    height: 34px;
    padding: 0;
    line-height: 32px;
    overflow: hidden;
}
.product-row .total{
    text-align: center;
    min-width: 120px;
}
.product-row .total.text-left{
    text-align: left;
}
.product-row .end{
    display: table;
    width: 100%;
    padding: 10px 0;
}
.product-row .qty,
.product-row .total,
.product-row .remove-box{
    display: table-cell;
}
.product-row .qty input{
    width: 80px !important;
    display: inline-block;
}
.product-row .qty .form-group{
    display: inline-block;
}

.product-row .total,
.product-row .qty .form-control{
    font-size: 20px;
    padding-top: 5px;
}
.product-row .remove-box{
    text-align: left;
}
.table-cart{
    margin-bottom: 0;
}
.table-cart tr td:last-child{
    text-align: left;
}
.table-cart .bold{
    color: #000;
}
.table.table-cart td {
    padding: 0.5rem;
}

.img-gateway{
    border-radius: 5px;
    width: 50px;
    height: 50px;
    margin-left: 4px;
    /* float: right; */
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 1px;
}
.img-gateway.active{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    border-color: #adadad;
}
/*-------------------------- Cart Page End -----------------------*/



/*------------------------ Dashboard Start ------------------------*/
.quiz-row{
    margin-bottom: 20px;
    width: 100%;
    float: right;
}
.quiz-row .main-info{
    background: #fff;
    border-radius: 10px;
    width: 100%;
    float: right;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
    z-index: 2;
    color: #121212;
    font-weight: bold;
    padding: 10px 15px;
}
.quiz-row .main-info>div{
    float: right;
}
.quiz-row .first-box{
    width: calc( 100% - 250px);
}
.quiz-row .second-box{
    width: 250px;
    text-align: left;
    padding-top: 10px;
}
.quiz-row .quiz-name{
    display: block;
}
.quiz-row .quiz-time{
    font-weight: normal;
    color: #757575;
}
.quiz-row .quiz-time>div{
    font-size: 13px !important;
}
.quiz-row .quiz-time > div{
    display: inline-block;
}
.quiz-row .second-box .btn{
    font-size: 13px;
    margin-right: 2px;
    display: inline-block;
    width: 120px;
    margin-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
}
.quiz-row .quiz-time .finish i.separate-line{
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
}
.tab-dashboard li a.btn{
    margin-left: 8px;
}
/*------------------------- Dashboard End -------------------------*/


/*--------------------------- Pages Start -------------------------*/
.main.main-margin{
    margin-top: 40px;
}
.page-content{
    padding-top: 20px;
    padding-bottom: 30px;
}
.main-container {
    width: 100%;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
}
.main-container.side-less-padding {
    padding: 10px;
}
.modern-shapes{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.modern-shapes>div{
    transform: rotate(45deg);
}
.modern-shapes>div, .modern-shapes>div:before, .modern-shapes>div:after{
    position: absolute;
    background: rgba(255, 255, 255, 0.15);
    border-radius:  100% 50% 50% 100%/75% 69% 69% 75%;
}
.modern-shape1, .modern-shape1:before{
    width: 300px;
    height: 300px;
    bottom: 350px;
    left: -150px;
    border-radius: 100px;
}
.footer .modern-shapes{
    z-index: 0;
}
.footer .modern-shapes>div, .footer .modern-shapes>div:before, .footer .modern-shapes>div:after{
    background: rgba(255, 255, 255, 0.1);
}
.modern-shape2{
    width: 150px;
    height: 150px;
    bottom: 195px;
    right: -20px;
    transform: rotate(90deg) !important;
    opacity: 0.5;
}
.footer .modern-shapes>.modern-shape2{
    width: 200px;
    height: 200px;
    bottom: 0;
    right: 0;
}

.tags{
    text-align: justify;
}
.tags a{
    margin-left: 10px;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    color: #757575;
    border-radius: 25px;
    margin-bottom: 5px;
    background: #efefef;
    font-size: 13px;
}
.tags a:hover{
    color: #111;
    background: #e1e1e1;
}
#fixed-bottom-buttons{
    position: fixed;
    bottom: 40px;
    right: 0;
    left: 0;
    height: 30px;
    text-align:center;
    z-index: 3;
}

.page-result .caption .buttons{
    float: left;
}
img.img-404{
    max-width: 800px;
}

#map{
    width: 100%;
    height: 300px;
    margin-bottom: 15px;
    border-radius: 10px;
}
#map .leaflet-popup-content{
    font-size: 13px;
}
/*---------------------------- Pages End --------------------------*/



/*-------------------------- Plugins Start ------------------------*/
.flip-clock-wrapper{margin:0 !important}
.flip-clock-label{display:none !important}
.flip-clock-divider{height:40px !important}
.flip-clock-dot.top{top:14px !important}
.flip-clock-dot.bottom{bottom:12px !important}
.has-error .flip-clock-wrapper ul li a div div.inn{background-color: #f44336}
.flip-clock-wrapper ul {
    width: 22px !important;
    height: 34px !important;
}
.flip-clock-wrapper ul li a div div.inn {
    font-size: 28px !important;;
    line-height: 36px !important;
}

.countdown .countDays{
    display: none
}

.countDiv.countDiv0{
    display: none;
}
.countdown .countDiv{
    width: 11px;
    height: 45px;
}
.countdownHolder {
    width: 200px !important;
    font-size: 28px !important;
    letter-spacing: -6px !important;
    direction: ltr;
    line-height: 40px !important;
    font-family: IranSans !important;
}
.countdown .position{
    width: 28px;
}
.digit {
    width: 100%;
    border-radius: 0.1em;
    top: 0 !important;
    opacity: 1 !important;
}
.digit.static{
    box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
    background-image: linear-gradient(bottom, #2d2d2d 50%, #444444 50%);
    background-image: -o-linear-gradient(bottom, #2d2d2d 50%, #444444 50%);
    background-image: -moz-linear-gradient(bottom, #2d2d2d 50%, #444444 50%);
    background-image: -webkit-linear-gradient(bottom, #2d2d2d 50%, #444444 50%);
    background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.5, #2d2d2d),    color-stop(0.5, #444444)   );
}
/*--------------------------- Plugins End -------------------------*/



/*--------------------------- Footer Start ------------------------*/
.footer{
    overflow: visible !important;
}
.footer .caption{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 25px;
}
.footer ul li a {
    font-size: 13px;
}

.footer .footer-description{
    font-size: 13px;
}

ul.socials{
    text-align: right;
}
ul.socials>li{
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 4px;
    vertical-align: top;
}
ul.socials > li > a{
    display: inline-block;
    background: #f4f6fd;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #555 !important;
}
ul.socials > li > a:hover{
    background: #fff !important;
}
ul.socials>li i{
    font-size: 25px;
}
ul.socials>li.telegram i{
    font-size: 22px;
}

ul.socials li.aparat{
    vertical-align: top;
    margin-bottom: 1px;
}
ul.socials li a svg{
    fill: #575757;
    width: 20px;
    height: 20px;
}
ul.socials>li.telegram a:hover{color: #0088cc !important}
ul.socials>li.facebook a:hover{color: #3B5998 !important}
ul.socials>li.google_plus a:hover{color: #DA5333 !important}
ul.socials>li.aparat a:hover{color: #ec4859 !important}
ul.socials>li.youtube a:hover{color: #ec4200 !important}
ul.socials>li.instagram a:hover{color: #ff0000 !important}
ul.socials>li.whatsapp a:hover{color: #66c757 !important}
ul.socials>li.pinterest a:hover{color: #e8421e !important}
ul.socials>li.twitter a:hover{color: #279cea !important}
ul.socials>li.tumblr a:hover{color: #58b686 !important}
ul.socials>li.linkedin a:hover{color: #1970ab !important}
ul.socials>li.youtube a:hover{color: #e54000 !important}
ul.socials>li.whatsapp a:hover{color: #64c253 !important}
ul.socials li a:hover svg{
    fill: #ea1d5d !important;
}

i.icon-aparat{
    position: relative;
    background: #555;
    border-radius: 5px;
    transform: rotate(22.5deg);
    width: 24px;
    height: 24px;
    display: inline-block;
}
.icon-aparat:before, .icon-aparat:after{
    content:"";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.icon-aparat:before{
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
}
.icon-aparat:after{
    width: 26px;
    height: 26px;
    background: #555;
    border-radius: 50%;
    border: 2px solid #fff;
    right: -1px;
    top: -1px;
    transition: ease 0.3s all;
}
.icon-aparat span{
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    right: 0;
    top: 0;
    z-index: 1;
}
.icon-aparat span:before, .icon-aparat span:after{
    width: 6px;
    height: 6px;
    content:"";
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    top: 3px;
    margin: auto;
    border-radius: 50%;
}
.icon-aparat span:after{
    top: 15px;
}
.icon-aparat span:last-child{
    transform: rotate(90deg);
}
ul.socials>li.aparat:hover .icon-aparat:after{
    background: #ec4859;
}

footer .copyright p{
    font-size: 12px !important;
}
footer .copyright p:first-child{
    margin-bottom: 4px;
}
footer .copyright a{
    border-bottom: dotted 1px rgba(255, 255, 255, 0.3);
    padding-bottom: 3px;
}
footer .copyright a:hover{
    border-bottom: dotted 1px rgba(255, 255, 255, 0.6);
}

.footer ul.links-vertical li a{
    position: relative;
    padding-right: 12px;
}
.footer ul.links-vertical li a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    opacity: 0.25;
    transition: ease 0.25s all;
}
.footer ul.links-vertical li a:hover:before{
    opacity: 0.5;
}
/*---------------------------- Footer End -------------------------*/


/*------------------------ Responsive Start ----------------------*/
@media(min-width: 1400px){
    .pattern.bottom{
        height: 265px;
    }
    .pattern.bottom.pattern-home {
        height: 220px;
    }
}
@media (min-width: 992px){
    .show-tablet{
        display: none;;
    }
    .navbar-nav .dropdown-menu  .dropdown .nav-link > .nav-link-arrow {
        transform: rotate(90deg);
        float: left;
        margin-top: 5px;
    }
    .navbar .navbar-nav .dropdown .dropdown .dropdown-menu {
        top: calc(100% - 42px);
    }
    .navbar-nav .dropdown-submenu.dropdown-item > .nav-link-arrow {
        margin-right: 5px;
    }
    .navbar-nav .dropdown-submenu.dropdown-item > .nav-link-arrow, .navbar-nav .dropdown-submenu:hover .dropdown-item > .nav-link-arrow  {
        transform: rotate(0deg);
    }
    .navbar-nav > .dropdown-submenu.show > .dropdown-item > .nav-link-arrow {
        transform: rotate(180deg);
    }

    .navbar-nav .dropdown-submenu .dropdown-submenu > .dropdown-item > .nav-link-arrow {
        transform: rotate(90deg);
        float: left;
        margin-top: 7px;
        margin-left: -3px !important;
    }
    .cart-box{
        min-height: 180px;
    }
    .cart-box.no-min-hieght{
        min-height: 0;
    }
    #btn-close-sidebar{
        display: none;
    }
}
@media (max-width: 992px){
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none ;
    }
}
@media (max-width: 991.98px){
    .navbar-nav .dropdown-submenu .dropdown-item > .nav-link-arrow, .navbar-nav .dropdown-submenu:hover .dropdown-item > .nav-link-arrow {
        transform: rotate(0deg);
    }
    .dropdown > .nav-link > .nav-link-arrow, .dropdown:hover > .nav-link > .nav-link-arrow {
        transform: rotate(0deg);
    }
    .dropdown.show > .nav-link > .nav-link-arrow {
        transform: rotate(180deg) !important;
    }
    .navbar-theme-primary .navbar-nav .nav-link, .navbar-theme-primary .navbar-nav .nav-link:focus, .navbar-theme-primary .navbar-nav .nav-link.active, .navbar-theme-primary .navbar-nav .nav-link:hover,
    .navbar-theme-primary .navbar-nav .show > .nav-link, .navbar-theme-primary .navbar-nav .show > .nav-link:focus,
    .navbar-theme-primary .navbar-nav .show > .nav-link.active, .navbar-theme-primary .navbar-nav .show > .nav-link:hover,
    .navbar-theme-primary .navbar-nav .dropdown-item, .navbar-theme-primary .navbar-nav .dropdown-item:focus,
    .navbar-theme-primary .navbar-nav .dropdown-item.active, .navbar-theme-primary .navbar-nav .dropdown-item:hover,
    .navbar-theme-primary .navbar-nav .list-group-item, .navbar-theme-primary .navbar-nav .list-group-item:focus,
    .navbar-theme-primary .navbar-nav .list-group-item.active, .navbar-theme-primary .navbar-nav .list-group-item:hover
    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active{
        color: #353535 !important;
    }
}
@media (max-width: 991px){
    .show-tablet{
        display: inline-block;
    }
    .sidebar-wrapper {
        position: fixed;
        padding-right: 15px;
        right: 0;
        float: none;
        margin: 0;
        right: -300px;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        z-index: 100;
        background: #fff;
        box-shadow: 0 0 15px -1px rgba(0,0,0,.5);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .sidebar-wrapper.active {
        right: 0;
    }
    .sidebar-wrapper.active {
        right: 0;
    }
    .quiz-buttons-box {
        text-align: right;
        padding-right: 10px;
    }
    .one-side-box-shadow {
        content: "";
        display: none;
        opacity: 1;
        position: fixed;
        z-index: 99;
        top: 0;
        bottom: 0;
        right: 300px;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .one-side-box-shadow.active {
        display: block;
    }
    .floated {
        width: 100%;
        margin-top: 0 !important;
    }
    #btn-show-sidebar{
        display: inline-block;
        margin-right: 0;
        position: fixed;
        bottom: 40px;
        left: 6px;
        z-index: 9;
        width: 144px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .quiz-widget:before{
        display: none;
    }
    .bottom-widget h3, .bottom-widget .widget-text{
        padding: 0;
    }

    #pdf-quiz-wrapper{
        overflow: scroll;
        direction: ltr;
        width: 700px;
        height: 500px;
    }
    .sidebar-wrapper.active .side-fixed-bottom{
        position: fixed;
        bottom: 0;
        right: 0;
        background: #fff;
        padding: 5px 0;
        width: 300px;
        border-top: 1px solid #c8c8c8;
        transition: ease 0.2s all;
    }
    .questions-status, .quiz-buttons-box{
        display: inline-block;
    }
    .questions-status{
        /* width: 50px; */
    }
    .quiz-buttons-box{
        width: calc( 100% - 60px );
    }
    .quiz-buttons-box .btn{
        padding: 7px 5px;
        min-width: 40px;
        font-size: 13px;
        font-weight: bold;
    }
    .main-pdf-quiz #remain-time {
        left: 2px;
        bottom: -3px;
    }
    .toggle-filter-box{
        width: calc(100% - 130px);
        z-index: 3;
    }
    
    #mini-basket {
        left: -42px;
    }
    #mini-basket:before {
        left: 54px;
    }
    .flip-clock-wrapper ul {
        width: 24px !important;
        height: 28px !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 24px !important;;
        line-height: 30px !important;
    }
    .flip-clock-dot.top {
        top: 10px !important;
    }
    .flip-clock-dot.bottom {
        bottom: 15px !important;;
    }
    .main-quiz .mt-n7{
        margin-top: -13rem !important;
    }
    .navbar .navbar-nav .dropdown-submenu .dropdown-menu {
        padding-right: 15px;
    }
    .quiz-row .quiz-time>div{
        font-size: 12px !important;
    }
    .top-side-banner{
        display: none;
    }
    .video-wrapper {
        width: 100%;
        right: 0;
        top: 100px;
        margin-bottom: 80px;
    }
    #img-video-sibling {
        left: 0;
        top: -80px;
        width: 250px;
    }

    .countdown .digit{
        width: 20px;
    }
    .countdown .position {
        width: 20px;
        height: 32px;
    }
    .countdownHolder {
        width: 150px !important;
        font-size: 25px !important;
        line-height: 32px !important;
    }
    .countdown .countDiv {
        height: 35px;
    }
    .bottom-buttons{
        bottom: 5px;
        right: 5px;
        left: inherit;
        margin: 0;
        text-align: right;
    }
    ul.socials {
        text-align: center;
    }
    
}/* max-width: 991px */
@media (min-width: 768px) and (max-width: 991px){
    .fixed-footer-box .quiz-buttons-box .btn {
        margin: 0 1px;
        min-width: 50px;
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 768px){
    .show-mobile{
        display: none;
    }
}
@media (max-width: 767px) {
    .show-mobile{
        display: inline-block;
    }
    .hidden-mobile{
        display: none;
    }

    .section-header {
        padding-top: 4rem;
    }
    .fixed-footer-box .quiz-buttons-box .btn {
        margin: 0 1px;
        min-width: 40px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fixed-footer-box .quiz-buttons-box .btn.btn-save {
        padding-right: 25px;
        padding-left: 25px;
    }
    .questions-status {
        line-height: 38px;
        background: #fff;
        border-radius: 5px;
        padding: 0 10px;
        display: inline-block;
        min-width: 50px;
        text-align: center;
    }
    footer.fixed-footer-box {
        padding-top: 2px
    }
    footer.fixed-footer-box:not(.paged) {
        position: relative !important;
        margin-top: 10px;
        padding-bottom: 0;
    }

    #remain-time{
        position: fixed;
        left: 15px;
        bottom: -3px;
        transition: ease 0.25s all;
    }
    #remain-time.page-bottom {
        bottom: -4px;
    }

    #img-video-sibling {
        left: 15px;
    }

    .tab-books-box:before {
        position: relative;
    }
    .tab-books-box:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 20px;
        height: 100%;
        bottom: 0;
        background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
    ul.tab-books {
        float: none;
        display: block;
        margin: 5px 0 5px 0;
        overflow-x: auto;
        height: 50px;
        white-space: nowrap;
    }
    ul.tab-books li.nav-item {
        margin-bottom: 0;
        margin-top: 0;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .wdget-icon img {
        width: 90px;
    }
    .bottom-widget{
        margin-bottom: 25px;
    }
    .bottom-widget h3 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 15px;
        font-weight: bold;
    }
    /* cutted here */

    
    .caption-container:before{
        width: 100%;
    }
    .img-top-center{
        width: 175px;
        height: 175px;
    }
    .dashboard .flip-clock-wrapper {
        max-width: 182px;
        margin: 0 auto !important;
    }
    .quiz-row .main-info>div{
        width: 100% !important;
    }
    .quiz-row .quiz-name, .quiz-row .quiz-time, .quiz-row .main-info>div{
        text-align: center;
    }
    .table.table-result tr{
        border-radius: 5px;
        border: 1px solid #d2d2d2;
    }
    .dropdown.btn-user > a > span{
        max-width: 80px;
        display: inline-block;
        vertical-align: middle;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .page-result .caption .buttons{
        width: 100%;
        text-align: center;
    }
    #image-gallery .footer-info {
        position: fixed;
        height: 25px;
        width: 55px;
        left: 3px;
        top: 95px;
        font-size: 13px;
        z-index: 2;
        transition: ease-in-out 0.2s all;
    }
    #image-gallery .footer-info.scrolled{
        top: 10px;
    }
    #map{
        height: 200px;
        margin-bottom: 25px;
    }
}/* max-width: 767px */
@media (min-width: 576px){
    .modal-dialog {
        max-width: 98%;
    }
}
@media (max-width: 575px){
    #view-basket>a>span{
        display: none
    }
    #view-basket>a>span.count{
        display: inline-block
    }
    .quiz-title h2 {
        font-size: 14px;
        font-weight: bold;
    }
    #pdf-quiz-wrapper{
        width: 500px;
        height: 400px;
    }
    .dropdown-item {
        padding: 0.25rem 1rem;
    }
    .special-input-group .input-group-btn, .special-input-group>.form-control {
        width: 70px;
    }
    .special-input-group .form-group {
        width: calc( 100% - 77px);
    }
    .cart-box {
        margin:  0;
    }
    .quiz-row .quiz-time > div {
        display: block;
    }
    .quiz-row .quiz-time .finish i.separate-line{
        display: none !important;
    }
    #image-gallery{
        height: 450px;
    }
    .z-100 #image-gallery{
        z-index: -1;
    }
    .countDiv:before, .countDiv:after {
        width: 4px !important;
        height: 4px !important;
        margin-left: -2px !important;
        box-shadow: none !important;
    }
}/* max-width: 575px */
@media (max-width: 520px){
    .quiz-widget h2 {
        font: 10pt IranSans;
        height: auto;
        overflow: visible;
    }
}
@media (min-width: 481px) and (max-width: 576px){

}
@media (max-width: 480px){
    .xxs-wide{
        width: 100% !important;
    }
    .main-pdf-quiz .flip-clock-wrapper ul {
        width: 16px !important;
        height: 25px !important;
    }
    #pdf-quiz-wrapper{
        width: 500px;
        height: 450px;
    }
    .card-body {
        flex: 1 1 auto;
        padding: 1.5rem 0.7rem;
    }
}
@media (max-width: 420px){
    .modal-content .modal-body {
        padding-right: 5px;
        padding-left: 5px;
    }
    .captcha-row label{
        font-size: 12px;
        padding-right: 0;
    }
    .card-body.form-body{
        padding-right: 10px;
        padding-left: 10px;
    }
    #pdf-quiz-wrapper{
        width: 400px;
        height: 5500px;
    }
    .main-container {
        padding: 10px;
    }
    .products-list .img-box {
        width: 50px;
    }
    .cart-box .price-box{
        font-size: 14px;
        font-weight: bold;
    }
    .product-row, .product-row a.title {
        font-size: 11pt;
    }
    .quiz-buttons-box {
        padding-right: 3px;
    }
    .fixed-footer-box .quiz-buttons-box .btn {
        margin: 0;
        min-width: 30px;
        padding-right: 3px;
        padding-left: 3px;
    }
    .fixed-footer-box .quiz-buttons-box .btn.btn-save {
        padding-right: 25px;
        padding-left: 25px;
    }
}
@media (max-width: 380px){
    .navbar-toggler {
        padding: 0.25rem 0.25rem;
    }
    .btn-user .nav-link, .headroom--not-top.navbar-theme-primary .nav-link{
        font-size: 12px;
        padding: 7px 6px;
    }
    #view-basket {
        padding: 0;
        margin-right: 3px;
    }
    #view-basket >a{
        padding: 6px 15px 5px;
    }
    #mini-basket {
        top: 34px;
    }
    #pdf-quiz-wrapper{
        width: 350px;
        height: 420px;
    }
    .countdown .countDiv {
        width: 8px;
    }

    #img-video-sibling {
        left: 0;
        top: -64px;
        width: 150px;
        right: 0;
        margin: 0 auto;
    }
}
@media (max-width: 360px){
    #remain-time {
        left: 5px;
    }
    #btn-show-sidebar{
        width: auto;
    }
    .countdownHolder {
        width: 120px !important;
    }
    .countdown .digit{
        width: 16px;
        font-size: 20px !important;
        line-height: 28px !important;
        height: 25px;
    }
    .countdown .position {
        width: 17px;
        height: 25px;
    }
    .main-pdf-quiz #remain-time {
        left: 4px;
        bottom: 0;
    }
    .countdown .countDiv {
        width: 6px;
        height: 32px;
    }
    .bottom-back-buttons .btn{
        padding-right: 12px;
        padding-left: 12px;
    }
}
@media (max-width: 340px){
    #pdf-quiz-wrapper{
        width: 320px;
        height: 300px;
    }
    .toggle-filter-box #btn-show-sidebar{
        margin-right: 0;
    }
    .toggle-filter-box #btn-show-sidebar{
        margin-right: 0;
    }
    .quiz-row .second-box .btn {
        width: 115px;
    }
}
@media screen {
    @media (max-width: 767px){
        table.table-result thead{
            display: none;
        }
        table.table-result tr{
            display: block;
            margin-bottom: 15px;
            padding: 0;
        }
        table.table-result tr>td{
            display: block;
            border-top: 1px solid transparent;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            padding: 5px;
        }
        table.table-result tr>td:last-child{
            border-bottom: 1px solid transparent;
            border-radius: 0 0 5px 5px;
        }
        table.table-result tr>td span.show-mobile{
            margin-left: 5px;
        }
        table.table-result tr>td:nth-child(even){
            background: #f1f1f1;
        }
        table.table-result tr>td.hidden-mobile{
            display: none;
        }
    }
}
@media print {
    @page {
        size: 330mm 427mm;
        margin: 14mm;
    }
    .container {
        width: 1170px;
        margin: 0 auto;
    }
    table.table-result tr>td.hidden-mobile{
        display: table-cell;
    }
    table.table-result tr>td .show-mobile{
        display: none;
    }
    .table.table-result tr th, .table.table-result tr td{
        border: 1px solid #333 !important;
    }
    canvas{
        max-width: 100%;
        height: auto !important;
        min-height: 0;
    }
    .bottom-back-buttons{
        display: none;
    }
}
/*-------------------------- Responsive End -----------------------*/