@font-face { font-family:iransans; src: url('../fonts/iransans.otf'); src: url('../fonts/iransans.eot') format('eot'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype'), url('../fonts/iransans.woff2') format('woff2'); font-display: swap; }


*, ol, ul, li,p {padding:0; margin:0; transition:all 0.3s ease;}

::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #171715;
}

::-webkit-scrollbar-thumb {
    background: #fff;
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: #171715;
}

::-moz-selection { /* Code for Firefox */
  color: #171715;
  background: #de9e36;
}

::-selection { /* Code for Firefox */
  color: #171715;
  background: #de9e36;
}



html { scrollbar-color: #f1f1f1 #171715;scrollbar-width: thin; background:#171715;}
body {font-family: 'iransans', arial; background-color:#000; color:#1e1e1e; font-size:13px;min-height: 100dvh; line-height:27px;}
a, a:not([class]) { text-decoration:none;}
h1,h2,h3,h4,h5,h6 { font-family: iransans; margin:0; font-weight: normal;}
ul { list-style: none; }
.page-header h2 { font-size:18px; }

.brand-logo img { max-width:30px; }

figure { margin:0;  }
.container-header .navbar-brand {
  margin-inline-end: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  grid-gap: .5em;
}
.container-header .site-description {
  color: #3b534b;
  font-family: "Corinthia", cursive;
  letter-spacing: 5px;
  font-weight: lighter;
font-size:33px;
padding-top:8px;
}
.container-header .grid-child {
  width: inherit;
  margin-left: inherit;
  margin-right: inherit;
  justify-content: end;
}
.container-header .grid-child.container-nav {
  width: 100%;
}

body.wrapper-fluid .site-grid { grid-gap: 0; overflow: hidden; min-height: 100%;height: auto;flex: 1;align-content: start;display: flex; flex-direction: column; 
  translate: none;
  rotate: none;
  scale: none;
  transform: translate(0px);
  opacity: 1;
  background: #fefefe;
  padding-top: 70px;
}


body.wrapper-fluid.menuopen .site-grid {

  opacity: 0;

}

body.wrapper-fluid .site-grid main { padding:0 2em;}

/*********** NAVBTN *********/

#hamburger {  opacity: 0.8;  cursor: pointer;  transition: opacity 0.25s linear;  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);  height: clamp(2rem, 1.4vw + 1.7rem, 5rem);  display: flex;  align-items: center;}

#hamburger:hover {  opacity: 1;}

#hamburger div, #hamburger div:after, #hamburger div:before {  background-color: #3b534b;  border-radius: 10px;  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);  height: clamp(0.5px, 0.5px + 0.5px, 0.8rem);  transition: all 0.15s linear;}

#hamburger div:before, #hamburger div:after {  content: "";  position: absolute;}
#hamburger div:before {  transform: translateY(-800%);}
#hamburger div:after {  transform: translateY(800%);}
#hamburger.open div {  background: transparent;}
#hamburger.open div:before {  transform: rotate(45deg);}
#hamburger.open div:after {  transform: rotate(-45deg);}


#MainMenu.open {   clip-path: inset(0%);padding: 1em;right: 0;}

#MainMenu {  width:100%; padding: 0;    overflow: hidden; transition: all .5s ease; background: #fff;clip-path: inset(0% 0% 0% 100%);font-size: 25px;position: fixed;right: -100%;height: 100%;justify-content: end;top: 0;}

#MainMenu a { color:#101010; }

.offline-card .header { background: transparent; color:#000; }
.offline-card .logo-icon { margin-top:2em; }

.container-header { background: transparent;
  display: flex;

  flex-wrap: wrap;
  justify-content: space-between; 
position: absolute !important;
width: 100%;
}

#mod-custom110 { margin:1em 2em;position: absolute;z-index: 99;}

.latestworks .mod-articlesnews.newsflash { display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #000 #d7d7d7;
  padding-bottom: 20px;}

.latestworks .mod-articlesnews.newsflash .mod-articlesnews__item {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: 1s all ease;
}



.hometxt { padding:0 2em;}
.hometxt h2 { font-size: 47px;}
.hometxt h5 { font-size: 17px;
  line-height: 35px;
  margin: 1em 0;}


.grid-child.container-bottom-a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 2em;
}
.latestworkshop .mod-list {
  background: #3b534b;
  color: #fff;
  padding: 1em;
  text-align: center;
}
.latestworkshop .mod-list a {
  color: #fff;
  padding: 0 1em;
}
.latestworkshop h3 {
  font-size: 15px;
  padding: 0 0 .5em 1em;
  border-bottom: 2px solid;
  margin-bottom: 1em;
  display: inline-block;
}


.moduletable.seeall {
  display: flex;
  align-items: center;
  border: 2px solid #bb9646;
  padding: 1.6em 1em;
  justify-content: center;
  text-align: center;
  margin: 1em 0;
  flex: 1;
}
.moduletable.seeall a {
  color: #bb9646;
}

.container-footer.footer {
 background: #fefefe;
  color: #d0d0d0;
  border-top: 1px solid #bfbfbf;
  direction: ltr;
  margin: 0;
font-family: arial;
margin-top:auto;
transition: all 0s;
}

body.wrapper-fluid footer > .grid-child {
  padding: .5em 2em;
}

body.wrapper-fluid footer > .grid-child .mod-custom {
  width: 100%;
}

body.wrapper-fluid footer > .grid-child .mod-custom > div {
  display: flex;
  font-size: 11px;
  justify-content: space-between;
}

body.wrapper-fluid footer > .grid-child a {
  color: #bb9646;
}

.menuopen .container-footer.footer { opacity:0;  }

.aboutquote {
height: 70dvh;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.itemid-104 main .page-header { display: none; }

.com-content-article__body { text-align: justify; }

.itemid-104 figure img {
  max-width: 200px;
filter: grayscale();
}



.itemid-104 figure {
position: absolute;
  z-index: 1;
right: 2em;
}

.itemid-104 .com-content-article__body { text-align: justify;
  position: relative;
  padding-top: 300px;}

#roller {
  position: absolute;
  top: 70px;
  width: 100vw;
  max-width: 100%;
  height: 200px;
  overflow: hidden;
right: 0px;
}
#tracker {
  padding-top: 10vw;
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  display: flex;
  animation: marquee-new 80s reverse linear infinite;
 grid-gap: 5em;

}
#tracker h2 {
  display: inline-block;
  text-align: start;
  position: relative;
  width: 100%;
  line-height: unset;
  visibility: visible;
  translate: none;
  rotate: none;
  scale: none;
  opacity: 1;
font-size:70px;
font-weight: bold;
  transform: translate(0px);
}


@keyframes marquee-new {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

body.wrapper-fluid.itemid-104 main {
  padding: 0;
}

body.wrapper-fluid.itemid-104 main p, body.wrapper-fluid.itemid-104 main ul { padding: 0 2em; }
body.wrapper-fluid.itemid-104 main h2, body.wrapper-fluid.itemid-104 main h3, body.wrapper-fluid.itemid-104 main h4 { padding:0 1em;}
/************ RESPONSIVE ************/

@media screen and (min-width:600px) {

}


:root{
--cassiopeia-color-primary: #3b534b;
}