/*** Created by finalstar on 1/19/2021. */
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------- font ----------------------------*/
@font-face {
    font-family: 'textFont';
    src: url('font/Ray-Medium.ttf');
}
@font-face {
    font-family: 'titleFont';
    src: url('font/Ray-Bold.ttf');
}
@font-face {
    font-family: 'subTitleFont';
    src: url('font/Ray-Light.ttf');
}
@font-face {
    font-family: 'EnTextFont';
    src: url('font/GothamBook.otf.otf');
}
@font-face {
    font-family: 'EnTexFont';
    src: url('font/GothamBook.otf.otf');
}

/*--------------------------------------------- reset ----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body{ line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
input,textarea{ padding: 0; font-family: textFont; font-size:0.95rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="radio"]{ -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

html,body{ width: 100%; height: 100%; scroll-behavior: smooth; direction: rtl; }
*{ box-sizing: border-box; }

/*--------------------------------------------- var ----------------------------*/
:root {
    --color: #141414;
    --color2: #1C553A;
    --color3: #A8C89F;
    --color4: #54834F;
    --color5: #707070;
    --color6: #DFEBD5;
    --color7: #FFFFFF;

    --hColor: #262626;
    --hColor2: #175349;
    --hColor3: #bbd4b5;
    --hColor4: #55866B;
    --hColor5: #111111;
    --hColor6: #b1c4a1;
    --hColor7: #A8C89F;
}

/* other style for bootstrap */
.dirLtr{ direction: ltr; }
.text-left{ text-align: left; }

.cellBgUnset td, .cellBgUnset th{ background: none !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd!important }
.bootstrap-select .dropdown-toggle .filter-option{ text-align: right !important; }
.bootstrap-select > .dropdown-toggle{ border: 1px solid #dee2e6; background: none; color: #000 !important; }

input, textarea, select{ font-family: textFont; font-size: .85rem; }

.dNone{ display: none; }
.resizeDisable{ height: 10rem; resize: none; }
.transition{ transition: all .3s linear; }
.img-white{ filter: brightness(0) invert(1); }

/* btn */
.btn-yellow{ background: #FFB61D; }
.btn-yellow:hover{ background: #e9db00; }
.btn-pink{ background: #fd7be0; }
.btn-pink:hover{ background: #f24bcd; }
.btn-orange{ background: #ff863b; }
.btn-orange:hover{ background: #e77302; }
.btn-purple{ background: #a912ff; color: #FFFFFF; }
.btn-purple:hover{ background: #9100e4; color: #FFFFFF; }

.btn-square1{ width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; }

/* text and bg */
.text-bg-yellow{ background: #FFB61D; }
.text-bg-pink{ background: #fd7be0; }
.text-bg-orange{ background: #ff863b; }
.text-bg-purple{ background: #a912ff; color: #FFFFFF; }

/* text */
.text-yellow{ color: #FFB61D; }
.text-pink{ color: #fd7be0; }
.text-orange{ color: #ff863b; }
.text-purple{ color: #a912ff; }

/* container */
.custom-container-center{ padding: 0 0.75rem; }
.custom-container-lg{ max-width: 720px; margin: auto; }
@media only screen and (min-width: 1400px) {
    .custom-container-center{ width: 85%; margin: auto; }
}

/* width */
.width1{ width: 1rem; }
.width1-5{ width: 1.5rem; }
.width2{ width: 2rem; }
.width2_5{ width: 2.5rem; }
.width3{ width: 3rem; }
.width4{ width: 4rem; }
.width5{ width: 5rem; }
.width6{ width: 6rem; }
.width7{ width: 7rem; }
.width8{ width: 8rem; }
.width9{ width: 9rem; }

/* height */
.height2{ height: 2rem; }
.height2_5{ height: 2.5rem; }
.height3{ height: 3rem; }
.height4{ height: 4rem; }
.height5{ height: 5rem; }
.height6{ height: 6rem; }
.height7{ height: 7rem; }
.height8{ height: 8rem; }
.height9{ height: 9rem; }

.minHeight2{ min-height: 2rem; }
.minHeight2_5{ min-height: 2.5rem; }
.minHeight3{ min-height: 3rem; }
.minHeight4{ min-height: 4rem; }
.minHeight5{ min-height: 5rem; }
.minHeight6{ min-height: 6rem; }
.minHeight7{ min-height: 7rem; }
.minHeight8{ min-height: 8rem; }
.minHeight9{ min-height: 9rem; }

/* padding and margin */
@media only screen and (max-width: 1400px) {
    .px-custom5{ padding: unset; }
}

@media only screen and (min-width: 1200px) {
    .mt-5{ margin-top: 6rem !important; }

    .pt-5{ padding-top: 6rem !important; }
    .py-5{ padding-top: 6rem !important; padding-bottom: 6rem !important; }
}

/* position */
.top-1{ top: 1rem; }
.top-2{ top: 2rem; }
.top-3{ top: 3rem; }
.top-4{ top: 4rem; }
.top-5{ top: 5rem; }

.start-1{ right: 1rem; }
.start-2{ right: 2rem; }
.start-3{ right: 3rem; }
.start-4{ right: 4rem; }
.start-5{ right: 5rem; }

.end-1{ left: 1rem; }
.end-2{ left: 2rem; }
.end-3{ left: 3rem; }
.end-4{ left: 4rem; }
.end-5{ left: 5rem; }

/* text font */
.boldFont{ line-height: 1.25em; font-family: titleFont !important; color: var(--color); }
.normalFont{ line-height: 1.5em; font-family: textFont !important; color: var(--color); }
.subTitleFont{ line-height: 1.5em; font-family: subTitleFont !important; color: var(--color); }

.enBoldFont{ line-height: 1.2em; font-family: EnTitleFont !important; color: var(--color); }
.enNormalFont{ line-height: 1.2em; font-family: EnTextFont !important; color: var(--color); }

.fontSize-1{ font-size: .85rem !important; }
.fontSize{ font-size: 1rem !important; }
.fontSize1, .readText h6{ font-size: 1.2rem !important; }
.fontSize2, .readText h5{ font-size: 1.4rem !important; }
.fontSize3, .readText h4{ font-size: 1.6rem !important; }
.fontSize4, .readText h3{ font-size: 1.8rem !important; }
.fontSize5, .readText h2{ font-size: 2rem !important; }
.fontSize6, .readText h1{ font-size: 2.2rem !important; }
.fontSize7{ font-size: 2.4rem !important; }
.fontSize8{ font-size: 2.6rem !important; }
.fontSize9{ font-size: 2.8rem !important; }
.fontSize10{ font-size: 3rem !important; }
.fontSize11{ font-size: 4rem !important; }
.fontSize12{ font-size: 5rem !important; }
.fontSize13{ font-size: 6rem !important; }
.fontSize14{ font-size: 7rem !important; }
.fontSize15{ font-size: 8rem !important; }
@media only screen and (max-width: 1200px) {
    .fontSize3, .readText h4{ font-size: 1.4rem !important; }
    .fontSize4, .readText h3{ font-size: 1.55rem !important; }
    .fontSize5, .readText h2{ font-size: 1.7rem !important; }
    .fontSize6, .readText h1{ font-size: 1.85rem !important; }
    .fontSize7{ font-size: 1.9rem !important; }
    .fontSize8{ font-size: 2rem !important; }
    .fontSize9{ font-size: 2.2rem !important; }
    .fontSize10{ font-size: 2.4rem !important; }
    .fontSize11{ font-size: 2.4rem !important; }
    .fontSize12{ font-size: 3rem !important; }
    .fontSize13{ font-size: 4rem !important; }
    .fontSize14{ font-size: 5rem !important; }
    .fontSize15{ font-size: 6rem !important; }
}
@media only screen and (max-width: 700px) {
    .fontSize3, .readText h5{ font-size: 1.2rem !important; }
    .fontSize4, .readText h4{ font-size: 1.2rem !important; }
    .fontSize5, .readText h3{ font-size: 1.4rem !important; }
    .fontSize6, .readText h2{ font-size: 1.55rem !important; }
    .fontSize7, .readText h1{ font-size: 1.7rem !important; }
    .fontSize8{ font-size: 1.85rem !important; }
    .fontSize9{ font-size: 2rem !important; }
    .fontSize10{ font-size: 2.2rem !important; }
    .fontSize11{ font-size: 2.2rem !important; }
    .fontSize12{ font-size: 2.5rem !important; }
    .fontSize13{ font-size: 2.7rem !important; }
    .fontSize14{ font-size: 2.7rem !important; }
    .fontSize15{ font-size: 2.7rem !important; }
}

.readText{ font-size: 1.2rem; }
.readText h1, .readText h2, .readText h3, .readText h4, .readText h5, .readText h6{ line-height: 1.5em; font-family: titleFont !important; }
.readText h2, .readText h3, .readText h4, .readText h5, .readText h6{ color: var(--color2); }
.readText h2::before, .readText h3::before, .readText h4::before, .readText h5::before, .readText h6::before{ content: ""; width: 8rem; height: .2rem; margin-top: 3rem; background: var(--color2); display: block; }

.readText img{ max-width: 100% !important; height: auto !important; margin: auto; display: block; }
.readText ul, .readText ol{ padding-right: 2rem; }
.readText b, .readText strong{ font-family: titleFont; font-weight: bold; }
a{ text-decoration: none !important; }
.text-justify{ text-align: justify; }

/* company color */
.border-company{ border-color: var(--color) !important; }
.border-company2{ border-color: var(--color2) !important; }
.border-company3{ border-color: var(--color3) !important; }
.border-company4{ border-color: var(--color4) !important; }
.border-company5{ border-color: var(--color5) !important; }
.border-company6{ border-color: var(--color6) !important; }
.border-company7{ border-color: var(--color7) !important; }

.bg-company{ background: var(--color) !important; }
.bg-company2{ background: var(--color2) !important; }
.bg-company3{ background: var(--color3) !important; }
.bg-company4{ background: var(--color4) !important; }
.bg-company5{ background: var(--color5) !important; }
.bg-company6{ background: var(--color6) !important; }
.bg-company7{ background: var(--color7) !important; }

.text-company{ color: var(--color) !important; }
.text-company2{ color: var(--color2) !important; }
.text-company3{ color: var(--color3) !important; }
.text-company4{ color: var(--color4) !important; }
.text-company5{ color: var(--color5) !important; }
.text-company6{ color: var(--color6) !important; }
.text-company7{ color: var(--color7) !important; }

.link-company{ color: var(--color) !important; transition: all .3s linear; }
.link-company2{ color: var(--color2) !important; transition: all .3s linear; }
.link-company3{ color: var(--color3) !important; transition: all .3s linear; }
.link-company4{ color: var(--color4) !important; transition: all .3s linear; }
.link-company5{ color: var(--color5) !important; transition: all .3s linear; }
.link-company6{ color: var(--color6) !important; transition: all .3s linear; }
.link-company7{ color: var(--color7) !important; transition: all .3s linear; }

.link-company:hover{ color: var(--hColor) !important; transition: all .3s linear; }
.link-company2:hover{ color: var(--hColor2) !important; transition: all .3s linear; }
.link-company3:hover{ color: var(--hColor3) !important; transition: all .3s linear; }
.link-company4:hover{ color: var(--hColor4) !important; transition: all .3s linear; }
.link-company5:hover{ color: var(--hColor5) !important; transition: all .3s linear; }
.link-company6:hover{ color: var(--hColor6) !important; transition: all .3s linear; }
.link-company7:hover{ color: var(--hColor7) !important; transition: all .3s linear; }

.bgHover-company:hover{ background: var(--hColor) !important; transition: all .3s linear; }
.bgHover-company2:hover{ background: var(--hColor2) !important; transition: all .3s linear; }
.bgHover-company3:hover{ background: var(--hColor3) !important; transition: all .3s linear; }
.bgHover-company4:hover{ background: var(--hColor4) !important; transition: all .3s linear; }
.bgHover-company5:hover{ background: var(--hColor5) !important; transition: all .3s linear; }
.bgHover-company6:hover{ background: var(--hColor6) !important; transition: all .3s linear; }
.bgHover-company7:hover{ background: var(--hColor7) !important; transition: all .3s linear; }

/* image hover */
.image-hover-zoom{ overflow: hidden; }
.image-hover-zoom img{ transition: all 1.5s linear; }
.image-hover-zoom:hover img{ transform: scale(1.05); }

/* border */
.half-border-type1::before{ content: ""; width: 8rem; height: .2rem; display: block; }
.half-border-type1.color1::before{ background: var(--color); }
.half-border-type1.color2::before{ background: var(--color2); }
.half-border-type1.color3::before{ background: var(--color3); }
.half-border-type1.color4::before{ background: var(--color4); }
.half-border-type1.color5::before{ background: var(--color5); }

.half-border-type2::before{ content: ""; width: 100%; max-width: 30rem; height: .2rem; margin: auto; display: block; }
.half-border-type2.color1::before{ background: var(--color); }
.half-border-type2.color2::before{ background: var(--color2); }
.half-border-type2.color3::before{ background: var(--color3); }
.half-border-type2.color4::before{ background: var(--color4); }
.half-border-type2.color5::before{ background: var(--color5); }

/* header top info */
#topSpace{ height: 76px; }

/* header */
#headerSearchForm{ height: calc(100vh - 76px); top: 76px; }
@media only screen and (max-width: 768px) {
    #headerNav{ width: 100%; max-width: 25rem; height: calc(100vh - 76px); position: fixed; top: 76px; right: -25rem; transition: all .3s linear; }
    #headerNav.open{ right: 0; }
}

/* rating */
.ratingBtn::before{ color: #FFB61D; font-family: FontAwesome; display: block; transition: all .3s linear; }
.ratingBtn.fa-star::before{ content: "\f005"; }
.ratingBtn.fa-star-half-o::before{ content: "\f123"; }
.ratingBtn.fa-star-o::before{ content: "\f006"; }
.ratingBtn:hover::before, .ratingBtn:hover ~ .ratingBtn::before{ content: "\f005"; color: #eea508; }

/* check box */
.checkedBox { width: 1.5rem; height: 1.5rem; position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }
.checkedBox input { position: absolute; top: -100%; opacity: 0; cursor: pointer; }
.checkedBox .checkmark { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #4b4b4b; transition: all .3s linear; }
.checkedBox:hover input ~ .checkmark { background-color: #ccc; }
.checkedBox input:checked ~ .checkmark { background-color: #31bdb0; border-color: #31bdb0; }
.checkedBox .checkmark:after { content: ""; width: 0.5rem; height: 0.9rem; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0.2rem; border: solid white; border-width: 0 0.15rem 0.15rem 0; transform: rotate(40deg); display: none; }
.checkedBox input:checked ~ .checkmark:after { display: block; }

 /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 576px) {
    .border-top-sm-0{ border-top: none !important; }
}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .border-top-md-0{ border-top: none !important; }
}
 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .border-top-lg-0{ border-top: none !important; }
}
 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .border-top-xl-0{ border-top: none !important; }
}