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

@font-face {font-family:farhang; src: url('../fonts/farhang.ttf') format('truetype'); }


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


p { margin:0; }
a:not([class]), a { 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:#008bd1; }

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; line-height: 24px;}
h1,h2,h3,h4,h5,h6 { font-family:iransans, 'Roboto', sans-serif;  }
body.noScroll { overflow-y: hidden; }
a { color:#008bd1; }
a:hover {  color:#075abb; }

body.wrapper-fluid .site-grid { grid-gap:0 1em; min-height:500px; }
.page-link.active, .active > .page-link { background-color:#008bd1; border-color:#008bd1;}

.pagenavigation .pagination{ margin:0; }
.pagenavigation .pagination .btn { font-size:11px; margin:0; max-width: 100px;}

.btn { }
.btn-primary, .btn-secondary { font-size: 14px; background: #008bd1; color: #f4f4f4;border-color: #008bd1; 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:#008bd1; color:#000; }

.btn-third { font-size: 13px; background: #008bd1; color: #fafafa;border-color: #008bd1; 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; }

.com-tags__items h3 { font-size: 13px;
  font-weight: normal;
  margin: 5px 0;}
.com-tags__items .form-select { padding: 5px 8px 5px 0; }

.com-tags-tags__filter .btn-primary, .com-tags-tags__filter .btn-secondary {
  font-size: 14px;
  background: #f4f4f4;
  color: #1e1e1e;
  border-color: #008bd1;
  z-index: 0;
  overflow: hidden;
  transition: 1s;
  position: relative;
  max-width: 250px;
  padding: 0 10px;
  display: block;
  width: auto;
  margin: 0 auto;
    margin-right: auto;
}


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

audio { width:100%; border:1px solid #1e1e1e; background:#1e1e1e;}

.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: 0;  display: flex;}

.itemid-152 .com-content-category-blog__items.blog-items.masonry-4 { display: grid;  grid-template-columns: 1fr;}

/************** HEADER ******************/
body.wrapper-fluid header > .grid-child { padding: 5px 0 0 0;
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 100; background: #f4f4f4;}
.container-header {  display: flex; background:transparent;  width: 100%;   flex-wrap: nowrap;align-items: stretch;align-content: stretch;justify-content: flex-start;border-top: 1px solid #c9c9c9;padding: 0;z-index: 200;bottom: -50px;opacity: 1;position: fixed !important; transition: all .5s ease; top:auto; bottom:0;}
.container-header .navbar-brand { display:none; }
.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:#008bd1; }

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

.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 .line { stroke: #fafafa; }

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

#MenuHolder > div { height:100%; }

#MenuHolder #MainMenu a {  width: 100%;height: 100%; opacity:1; font-size:11px;position: absolute; align-content: end;
  align-items: end;
  justify-content: center;
  display: flex;
  text-align: center;}
#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; display: flex;justify-content: center;min-height: 50px;align-content: start;}

.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: none;  padding: 0;  outline: none;position: absolute;right: 0; 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: row;justify-content: space-around;}



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

.homequote { max-width: 300px; font-size: 15px;  opacity:1; z-index:200; position:absolute; color:#fafafa; left:20px; bottom:0;}

.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:#008bd1; }


@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: 20px;}
.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 #008bd1;  padding: 2em 1em; min-width:250px;display: flex;flex-direction: column; position:relative;transition: 1s all ease;
  border-radius: 10px;}
.moduletable.notes li:hover { background:#008bd1; color:#f4f4f4; }
.moduletable.notes li:hover a { color:#f4f4f4;}
.moduletable.notes li > .mod-articles-category-title {  font-size: 1.2em;  line-height: 33px;  margin-bottom: 20px;  display: block;  color: #313131;  font-weight: bold;}
.moduletable.notes .mod-articles-category-introtext { margin-bottom:0px; }
.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: #008bd1;  font-size: 4em;  letter-spacing: 3px; color:#008bd1; margin-bottom:30px;}

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

.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;

}

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

.tags a.btn { color: #121212;  background: transparent;  font-size: 11px;  font-weight: normal;}

.com-content-category-blog__item.blog-item h2{
  font-size: 1.2em;
  font-weight: normal;
  min-height: 45px;
}

.blog-item .item-content {
  padding: 1em;
  box-sizing: border-box;
}

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

.fields-container {
  padding: 0;  list-style: none;
}



.field-label { margin-bottom:5px; }

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

#MainMenu.metismenu.mod-menu svg, #MainMenu.metismenu.mod-menu img {
  width: 25px;
  height: 25px;
  color: #1e1e1e;
}

.footer { padding-bottom: 30px;
  background: #fefefe; margin-top:0;}

#headtop.position-sticky { background:#fafafa; top: auto; bottom:0;  opacity: 1;}


.container-banner.full-width { position: relative; }

.item-page #section07 a span {
  border-color: #000000;
}

#section07 {  position: absolute;  left: 20px;  bottom: 100px;font-size:0;}
#aboout #section07 {  bottom: 80px;}

#section07 a span {  position: absolute;  top: 0;  left: 50%;  width: 24px;  height: 24px;  margin-left: -12px;  border-left: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-animation: sdb07 2s infinite;  animation: sdb07 2s infinite;  opacity: 0;  box-sizing: border-box;}
#section07 a span:nth-of-type(1) {  -webkit-animation-delay: 0s;  animation-delay: 0s;}
#section07 a span:nth-of-type(2) {  top: 16px;  -webkit-animation-delay: .15s;  animation-delay: .15s;}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.com-content-article {
  max-width: 500px;
  margin: 0 auto;
  text-align: justify;
}

.com-content-article__body, .com-content-article .tags, .com-content-article .pagenavigation, .article-info {  border-right: 1px solid #c9c9c9;  border-left: 1px solid #c9c9c9;  padding: 1em; margin:0; }

.item-image {
  max-width: 600px;
  margin: 0 auto;
}

.mod-breadcrumbs.breadcrumb {
  background: transparent;
  border-bottom: 1px solid #c9c9c9;
  text-align: center;
  justify-content: center;
}

.com-content-category-blog > h1 { color: #7aa8bf;
  text-align: center;
  margin: 0em 0 1em;}

.page-header h1 { text-align: center;
  margin: 0 0 1em 0;
  font-size: 1.5em;
  font-weight: normal; color: #7aa8bf;}


iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video .field-value p{
display:block;
  position: relative;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
}

.view-article .video .field-value p:empty { display:none; }

.itemid-152 .blog-item .item-image { display:none; }

ul.fields-container { width: 100%;grid-gap: 1em;
  display: flex;
  flex-direction: column; }


.courseposter { max-width:500px; margin: 0 auto;}


#testerbutton {  display: block;  padding: 0px 1em;  cursor: pointer;  position: relative;  margin: 0;  height: auto;  border-right: 1px solid #c9c9c9;  border-left: 1px solid #c9c9c9;justify-content: center;  display: flex;  padding: 1em 0;  grid-gap: 1em;  align-items: center;}

#testerbutton svg {  width: 25px;  height: 27px;  border: 1px solid #d3d3d3;  padding: 0 3px;  border-radius: 6px;}

#testerbutton span {  display: none;  font-size: 11px;  position: absolute;  bottom: 0;  direction: ltr;}

.itemid-115 .container-topbar .navbar-brand {
display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.container-header .navbar-brand, .container-topbar .navbar-brand {  display: none;}
.itemid-115 .container-topbar { display: inline; }
.container-topbar {
display:none;
  padding: 5px 0 0 0;
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0px;
  left: 0;
  background: #f4f4f4;
  height: 95px;
  z-index: 999;
}

#users-profile-custom-webauthn { display:none; } 
.plg_system_webauthn_login_button { display: none;}
.notes2 ul {  display: grid;  grid-template-columns: 1fr 1fr;}
.notes2 ul li {  border: 1px solid #dfdfdf;  padding: 1em;  position: relative;align-content: center;text-align: center;}
.notes2 .mod-articles-category-readmore .mod-articles-category-title {  color: #008dd4;  font-size: 1rem;  display: flex;  height: 100%;  justify-content: end;  align-items: end;  padding: 0 10px;}
.notes2 .mod-articles-category-readmore {  margin-top: auto;  text-align: left;  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  display: none;}
.notes2 .mod-articles-category-title {  font-size: 13px;}


.notes2 .mod-articles-category-introtext {
  display: none;
}
.notes2 ul li:nth-child(2n+1) {
  border-left: 1px solid #dfdfdf;
}

#users-profile-core {  width: 100%;}

#users-profile-core .dl-horizontal {  display: grid;  grid-template-columns: 1fr 1fr;}

#users-profile-core .dl-horizontal dt, #users-profile-core .dl-horizontal dd {  font-weight: normal;  border: 1px solid #ddd;  height: 100%;  justify-content: center;  text-align: center;  font-size: 11px;  align-items: center;  display: flex;  padding: 0 .5em;}


#users-profile-core legend {  display: none;}

.patientmenu ul li a {  display: block;  border:1px solid;  padding:1em;  text-align: center;}

.com-users-profile.profile {  display: flex;  flex-direction: column;}
.com-users-profile__edit {  order: 1;  padding:0;}

.com-users-profile__edit  a{  background:transparent;  color: #000;  border-color:#333;  border-radius:0;  padding:5px 4px 5px 5px;  display: block; font-size:11px;}
.com-users-profile__edit  a span { }

.courses .mod-articlesnews.newsflash {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  text-align: center;
}

.mod-articlesnews.newsflash h4 { font-weight: normal;
  font-size: 17px;
  padding-bottom: .5em;}

body .container-header .site-description { font-size:13px; color:#888; }
body.itemid-115 .site-grid { padding-top:7em;}

.page-link {
  padding: .35em;
}

.container-component nav { margin-top:0; }

#mod-custom131 .brand-logo { display: flex; justify-content: center; }
/**************** RESPONSIVE *******************/


@media screen and (min-width:600px) { 
.itemid-152 .com-content-category-blog__items.blog-items.masonry-4 { grid-template-columns: 1fr 1fr ;}
.courseposter { max-width:500px; margin: 50px auto;}
.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-nav { flex-grow:1; }
.container-nav .moduletable { width:100% }
#MainMenu.metismenu.mod-menu {  }
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span { font-size:12px; padding: 0.5em 0 0;background-image: linear-gradient( to right, #008bd1, #008bd1 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 {    }

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

#navicon { display:none; }

}
@media screen and (min-width:900px) { 
.itemid-152 .com-content-category-blog__items.blog-items.masonry-4 { grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media print {
#MenuHolder { display:none; }
body { display:none; }
}

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