/*** Created by finalstar on 1/19/2021. */
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------- font ----------------------------*/
@font-face {
    font-family: 'VazirmatnRegular';
    src: url('font/VazirmatnRegular.ttf');
}
@font-face {
    font-family: 'VazirmatnBold';
    src: url('font/VazirmatnBold.ttf');
}
@font-face {
    font-family: 'PantonRegular';
    src: url('font/PantonRegular.otf');
}
@font-face {
    font-family: 'PantonBold';
    src: url('font/PantonBold.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 {
    --tColor: #706f6f;
    --tColor2: #154088;
    --tColor3: #1d1d1d;

    --cColor: #154088;
    --cColor2: #91ccb7;
    --cColor2: #706f6f;

    --cHoverColor: #2e5aa7;
    --cHoverColor2: #48d3a2;
    --cHoverColor3: #252525;

    --bgGray1: #ededed;
}

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

.ml-auto{ margin-left: auto; }
.ml-1{ margin-left: .25rem !important; }
.ml-2{ margin-left: .5rem !important; }
.ml-3{ margin-left: .75rem !important; }
.ml-4{ margin-left: 1.5rem !important; }
.ml-5{ margin-left: 3rem !important; }
.mr-auto{ margin-right: auto; }
.mr-1{ margin-right: .25rem !important; }
.mr-2{ margin-right: .5rem !important; }
.mr-3{ margin-right: .75rem !important; }
.mr-4{ margin-right: 1.5rem !important; }
.mr-5{ margin-right: 3rem !important; }

.pr-1{ padding-right: .25rem !important; }
.pr-2{ padding-right: .5rem !important; }
.pr-3{ padding-right: .75rem !important; }
.pr-4{ padding-right: 1.5rem !important; }
.pr-5{ padding-right: 3rem !important; }

.pl-1{ padding-left: .25rem !important; }
.pl-2{ padding-left: .5rem !important; }
.pl-3{ padding-left: .75rem !important; }
.pl-4{ padding-left: 1.5rem !important; }
.pl-5{ padding-left: 3rem !important; }

.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: VazirmatnRegular; font-size: .85rem; }

.dnone{ display: none; }

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

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

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

/* 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 */
.height1{ height: 1rem; }
.height1-5{ height: 1.5rem; }
.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; }

.min-height1{ min-height: 1rem; }
.min-height1-5{ min-height: 1.5rem; }
.min-height2{ min-height: 2rem; }
.min-height2_5{ min-height: 2.5rem; }
.min-height3{ min-height: 3rem; }
.min-height4{ min-height: 4rem; }
.min-height5{ min-height: 5rem; }
.min-height6{ min-height: 6rem; }
.min-height7{ min-height: 7rem; }
.min-height8{ min-height: 8rem; }
.min-height9{ min-height: 9rem; }

/* 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.5em; font-family: VazirmatnBold !important; color: #706f6f; }
.normalFont{ line-height: 1.5em; font-family: VazirmatnRegular !important; color: #706f6f; }

.enBoldFont{ line-height: 1.3em; font-family: PantonBold !important; color: #706f6f; }
.enNormalFont{ line-height: 1.3em; font-family: PantonRegular !important; color: #706f6f; }

.fontSize{ font-size: .85rem !important; }
.fontSize1, .readText h6{ font-size: 1rem !important; }
.fontSize2, .readText h5{ font-size: 1.2rem !important; }
.fontSize3, .readText h4{ font-size: 1.4rem !important; }
.fontSize4, .readText h3{ font-size: 1.6rem !important; }
.fontSize5, .readText h2{ font-size: 1.8rem !important; }
.fontSize6{ font-size: 2rem !important; }
.fontSize7, .readText h1{ font-size: 2.2rem !important; }
.fontSize8{ font-size: 2.4rem !important; }
.fontSize9{ font-size: 2.6rem !important; }
.fontSize10{ font-size: 2.8rem !important; }

.readText h1, .readText h2, .readText h3, .readText h4, .readText h5, .readText h6{ line-height: 1.5em; color: var(--tColor3); font-family: VazirmatnBold !important; }

.readText img{ max-width: 100%; display: block; }
.readText ul, .readText ol{ padding-right: 2rem; }
a{ text-decoration: none !important; }
.text-justify{ text-align: justify; }

/* company color */
.text-company{ color: var(--tColor) !important; }
.text-company2{ color: var(--tColor2) !important; }
.text-company3{ color: var(--tColor3) !important; }

.link-company{ color: var(--cColor) !important; transition: all .3s linear; }
.link-company2{ color: var(--cColor2) !important; transition: all .3s linear; }
.link-company3{ color: var(--cColor3) !important; transition: all .3s linear; }

.bg-company{ background: var(--cColor) !important; }
.bg-company2{ background: var(--cColor2) !important; }
.halfBg-company2{ position: relative; }
.halfBg-company2::before{ content: ""; width: 100%; height: 55%; background: var(--cColor2) !important; position: absolute; top: 0; right: 0; z-index: -1; }

.bgGray1{ background: var(--bgGray1); }

.link-company:hover{ color: var(--cHoverColor) !important; transition: all .3s linear; }
.link-company2:hover{ color: var(--cHoverColor2) !important; transition: all .3s linear; }
.link-company3:hover{ color: var(--cHoverColor3) !important; transition: all .3s linear; }

.bgHover-company:hover{ background: var(--cHoverColor) !important; transition: all .3s linear; }
.bgHover-company2:hover{ background: var(--cHoverColor2) !important; transition: all .3s linear; }

/* line */
.beforeLineType1{ position: relative; z-index: 1; }
.beforeLineType1::before{ content: ""; width: 100%; height: 1px; margin: auto; background: #154088; position: absolute; top: 0; bottom: 0; display: block; z-index: -1; }

/* header */
#headerSpace{ height: 92px; }
@media (max-width: 768px) {
    nav{ width: 100%; max-width: 20rem; height: calc(100vh - 92px); position: fixed; top: 92px; right: -20rem; transition: all .3s linear; }
    nav.open{ right: 0; }
}

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

/* LogoHide */
#LogoHide{ width: 50%; position: absolute; top: -35%; z-index: -2; }