@import url(fontiran.css);h1, h2, h3, h4, h5, h6,input, textarea {font-family: IRANSansX !important;}h1 {font-weight: bold;}.wrapper {max-width: 900px;margin: 0 auto;}.ltr {direction: ltr;}.text-right {text-align: right;}.text-center {text-align: center;}.text-left {text-align: left;}.text-small {font-size: 0.8em;}.text-xsmall {font-size: 0.6em;}.text-large {font-size: 1.2em;}.text-xlarge {font-size: 1.4em;}.text-underline {text-decoration:underline;}.text-thin {font-weight: 100;}.text-UltraLight {font-weight: 200;}.text-light {font-weight: 300;}.text-regular {font-weight: 400;}.text-medium {font-weight: 500;}.text-demibold {font-weight: 600;}.text-bold {font-weight: 700;}.text-extrabold {font-weight: 800;}.text-black {font-weight: 900;}blockquote {font-weight: 700;padding: 10px;border: 1px dashed #666666;}.mainbox {width: 100%;background-color: #EFEFEF;display: table;margin-bottom: 30px;border-right: 8px solid #df79ff;}.mainboxnegativ {width: 100%;background-color: #000000;display: table;margin-bottom: 30px;border-right: 8px solid #df79ff;color: #F9F9F9;}.mainbox2 {font-size: 1em;width: 90%;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}.mainboxitalic {font-size: 1em;font-style: italic;width: 90%;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}.mainbox3 {width: 100%;background-color: #DFDFDF;display: table;margin-bottom: 30px;border-right: 8px solid #FF5EAA;}.mainbox2negativ {font-size: 1em;color: #F9F9F9;background-color: #000000;padding-right: 20px;}.farsiparagraph {font-size: 1em;width: 47%;float:right;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}.farsiparagraph_negativ {font-size: 1em;color: #F9F9F9;background-color: #000000;width: 47%;float:right;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}.englishparagraph {font-size: 1em;width: 47%;float: left;direction:ltr;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;}.englishparagraph_negativ {font-size: 1em;color: #F9F9F9;background-color: #000000;width: 47%;float: left;direction:ltr;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;}.rightbox {width: 60%;padding-right: 20px;padding-left: 5px;float: right;margin-left: 10px;margin-bottom: 0px;min-width: 0px;background-color: #F7F7F7;}.titelbox {width: 60%;padding-right: 25px;padding-left: 0px;float: right;margin-left: 10px;margin-bottom: 0px;min-width: 0px;background-color: #d5d5d5;color: #4B4B4B;}.lefttbox {padding-right: 20px;padding-left: 4px;float: right;margin-bottom: 10px;min-width: 0px;}.alphabet {width: 35%;float: left;font-size: 20em;text-align: center;font-weight: 700;color: #999999;}.alphabet2 {width: 35%;float: left;direction: ltr;font-size: 1.6em;text-align: left;font-weight: 400;color: #333333;margin-top: 100px;}.footer {font-weight: 400;font-size: 0.7em;text-align: center;direction: ltr;margin-bottom: 0px;padding-bottom: 0px;}:root {--white: #ffffff;--background: #ecf0f1;--mainbg: #7c8385;--main-border-light: #EEF1F4;}body {background-color: var(--background);font-family: IRANSansX !important;}a {cursor: pointer;}#loading {width: 100vw;height: 100vh;background-color:#1bbc9b;position: fixed;z-index: 999;}#loading #preloader {width: 50px;height: 50px;position: relative;text-align: center;margin: 0 auto;top: calc(50% - 50px);}#loading #preloader span {position: absolute;border-radius: 100%;}#loading #preloader span:nth-child(1) {width: 100%;height: 100%;border-radius: 50%;background-color: #ffffff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}#loading #preloader span:nth-child(2) {width: 100%;height: 100%;border-radius: 50%;background-color: #ffffff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}@keyframes sk-bounce {0%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}50% {transform: scale(1.0);-webkit-transform: scale(1.0);}}#loading #hidden {animation-fill-mode: forwards;}#container {display: grid;grid-template-columns: 52px auto 52px;grid-template-areas: "nav header aside" "nav main aside" "nav footer aside";}header {grid-area: header;background: var(--white);height: 50px;}nav {grid-area: nav;background: var(--white);height: 100vh;}main {grid-area: main;height: calc(100vh - 100px);border: 4px solid var(--main-border-light);}aside {grid-area: aside;background: var(--white);}footer {grid-area: footer;background: var(--white);height: 50px;}#header-center-item {height: 50px;display: flex;align-items: center;justify-content: center;}header-center-item ,h1 {font-family: 'Lemon', cursive !important;font-size: 0.70rem;margin: 0;color: #a5a5a598;word-spacing: 2px;letter-spacing: 1px;}h1:hover {color:#2ad3ca;}.modal-dialog {max-width: 300px;margin-right: auto;margin-left: auto;}.modal-header {border-bottom: none;}#header-modal-body {text-align: center;margin-bottom: 80px;}aside {grid-area: aside;background: white;display: flex;align-items: center;justify-content: center;flex-direction: column;}aside .menu-item {padding-top: 0.7rem !important;padding-bottom: 0.7rem !important;}#Combined-Shape2 svg {width: 18px;}#Combined-Shape2 :hover {stroke: #1BC5BD;}nav {grid-area: nav;background: white;height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;}nav .menu-item {padding-top: 0.7rem !important;padding-bottom: 0.7rem !important;}a svg:hover #Combined-Shape {background-color: #F3F6F9;fill: #1BC5BD;}.active {fill: #1BC5BD;}#Combined-Shape2 svg {width: 18px;}#Combined-Shape2 :hover {stroke: #1BC5BD;}.offcanvas {margin-left: 56px;margin-right: 56px;}.offcanvas-backdrop.show {opacity: 0;}footer {display: flex;justify-content: center;align-items: center;}.time {font-size: 13px;text-transform: uppercase;color: #a5a5a598;font-family: 'Saira', sans-serif;}#map {height: calc(100vh - 108px);}polygon {fill: rgba(0, 0, 0, 0);stroke: rgba(255, 255, 255, 0.75);stroke-width: 0px;stroke-dasharray: 0;stroke-linecap: round;opacity: 1;}.imp-shape {cursor: pointer;pointer-events: all;transition: all .25s cubic-bezier(.55, 0, .1, 1);-moz-transition: all .25s cubic-bezier(.55, 0, .1, 1);-webkit-transition: all .25s cubic-bezier(.55, 0, .1, 1);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.leaflet-interactive {fill: rgba(0, 0, 0, 0.119);stroke: rgba(255, 255, 255, 0.75);stroke-width: 0px;stroke-dasharray: 0;stroke-linecap: round;cursor: pointer;pointer-events: all;transition: all .25s cubic-bezier(.55, 0, .1, 1);-moz-transition: all .25s cubic-bezier(.55, 0, .1, 1);-webkit-transition: all .25s cubic-bezier(.55, 0, .1, 1);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.leaflet-interactive:hover {fill: rgba(255, 255, 255, 0.29);stroke: rgba(255, 255, 255, 0.75);}.leaflet-popup {margin-bottom: 50px;}.leaflet-popup-content-wrapper {font-family: iransans;font-size: 10px;font-weight: normal;font-style: normal;border-radius: 5px;width: 119px;height: 116px;}.leaflet-popup-content {margin: 0 auto;text-align: center;}.leaflet-popup-content img {width: 68px;margin-top: 5px;}.leaflet-popup-content h4 {font-size: 12px;font-weight: 550;width: 100px;height: 23px;background-color: #08c18a;margin: 0 auto;margin-top: 9px;border-radius: 3px;padding-top: 5px;color: #ffffff;cursor: pointer;}.leaflet-popup-content h4:hover {background-color: #08c189d1;}.leaflet-container a {text-decoration: none;}.leaflet-container a.leaflet-popup-close-button {display: none;}.leaflet-popup-content-wrapper, .leaflet-popup-tip {background: #ffffff;}.offcanvas {bottom: 50.5px;margin-left: 56px;margin-right: 56px;background-color: #ffffff;border-radius: 22px 22px 0 0;padding-left:10px;padding-top: 30px;}.offcanvas.offcanvas-bottom {height: 210px;}.offcanvas-backdrop.show {opacity: 0;}.card {width: 110px;height: 130px;background: #F9FAFB;border-radius: 5px;margin-top: 3px;padding-top: 7px;text-align: center;font-family: 'Titillium Web', sans-serif;font-size: 14px;align-items: center;}#card-icon img {width: 56px;height: 56px;margin-top: 10px;margin-bottom: 10px;}#card-title {margin-top: 5px;}.card:hover {cursor: pointer;border: 2px solid #08c18a;font-weight: 550;}#action {height: 16px;width: 16px;margin-left: 73px;margin-top: -4px;}#action svg{fill: #b1b1b1;}#action svg:hover path {fill: #08c18a;}