@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

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


::-webkit-scrollbar {    height: 12px;    width: 10px;    background: #f4f4f4; border:1px solid #c9c9c9; border-radius:30px; -webkit-border-radius:30px; }
::-webkit-scrollbar-thumb {    background: #2b7b7d;    -webkit-border-radius: 1ex;}
::-webkit-scrollbar-corner {    background: #f4f4f4; border:1px solid #c9c9c9; border-radius:30px; -webkit-border-radius:30px; }

* { transition: all 1s ease-out; }
p { margin:0; }
a:not([class]) { text-decoration:none; }
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover { text-decoration:none; color:#2b7b7d; }

html { scrollbar-width: thin; scrollbar-color: #000 #d7d7d7; background:#f4f4f4;}

body { font-family:iransans, 'Roboto', sans-serif; background-color: #f4f4f4; font-size:13px; color:#313131;}
h1,h2,h3,h4,h5,h6 { font-family:iransans, 'Roboto', sans-serif;  }
body.noScroll { overflow-y: hidden; }

body.wrapper-fluid .site-grid { grid-gap:0 1em; }

.container-component > :first-child.mod-breadcrumbs__wrapper { margin-top: 3em; }

.itemid-115 .container-banner { height:100vh; position:relative; display:flex; align-items:center; justify-content: center; padding:1em;}

.pagenavigation .pagination{ margin:40px 0; }
.pagenavigation .pagination .btn { font-size:11px; margin:0;}

.btn { }
.btn-primary, .btn-secondary { font-size: 14px; background: #2b7b7d; color: #f4f4f4;border-color: #2b7b7d; z-index: 0; overflow: hidden;transition: 1s; position: relative;max-width: 250px;padding: 8px 10px;display: block;  width: 100%;  margin: 0 auto;}
.btn-primary:hover,btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus { background:#2b7b7d; color:#000; }

.btn-third { font-size: 13px; background: #2b7b7d; color: #fafafa;border-color: #2b7b7d; z-index: 0; overflow: hidden;transition: 1s; position: relative;max-width: fit-content;padding: 2px 10px;}
.btn-third:hover, .btn-third:focus { background:transparent; border-color:#fafafa;}
.footer a.btn { color:#f4f4f4; }
.footer a.btn:hover { color:#000; }
.btn.btn-primary::before, .btn-secondary::before {  content: '';  z-index: -1;  position: absolute;  top: 100%;  left: 100%;  margin: -15px 0 0 1px;  width: 24%;  height: 30px;  border-radius: 50%;  background: #f4f4f4;  -webkit-transform-origin: 100% 50%;  transform-origin: 100% 50%;  -webkit-transform: scale3d(1, 2, 1);  transform: scale3d(6, 0, 6);  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;  transition: transform .8s, opacity 0.3s;    transition-timing-function: ease, ease;  transition-timing-function: ease, ease;  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);  transition-timing-function: cubic-bezier(0.3,0,9,1.3);}

.btn.btn-primary:hover::before, .btn-secondary:hover::before  { -webkit-transform: scale3d(6, 5, 1);
transform: scale3d(6, 5, 1);}

.itemid-115 .moduletables .btn{margin: 0 auto;display: block; }

audio { width:100%; border:1px solid #313131; border-radius:30px; -webkit-border-radius:30px; }

.readmore .btn-secondary { margin-top:10px;}

.podcast, .aboutdr { margin-bottom:50px; }

.podcast h4.newsflash-title { font-size:13px; text-align:center; font-weight:normal; margin-bottom:15px; }

.aboutdr .newsflash { max-width: 600px;margin: auto;text-align: justify;}
.aboutdr figure{ margin: 0 auto 50px;}

.rscomments-accordion-title { text-decoration:none; }

#HomeMenu { grid-gap: .5em;  display: flex;}



/************** HEADER ******************/
body.wrapper-fluid header > .grid-child { padding: 0;  width: 100%;  margin: 0;  position: fixed;  top: 6px;  left: 0;  z-index: 100;}
.container-header {  display: flex; background:#f4f4f4;  width: 100%;  align-items: center; padding:5px 10px;}
.container-header .navbar-brand {  max-width: 30px;  padding: 0; align-self: center;margin-inline-start: auto;margin-inline-end: 9px;}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span { color:#101010; }

.container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > span:hover { color:#2b7b7d; }

.brand-logo img{ display:block; }

.metismenu.mod-menu .metismenu-item { padding:0; }

.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {  outline: none;}


.itemid-115 .container-header {  position: absolute !important; background:transparent;}

.itemid-115 .line { stroke: #fafafa; }

#MenuHolder{ max-height: 30px;  overflow: hidden;  position: fixed;  top: 2px;  background: #fafafa;  transition: all 1s ease-in-out;  height: 100%;  text-align: center;  display: flex;  flex-direction: column;  padding: 0;  justify-content: center;  left: 4px;  width: 32px;  z-index: 99;  border-radius: 15px;  margin: 4px;}
#MenuHolder.open {  max-height:  1500px; width: 98%; left:0; top:0;}

#MenuHolder > div { height:100%; }

#MenuHolder #MainMenu a {  display: flex;width: 100%;height: 100%;align-items: center;justify-content: center; opacity:0; font-size:1rem;}
#MenuHolder #MainMenu a:hover { text-decoration:none; }
#MenuHolder.open #MainMenu a {  opacity: 1;  }

#MenuHolder.open #MainMenu li:nth-child(1) a { transition-delay: 0.4s;}
#MenuHolder.open #MainMenu li:nth-child(2) a { transition-delay: 0.5s;}
#MenuHolder.open #MainMenu li:nth-child(3) a { transition-delay: 0.6s;}
#MenuHolder.open #MainMenu li:nth-child(4) a { transition-delay: 0.7s;}
#MenuHolder.open #MainMenu li:nth-child(5) a { transition-delay: 0.8s;}
#MenuHolder.open #MainMenu li:nth-child(6) a { transition-delay: 0.9s;}

#MenuHolder .metismenu-item button { display:none; }

.metismenu.mod-menu .metismenu-item { padding:0; flex:1; }

.metismenu.mod-menu .metismenu-item ul {  margin-inline-end: 0;  background: #1d1d1d;  border: 1px solid #f4f4f4;  left: 0;}

#navicon {  background-color: transparent;  border: none;  cursor: pointer;  display: flex;  padding: 0;  outline: none;position: absolute;right: 6px; z-index:111; top:0; }

.line {  fill: none;  stroke: #101010;  stroke-width: 6;  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.open .line { stroke:#101010; }
.line1 {  stroke-dasharray: 60 207;  stroke-width: 6;}

.line2 {  stroke-dasharray: 60 60;  stroke-width: 6;}
.line3 {  stroke-dasharray: 60 207;  stroke-width: 6;}
.open .line1 {  stroke-dasharray: 90 207;  stroke-dashoffset: -134;  stroke-width: 6;}
.open .line2 {  stroke-dasharray: 1 60;  stroke-dashoffset: -30;  stroke-width: 6;}
.open .line3 {  stroke-dasharray: 90 207;  stroke-dashoffset: -134;  stroke-width: 6;}


#MainMenu{  height: 100%;  display: flex;  flex-direction: column;}

.page-header h1 { text-align: center;  margin: 50px 0; }

/************** HOMEPAGE ***************/

.homequote { max-width: 300px; font-size: 15px;  animation: fadeInAnimation ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards; animation-delay: 1.5s; opacity:0; z-index:2; position:absolute; color:#fafafa;}

.moduletable.hometitle {  position: absolute;bottom:40px; max-width:100%;  color:#fafafa; right: 2em;}
.moduletable.homebird { position: absolute;top: 20px; left:0;}

.moduletable.hometitle h2 {  font-size: 2em;  }
.moduletable.hometitle > div { height:100%;  }

.smooth { animation: fadeInAnimation ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards; animation-delay: 0.5s; opacity:0;}
.birds {background-image: url(/images/wall/birds.webp);background-repeat: no-repeat;width: 173px;height: 193px; animation-delay: 0s;animation: fadeInAnimation ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards; opacity:0;}

.homemenu { position: absolute; right:1em; top:1em; z-index:101;  animation: fadeInAnimation2 ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards; animation-delay: 1s; opacity:0; display:none;}
.homemenu a { font-size:12px; color:#fafafa; }


@keyframes fadeInAnimation { 0%{ opacity: 0;} 25%{ opacity: 0;} 100%{ opacity: 1;}}
@keyframes fadeInAnimation2 { 0%{ opacity: 0;} 25%{ opacity: 0;} 100%{ opacity: 1;}}


.moduletable > h3 {  border-top: 1px solid #c9c9c9;  font-size: 13px;  color: #888;  font-weight: normal;  padding-top: 10px;  margin-bottom: 50px;}
.moduletable.notes ul{  display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 1em; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #000 #d7d7d7; padding-bottom:20px;}
.moduletable.notes li {  border: 1px solid #c9c9c9;  padding: 2em 1em; min-width:250px;display: flex;flex-direction: column; position:relative;}
.moduletable.notes li:hover { background:#313131; color:#f4f4f4; }
.moduletable.notes li:hover a { color:#f4f4f4;}
.moduletable.notes li > .mod-articles-category-title {  font-size: 2em;  line-height: 43px;  margin-bottom: 70px;  display: block;  color: #313131; font-weight:bold;}
.moduletable.notes .mod-articles-category-introtext { margin-bottom:70px; }
.moduletable.notes .mod-articles-category-readmore {  margin-top: auto;  text-align: left;width: 100%;height: 100%;position: absolute; left:0; top:0;}
.moduletable.notes .mod-articles-category-readmore a {color: #313131;font-size: 2rem;display: flex;height: 100%;justify-content: end;align-items: end; padding:0 10px;}
.moduletable.notes a:hover { text-decoration:none; }


/************ COMMENTS *************/
.rscomments .rscomment.rsc_comment_big_box1 {  margin: 0 20px 0 0;}
.rscomm-header .rscomm-time { font-size:10px; }
.rscomm-header { display: flex; flex-direction: column-reverse;}
.rscomments-accordion-title { color:#313131; text-align:center; }
body .rscomments { padding:10px; background:transparent; border-top:1px solid #c9c9c9;}
.rscomments-accordion-title.active { padding-bottom:30px; }

body .rscomments .rscomment-form { }

.noComments .rscomments{ display:none;}

.rsform-type-fileupload .col-sm-9 { display: flex;  flex-direction: column;  grid-gap: 1em; }

#userForm h2 { text-align: center;  padding: 80px 0 100px 0;  border-bottom: 1px solid #c9c9c9; -webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 0.5px;  -webkit-text-stroke-color: #2b7b7d;  font-size: 4em;  letter-spacing: 3px; color:#2b7b7d; margin-bottom:30px;}

body .form-control:focus { box-shadow: none; border-color: #2b7b7d;}

.rsform-block {  display: flex;  flex-direction: column; align-content: center;  text-align: center; align-items: center;}

.form-check-input[type="radio"] {  border-radius: 50%;  margin: 0 0 0 10px;}

.form-check {  display: flex;  flex-direction: row;  justify-content: center;  align-items: center;}

.rsform-block .col-sm-3 {    width: 100%;  padding: 5px;}

/**************** FOOOOTER ************/


body.wrapper-fluid footer > .grid-child { padding:0; }

.moduletable.footer{    width: 100%;    margin: 0; background:#f4f4f4; color:#313131;}

.moduletable.footer > div {  display: flex;  flex-direction: column; text-align:center;}
.moduletable.footer > div > div {  display: flex;  flex-direction: row; border-top:1px solid #c9c9c9; justify-content:center; padding:0 1em;}
.moduletable.footer > div > div:nth-child(1), .moduletable.footer > div > div:nth-child(3) {padding:1em;}
.moduletable.footer > div > div:nth-child(2) > div { padding:2em; flex:1;}
.moduletable.footer > div > div:nth-child(2) > div:nth-child(1) { border-left: 1px solid #c9c9c9;}
.moduletable.footer > div > div:nth-child(3) { justify-content: space-between; direction:ltr; font-size:11px;}

.com-content-category-blog__item.blog-item {
  border: 1px solid #c9c9c9;
  padding: 2em 1em;
}

.com-content-category-blog__item.blog-item a{
  color:#121212; 
}

.com-content-category-blog__item.blog-item h2{
  margin-bottom:40px;
}


.itemid-118 .breadcrumb li.active { display:none; }
.itemid-118 figure { text-align: center; }
.centerforce { text-align:center; max-width:600px; margin:0 auto;}
.centerforce ul li { list-style: none; display: flex;  justify-content: space-between;  border: 1px solid #999;  padding: 10px;}
.centerforce ul li:nth-child(2n) { background: #e1e1e1;}
.centerforce .discount { text-decoration: line-through; }

.itemid-119 .item-image {
  max-width: 400px;
  margin: 0 auto 100px;
}
/**************** RESPONSIVE *******************/


@media screen and (min-width:600px) { 
.container-component > :first-child.mod-breadcrumbs__wrapper { margin-top: 1em; }
.homemenu { right:2em; top:2em; display:inherit;}

.moduletable.homebird { left: 1em;}
.moduletable.hometitle h2 {  font-size: 3em;  }
.container-header {  flex-wrap: nowrap;  align-items: stretch;  align-content: stretch;  justify-content: flex-start; border-bottom:1px solid #c9c9c9; padding:0;}

.itemid-115 .container-header {  position: fixed !important;top: -50px;opacity: 0; z-index:200;}
#headtop.position-sticky { background:#fafafa; top: 0;  opacity: 1;}
.container-nav { flex-grow:1; }
.container-nav .moduletable { width:100% }
#MainMenu.metismenu.mod-menu {  justify-content: space-around;flex-direction:row;}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span { font-size:12px; padding: 1em;background-image: linear-gradient( to right, #2b7b7d , #2b7b7d 50%, #000 50% );background-size: 200% 100%;background-position: -100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent; color:#101010;}

.container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > span :hover { background-position:0; }

#MenuHolder { position:initial; max-height:none; height:auto; }

#MenuHolder #MainMenu a { opacity:1; font-size:11px;}

#navicon { display:none; }

}


:root {
  --cassiopeia-color-primary: #912b3b;
  --cassiopeia-color-link: #30638d;
  --cassiopeia-color-hover: #2b7b7d;
}