@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&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-display: swap; }




*, ol, ul, li,p {padding:0; margin:0;}

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

::-webkit-scrollbar-thumb {
    background: #bb3b3e;
height: 2px;
    -webkit-border-radius: 0;
}

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

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

::selection {
  color: #171715;
  background: #bb3b3e;
}

html { scrollbar-color: #ca383e #171715;scrollbar-width: thin; background:#000000;}
body {font-family: 'iransans', arial; background:url(/images/grid.webp) repeat; font-size:13px;background-size: 53px;  background-position: 22px 1px; animation: fadeInAnimation ease 2s;    animation-iteration-count: 1;    animation-fill-mode: forwards;}
body.wrapper-fluid .site-grid { grid-gap: 0em; transition-duration:0.7s; text-align: justify;  line-height: 23px; color:#d9d9d9; padding-top:5em;}
body.wrapper-fluid .site-grid .com-content-category-blog > .page-header, body.wrapper-fluid .site-grid .aboutTitle, .com-content-category-blog__item .item-content, .com-content-article .fields-container, .com-content-article__body, .pagenavigation, .aboutsinam { padding:0 1em;}
body.wrapper-fluid.home .site-grid { padding:0; }
.container-banner, .container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child { margin:0; }
html:lang(en) body { font-family: Roboto, sans-serif; }
body.noScroll, html.noScroll {  overflow-y: hidden; }
body.noScroll .site-grid { opacity:0; transition-duration:0.3s;}
li { list-style:none; }
html:lang(en) h1,html:lang(en) h2,html:lang(en) h3,html:lang(en) h4,html:lang(en) h5, html:lang(en) h6 { font-family: Roboto, sans-serif; margin:0;}
html:lang(fa) h1,html:lang(fa) h2,html:lang(fa) h3,html:lang(fa) h4,html:lang(fa) h5, html:lang(fa) h6 { font-family: iransans, sans-serif; margin:0;}
a,a:not([class]) { color:#de9e36; text-decoration:none; color:rgba(187,59,62,1.00);}

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

.container-header .navbar-brand { display:none; }

.about .page-header h1 { margin:20px 0 30px; line-height:35px;}
html:lang(fa) .about .page-header h1 { letter-spacing:3px;}
.item-pageabout.aboutdeep .page-header h1 { margin-bottom:40px; }
h2.aboutTitle { text-align: center;  color: #d9d9d9;  margin-bottom: 50px;  display: block;  margin-top:-15px;}
.aboutTitr {text-align: center;  margin: 20px 0;}
html .page-header h1, .com-content-category-blog h1, html .item-pageprojects .page-header h2, html .item-pageabout.aboutdeep .page-header h2 { letter-spacing:3px; font-size: 2rem;  font-weight: normal;  -webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 0.3px;  -webkit-text-stroke-color: #fff;  text-transform: uppercase;  line-height: 40px; text-align:center; margin: 20px 0 40px;}
html:lang(fa) .page-header h1, html:lang(fa) .projects .page-header h1 { letter-spacing: 4px; }

.sinamcofounders { text-align:center; display:flex; justify-content:center; }
.sinamcofounders img { width:50%; max-width:250px; }
.category-desc > img, .projects .category-desc img { display:none; }
.item-pageprojects .page-header:nth-child(2), .item-pageabout.aboutdeep .page-header:nth-child(2) { display:none; }
html:lang(en) .mod-breadcrumbs__divider { padding-right:5px; }
html:lang(fa) .mod-breadcrumbs__divider { padding-left:5px; }


.contactbox p { display: flex;
  text-align: left;
  align-items: center; }

@keyframes fadeInAnhtml:lang(fa) #MenuBox, html:lang(en) #MenuBoximation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes menusos {
    0% {
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.4;
     }
}

body.home #back-top {display:none;}

#sinambox .btn.jmodedit { display:none; }
/********** GLOBAL *************/

.item-content .page-header h2 { font-size:13px; }

.field-entry span { color:#cacaca; }

.breadcrumb { padding:0 !important; display: flex;  justify-content: center; margin-top:10px;}
.breadcrumb span.divider { color:#bb3b3e; }
/*********** ABOUT ************/

.aboutdeep .blog-items.masonry-3 { display: grid;  grid-template-columns: 1fr;}

.aboutmenu { z-index:3; }
.about main { z-index:2; }
.item-pageabout.aboutdeep main { text-align: center; }
.com-content-article {display:flex; flex-direction:column; text-align:center;}

.com-content-article .page-header { order:1; }

.com-content-article .com-content-article__links { order:6; }
.com-content-article figure { order:3;}
.com-content-article .com-content-article__body { order:5; }
.com-content-article .fields-container { order:4; text-align:center;}
.com-content-article #shrbtn { order:6; display: block;  margin: 0 auto;  cursor: pointer;  padding: 5px;}
.com-content-article .pagenavigation { order:7; }

#shrbtn svg {  width: 30px;  height: 30px;  padding: 5px;  color: #bb3b3e;}

.staffs .category-desc, .consultants .category-desc, .excellence .category-desc { text-align:center;}
.staffs .category-desc h3 { color:#bb3b3e; }
.staffs .category-desc h4, .about h4{ color:#bb3b3e; font-size:13px;}

.consultants h3 { color:#bb3b3e;}


/************ MENU *****************/
#sinambox {
  max-width: 56px;
  width: 100%;
  max-height: 49px;
  position: relative;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0;
transition:all 0.6s ease;
}



#sinambox.open {
  max-width: 358px;

max-height:360px;
  margin-top: 100px;
 grid-gap: 0.5em;
transition:all 0.6s ease;
}

#sinambox div {
  width: 5px;
  height: 5px;

border: 1px solid transparent;
  background-color: transparent;
box-sizing: content-box;
transition:all 0.6s ease;
}

#sinambox.open div {
  width: 37px;
  height: 37px;
transition:all 0.6s ease;
}

#sinambox div#sinambox3, #sinambox div#sinambox4, #sinambox div#sinambox5, #sinambox div#sinambox11, #sinambox div#sinambox12, #sinambox div#sinambox13, #sinambox div#sinambox19, #sinambox div#sinambox20, #sinambox div#sinambox21, #sinambox div#sinambox27, #sinambox div#sinambox28, #sinambox div#sinambox29, #sinambox div#sinambox35, #sinambox div#sinambox36, #sinambox div#sinambox37, #sinambox div#sinambox43, #sinambox div#sinambox44, #sinambox div#sinambox45 {
  border-color: #222222;
  background-color: #bb3b3e;
}




#sinambox div#overclosed {  position: absolute;  width: 100%;  height: 100%;  z-index: 1000;  cursor: pointer;}

#sinambox.open div#overclosed { position:fixed; left:0; top:0; z-index:1; cursor: zoom-out;}

#sinambox.open div#sinambox1 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.8s, 0.8s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox2 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1.1s, 1.1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox4 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.4s, 0.4s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox5 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.6s, 0.6s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox9 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1.2s, 1.2s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox12 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1.1s, 1.1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox13 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.3s, 0.3s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox17 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.4s, 0.4s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox20 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1.2s, 1.2s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox21 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.7s, 0.7s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox25 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.9s, 0.9s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox29 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.8s, 0.8s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox33 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.7s, 0.7s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox35 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1s, 1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox41 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.3s, 0.3s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox43 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox44 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.9s, 0.9s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox46 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.6s, 0.6s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox47 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 1s, 1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox48 {  border-color: #222222;  background-color: #bb3b3e;  transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color;}

#sinambox.open div#sinambox3 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox6 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox7 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox8 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox10 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox11 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox14 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox15 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox16 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox18 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox19 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox22 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox23 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox24 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox26 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox27 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox28 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox30 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox31 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox32 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox34 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox36 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox37 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox38 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox39 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox40 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox42 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }
#sinambox.open div#sinambox45 {transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color; }


#sinambox.open div#sinambox4 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.4s, 0.4s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox5 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0,6s, 0.6s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox12 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 1.1s, 1.1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox13 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.3s, 0.3s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox20 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 1.2s, 1.2s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox21 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.7s, 0.7s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox29 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.8s, 0.8s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox35 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 1s, 1s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox43 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.5s, 0.5s; transition-property: width, border-color, background-color;}
#sinambox.open div#sinambox44 {  border-color: transparent;  background-color: transparent;  transition-delay: 0s, 0.9s, 0.9s; transition-property: width, border-color, background-color;}

#sinambox .mod-menu {  position: absolute;  left: 0;  top: 0;  margin: 0 !important;  padding: 0;  box-sizing: content-box; width:100%; height:100%; z-index:2;}

.container-header #sinambox .mod-menu > li {  position: absolute;  list-style: none;  z-index: 1;  background-color: transparent;  text-align: center;  color: #fff;  transition: all 0.3s ease; padding: 0;}
.container-header #sinambox .mod-menu > li::after { display:none;}

#sinambox .mod-menu li a {  color: #191919;  font-size: 0px; transition: all 0.3s ease;  display: grid;  color: #fff;  text-align: center;  height: 100%;  text-decoration: none; opacity:0;  transition-delay:1s;  transition-property:opacity; text-transform: uppercase;  font-weight: bold;  letter-spacing: 2px;}

#sinambox .mod-menu li a

html:lang(fa) #sinambox .mod-menu li.item-117 a { letter-spacing: 0px; }

#sinambox.open .mod-menu li a { font-size:13px; opacity:1;}
#sinambox.open li:hover {  background-color: #000000c9;}
#sinambox li.active a, #sinambox li a:hover  { color:#bb3b3e; }

#sinambox li.item-102, #sinambox li.item-103{  left: 14px;  top: 0px;  width: 20px;  height: 6px;  z-index: 1;}
#sinambox li.item-117, #sinambox li.item-134{  left: 21px;  top: 6px;  width: 6px;  height: 16px; writing-mode: vertical-lr;}
#sinambox li.item-109, #sinambox li.item-126{  left: 14px;  top: 7px;  width: 6px;  height: 35px; writing-mode: vertical-lr;  margin-left: 0;  text-align: center;}
#sinambox li.item-122, #sinambox li.item-140{  left: 21px;  top: 36px;  width: 14px;  height: 7px;}


#sinambox.open li.item-102, #sinambox li.item-103{  left: 0px;  top: 0px;  width: 130px;  height: 39px;  z-index: 1;}
#sinambox.open li.item-117, #sinambox li.item-134{  left: 91px;  top: 46px;  width: 39px;  height: 84px;}
#sinambox.open li.item-109, #sinambox li.item-126{  left: 0;  top: 46px;  width: 39px;  height: 221px;}
#sinambox.open li.item-122, #sinambox li.item-140{  left: 273px;  top: 228px;  width: 85px;  height: 39px;}

#MenuBox {  animation: menusos 6s ease infinite;}
#MenuBox.opened { animation:none; }

html:lang(fa) #MenuBox, html:lang(en) #MenuBox {  overflow: hidden;  position: fixed;  transition: all 0.5s linear;  z-index: 1000;height: 43px;  width: 50px;  margin: 0 auto;  left: 44%;  top: 6px; direction: ltr;}
html:lang(fa) #MenuBox.opened, html:lang(en) #MenuBox.opened {  width: 100%;  height: 100%; left:0;top:0; transition: all 0.1s linear;}

.container-header .grid-child { padding:0;} 

li.item-117 a { display: flex;  text-orientation: upright;  width: 100%;  height: 100%;  text-align: center;  align-items: center;  padding-top: 7px; }
li.item-109 a { display: flex;  text-orientation: upright;  width: 100%;  height: 100%;  text-align: center;  align-items: center;  padding-top: 2px;  }
li.item-102 a { display: grid; width: 100%;  height: 100%;  text-align: center;  align-items: center;}
li.item-122 a { display: grid; width: 100%;  height: 100%;  text-align: center;  align-items: center;}


li.item-134 a { display: flex;  width: 100%;  height: 100%;  text-align: center;  align-items: center;  padding-top: 7px; justify-content: center;}
li.item-126 a { display: flex;  width: 100%;  height: 100%;  text-align: center;  align-items: center;  padding-top: 2px; justify-content: center; }
li.item-103 a { display: grid; width: 100%;  height: 100%;  text-align: center;  align-items: center; justify-content: center;}
li.item-140 a { display: grid; width: 100%;  height: 100%;  text-align: center;  align-items: center; justify-content: center;}

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



.projectmenu .collapse { justify-content: center; }

.projectmenu .collapse .metismenu.mod-menu .metismenu-item{ font-size:13px; }
.projectmenu .collapse .metismenu.mod-menu .metismenu-item a { text-decoration:none; }
.projectmenu .collapse .metismenu.mod-menu .metismenu-item button{  position: absolute;  width: 100%;  height: 100%;  justify-content: end; outline:none; color: #bb3b3e;}


html:lang(fa) .projectmenu .metismenu.mod-menu{ margin-right:-10px; }
html:lang(en) .projectmenu .metismenu.mod-menu{ margin-left:-10px; }

html:lang(fa) .projectmenu .metismenu.mod-menu .parent > ul { margin-right:-50px;background: #000;  padding: 5px;  border-top: 1px solid #bb3b3e;}
html:lang(en) .projectmenu .metismenu.mod-menu .parent > ul { margin-left:-75px;background: #000;  padding: 5px;  border-top: 1px solid #bb3b3e;}

.projectmenu .metismenu.mod-menu .parent > ul li { justify-content: center;}
.projectmenu .collapse:not(.show) { display:flex; }

html:lang(fa) .projectmenu .metismenu.mod-menu .mm-toggler::after { margin-left: 10px;  margin-right: 0;}
html:lang(en) .projectmenu .metismenu.mod-menu .mm-toggler::after { margin-right: 10px;  margin-left: 0;}

.projectmenu .navbar-toggler { display:none; }


body.projects #sinambox.open div#sinambox41, body.projects #sinambox.open div#sinambox33, body.projects #sinambox.open div#sinambox25, body.projects #sinambox.open div#sinambox17, body.projects #sinambox.open div#sinambox9, body.about #sinambox.open div#sinambox11, body.about #sinambox.open div#sinambox19, body.contact #sinambox.open div#sinambox47, body.contact #sinambox.open div#sinambox48, body.home #sinambox.open div#sinambox1, body.home #sinambox.open div#sinambox2, body.home #sinambox.open div#sinambox3 { background: #270c0d;  border-color: #270c0d; }

body.projects #sinambox.close div#sinambox43, body.projects #sinambox.close div#sinambox35, body.projects #sinambox.close div#sinambox27, body.projects #sinambox.close div#sinambox19, body.projects #sinambox.close div#sinambox11, body.about #sinambox.close div#sinambox12, body.about #sinambox.close div#sinambox20, body.contact #sinambox.close div#sinambox44, body.contact #sinambox.close div#sinambox45, body.home #sinambox.close div#sinambox3, body.home #sinambox.close div#sinambox4, body.home #sinambox.close div#sinambox5{ background: #270c0d;  border-color: #000; }



.abouttab{  display: flex;  flex-direction: row;  grid-gap: 1em;  justify-content: center;}

.abouttab li.current a { color:#bb3b3e; }
.abouttab a { color:#484848; }

.blog-items.masonry-3 { column-gap:3em; }
.blog-items { grid-gap:3em; }
.blog-item .item-content .page-header { text-align:center;  }
.blog-item .fields-container { text-align:center; }

.blog-item .fields-container li:nth-child(n+3) { display:none;}

body ul.sigFreeClassic { display:flex; grid-gap:0.5em; overflow:auto; justify-content: center; flex-wrap: wrap;}
.sigFreeClear { display:none; }

.btn-secondary { background:transparent; color: #bb3b3e;  border-color: #bb3b3e;  border-radius: 0;}
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active { background:#bb3b3e; color: #000; border-color: #bb3b3e;}

figure.item-image { max-width:600px; margin:0 auto; }
.item-pageprojects .fields-container { margin: 30px 0 20px; }

.com-content-category-blog__navigation { display: flex;  flex-direction: column-reverse;text-align: center; margin: 50px 0 20px;}
ul.pagination { display: flex;   justify-content: center; grid-gap:1em; margin:0;}

ul.pagination li a { background: transparent; border-color:#bb3b3e; color:#bb3b3e; }
ul.pagination li.disabled {  background: transparent;}
ul.pagination li.disabled span { background: transparent; border-color:#bb3b3e;}
ul.pagination li.active a, ul.pagination li a:hover { background:#bb3b3e; color:#000; border-color:#bb3b3e;}
.com-content-category-blog__counter { padding:0 !important; }

#back-top{  position: relative;  display: contents;  inset-inline-end: 0;  margin: 20px auto;  justify-content: center;  display: flex;  background: transparent;  border-radius: 0;}
#back-top:hover { border-color:#bb3b3e; background:#bb3b3e; color:#000;}

.whatwedo {  display: grid;  grid-template-columns: 1fr;  grid-gap: 4em;  justify-content: center;  text-align: center;  margin: 60px 0;}

.whatwedo div { }

.item-pageabout.aboutdeep .com-content-article__body { margin:30px 0;}
body.about .item-content { text-align:center; }
figure { filter: grayscale(100%); transition: all 0.3s linear;}
figure:hover, figure:focus { filter: none; }

/*********** CONTACT **************/

.MenuTop { z-index:2; font-size:10px; opacity:0; transition: all 0.3s linear; transition-delay:0.1s; position:absolute; top:15px; right:0px; color:#939393; display: flex;  justify-content: center;}
.opened .MenuTop { opacity:1; transition-delay:1s;}

.MenuBot { z-index:2; font-size:10px; opacity:0; transition: all 0.3s linear; transition-delay:0.1s; position:absolute; bottom:15px; left:10px; color:#939393;}
.opened .MenuBot { opacity:1; transition-delay:1s;}



.contactbox { grid-gap: 2em;  display: flex;  flex-direction: column; margin-bottom:30px;}

.contactbox img { margin-right:20px;  }
iframe { width:100%; }

div.mod-languages {  display: flex;  align-content: center;  align-items: center;}
div.mod-languages ul.lang-inline li { margin:0;}
div.mod-languages ul.lang-inline li a { display: block;}


body.home #sinambox div { width:9px; height:9px;}
body.home #sinambox { max-width: 78px;  max-height: 83px;}
.menutxt {display:none;
  color: #fff;
  margin: 0 auto;
  display: none;
  font-weight: bold;
  font-size: 11px;
  padding: 0 1px;
}
body.home .menutxt { display: table; }
body.home .opened #sinambox div { width:37px; height:37px;}
body.home .opened #sinambox { max-width: 358px;  max-height: 360px;}

body.home .opened .menutxt { display:none; }

html:lang(fa) body.home #MenuBox, html:lang(en) body.home #MenuBox { height: 84px; width: 76px; left: 40%;}
html:lang(fa) body.home #MenuBox.opened, html:lang(en) body.home #MenuBox.opened { height: 100%; width: 100%; left: 0;}

.itemid-103 main { display:none; } 

.itemid-165 .com-content-category-blog__items, .itemid-166 .com-content-category-blog__items { margin-top: 50px; }
.itemid-165 .item-content .page-header h2 { text-align: left; }
.itemid-166 .item-content .page-header h2 { text-align: right; }
/************ RESPONSIVE ************/

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

html:lang(fa) body.home #MenuBox {  right: 39.6%;  }
html:lang(en) body.home #MenuBox {  left: 40%;  }

.whatwedo {  grid-template-columns: 1fr 1fr 1fr;  }
.aboutdeep .blog-items.masonry-3 { grid-template-columns: 1fr 1fr;}
}

@media screen and (min-width:900px) {
html:lang(en) #MenuBox {  left: 48.3%;  }
html:lang(fa) #MenuBox { right: 43.8%; }
html:lang(fa) body.home #MenuBox {  right: 40%;  }
html:lang(fa) body.home #MenuBox.opened,html:lang(fa) #MenuBox.opened {right: 0;  }
 html:lang(en) body.home #MenuBox {left: 47.2%;  }
 html:lang(en) body.home #MenuBox.opened, html:lang(en) #MenuBox.opened {left: 0;  }
.about .page-header h1, .projects .page-header h1, .item-pageprojects .page-header h2, .item-pageabout.aboutdeep .page-header h2 { line-height:60px;}
body.wrapper-fluid .site-grid { grid-gap:0 1em; }
html:lang(fa) .page-header h1, html:lang(fa) .projects .page-header h1 { letter-spacing: 6px; }
html .page-header h1, .com-content-category-blog h1, html .item-pageprojects .page-header h2, html .item-pageabout.aboutdeep .page-header h2 { font-size: 4rem; letter-spacing:6px; line-height:60px; }
html:lang(fa) #sinambox .mod-menu li.item-117 a { letter-spacing: 2px; }
.aboutdeep .blog-items.masonry-3 { grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (min-width:1300px) {
.about .page-header h1 {  font-size: 4rem; }
html:lang(fa) .about .page-header h1 { letter-spacing:5px;}
.page-header h1, .projects .page-header h1{  font-size: 5rem; line-height:120px;}
html:lang(fa) .page-header h1, html:lang(fa) .projects .page-header h1 { letter-spacing: 8px; }
.item-pageprojects .page-header h2, .item-pageabout.aboutdeep .page-header h2 {  font-size:5rem; line-height:85px;}
}