/**
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (-----)
--------------------------------------------------------------------------------------
**/
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/iranyekan/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

/*
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/iranyekan/eot/iranyekanwebthinfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/iranyekan/woff/iranyekanwebthinfanum.woff') format('woff'),
		 url('../fonts/iranyekan/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}
*/

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iranyekan/eot/iranyekanweblightfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iranyekan/eot/iranyekanwebregularfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/iranyekan/eot/iranyekanwebmediumfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/iranyekan/woff/iranyekanwebmediumfanum.woff') format('woff'),
		 url('../fonts/iranyekan/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

/*
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/iranyekan/eot/iranyekanwebextraboldfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/iranyekan/woff/iranyekanwebextraboldfanum.woff') format('woff'),
		 url('../fonts/iranyekan/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}
*/

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/iranyekan/eot/iranyekanwebblackfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

/*
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/iranyekan/eot/iranyekanwebextrablackfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/iranyekan/woff/iranyekanwebextrablackfanum.woff') format('woff'),
		 url('../fonts/iranyekan/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
*/

html {
	font-family: iranyekan, tahoma, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
    direction: rtl;
    unicode-bidi: embed;
	overflow-x: hidden;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	text-align: right;
	color: #5d5d5d;
	background-color: #f2f2f2;
}

a:hover,
a:focus {
	text-decoration: none;
}

a:focus,
button:focus {
	outline: 0;
}

body, 
button, 
input,
select,
textarea {
    font-family: iranyekan, tahoma, sans-serif;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: iranyekan, tahoma, sans-serif;
}

:-moz-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: iranyekan, tahoma, sans-serif;
}

::-moz-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: iranyekan, tahoma, sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: iranyekan, tahoma, sans-serif;
}

b,
strong {
    font-weight: 600;
}

img, 
object, 
figure, 
iframe, 
embed {
    max-width: 100%;
    height: auto;
	border: 0;
}

legend {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

table {
	width: 100%;
	border: 1px solid #f0f0f0;
	border-spacing: 0;
	border-collapse: separate;
	vertical-align: middle;
}

thead {
    font-size: 1em;
    background-color: #eaeaea;
    color: #5a5a5a;
}

th {
	font-weight: bold;
	color: #5a5a5a;
}

th,td {
	padding: 0.5em;
	border: 1px solid #f0f0f0;
	border-right-width: 0;
	border-top-width: 0;
	text-align: right;
}

th:last-child,
td:last-child {
	border-left-width: 0;
}

tr:last-child td,
tr:last-child th {
	border-bottom-width: 0;
}

thead tr:last-child td,
thead tr:last-child th {
	border-bottom-width: 1px;
}

tfoot tr:first-child td,
tfoot tr:first-child th {
	border-top-width: 1px;
}

button,
input {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: normal;
}

input,
select,
button,
textarea {
    font-family: iranyekan, tahoma, sans-serif;
	font-weight: 400;
}

select:not(.form-control):not(.simple),
input[type="text"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="range"]:not(.form-control),
input[type="search"]:not(.form-control) {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    color: #5d5d5d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select:not(.form-control):not(.simple):focus,
input[type="text"]:not(.form-control):focus,
input[type="url"]:not(.form-control):focus,
input[type="email"]:not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="range"]:not(.form-control):focus,
input[type="search"]:not(.form-control):focus {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #d0d0d0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

textarea:not(.form-control) {
    display: block;
    width: 100%;
	min-height: 80px;
    padding: .375rem .75rem;
    color: #5d5d5d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d0d0d0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	resize: vertical;
}

textarea:not(.form-control):focus {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #d0d0d0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.button:not(.btn),
button[type="submit"]:not(.btn),
input[type="submit"]:not(.btn),
input[type="button"]:not(.btn) {
	border: 0;
	margin: 0;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[readonly="readonly"] {
    background-color: #f5f5f5;
}

.button:not(.btn),
button[type="submit"]:not(.btn),
input[type="submit"]:not(.btn) {
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: .175rem .75rem;
	line-height: 24px;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	color: #fff;
    background-color: #f2c40e;
    border: 1px solid #f2c40e;
	border-radius: .25rem;
}

.button:not(.btn):hover,
button[type="submit"]:not(.btn):hover,
input[type="submit"]:not(.btn):hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}

.button:not(.btn):focus,
button[type="submit"]:not(.btn):focus,
input[type="submit"]:not(.btn):focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

img,
iframe,
video {
    max-width: 100% !important;
	max-height: 100% !important;
}

label {
	color: #5d5d5d;
	font-size: 13px;
	font-weight: 500;
}

blockquote {
	padding: 15px;
	color: #010101;
	background-color: #f8f9fa;
	border-bottom: 4px solid #f2c40e;
}

blockquote p:last-child {
	margin: 0;
}

.image-border,
.wp-caption {
	padding: 3px;
	background-color: #f0f0f0;
	border: 1px solid #eaeaea;
}

.gallery-caption,
.wp-caption-text,
.wp-caption-dd {
	margin: 0;
	padding: 8px;
	background-color: #f0f0f0;
	text-align: center;
}

.clear {
	clear: both;
}

.clearfix:after {
	display: table;
	clear: both;
	content: " ";
}

.nobreak {
	white-space: nowrap;
}

.hidden {
    display: none;
}

.visible {
	display: block;
	opacity: 1!important;
}

.alignnone {
    margin: 0.5em 0 0 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
	text-align: center;
	margin: 0 auto;
}

.alignvertical {
	margin: 0.6em 0 0.25em;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.ltr {
    direction: ltr;
}

.transition {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.bold-icon:before {
	font-weight: 600;
}

.bold-300 {
	font-weight: 300!important;
}

.bold-400 {
	font-weight: 400!important;
}

.bold-500 {
	font-weight: 500!important;
}

.bold-600 {
	font-weight: 600!important;
}

.bold-900 {
	font-weight: 900!important;
}

.font-10 {
	font-size: 10px!important;
}

.font-11 {
	font-size: 11px!important;
}

.font-12 {
	font-size: 12px!important;
}

.font-14 {
	font-size: 14px!important;
}

.font-16 {
	font-size: 16px!important;
}

.font-18 {
	font-size: 18px!important;
}

.font-20 {
	font-size: 20px!important;
}

.font-22 {
	font-size: 22px!important;
}

.font-24 {
	font-size: 24px!important;
}

.font-28 {
	font-size: 28px!important;
}

.font-32 {
	font-size: 32px!important;
}

.font-36 {
	font-size: 36px!important;
}

.font-40 {
	font-size: 40px!important;
}

.ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.no-shadow,
.no-shadow:hover,
.no-shadow:active,
.no-shadow:focus {
	box-shadow: none !important;
}

.rounded-lg {
	border-radius: .6rem;
}

.app-vip-title {
	padding-bottom: 10px;
	border-bottom: 5px solid #f2c40e;
}

.text-grey {
	color: #9a9a9a;
}

.line-through {
	text-decoration: line-through;
}

/**
 * IONICONS
 */
.ion {
	font-family: iranyekan, tahoma, sans-serif;
	line-height: 1.8em;
}

.ion:before {
	font-family: "Ionicons";
}

/**
 * SWEET ALERT
 */
.swal-footer {
    text-align: left !important;
}

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

form.loading {
	position: relative;
}

form.loading:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba( 0, 0, 0, 0.3);
	border-radius: .25rem;
	z-index: 99;
}

form.loading:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -1.5em;
	margin-top: -1.5em;
	width: 3rem;
	height: 3rem;
	border: .25em solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
	z-index: 100;
}

/** 
 * Date picker
 */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 0;
    box-shadow: 0 0 8px rgba(102,175,233,.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
    z-index: 9999!important;
}

.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #ff6e53;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev {
	float: right;
	text-align: right;
	cursor: pointer;
	color: #ff6e53;
    font-weight: 500;
}

.ui-datepicker .ui-datepicker-next {
	float: left;
	text-align: left;
	cursor: pointer;
	color: #ff6e53;
    font-weight: 500;
}

.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 0;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #ff6e53;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
	color: #666;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar td:hover > a {
	color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: #ff6e53;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
	color: #fff
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	color: #ccc;
	background: transparent;
	cursor: not-allowed;
}

.ui-datepicker .ui-state-disabled {
    color: #ccc;
	cursor: not-allowed;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    background: #fff;
    border: 0;
    width: 75px;
    display: inline-block;
    float: none;
    text-align: center;
    font-size: 13px;
    padding: 0 7px;
    margin: 1px;
    line-height: 20px;
    height: 20px;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    border-radius: 2px;
}

/**
 * PACE
 */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #f2c40e;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #f2c40e, 0 0 5px #f2c40e;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 15px;
	right: 15px;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: #f2c40e;
	border-left-color: #f2c40e;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}

/**
 * SWIPER
 */
.swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	width: 20px;
	background-color: #5d5d5d;
	border-color: #5d5d5d;
	opacity: 1;
}

.swiper-button-disabled {
	/* display: none; */
}

.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-pagination-bullet:focus {
	outline: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-size: 24px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	left: auto;
	right: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: none;
}

/**
 * BOOTSTRAP
 */
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #5d5d5d;
    font-weight: 500;
    line-height: 1.5;
}

.h1,
h1 {
	font-size: 24px;
}

.h2,
h2 {
	font-size: 20px;
}

.h3,
h3 {
	font-size: 18px;
}

.h4,
h4 {
	font-size: 16px;
}

.h5,
h5 {
	font-size: 14px;
}

.h6,
h6 {
	font-size: 13px;
}

.nav {
    padding-right: 0;
    padding-left: inherit;
}

.navbar-nav {
	padding-right: 0;
    padding-left: inherit;
}

.list-inline-item:not(:last-child) {
	margin-left: .5rem;
	margin-right: 0;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child),
.input-group>.input-group-append>.btn, 
.input-group>.input-group-append>.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), 
.input-group>.input-group-prepend:not(:first-child)>.btn, 
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

.input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

.btn,
.form-control {
	font-size: 13px;
	line-height: 24px;
}

.form-control {
	border-color: #eee;
	height: auto;
}

.alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}

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

.dropdown-menu {
    right: 0;
    left: auto;
    float: right;
    min-width: 220px;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: right;
    background-color: #fff;
    border: 0;
    border-radius: 0;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.dropdown-item {
    padding: .35rem 1.5rem;
    color: #5d5d5d;
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #f2c40e;
	background: transparent;
}

.dropdown-toggle::after {
	margin-left: 0;
	margin-right: .255em;
	vertical-align: middle;
}

.modal-footer>:not(:last-child) {
	margin-right: 0;
	margin-left: .25rem;
}

.modal-footer {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form-check {
	padding-left: 0;
	padding-right: 1.25rem;
}

.form-check-inline {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: .75rem;
}

.form-check-input {
    margin-left: 0;
    margin-right: -1.25rem;
}

.form-check-inline .form-check-input {
    margin-left: .3125rem;
    margin-right: 0;
}

.popover,
.tooltip {
	font-size: 12px;
	font-family: iranyekan, tahoma, sans-serif;
}

.tooltip > .tooltip-inner {
	background-color: #f2c40e;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #f2c40e;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #f2c40e;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #f2c40e;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #f2c40e;
}

.breadcrumb-item,
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
	padding-right: .5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    padding-left: .5rem;
    color: #9a9a9a;
}

.breadcrumb-item a,
.breadcrumb-item .text-dark,
.breadcrumb-item.active {
	color: #9a9a9a !important;
}

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

.badge {
    padding: .25em .8em;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;
}

@media (min-width: 1280px) {
	.container {
		max-width: 1220px;
	}
}

@media (min-width: 1340px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1340px;
	}
}

.btn-success {
	color: #fff;
	background-color: #4caf50;
	border-color: #4caf50;
}

.btn-danger {
	color: #fff;
	background-color: #e74c3c;
	border-color: #e74c3c;
}

.btn-warning {
	color: #141311;
	background-color: #f2c40e;
	border-color: #f2c40e;
}

.text-success {
	color: #4caf50 !important;
}

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

.modal-footer>:not(:last-child) {
	margin-right: 0;
	margin-left: .25rem;
}

.modal-footer {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mejs-controls {
	display: none !important;
}

/**
 * MOBILE MENU
 */
.shetab-mobile-menu {
    width: 250px;
	max-width: 100%;
    right: -250px;
    top: 0;
    bottom: 0;
	background-color: #f2f2f2;
	border-left: 1px solid #cacaca;
    z-index: 990;
}

.shetab-mobile-menu.open  {
	right: 0;
}

.shetab-mobile-menu .slimscroll {
	min-height: 100px;
	max-height: 100%;
}

.shetab-mobile-menu .user-box .avatar {
	width: 96px;
	height: 96px;
}

.shetab-mobile-nav .drilldown-root {
	position: relative;
	margin: 0;
	padding: 0;
}

.shetab-mobile-nav .drilldown-sub {
	display: none;
	margin: 0;
	padding: 0;
}

.shetab-mobile-nav .drilldown-root li {
	border-bottom: 1px solid #cacaca;
}

.shetab-mobile-nav .drilldown-root li a {
	display: block;
	position: relative;
	padding: 6px 10px;
	color: #5d5d5d;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-font-smoothing: antialiased;
}

.shetab-mobile-nav .drilldown-root li a:before {
	display: block;
	float: right;
	margin: 0 5px 0 0;
	width: 25px;
	line-height: 30px;
	text-align: center;
}

.shetab-mobile-nav .drilldown-root li a:hover {
	color: #141311;
}

.shetab-mobile-nav .drilldown-root li.menu-item-has-children>a:after {
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2022.75C6.07%2022.75%201.25%2017.93%201.25%2012C1.25%206.07%206.07%201.25%2012%201.25C17.93%201.25%2022.75%206.07%2022.75%2012C22.75%2017.93%2017.93%2022.75%2012%2022.75ZM12%202.75C6.9%202.75%202.75%206.9%202.75%2012C2.75%2017.1%206.9%2021.25%2012%2021.25C17.1%2021.25%2021.25%2017.1%2021.25%2012C21.25%206.9%2017.1%202.75%2012%202.75Z%22%20fill%3D%22%23292D32%22/%3E%3Cpath%20d%3D%22M15.5%2012.75H9.5C9.09%2012.75%208.75%2012.41%208.75%2012C8.75%2011.59%209.09%2011.25%209.5%2011.25H15.5C15.91%2011.25%2016.25%2011.59%2016.25%2012C16.25%2012.41%2015.91%2012.75%2015.5%2012.75Z%22%20fill%3D%22%23292D32%22/%3E%3Cpath%20d%3D%22M11.4999%2015.75C11.3099%2015.75%2011.1199%2015.68%2010.9699%2015.53L7.96994%2012.53C7.67994%2012.24%207.67994%2011.76%207.96994%2011.47L10.9699%208.47C11.2599%208.18%2011.7399%208.18%2012.0299%208.47C12.3199%208.76%2012.3199%209.24%2012.0299%209.53L9.55994%2012L12.0299%2014.47C12.3199%2014.76%2012.3199%2015.24%2012.0299%2015.53C11.8799%2015.68%2011.6899%2015.75%2011.4999%2015.75Z%22%20fill%3D%22%23292D32%22/%3E%3C/svg%3E");
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 17px;
	width: 16px;
	height: 16px;
}

.shetab-social-nav img {
	display: block;
	width: 20px;
	height: 20px;
}

.shetab-social-nav img:hover {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/**
 * HEADER
 */
.app-header {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
	border-radius: 0 0 3rem 3rem;
}

.app-header .app-logo {
	height: 60px;
	width: auto;
	max-width: 220px;
}

.app-header .shetab-social-nav {
	border-top: 1px solid #cacaca;
}

.app-header .app-main-nav li {
	position: relative;
    padding: 10px;
}

.app-header .app-main-nav a {
    display: block;
	position: relative;
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 500;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.app-header .app-main-nav li.menu-item-has-children > a {
	padding-left: 15px;
}

.app-header .app-main-nav li.menu-item-has-children > a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.app-header .app-main-nav a:hover,
.app-header .app-main-nav a:focus {
	color: #f2c40e;
}

.app-header .app-main-nav .sub-menu {
	display: block;
	position: absolute;
	right: 0;
	top: 100%;
	width: 250px;
	margin: 0;
	padding: 10px 0;
	background-color: #5d5d5d;
	opacity: 0;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-o-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 9;
	pointer-events: none;
}

.app-header .app-main-nav .sub-menu:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 40px;
    width: 10px;
    height: 10px;
    background: #5d5d5d;
    transform: rotate(45deg);
}

.app-header .app-main-nav .sub-menu li {
	display: block;
	margin: 0;
	padding: 0;
}

.app-header .app-main-nav .sub-menu a {
	padding: 8px 12px;
	color: #f2f2f2;
}

.app-header .app-main-nav .sub-menu a:hover,
.app-header .app-main-nav .sub-menu a:focus {
	background-color: #141311;
}

.app-header .app-main-nav > li:hover > .sub-menu {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	pointer-events: all;
}

.app-mini-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transform: translateY(-150%);
    transition: transform 0.3s ease;
}

.app-mini-header.visible {
    transform: translateY(0);
}


.app-mini-header .form-search {
	width: 17rem;
}

@media (max-width:768px) {
	.app-mini-header .form-search {
	width: 100%;
}
}

.app-mini-header .form-search .app-mini-input{
	border-radius: 5px;
	padding: .1rem;
	gap: .5rem;
}

.app-mini-header .form-search .app-mini-input input{
	color: #000 !important;
}

.app-mini-header .form-search .app-mini-input input {
	font-size: x-small;
	width: 100%;
	color: #dddddd;
}

.app-mini-header .form-search input:focus-visible {
    outline: 0 !important;
}

.app-mini-header .form-search .app-mini-input button {
	padding: 1px 5px;
}

/**
*INDEX
**/

.car-item .off {
	top: .5rem;
	left: .5rem;
	z-index: 2;
}

.car-item .item-contact .item-whatsapp {
	border: 1px solid rgb(14 131 3) !important;
	background-color: rgb(245 255 244) !important;
	color: rgb(14 131 3) !important;
	border-radius: 5px;
}

.car-item .item-contact .col-6{
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.car-item .item-contact .item-whatsapp a{
	color: rgb(14 131 3) !important;
}

.car-item .item-contact .item-whatsapp:hover {
  background-color: rgb(14 131 3) !important;
}

@media (min-width:992px) {
	.app-sidebar-scroll {
		position: sticky;
		top: 0;
		right: 0;
		left: 0;
		z-index: 998;
	}
}

@media (max-width:991px) {
	.app-call-what {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: #fff;
		padding: .9rem;
		z-index: 3;
	}

	.app-call-what .app-col-wht {
		padding-right: 5px;
	}

	.app-call-what .app-col-call {
		padding-left: 5px;
	}

	.item-whatsapp,
	.item-call{
		margin: 0 !important;
	}
}


.car-item .item-contact .item-whatsapp:hover a, 
.car-item .item-contact .item-call:hover a {
  color: #fff !important;
}

.car-item .item-contact .item-call {
  border: 1px solid rgb(41, 41, 41) !important;
  border-radius: 5px;
}

.car-item .item-contact .item-call:hover {
  background-color: rgb(41, 41, 41) !important;
  color: #fff;
}

@media (max-width:992px) {
	.rentcar-sidebar{
		flex-direction: column-reverse;
	}

}

.rentcar-sidebar .item-whatsapp a{
	border: 1px solid rgb(14 131 3) !important;
	background-color: rgb(245 255 244) !important;
	color: rgb(14 131 3) !important;
	border-radius: 5px;
	padding: .7rem;
}

.rentcar-sidebar .item-call a {
	color: #000 !important;
	border: 1px solid rgb(41, 41, 41) !important;
	border-radius: 5px;
	padding: .7rem;
}

.rentcar-sidebar .item-whatsapp a:hover {
  background-color: rgb(14 131 3) !important;
  color: #fff !important;
}

.rentcar-sidebar .item-call a:hover {
  background-color: rgb(41, 41, 41) !important;
  color: #fff !important;
}

.app-about-rentcar {
	border-radius: 2rem 2rem 0 0;
	padding: 2rem 2rem 0 2rem;
}

.toggle-btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.toggle-btn:focus,
.toggle-btn:active {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}

.app-cars-type .car-type-image {
	width: 100%;
    height: 100px;
    object-fit: contain;
}

.app-cars-type .car-count {
	color: #5d5d5d;
	font-size: 11px;
}
.app-cars-brand .app-brand-box {
	padding: 2rem;
	border-radius: 1rem;
}

@media(min-width: 992px) {
    .col-lg-5 {
        flex: 0 0 20%;
    }
}

.app-cars-brand .car-brand-image {
	width: 100%;
    height: 80px;
    object-fit: contain;
}

.car-filter-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* فاصله بین تکسونومی‌ها */
}

.car-filter-form .filter-item {
    display: flex;
    flex-direction: column; /* اگر بخواهید label بالای select باشد */
    min-width: 120px;
}

.car-filter-form button {
    height: 36px;
	color: #5d5d5d !important;
	background-color: #dddddd;
    padding: 5px 8px !important;
}

.app-cars-widget .select-tax {
	color: #5d5d5d !important;
    background-color: #dddddd !important;
    border-color: #ddd !important;
    padding: 7px !important;
    border-radius: 5px !important;
}

select:not(.form-control):not(.simple):focus, input[type="text"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="range"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus {
    box-shadow: none;
}


/**
 * SEARCH
 */
.app-search-cars .search-form {
	position: relative;
	width: 350px;
	background-color: #141311;
	z-index: 2;
}

.app-search-cars .search-form .title-wrap {
	border-bottom: 5px solid #f2c40e;
}

.app-search-cars .search-form label {
	margin: 0;
	color: #fff;
	font-size: 12px;
}

.app-search-cars .app-main-slider {
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.app-search-cars .app-main-slider .swiper-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: transparent;
}

.app-search-cars .app-main-slider .swiper-button-prev,
.app-search-cars .app-main-slider .swiper-button-next {
	left: 0;
	bottom: 0;
	top: auto;
	width: 34px;
	height: 34px;
	margin: 0;
	background-image: none;
	background-color: #b8b8b8;
}

.app-search-cars .app-main-slider .swiper-button-prev .ion,
.app-search-cars .app-main-slider .swiper-button-next .ion {
	display: block;
	text-align: center;
	color: #000;
	font-size: 28px;
	line-height: 34px;
}

.app-search-cars .app-main-slider .swiper-button-prev .ion:before,
.app-search-cars .app-main-slider .swiper-button-next .ion:before {
	display: block;
	line-height: 34px;
}

.app-search-cars .app-main-slider .swiper-button-prev {
	left: 35px;
	right: auto;
}

.custom-search-box {
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
}

@media (max-width:900px) {
	.custom-search-box {
	position: absolute;
	bottom: 30%;
	left: 0;
	right: 0;
	}

	.custom-search-box h1 {
		font-size: 20px;
	}

	.custom-search-box p {
		font-size: 10px;
	}
}

.custom-search-box input:focus-visible {
    outline: 0 !important;
}

.search-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.custom-search-box .form-search {
	width: 100% !important;
	max-width: 55rem !important;
}

.custom-search-box .app-search-input{
	border-radius: 5px;
	padding: .7rem;
	gap: 1rem;
}

.custom-search-box .app-search-input input{
	color: #000 !important;
}

.custom-search-box .app-search-input input {
	color: #dddddd;
}

@media (min-width: 500px) {
  .limit-to-one-word {
    display: inline-block;
    max-width: 6ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
  }
}

.app-filter-modal .modal-dialog-slideout {
	width: 100%;
	max-width: 17rem;
    margin: 0;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-out;
    position: fixed;
    right: 0;
    top: 0;
}

.app-filter-modal .modal.show .modal-dialog-slideout {
    transform: translate(0, 0);
}



/**
 * BRANDS
 */
.app-brands-slider .swiper-slide {
	width: 160px;
	height: 90px;
}

.app-brands-slider .swiper-slide img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%,-50%);
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	cursor: pointer;
}

.app-brands-slider .swiper-slide img:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/**
 * CARS WIDGET
*/

.app-cat-tabs .filter-wrapper {
	display: flex;
    flex-wrap: wrap;    
    gap: 10px; 
}

.app-cars-widget .car-filter-form .btn-bishtar {
	padding: 5px 8px 5px 0 !important;
}

.app-cat-tabs .nav-link {
	color: #5d5d5d;
	background-color: #dddddd;
	border-color: #ddd;
    margin: 5px;
    padding: 10px 15px;
    border-radius: 7px;
}

.app-cat-tabs .nav-link:hover,
.app-cat-tabs .nav-link:focus,
.app-cat-tabs .nav-link.active {
	color: #5d5d5d;
	background-color: #f2c40e;
	border-color: #f2c40e;
}

.app-cat-tabs .archive-link .ion:before {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 17px;
	font-weight: 900;
}

.app-cars-archive .car-item {
	border-radius: 1rem;
}

.app-cars-archive .car-item .item-title a {
	color: #5d5d5d;
}

.app-cars-archive .car-item .item-title a:hover,
.app-cars-archive .car-item .item-title a:focus {
	color: #141311;
}

.app-cars-archive .car-item .t {
	color: #9a9a9a;
	font-size: 13px;
}

.app-cars-archive .car-item .v {
	color: #5d5d5d;
	font-size: 13px;
}

.app-cars-archive .car-item .title-col {
	width: 120px;
	max-width: 120px;
}

.app-cars-archive .car-item .text-col {
	width: calc(100% - 120px);
	max-width: calc(100% - 120px);
}

.app-cars-archive .car-item:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.index-car-slider .swiper-slide {
	height: auto;
	aspect-ratio: 1080 / 750;
	object-fit: cover;
}

.index-car-slider .swiper-slide img {
	width: 100%;
	height: 100%;
}

.index-car-slider .swiper-pagination {
  bottom: 10px;
  z-index: 10;
}

.index-car-slider .swiper-pagination-bullet {
    background: #cecece;
    border: 1px solid #cecece;
}

/**
 * WARRANTY
 */
.app-warranty-widget .warranty-item {
	padding: 0 15px;
	cursor: pointer;
}

.app-warranty-widget .warranty-item .icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	-webkit-mask-image: url(../img/warranty-1.svg);
	mask-image: url(../img/warranty-1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #5d5d5d;
}

.app-warranty-widget .warranty-item .icon.two {
	-webkit-mask-image: url(../img/warranty-2.svg);
	mask-image: url(../img/warranty-2.svg);
}

.app-warranty-widget .warranty-item .icon.three {
	-webkit-mask-image: url(../img/warranty-3.svg);
	mask-image: url(../img/warranty-3.svg);
}

.app-warranty-widget .warranty-item .icon.four {
	-webkit-mask-image: url(../img/warranty-4.svg);
	mask-image: url(../img/warranty-4.svg);
}

.app-warranty-widget .warranty-item .icon.five {
	-webkit-mask-image: url(../img/warranty-5.svg);
	mask-image: url(../img/warranty-5.svg);
}

.app-warranty-widget .warranty-item:hover {
	color: #141311;
}

.app-warranty-widget .warranty-item:hover .icon {
	background-color: #141311;
}

.app-warranty-slider .swiper-slide:not(:first-child) .warranty-item {
	border-right: 1px solid #f2f2f2;
}

@media( max-width: 1023px ) {
	.app-warranty-slider .swiper-slide {
		width: 200px;
	}
}

/**
 * NEWS WIDGET
 */
.app-blog-archive .blog-item {
	border-radius: 1rem;
}

.app-blog-archive .blog-item .item-image {
	padding-bottom: 66%;
}

.app-blog-archive .blog-item .item-image img {
	left: 0;
	top: 0;
	object-fit: cover;
}

.app-blog-archive .blog-item:hover .item-image img {
    transform: scale(1.1);
    filter: blur(1px) brightness(0.9);
}

.app-blog-archive .blog-item .item-title a {
	color: #5d5d5d;
}

.app-blog-archive .blog-item .item-title a:hover,
.app-blog-archive .blog-item .item-title a:focus {
	color: #141311;
}

.app-blog-archive .blog-item .item-excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 4.8rem;
    overflow: hidden;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6rem;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.app-blog-archive .blog-item:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

/**
 * FOOTER
 */
.app-footer {
	background-color: #141311;
	border-top: 5px solid #f2c40e;
}

.app-footer .links-row,
.app-footer .copyright-row {
	background-color: #1a1918;
}

.app-footer .footer-links {
	list-style: none;
}

.app-footer .footer-links li {
	display: block;
	float: right;
	margin: 0;
	padding: 7px;
	width: 33.33%;
}

.app-footer a:not(.btn) {
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.app-footer a:not(.btn):hover,
.app-footer a:not(.btn):focus {
	color: #f2c40e;
}

.app-footer .namad-item {
	width: 100px;
	background-color: #fff;
	border-radius: 1rem;
}

.app-footer .namad-item img {
	height: 60px;
	width: auto;
	max-width: 100%;
}

.app-footer .namad-item:hover {
	background-color: #f2c40e;
}

/**
 * SINGLE
 */
.item-content .item-meta .v {
	background-color: #f5f5f5;
	border: 1px solid #eaeaea;
}

.app-single .app-car-nav {
	display: flex;
	flex-direction: row;
}

.app-single .app-car-nav .nav-link {
	display: inline-block !important;
	color: #878787;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
}

.app-single .app-car-nav .nav-item:not(:last-child):after {
	content: "|";
	float: left;
	margin: 0 20px;
	color: #a5a5a5;
	font-size: 10px;
	line-height: 28px;
}

.app-single .app-car-nav .nav-link:hover,
.app-single .app-car-nav .nav-link:focus {
	color: #5d5d5d;
}

.app-single .rentcar-calendar table,
.app-single .rentcar-calendar th,
.app-single .rentcar-calendar td {
	border: 0;
}

.app-single .rentcar-calendar thead {
    background-color: transparent;
}

.app-single .rentcar-calendar .ui-datepicker-next,
.app-single .rentcar-calendar .ui-datepicker-prev {
	display: none !important;
}

.app-single .rentcar-calendar .ui-datepicker {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: none;
    display: none;
    margin-top: 0;
    padding: 10px;
    width: 100%;
    z-index: 1!important;
}

.app-single .rentcar-calendar .ui-datepicker .ui-datepicker-calendar td:hover,
.app-single .rentcar-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
	background-color: transparent;
	pointer-events: none;
}

.app-single .rentcar-calendar .ui-datepicker .ui-datepicker-calendar td a,
.app-single .rentcar-calendar .ui-datepicker .ui-datepicker-calendar td:hover a {
    color: #666;
    text-decoration: none;
	pointer-events: none;
}

.app-single .rentcar-calendar .ui-datepicker .ui-state-disabled {
    color: #dc3545;
	font-weight: 600;
    cursor: not-allowed;
}

/* galley */

.rentcar-full-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

@media (max-width:768px) {
	.rentcar-full-slider {
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {
	.rentcar-thumb-slider .swiper-slide {
	aspect-ratio: 16 / 9;
	height: auto !important;
	}
	.rentcar-thumb-slider .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: 16 / 9;
	}
}

@media (min-width: 768px) {
	.rentcar-thumb-slider .swiper-slide {
		height: 74px !important;
	}

	@media (min-width: 992px) {
		.rentcar-thumb-slider .swiper-slide {
			height: 65px !important;
		}
	}

	@media (min-width: 1200px) {
		.rentcar-thumb-slider .swiper-slide {
			height: 85px !important;
		}
	}

	@media (min-width: 1339px) {
		.rentcar-thumb-slider .swiper-slide {
			height: 90px !important;
		}
	}

	.rentcar-thumb-slider .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}


.rentcar-thumb-slider .app-lable-btn {
	font-size: 18px;
}

.rentcar-thumb-slider .app-lable-btn .app-lable {
	position: absolute;
	top: 8%;
	right: 41%;
	background-color: #f3cb19;
	padding: 0 4px;
	font-size: 8px;
}

.rentcar-full-video {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1920 / 1080;
}

.rentcar-full-video video,
.rentcar-full-video .wp-video {
  width: 100% !important;
  height: 100% !important;
  display: block;
  aspect-ratio: 1920 / 1080;
  object-fit: cover !important;
}

.rentcar-thumb-slider .slide-video {
	background-color: #000;
}

@media (max-width:500px) {
    .rentcar-thumb-slider .slide-video svg {
        height: 20px !important;
        width: 20px !important;
    }
}


.rentcar-modal-gallery .swiper-slide {
  width: 100%;
  overflow: hidden;
}

.rentcar-modal-gallery .swiper-slide img {
	display: block;
	height: auto;
	width: 100%;
  	aspect-ratio: 1920 / 1080;
	object-fit: cover;
}

.rentcar-modal-thumbs-gallery .swiper-slide img{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1920 / 1080;
}

@media (max-width:768px) {
    .rentcar-modal-thumbs-gallery .modal-remaining{
        top: 30%;
    }
}

/**
 * COMMENTS
 */
.app-comments-box .comment-list {
	list-style: none;
}

.app-comments-box .comment-list .children {
	display: block;
	list-style: none;
	margin: 0;
	padding: 15px 15px 15px 0;
}

.app-comments-box .comment-list li {
	padding: 15px;
	border: 1px solid #dbe4ec;
}

.app-comments-box .comment-list .comment-meta {
	overflow: hidden;
	margin-bottom: 15px;
}

.app-comments-box .comment-list .comment-author a {
	color: #231f20;
}

.app-comments-box .comment-list .comment-author .says {
	display: none;
}

.app-comments-box .comment-list .comment-author .avatar {
	display: block;
	float: right;
	margin-left: 10px;
	border-radius: 50%;
}

.app-comments-box .comment-list .comment-metadata a {
	color: #231f20;
	font-size: 11px;
}

.app-comments-box .comment-list .comment-metadata a.comment-edit-link {
	padding: 1px 8px;
	border: 1px solid #dbe4ec;
	border-radius: 3px;
}

.app-comments-box .comment-list .comment-content {
	clear: both;
}

.app-comments-box #cancel-comment-reply-link,
.app-comments-box .comment-list .comment-reply-link {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	background-color: #0089ff;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0089ff;
	border-radius: .2rem;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.app-comments-box #cancel-comment-reply-link:hover,
.app-comments-box .comment-list .comment-reply-link:hover {
	color: #fff;
	background-color: #117fde;
	border-color: #117fde;
}

.app-comments-box #cancel-comment-reply-link:focus,
.app-comments-box .comment-list .comment-reply-link:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(58,176,195,.5);
}

.app-comments-box .no-comments,
.app-comments-box .comment-respond .logged-in-as a {
	color: #dbe4ec;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
}

.app-comments-box .comment-form .form-submit input[type="submit"] {
	display: block;
	width: 100%;
}

/**
 * PANEL
 */
.app-panel-content .panel-nav .nav-link {
	padding: 10px 10px 10px 35px;
	color: #898989;
	background-color: #f5f5f5;
	font-size: 15px;
	font-weight: 600;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}

.app-panel-content .panel-nav .btn-help {
	display: block;
	overflow: hidden;
	left: 5px;
	top: 6px;
	width: 25px;
	height: 25px;
	color: #898989;
	font-size: 21px;
	z-index: 3;
}

.app-panel-content .panel-nav .nav-link:hover,
.app-panel-content .panel-nav .active .nav-link {
	color: #141311;
	background-color: #f2c40e;
	border-color: #f2c40e;
}

.app-panel-content .panel-nav .nav-link:hover+.btn-help {
	color: #141311;
}

.app-panel-content .panel-nav .active .btn-help {
	display: none;
}

/* TABLES */
.app-table thead {
	background: fafafa;
}

.app-table tr > th {
	min-width: 80px;
	padding: 0.5rem;
	font-size: 12px;
	font-weight: 600;
}

.app-table tr > th.sm {
	width: 80px;
}

.app-table tr > th.md {
	width: 140px;
}

.app-table tr > th.lg {
	min-width: 240px;
}

.app-table tbody tr > th,
.app-table tr > td {
	padding: 0.5rem;
	font-size: 12px;
	font-weight: 500;
}

.app-table tbody tr > th,
.app-table tbody tr > td {
	border-bottom: 1px solid #e3e3e2;
}

.rentcar-image-preview > img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: 150px;
	max-width: 100%;
	margin-bottom: 15px;
	border-radius: 0.25rem;
	object-fit: cover;
}

/* tickets */
.rentcar-ticket-content {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 40px 10px 0;
	font-size: 13px;
}

.rentcar-ticket-content .ticket-header {
    display: block;
    margin: 0 0 30px;
}

.rentcar-ticket-content .ticket-header .user {
    display: block;
    text-align: center;
    margin: 0 0 15px;
	padding: 10px 0 0;
}

.rentcar-ticket-content .ticket-header .user > img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 5px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.rentcar-ticket-content .ticket-header .user > span {
    font-size: 15px;
    font-weight: 300;
}

.rentcar-ticket-content .ticket-header .meta {
	margin: 0 0 15px;
	padding: 10px 0;
	background: #fafafa;
}

.rentcar-ticket-content .ticket-header .meta .t {
	display: block;
	text-align: center;
	font-weight: bold;
}

.rentcar-ticket-content .ticket-header .meta .v {
	display: block;
	text-align: center;
}

.rentcar-ticket-content .ticket-header .meta .v.date {
	line-height: 32px;
}

.rentcar-ticket-content .ticket-header .desc {
	text-align: justify;
}

.app-extra .app-extra-btn{
	border-width: 1px !important;
	border-radius: 5px !important;
}

.rentcar-ticket-content .attach {
    margin: 10px 0 0;
    padding: 8px 15px;
    background: #fafafa;
    border: 1px dashed #ccc;
}

.rentcar-ticket-content .attach .btn {
	margin: 0;
	font-size: 12px;
	padding: 2px 10px;
}

.rentcar-ticket-content .attach p.no-attach {
	margin: 0;
	font-size: 12px;
	font-style: italic;
}

.rentcar-ticket-content .ticket-reply {
    display: block;
    overflow: hidden;
    clear: both;
    margin: 0 0 30px;
}

.rentcar-ticket-content .ticket-reply .top-bar {
    display: block;
    overflow: hidden;
    padding: 5px;
    color: #fff;
    background: #484848;
    border: 1px solid #333;
    border-radius: 3px;
}

.rentcar-ticket-content .ticket-reply .top-bar .user {
    float: right;
}

.rentcar-ticket-content .ticket-reply .top-bar .date {
    float: left;
    margin: 3px 10px 0 8px;
    font-size: 12px;
}

.rentcar-ticket-content .ticket-reply .reply-text {
	display: block;
	overflow: hidden;
	padding: 10px 15px;
	text-align: justify;
}

/* ORDERS */
.rentcar-table .help-link {
	display: block;
	padding: 8px 15px;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
}

.rentcar-table .help-link:hover {
	color: #7cb342;
	text-decoration: none;
}

.rentcar-orders-wrapper .rentcar-spinner .btn {
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
}

.rentcar-orders-wrapper .rentcar-spinner input {
	line-height: 1em;
}

.rentcar-orders-wrapper .rentcar-spinner input,
.rentcar-orders-wrapper .rentcar-spinner .btn:focus {
	box-shadow: none;
}

.rentcar-orders-wrapper .form-group .form-control:not(.full) {
    max-width: 400px;
}

.rentcar-orders-wrapper .form-group textarea.form-control {
	min-height: 100px;
	resize: none;
}

.rentcar-orders-wrapper .form-group .form-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
}

.rentcar-orders-wrapper .rentcar-upload-wrapper > .progress:not(.full) {
    max-width: 472px;
}

.rentcar-orders-wrapper .rentcar-orders-navigation {
    position: relative;
    margin: 50px 0 0;
}

.rentcar-orders-wrapper .rentcar-orders-navigation .btn {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 7px 24px;
    font-size: 14px;
}

.form-check-inline {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 1rem;
}

/**
 * RESPONSIVE
 */
@media( max-width: 991px ) {
	.app-footer .footer-links li {
		width: 50%;
	}
}

@media( max-width: 400px ) {
	.app-footer .footer-links li {
		width: 100%;
	}
}