@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; }

html { background: #d9d9d9; }

body { font-family: "Roboto", 'iransans', sans-serif;  margin: 0 auto; font-size: 13px; background: #d9d9d9;}
a, a:not([class]) { text-decoration:none; }
p { margin: 0; }
.break {  flex-basis: 100%;  height: 0;}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", 'iransans', sans-serif; font-weight: normal; margin:0; }
a.button {  background-color: #ffcf44;  padding: 0.5em 0.5em;  font-size: 14px;  color: #000;  font-weight: bold;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  display: inline-block; text-align:center; transition: all 0.3s ease;}
a.button:hover { background-color: #000; color:#fff; transition: all 0.3s ease;}
.coverimg { margin:7px auto; display:block;}

.container-component > :first-child { margin-top: 0; }


.header.container-header.full-width {
margin:12px 2% 0;
display: flex;
  background: transparent;
  position: absolute !important;
  width: 96%;
flex-direction: row;
}
.navbar-brand img {
  max-width: 40px;
filter: invert();
}
.container-header .navbar-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: .3em;
margin-inline-end: inherit;
  width: 100%;
  background: #212123;
  border-radius: 0 10px 10px 0;
padding: 0 0.3em 0 0;
}


#MainMenu {
  background: #212123;
  padding: 0 .5em;
  align-items: center;
  border-radius: 10px 0 0 10px;
flex-direction: row;
  flex: auto;
  grid-gap: 1em;
  display: flex;
  flex-wrap: inherit;
}
body.wrapper-fluid header > .grid-child {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
width: auto;
  margin-inline-end: auto;
  margin-inline-start: unset;
  flex-wrap: inherit;
}
body.wrapper-fluid header > .grid-child:first-child {
margin-inline-end: unset;
  margin-inline-start: auto;
}

.container-header .container-nav .container-search {
  margin-top: 0;
  background: #212123;
  margin-right: .5em;
  align-items: center;
  display: flex;
  padding:0 1em;
  border-radius: 10px;
transition: all .5s;
}

.container-header .container-search:hover { background:var(--link-color);}


.container-header .site-description {
  border-left: 1px solid #777;
  padding-left: 10px;
  font-size: 11px;
}

#mod-custom111 a{
color:#fff;
  align-items: center;
  display: flex;
}

#mod-custom111 span {color: #fff;
  background: var(--link-color);
  padding: .5em .5em .5em .3em;
  border-radius: 5px;
  margin-right: 7px; }

.container-header .mod-menu > li + li { margin-right:0 ;}

body .homequote { margin-top: 2em;}

.homequote h3 { text-align: center;
  line-height: 53px;
  font-weight: bold;
  font-size: 36px;}

.homequote h3::before {
  content: '';
  width: 100%;
  display: block;
  border-top: 1px solid #111;
  height: 1em;
  border-right: 1px solid #111;
  border-left: 1px solid #111;
}

.homequote h3::after {
  content: '';
  width: 100%;
  display: block;
  border-bottom: 1px solid #111;
  height: 1em;
  border-right: 1px solid #111;
  border-left: 1px solid #111;
}


.container-component > * + * { margin-top: 0;}

.homeimg img { filter: grayscale();}

body .homeimg { border-right: 1px solid #111; border-left: 1px solid #111; border-bottom: 1px solid #111; max-width:500px; width:100%; margin: 0 auto; }

#roller { width: 100vw;
  max-width: 100%;
  height: 40px;
  overflow: hidden; padding-top:8px; background: #111;}

#tracker { white-space: nowrap;  will-change: transform;  display: flex;  animation: marquee-new 15s reverse linear infinite;  grid-gap: 5em;}

#tracker h5 { font-size:15px; color:#c6c6c6;}



.homearticles li a {
  color: #111;
  font-size: 15px;
  border-right: 18px solid #111;
  padding-right: .5em;
}
.homearticles li {
  margin-bottom: 1em;
}
.homearticles {

max-width:500px; margin: 2em auto; width:100%;
}
.homearticles li p {
  color: #7b7b80;
  margin-top: .5em;
}

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: #780000;
}

.container-footer.footer {
  background: transparent;
  color: #666;
  border-top: 1px solid #bfbfbf;
}
body.wrapper-fluid footer > .grid-child {
  padding: 1em;
}

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


.itemid-102 .blog .page-header.item-title {
  background: var(--link-color);
  display: table;
  border-radius: 5px; margin:0 auto;
}
.itemid-102 .blog .page-header.item-title a {
  background: #111;
  color: #fefefe;
  padding: .5em;
  display: inline-block;
  margin: .2em;
  border-radius: 10px;
  font-size: 15px;
}

.grid-child.container-component {
  padding-top: 70px;
}

.itemid-102 .grid-child.container-component { padding-top: 0px;}

.com-content-article.item-page .page-header {
  text-align: center;
}

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

.itemid-105 .blog { margin-top:2em;}

.itemid-105 .blog .page-header h2 a{ color: #111;
  border-right: 24px solid #111;
  font-size: 20px;
  padding-right: .5em;}

.itemid-105 .blog .item-content p { color:#7b7b80; }

body ol { font-family:iransans; }

/***************** RESPONSIVE ****************/



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



}


:root {  --link-color: #bb9320;}