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

* {margin:0; padding:0;transition: all .2s;}


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

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

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

::-moz-selection { /* Code for Firefox */
  color: #d7d7d7;
  background: #b33828;
}

::selection {
  color: #d7d7d7;
  background: #b33828;
}

.moduletable {
  position: relative;
}

#navHolder .jmodedit { display:none; }

p, ol, ul, dl { margin:0; padding:0;}
a:not([class]), a {  text-decoration: none; color:#b33828;}
li { list-style:none; }
.footer a{ color:#2260b3;}
.magin .footer a, .magin .container-sidebar-right a { color:#fff;}

html { scrollbar-color: #2260b3 #171715;scrollbar-width: thin; }
body { font-family:iransans,tahoma; font-size:13px; background:#fefefe; animation: fadeInAnimation ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards;}

body.wrapper-fluid .site-grid { grid-gap: 0;  padding: 0 1em;}
body.noScroll, html.noScroll {  overflow-y: hidden; }
h1,h2,h3,h4,h5,h6 { font-family:iransans,tahoma; }
body.itemid-123.wrapper-fluid .site-grid { padding:0; }
body.itemid-123 .maintopbox { padding: 0 1em; }
a:not(.btn):focus, a:not(.btn):hover { color:#be9549; }
.btn-primary { background-color:#587d16; border-color:#587d16;}

.btn-primary:focus, .btn-primary:hover { background-color:transparent; color:#2260b3; border-color:#2260b3;}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {  background-color:#2260b3; border-color:#2260b3; color:#be9549;}


.offline-card .header img { display:none; }


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

body .form-control:focus { border:1px solid #2260b3; box-shadow:none;}
/***** GLOBAL *****/

.container-sidebar-right .moduletable:last-child { border:0; }
.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child { margin:0; }

.container-header{ background: transparent;  color:#2260b3; display:flex; justify-content:center; min-height:70px; max-width: 500px;  margin: 0 auto;  width: 100%; position:sticky !important;top: 0.5em; box-shadow:none;}
.itemid-123 .container-header {min-height:0px;}
.metismenu.mod-menu .metismenu-item {  flex-direction: column;  position: relative;  padding:0;  margin: 0;border-bottom: 1px solid #9f9f9f36;}


 body.wrapper-fluid header > #navHolder {  margin: 0 auto;  padding: 0.5em;  z-index: 3;  width: 100%; display:flex; flex-direction:column; overflow:hidden; max-width:370px; position:absolute; background: #fff; max-height:95vh; border-radius: 5px;}
#navHolder.open { background: #fff; }

#Holder { padding:0 0.3em; display: flex; flex-direction:row; background: #ffffff91; border: 1px solid #b33828; border-radius: 5px; }

#activemenu {  justify-content: center;  align-content: center; flex: content;}
#activemenu li { display:none;}
#activemenu li.active { display: inline-block;  padding: 0;  margin: 0;}
#activemenu li a{ color:#b33828;font-size: 15px;  display: block;}
#activemenu li.active.item-213 { display: none;}

#activemenu li.active.deeper > a{ display:none; }
#activemenu li.active.deeper > ul { display:block; padding-right:0; }


.container-header .site-description { color:#2260b3; display:none;}
.container-header .navbar-brand { padding:0; margin-inline-end: inherit;  display: flex;  flex-direction: row;  width: 100%;}

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

#BoxMenu {  max-height:0;  z-index:3;}
#BoxMenu.open { max-height:550px; border-left:1px solid #b33828;border-right:1px solid #b33828;border-bottom:1px solid #b33828; overflow-y: auto; scrollbar-color: #f1f1f1 #b33828; scrollbar-width: thin;}
#MainMenu { color:#2260b3;display: flex;  flex-direction: column; padding:0;max-height:0; overflow: hidden; }
#MainMenu.open { padding: 0; max-height:700px;}
#MainMenu .item-123 { display:none; }
#MainMenu li a { display:block; width:100%; text-align:center; padding:1em 0; text-decoration: none;}
#MainMenu li a:hover, #MainMenu li.current > a { background: #b33828; color:#fff;}
#MainMenu li:hover button, #MainMenu li.current button { color:#fff; }
#MainMenu li:hover button::before {background: #fff0;}
#MainMenu li.parent button { position: absolute; width:100%; height:100%; top:0;}
#MainMenu li.current a::after {  background: #b33828;  opacity: 1;  bottom: 0px;  height: 1px;}
#MainMenu li.item-131 { margin-top:30px; }
#MainMenu li.item-131 a, #MainMenu li.item-132 a { font-size:13px; }

#MainMenu li.item-103, #MainMenu li.item-202, #MainMenu li.item-215 { display:none; }

.headover { position: absolute;inset: 0;background: rgba(36, 36, 36, 0.9);pointer-events: none;transition: all .3s; z-index: 3;}

#MenuHolder{ left:0;overflow: hidden;position: fixed;top: 0;transition: all 1s ease-in-out;height: 100%;text-align: center;display: flex;flex-direction: column;padding: 0;visibility: hidden; opacity:0;}
#MenuHolder.open {  visibility: inherit; opacity:1;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(3px);}

.social .custom { display: flex;  padding: 30px 0;  justify-content: space-around; }

.social .custom svg { width:25px; height:25px; }

.itemid-198 .com-content-article__body { margin-top:50px; }

.moduletable.box { background: #fafafa;
  border-radius: 10px;
  margin: 20px 0;
  padding: 20px;}

.moduletable.box h3 { text-align:center; color:#2260b3; border-bottom:1px solid #2260b3; padding-bottom:20px;}
/**** Nav Icon ***/
#navbtn {position:relative;    display: block;    width: 30px;    height: 26px;    transition: 0.3s ease transform;    cursor: pointer;direction: ltr;margin-top: 9px;  margin-left: 2px;}

#navbtn div { width: 6px; height: 1px; background-color: #b33828; margin-left: 0; margin-bottom: 6px; border-radius: 4px; transition: 0.3s ease width, 0.3s ease margin-left, 0.3s ease margin-bottom, 0.3s ease background-color;}

#navbtn div:first-child { width: 22px;}

#navbtn.close:hover div:first-child { width: 8px;}

#navbtn div:nth-child(2) { width: 15px;}

#navbtn div:last-child { width: 8px; margin-bottom: 0;}

#navbtn.close:hover div:last-child { width: 22px;}

#navbtn.open
{
    transform: translateY(-2%) rotateZ(-90deg); margin-left:8px;
}
#navbtn.open div
{
    width: 16px;
    margin-left: 12px;
    margin-bottom: 3px;
    background-color: #be9549;
}

#navbtn.open:hover div:last-child {
    width: 12px;
}

#BoxMenu .metismenu.mod-menu .metismenu-item { opacity:0; }
#BoxMenu.open .metismenu.mod-menu .metismenu-item{  transition-delay: .7s;  opacity: 1;}


#BoxMenu .metismenu.mod-menu .parent.mm-active > ul.mm-show { max-height:200px; }
#BoxMenu .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {margin-inline-end: 0; }
#BoxMenu .metismenu.mod-menu .mm-toggler {  position: absolute;  right: 0px;  top: 0;  height: 100%;  width: 100%;  align-items: normal;  display: flex;  padding-top: 28px;}

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

.mod-list li a:hover {  text-decoration: none;}

.container-sidebar-right .newsflash-title { margin:0; }
.titr, .container-sidebar-right .newsflash-title a {  font-size: 14px;  font-weight: normal; padding: 10px 0 10px 1em;  color: #2260b3;border-bottom: 1px solid #c7c7c7; display:block;}
.titr::before, .container-sidebar-right .newsflash-title a::before {  content: '';  background: url(/images/sampledata/arrow-left-short.svg);    background-size: auto;  display: inline-block;  width: 25px;  height: 25px;  background-size: 25px 25px;  vertical-align: bottom;color:#2260b3;}

.container-sidebar-right .newsflash figure { padding:1em; margin:0;}

.container-footer.footer.full-width {  background: transparent;  color: #000;  border-top: 1px solid #c7c7c7;  margin: 0;}


#mod-custom114 {  display: flex;  justify-content: space-between;  width: 100%;  direction: ltr;  font-size: 11px;  color: #22262a;   padding: 1em;}

.container-footer.footer.full-width .moduletable { width:100%; }

.topstory { border-bottom:1px solid #c7c7c7;}
.topstory ul li { display: flex;grid-gap: 1em; padding:1em; flex-direction:column;  border-bottom:1px solid #c7c7c7;}
.topstory ul li > a { max-width:100%; }
.topstory ul li > div{  display: flex;  flex-direction: column;}
.topstory .mod-articles-category-title { color:#000; font-size: 18px;padding: 10px 0;}
.topstory h3 {  font-size: 16px;  font-weight: normal; padding: 10px 0;  color: #2260b3;border-bottom: 1px solid #c7c7c7; margin:0;}
.topstory h3::before {  content: '';  background: url(/images/sampledata/arrow-down-short.svg);    background-size: auto;  display: inline-block;  width: 25px;  height: 25px; background-size: 25px 25px;  vertical-align: bottom;color:#2260b3;}
.topstory ul li > a{ display:none; }
.topstory ul li:nth-child(1) > a{ display:block; }
.topstory ul li:nth-child(3) { border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}

.topstory .mod-articlescategory.category-module.mod-list{  display: flex;  flex-wrap: wrap;}
.topstory .mod-articlescategory.category-module.mod-list li {  flex: 1 1 auto;}

.container-sidebar-right .moduletable form { padding:1em; }
 
#BoxMenu .metismenu.mod-menu .parent > ul { display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr; background: #fafafa;  border-top: 1px solid #c6c6c6; position: relative;   width: 100%; max-height:0; overflow: hidden; transition: 1s all ease-in-out;}
#BoxMenu .metismenu.mod-menu .parent > ul li { border-left: 1px solid #c6c6c6;  border-bottom: 1px solid #c6c6c6;  padding: 0;}
#BoxMenu .metismenu.mod-menu .parent > ul li a{ font-size:12px; padding: 1em 0; text-decoration: none;}

/*************** SEARCH BTN ***********/

.search-icon {
  width: 25px;
  height: 25px;
  position: absolute;
  cursor: pointer;
  margin: auto 3px;
  border-right: 1px solid #b9c5d5;
  right: 35px;
  top: 5px;
}

.search-line {
  width: 10px;
  height: 2px;
  background: #b33828;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 16px;
  left: 10px;
  transition: all 0.3s ease-in 0s;
}

.active .search-line {
  width: 22px;
  left: 0;
  top: 12px;
  transition: all 0.3s ease-out 0s;
}

.search-circle {
  width: 15px;
  height: 15px;
  border: 2px solid #b33828;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  border-radius: 50%;
  transition: top 0.3s ease-in 0s, left 0.3s ease-in 0s, border-radius 0.3s ease-in 0s, border-width 0.3s ease-in 0s, width 0.3s ease-in 0s, height 0.3s ease-in 0s, background-color 0.1s ease-in 0s;
  background-color: #fff;
}

.active .search-circle {
  width: 0;
  height: 0;
  border-width: 0;
  top: 12px;
  left: 12px;
  transition: top 0.3s ease-in 0s, left 0.3s ease-in 0s, border-radius 0s ease-in 0.3s, border-width 0.3s ease-in 0s, width 0.3s ease-in 0s, height 0.3s ease-in 0s, background-color 0s ease-in 0.3s;
}

.active .search-circle.second {
  width: 22px;
  height: 2px;
  top: 12px;
  left: 0px;
  transform: rotate(45deg);
  background-color: #b33828;
}

.active .second-line {
  transform: rotate(135deg);
}

.active .search-circle.third {
  width: 30px;
  height: 2px;
  top: 15px;
  left: 0;
  transform: rotate(135deg);
  background-color: #b33828;
  border-radius: 0;
}


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

.grid-child.container-component {  }
.container-top-a {  margin: 0;  border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;  flex-direction:column;}
.itemid-123 .container-top-a { border-left:0; border-right:0; }

.mod-articles-category-date {  margin-top: auto;  font-size: 11px;  color: #484848;}

.quick ul { list-style: none;display: grid;justify-content: space-around;grid-template-columns: 1fr 1fr;text-align: center; margin:0 0 50px 0; }
.quick ul li { }

.quick ul li a { padding:1em; 
justify-content: center;
align-items: center;
display: flex;}

.quick ul li a:hover { background:#2260b3; color:#ebebeb; }

.container-bottom-a > *, .container-bottom-b > *, .container-top-a > *, .container-top-b > * {
  margin: 0;
}
.itemid-123 .maintopbox { margin: 100px 0 50px !important; display: flex;  justify-content: space-around;  align-items: center; grid-gap:1em; flex-direction:row;}
.maintopbox .moduletable.cover, .maintopbox .moduletable.slideshow {  border-radius: 10px;  text-align: center; border: 1px solid #b33828; flex: 1;}
.moduletable.cover img { 
width: auto;
  margin: 0;
  height: 237px;
  border-radius: 10px;}
.maintopbox .moduletable h3 { font-size: 13px;  font-weight: normal; padding: 10px 5px; margin:0; }

.n2-ss-slider-3 {width: 100%; padding: 0px !important;}
/********** ABOUT ************/

.boardofdirectors {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 1em;}
.boardofdirectors > div {  border: 1px solid #d3d3d3;  padding: 0;  border-radius: 10px;  position: relative;  display: flex;  flex-direction: column;  justify-content: flex-end;}
.boardofdirectors img {  margin: 0 auto 39px;  display: block;}
.boardofdirectors h5 {  font-size: 14px;  display: inline-block;padding: 10px 10px 0;}
.boardofdirectors > div > p {  font-size: 13px;  color: #8a8a8a;padding: 0 10px;}
.contactbox {  font-size: 12px;  line-height: 32px;  display: flex;  justify-content: space-between;  padding: 0 5px;  color: #f2f2f2;  background-color: #1c1c1c;}
.addressbox {  font-size: 12px;  height: auto;  padding: 9px 5px 8px;  background-color: #1c1c1c;  color: #f2f2f2;  border-radius: 0 0 9px 8px;}
.boardofdirectors svg {  margin-left: 5px;}
.contactbox a {  color: #a7c0e1;  text-decoration: none;}


/****************** MEMBERSHIP ***************************/
.moduletable.printed { margin: 1em;  padding: 20px;  border: 1px solid #d2d2d2;  border-radius: 5px;  text-align: center;}
.moduletable.printed h3 { font-size: 18px; font-weight: normal;}
#printedForm .rsform-block-price { text-align:center; margin:50px 0; }
#rsm_memberships .row, .rsm_form_container { padding:1em; }

.rsm_form_container > h1 { text-align: center;font-size: 1.6em;font-weight: normal;border-bottom: 1px solid #c7c7c7;padding-bottom: 15px;}
.rsm_form_container .item-page h3.page-header {text-align: center; font-size: 1.3em;font-weight: normal;padding: 25px 0;}

#rsm_memberships .card-body {  padding: 0;  background: transparent;}
#rsm_memberships .rsm_title.card-title a{  text-align: center;  font-weight: normal;  border-bottom: 1px dashed #c7c7c7;  padding: 10px 0; display:block;}
#rsm_memberships .card {  background: transparent; padding:20px;}
#rsm_memberships .rsm_thumbnail {  margin: 0;}

/******************* BUTTON ****************/

body div.btn-group { width:100%; margin:0; }


.breadcrumb {    background-color: transparent;    margin-bottom: 0;padding:13px 1em 13px 0 !important;}

.view-category main, .view-article main {  }

.news .blog-items .blog-item figure { max-width:250px; }

.magin .item-content .page-header h2{ font-weight:normal; font-size:1em; text-align:center; margin:0; }
.com-tags-tag__category li h3 { font-weight:normal; font-size:1em; text-align:center; margin:0 ;}
.magin .item-content .page-header h2 a{ color: #2260b3; padding: 20px 10px; min-height: 72px;  align-content: center;  display: grid; }
.maglist .item-content .page-header h2 a { min-height:inherit; padding: 20px 10px 3px;}

.h_iframe-aparat_embed_frame {  position: relative;  height: 0;  overflow: hidden;  margin-bottom: 20px;  padding-bottom: 56.25%;}
.h_iframe-aparat_embed_frame iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}

/************ MAG *************/

.dividerpic img { max-width:400px; }

body.magin {background: #2260b3; }
.magin .tag-category { text-align: center; }
.com-tags-tag__category { margin:50px 0; display: grid;  grid-template-columns: 1fr;  grid-gap: 1em;}
.com-tags-tag__category > li { background: #ffffffbf;  padding: 0px;  page-break-inside: avoid;  border-radius: 5px; text-align:justify; border: 0;}
.com-tags-tag__category li h3 a{ padding:0; display:block; color: #2260b3; padding:15px 10px;}
.com-tags-tag__category .tag-body { margin-top:20px; display:block;}
.magin .page-header h1, .magin .com-content-article > .page-header h2, .magin .tag-category > h1 {  font-size: 2em;  font-weight: normal;  padding: 60px 0 30px;  color: #fff;  border-bottom: 1px solid #ffffff42;  margin: 0;  text-align: center;}
.item-154 button { display:none !important;}
.btn-success { background: #2260b3; }
#rsm_memberships .page-header h1, #rsm_membership_detail .page-header h1, #rsm_subscribe .page-header h1, #printedForm h2, #users-profile-core legend, body h1.osm-page-title, .com-finder h1, .com-users-reset .page-header h1, .com-users-remind .page-header h1 {  font-size: 5vw;  font-weight: normal;  padding: 60px 0;  color: #2260b3;  border-bottom: 1px solid #2260b342;  margin: 0;  text-align: center;}
#rsm_membership_form { text-align: center;  justify-content: center;  display: flex;  flex-direction: column;  align-items: center;  padding: 30px 0;}
.article-info dd{  text-align: center;  color: #000c;}
.article-info dd a{  color: #000;}
.article-info > dt { display:none; }
.article-info {  display: flex;  justify-content: center;  grid-gap: 3em; }
.blog-item .article-info .createdby { display:none; }
.maglist .article-info dd { color: #6c6c6ccc;  margin-bottom: 16px; }
.maglist .icon-folder-open.icon-fw {  display: none;}
.article-info .createdby { margin:0; padding: 20px 0; color:#e1e1e1;}
.createdby a { color: #e1e1e1; }

.magin .com-content-article__body, .itemid-104 .category-desc { background: #fafafa;  padding: 20px;  border-radius: 0 0 10px 10px;  line-height: 34px; max-width: 700px;  margin: 50px auto; position: relative; text-align: justify; order: 3;}
.itemid-104 .category-desc { margin: 50px auto;} 

.view-article.magin .tags { text-align: center;  display: block;  max-width: 700px;  margin: 0 auto;  position: relative;  overflow: visible;order: 2;  width: 100%;}

.view-article.magin .tags li{  position: absolute;  margin: 0;  top: -29px;  left: 0;}
.view-article .tags li a.btn { background: transparent;  color: #fafafa;  font-weight: normal;  border-color: #ffffff42;  border-radius: 10px 10px 0px 0px;  font-size: 13px;  max-width: 120px;}
.view-article .tags li a.btn:hover { background:#fafafa; color:#2260b3;}

.view-category.magin .tags { text-align:center; margin-bottom: 20px;}
.view-category .tags li a.btn { background: transparent;  color: #2260b3;  font-weight: normal;  border-color: #2260b3;  border-radius: 3px;  font-size: 12px; padding:0 10px;}
.view-category .tags li a.btn:hover { background:#2260b3; color:#fff;}

.magin .com-content-category-blog__items.blog-items { margin-top:50px; }

.view-category.magin .blog-item .item-content { padding: 0px;  border-radius: 5px;  background: #ffffffbf;  text-align: justify;}
.view-category.magin .blog-item .item-content:hover { background:#fff; }
.view-category.magin .blog-item {width:100%; }

.view-article.magin .page-header h1 { display:none;}



.magin p.readmore  {position: relative;display: table;width: auto; height: auto;background-color: transparent;border: none;cursor: pointer;margin: 30px auto 0;min-width: 150px;}

.magin p.readmore a {position: relative;display: inline-block;font-size: 14px;background: #0000;  border-radius: 0;text-transform: uppercase;top: 0; left: 0;width: 100%;padding: 8px 20px;transition: 0.3s; border:0; z-index:1;}

/* 12. hover-border-2 */
.magin p.readmore::before,.magin p.readmore::after {width: 10%; height: 25%;transition: 0.35s;position: absolute;  content: "";}
.magin p.readmore::before {bottom: 0; left: 0;border-left: 1px solid rgb(28, 31, 30);border-bottom: 1px solid rgb(28, 31, 30);}
.magin p.readmore::after {top: 0; right: 0;border-right: 1px solid rgb(28, 31, 30);border-top: 1px solid rgb(28, 31, 30);}
.magin p.readmore:hover::before,.magin p.readmore:hover::after {width: 100%;height: 100%;}


.moduletable.titles { margin-top: 20px; }
.moduletable.titles ul {  display: none;  }
.moduletable.titles ul li a { border: 1px solid;  padding: 2px 15px;  border-radius: 5px; color:#fafafa;}
.moduletable.titles ul li a:hover, .moduletable.titles ul li.current a { background:#fafafa; color: #2260b3;}

.com-content-article__body #restricted_info { background: transparent;  padding:0;}

#restricted_info::before {  content: '';
  background-image: url(/images/blurreadmore.webp);
  width: 100%;
  height: 100px;
  display: block;}

/************ COURSES *************/
.courses .item-content .page-header { border-top: 1px solid #c8d7c3;  border-bottom: 1px solid #c8d7c3;  text-align: center;  margin-bottom: 20px;}
.courses .item-content .page-header h2 { font-size:1em; margin: 0;  padding: 20px 0;}
.courses .blog-items { grid-gap: 0;  column-gap: 0;}

.courses .blog-items .blog-item {display: flex;  flex-direction: column;border-left: 1px solid #c9c9c9;border-left: 1px solid #c9c9c9;  margin: 0;}

.pagination .btn {background: transparent;  color: #fafafa;}
.pagination .btn:hover { background:#fafafa; color:#2260b3; border-color:#fafafa;}
.courses .blog-items .fields-container { margin-bottom:20px; }
.courses .blog-items .fields-container li { display:none;}
.courses .blog-items .fields-container li:nth-child(1), .courses .blog-items .fields-container li:nth-child(2) { display:inherit;}

.coursesinner.view-category .breadcrumb { display:none; }



body .osm-container h2.osm-item-title { margin:0 !important; }
body .osm-container .osm-item-description { padding: 1em; }
.osm-item-title a { display: block;  text-align: center;  padding: 1em;  background: #2260b3;  color: #f4f4f4;}
body .osm-container .osm-item-heading-box { padding:0; }
body .osm-taskbar { padding:0; margin:0; }



#userMenu { max-height:0; overflow: hidden; display: flex; flex-direction: column;  text-align: center;}
#userMenu.open { max-height: inherit; }
#userMenu li a { color: #333;  padding: 1em 0em;  display: block;}
#userMenu li { border-bottom: 1px solid #9f9f9f36; }

#loginboxmenu { max-height:0; overflow: hidden; }
#loginboxmenu.open { max-height: inherit; }

#userbtn { position: absolute;  left: 41px;  border-left: 1px solid #b9c5d5;  padding: 0px 4px;  margin: 4px 2px; cursor: pointer;}

#userbtn svg {  width: 25px;  height: 25px; color:#b33828; }

#userbtn.open svg { color:#be9549; }

.userboxopen #navbtn { pointer-events: none; opacity:0.3; }
.menuboxopen #userbtn { pointer-events: none; opacity:0.3; }

#DeskMenu { display:none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 0.5em 2em;  position: absolute;  width: 100%;}

#DeskMenu li { opacity:0.7; }
#DeskMenu li:hover { opacity:1; }
#DeskMenu li a { color: #f4f4f4;  text-align: right;  width: 100%;  height: 100%; padding: 1em 0em;  text-decoration: none; font-size:14px;}
#DeskMenu .parent ul { right: 0; box-shadow: 0px 4px 6px;width: 100%;  border-radius: 0 0 10px 10px;}
#DeskMenu .parent ul li a { color: #2260b3;  font-size: 13px;  padding: 1em;  text-align: center;  display: block; }
#DeskMenu .item-102 a { justify-content: start; }
#DeskMenu .item-123,#DeskMenu .item-198, #DeskMenu .item-213, #DeskMenu .item-103, #DeskMenu .item-202, #DeskMenu .item-215, #DeskMenu .item-154, #DeskMenu .item-104, #DeskMenu .item-242, #DeskMenu .item-237{ display:none; }

#DeskMenu .item-102.parent button, #DeskMenu .item-242.parent button {position: absolute;  width: 100%;  height: 100%;  padding-right: 100px; color:#f4f4f4; justify-content: end;}

#DeskMenu .item-233 { grid-column: 6; }
#DeskMenu .item-233 a { text-align: left; }

#DeskMenu .item-102 button::before { display: none; }

#DeskMenu.metismenu > li.active > a::after { width:0; bottom: 0;
    content: "";    display: block;    height: 2px;    left: 0;    margin: auto;    opacity: .2;    position: absolute;    right: 0;    -webkit-transition: all .2s ease,background-color .2s ease;    transition: all .2s ease,background-color .2s ease; background:#fff;}
#DeskMenu.metismenu > li.active:hover > a::after { width:100%; }



/******************* OTHERS *****************/
.view-category .blog-item .fields-container, .view-category .blog-item figure, .view-category .item-content > p { display:none; }
.magin .com-content-article .fields-container { max-width: 700px; margin:0 auto; position: relative;  overflow: visible; order:1; width:100%;  }

.writerpicside {  max-width: 100px; display: flex;  margin:0 auto; }
.view-article .writerpicside { margin: 0 auto -60px; }
.writerpicside .field-label, .writerpic .field-label, .writerdesc .field-label{ display:none; }
.writerpicside img { border-radius: 10px 10px 0 0;  opacity: 0.9;}
.writername { text-align:center; }
.view-article .writername { padding:20px 0; color:#e1e1e1; display:none; }
.item-pagemagin { display: flex;  flex-direction: column;}
.item-pagemagin .page-header {  order: 0;}
.item-pagemagin .pagenavigation { order: 4;}
.view-tag .writerpic { margin: 20px 0; }
.view-tag .writername { margin-bottom: 20px; }
.writerpic { justify-content: center;  display: flex; position: relative; margin-top:20px;}
.writerpic::before { content: '';  background: url(/images/chasb.webp); display: inline-block;  position: absolute;  top: -15px;  width: 100px;  height: 32px;  background-size: 100px 32px;}
.view-article .writerpic img{  max-width: 250px;  border-top: 20px solid #f4f4f4;  border-left: 20px solid #f4f4f4;  border-right: 20px solid #f4f4f4;  border-bottom: 70px solid #f4f4f4;}
.view-category .writerpic img{  max-width: 150px;  border-top: 10px solid #f4f4f4;  border-left: 10px solid #f4f4f4;  border-right: 10px solid #f4f4f4;  border-bottom: 30px solid #f4f4f4;}
.com-content-article .writerdesc { margin-bottom: 30px; color:#d7d7d7;}
.view-category .writerpic { margin:10px 0; }
.view-category .writerpicside { margin: 0px auto 10px; }
.view-category .writerdesc { display:none; }
.com-tags-tag__category .writerdesc  { padding: 1em; }
.view-category .writername  { margin-bottom:10px; }
.writername .field-label { display:none; }
.view-category .writerpicside img { border-radius: 10px;}
#search-results { margin-bottom:30px; }
#searchbox {  margin: 0;  position: absolute;  left: 0;  z-index: 3;  width: 0;  max-width: 250px;  overflow: hidden;  transition: all 1s ease-in-out;}
#searchbox.open { width: 100%; }
#searchbox input { padding: 4px 5px;  border-radius: 0;  border-top: 0;  border-bottom: 0;} 
#searchbox .btn { font-size:0; padding:0; background:#2260b3; }
#searchbox .btn:hover { background:#fff; }
#searchbox .btn:hover span{ color:#2260b3 }
#searchbox .btn span{ font-size:13px; padding:0 8px; color:#f4f4f4; margin:0; }
.awesomplete { flex: 1; }

.result__taxonomy .result__taxonomy--Type, .result__taxonomy .result__taxonomy--Author, .result__taxonomy .result__taxonomy--Language { display:none; }

.result__taxonomy .result__taxonomy--Category { margin-right:0; }

.magin figure {  text-align: center; }
.magin figure img {  max-width: 700px; width:100%;}
.itemid-208 figure { margin:0; }
.itemid-208 .com-content-article__body,.itemid-241 .com-content-article__body { margin-top:0; }
body .blog-item .item-image { margin:0; }
.blog-item figure { margin:0; }

.salebanner { background: #b33828;  padding: 5em 1em;  color: #f4f4f4;  text-align: center; margin-bottom:50px; }
div#n2-ss-3 .n2-ss-slider-3 { justify-content: center; }

.n2-ss-slider-2 { border-radius: 0 0 10px 10px !important; }

#botallbox{  text-align: center;  padding: 1em;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; overflow-x: auto; scrollbar-width: thin;
  scrollbar-color: #b33828 #f4f4f4; margin: 0 0 50px;}

.moduletable.discussion {  width: 360px;}

.discussion .mod-articlesnews__item {display: flex;grid-gap: 1em;  flex-direction: column;  padding: 0 2em; height: 100%; }

.moduletable.discussion .newsflash { padding-top: 76px;  position: relative;  border-right: 1px solid #b33828;  margin: 0 1em; height:100%; }

.discussion .mod-articlesnews.newsflash::before { content: '';  width: 100%;  height: 1px;  display: block;  background: #b33828;  rotate: -10deg;  position: absolute;  left: 3px;  top: 28px; }

.discussion .mod-articlesnews.newsflash::after {  content: '';  display: inline-block;  background: url(/images/virgoolred.webp);    background-size: auto;  width: 30px;  height: 60px;  background-size: 30px 60px;  position: absolute;  top: 3px;  left: 10px; rotate: 22deg;}

.discussion h4 { font-size: 16px; }
.discussion .readmore { margin-top: auto; }
.discussion .readmore a { font-size:11px; }

figure img { width:100%; max-width:700px; }

.blog-items.masonry-6 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em;}

body .osm-addon-container input#amount { padding:0.5em; }
#osm_login_form > h2 { margin-bottom:30px;}
#osm-forgot-username-password ul{ display: flex;  flex-direction: column;  grid-gap: 1em;  border: 0;  background: transparent;  box-shadow: none;  border-bottom: 1px solid #c7c7c7;  margin-bottom: 50px;}
#user-registration legend, #user-registration legend { margin: 20px 0;  font-size: 16px;  text-align: center;}

.item-238, .item-239 { display:none;}
.mod-login__options { text-align:center; }
#login-form-138 { padding: 1em; }

#osm-plans-list-columns > .row.clearfix { justify-content: center;}
.osm-item-description-text { display: inline; }

body.magin.white { background:#fefefe; }

.magin.white .page-header h1 { color: #2260b3; border-color: #c7c7c7;}

.itemid-102 .com-content-category-blog__children.cat-children {display: flex;justify-content: space-around;}

.itemid-102 .com-content-category-blog__children.cat-children a { display: block; padding: 30px; border: 1px solid #c7c7c7; border-radius: 10px; margin: 20px; }

body.magin.red { background:#b33828; }

#activemenu .item-242 { display: block; padding:0; }
#activemenu .item-242 > a { display: none; }
#activemenu .item-242 > ul { display: block; padding:0;}


.itemid-102 #activemenu li.item-242.active.deeper > a {
  display: block;
}

/******************** RESPONSIVE **********************/
@media screen and (min-width:450px) {
.moduletable.cover img { max-width: auto;width: auto;margin: 10px; height:286px;}
}

@media screen and (min-width:600px) {
.moduletable.cover img { max-width: 256px;width: 100%;margin: 10px; height: auto; }
.n2-ss-slider-3 {aspect-ratio: 1 / 1; }
.quick ul { grid-template-columns: 1fr 1fr 1fr 1fr;}
.quick ul li a { padding: 4em 1em; }

.topstory ul li { flex-direction:row; }
.topstory ul li > a { max-width: 240px; }
.container-sidebar-right{  border-left: 0;  }
.quick ul li a { min-height: 154px; }
.topstory .mod-articlescategory.category-module.mod-list li + li { width:50%; }
.com-tags-tag__category { grid-template-columns: 1fr 1fr;}
.blog-items.masonry-6 { grid-template-columns: 1fr 1fr 1fr;}
}

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

.magin .com-content-article .fields-container { 
 display: flex;
  grid-gap: 2em;
  margin: 0 auto 20px auto;
  justify-content: center;
  align-items: center;
  text-align: justify;
flex-direction: row-reverse;
 }

.magin.itemid-198 .com-content-article__body {
  margin-top: 50px;
  display: flex;
  grid-gap: 2em;
  max-width: 1000px;
}
.topstory ul li { border-bottom:0;}
.topstory ul li:nth-child(1) { border-bottom:1px solid #c7c7c7;}
.topstory ul li > a { max-width: 350px; }
#DeskMenu { display:grid; }
.view-article .writerpicside { position: absolute;  max-width: 100px;         margin-right: -99px;
        right: 0;
        top: 20px; }
.view-article.magin .tags li {  top: 0px;  transform: translateX(-99%); }
.view-article .tags li a.btn { border-radius: 10px 0 0px 10px; }
.writerpicside img { border-radius: 0 10px 10px 0;  }
.magin .page-header h1, .magin .com-content-article > .page-header h2, .magin .tag-category > h1 {  font-size: 5vw;}
.maintopbox .moduletable h3 { font-size: 16px; }
.n2-ss-slider-3 {aspect-ratio: inherit; }
.magin .page-header h1, .magin .com-content-article > .page-header h2, .magin .tag-category > h1 {  font-size: 4em; }
}

@media screen and (min-width:900px) {
.dj-slide {  max-height: 430px !important;}
.container-header {  border-bottom: 0;}
.itemid-123 .maintopbox { flex-direction:row;}

.moduletable.titles ul {  display: flex;  flex-direction: row;  justify-content: space-evenly; }
body .container-header .mod-menu > li + li { margin:0; }
.blog-items.masonry-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.com-tags-tag__category { grid-template-columns: 1fr 1fr 1fr 1fr;}
}