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

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

*, ol, ul, li,p {padding:0; margin:0; transition:all 0.3s ease;}

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

::-webkit-scrollbar-thumb {
    background: #de9e36;
    -webkit-border-radius: 1ex;
scrollbar-width: thin;
}

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

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

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

html { scrollbar-color: #f1f1f1 #171715;scrollbar-width: thin; background:#171715;}
body {font-family: 'iransans', arial !important; background-color:#171715; color:#e6e6e6; font-size:13px;}
body .site-grid { padding-top:100px; }
body.noScroll, html.noScroll {  overflow-y: hidden; }
body.wrapper-fluid.itemid-101 .site-grid {  grid-gap: 0 0; padding-top:0}
body.itemid-101 .site-grid main { background-color:#de9e36;  text-align:center; }
.site main { margin-top:0; padding-bottom:50px; }
body.wrapper-fluid .site-grid { grid-gap:0 1em; }

h1,h2,h3,h4,h5,h6 { font-family: iransans; margin:0;}
a,a:not([class]) { color:#de9e36; text-decoration:none; }

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

.container-header { background: transparent;position: absolute !important;width: 100%;top: 0;left: 0; display:flex; justify-content: space-between; padding:0 1em;flex-direction: row; border-bottom:1px solid #333;}

body.site .container-header .grid-child { max-width:auto; margin:0; padding:0;}

.brand-logo img {  max-width: 40px; }

.container-header .navbar-brand {
  display: flex;
  grid-gap: .3em;
  justify-content: center;
  align-items: center;
}

.titrtop h2 { font-size:15px; font-weight:normal; }

.Dbox{ }
.Dbox div { }

.Dbox div:nth-child(1) { }
.Dbox div:nth-child(2) { transform: rotate3d(0, 1, 0, 60deg);  background-color: pink;}
.Dbox div:nth-child(3) { }
.Dbox div:nth-child(4) { }


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



@-webkit-keyframes colorful {
  0% {
    color: #de9e36;
  }
  20% {
    color: #ff595e;
  }
  40% {
    color: #ffca3a;
  }
  60% {
    color: #8ac926;
  }
  80% {
    color: #1982c4;
  }
  100% {
    color: #de9e36;
  }
}
@keyframes colorful {
	0% {
    color: #de9e36;
  }
  20% {
    color: #ff595e;
  }
  40% {
    color: #ffca3a;
  }
  60% {
    color: #8ac926;
  }
  80% {
    color: #1982c4;
  }
  100% {
    color: #de9e36;
  }
}


#mod-custom109 { color:#f2f0ed; }

#mod-custom109, #mod-custom118 {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.itemid-101 .container-header {
    animation: myAnime ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#mod-custom112 div.beautyinfo {
    animation: fadeInAnimation ease 3s;

    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
25% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes myAnime {
    0% {
        opacity: 0;
    }
25% {
        opacity: 0;
    }
50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

.fullred { }

.formContainer input:focus, .formContainer textarea:focus { border-color:#de9e36; }

/******** Menu **********/

.headover { position: absolute;
inset: 0;
background: rgba(23,22,20,.01);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
pointer-events: none;
transition: all .3s;
z-index: 3;}

.itemid-101 .headover, .itemid-112 .headover { background:rgb(6 5 3 / 94%);}


#MainMenu.nav a{  height: 100%;  display: block;  padding: 23px 15px;}
.container-header .mod-menu {  display: flex;   flex-direction: column;z-index: 4; max-width: 600px;background: #171715;margin: 10px;border-radius: 0 50px 50px 50px;flex: none;transition: all 0.5s ease-in-out; width: 100%;max-width: 0;height: auto;max-height: 0;margin-inline-start: auto;}
.container-header .mod-menu > li { padding:0; flex:1;}
.item-content {  text-align: center;}

#MenuHolder #MainMenu li::after { display:none; }

#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;}
#MenuHolder.open {  visibility: inherit; }

#MenuHolder.open #MainMenu {max-width: 95%;max-height: 600px;transition-delay: .3s; }

#MenuHolder #MainMenu a {  display: flex;width: 100%;height: 100%;align-items: center;justify-content: center; opacity:0; font-size:2rem; color:#e6e6e6; visibility:hidden;}
#MenuHolder #MainMenu a:hover, #MenuHolder #MainMenu li.active a { color:#de9e36;}
#MenuHolder.open #MainMenu a {  opacity: 1; visibility:inherit; }

#MenuHolder.open #MainMenu li:nth-child(1) a { transition-delay: 0.6s, 0.2s; transition-property: opacity,color;}
#MenuHolder.open #MainMenu li:nth-child(2) a { transition-delay: 0.7s, 0.2s; transition-property: opacity,color;}
#MenuHolder.open #MainMenu li:nth-child(3) a { transition-delay: 0.8s, 0.2s; transition-property: opacity,color;}
#MenuHolder.open #MainMenu li:nth-child(4) a { transition-delay: 0.9s, 0.2s; transition-property: opacity,color;}
#MenuHolder.open #MainMenu li:nth-child(5) a { transition-delay: 1s, 0.2s; transition-property: opacity,color; animation: colorful 15s infinite;}
#MenuHolder.open #MainMenu li:nth-child(6) a { transition-delay: 1.1s, 0.2s; transition-property: opacity,color;}

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

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


/*********** Nav icon *************/

/* nav-icon-1 */

#navicon{
  width: 33px;
  height: 30px;
  position: relative;
  transition: .1s;
  margin: 12px 0 0;
  cursor: pointer;
  display: block;
  z-index:101;

}
#navicon span{
  width: 5px;
  height: 5px;
  background-color: #de9e36;
  display: block;
  border-radius: 10%;
  position: absolute;

}
#navicon:hover span{
  transform: scale(1.2);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}
#navicon span:nth-child(1){
  left: 0;
  top: 0;
}
#navicon span:nth-child(2){
  left: 12px;
  top: 0;
}
#navicon span:nth-child(3){
  right: 0;
  top: 0;
}
#navicon span:nth-child(4){
  left: 0;
  top: 12px;
}
#navicon span:nth-child(5){
  position: absolute;
  left: 12px;
  top: 12px;
}
#navicon span:nth-child(6){
  right: 0px;
  top: 12px;
}
#navicon span:nth-child(7){
  left: 0px;
  bottom: 0px;
}
#navicon span:nth-child(8){
  position: absolute;
  left: 12px;
  bottom: 0px;
}
#navicon span:nth-child(9){
  right: 0px;
  bottom: 0px;
}
#navicon.open{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);
}
#navicon.open span{
  border-radius: 10%;
  transition-delay: 200ms;
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);
}
#navicon.open span:nth-child(2) {
  left: 6px;
  top: 6px;
}
#navicon.open span:nth-child(4) {
  left: 6px;
  top: 18px;
}
#navicon.open span:nth-child(6) {
  right: 6px;
  top: 6px;
}
#navicon.open span:nth-child(8) {
  left: 18px;
  bottom: 6px;
}



/************* TABS ********************/

.topbox ul {    margin: 0px;    font-size: 14px;max-height: 550px;overflow-y: auto;padding: 1px 0px;}

.topbox .page-header h1{ font-size:1.2rem; }

.tabcontent li {  border-bottom: 1px solid #f1f1f1;  padding: 10px 6px 10px 70px;  position: relative;}

.tabcontent .mod-articles-category-category {  color: #fff;  font-size: 11px;  text-align: center;  position: absolute;  left: 6px;  border: 1px solid #d3d3d3;}

.tabcontent .mod-articles-category-category a {  padding: 0 3px;}

.tabcontent .mod-articles-category-category a:hover {  background-color: #e5383b;  color: #f7f7f7;text-decoration: none;}

.tabcontent .mod-articles-category-date {  font-size: 11px;  color: #B1A7A6;}


/* Style the tab */
.tab { display: flex; grid-gap: 1em;margin-bottom: 10px;}

/* Style the buttons inside the tab */
.tab button {  padding: 2px 10px;  background-color: transparent;  outline: none;  cursor: pointer;  transition: 0.3s;  font-size: 14px;  opacity: 0.4;  color: #de9e36;  flex: 1 1 auto;  border: 1px solid #de9e36; }

/* Change background color of buttons on hover */
.tab button:hover {  background-color: #de9e36;color:#161616;opacity:0.8;}

/* Create an active/current tablink class */
.tab button.active { background-color: #de9e36;  color: #161616;  opacity: 1;}}

/* Style the tab content */
.tabcontent {  display: none;  padding: 40px 12px;  border-top: none;margin-top:0;color:#FFFED5;}



/*********** 101 ******/

.itemid-101 .grid-child.container-component {  padding-top: 59px;animation: myAnime ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;}


/**** 107 ****/

body.wrapper-fluid.itemid-107 .site-grid { grid-gap:0 0; }

.itemid-107 { background:#de9e36; }
.itemid-107 .brand-logo img, .itemid-109 .brand-logo img  { filter: brightness(0%);}

.itemid-107 #navicon span, .itemid-109 #navicon span { background-color:#171715 ; }
.itemid-107 .moduletable.title h2 { font-size:7vw; color: #171715 ; line-height: 14vw;}

.itemid-107 #navicon.open span, .itemid-109 #navicon.open span { background-color:#de9e36; }

.itemid-107 .title { text-align:center; padding:0 1em; }

.itemid-107 .title #mod-custom118 { display:flex;  flex-direction:column;}

.itemid-107 .title #mod-custom118 img { max-width:600px; width:100%; }



.itemid-109 { background:#f2f0ed;}
.itemid-109 .item-page .page-header h1 {  color: #171715 ; border-color:#171715 ; padding:40px 0 10px; margin-bottom:0; border-bottom:0; font-family:iransans, tahoma;}

.itemid-109 main svg { color:#171715 }

.itemid-109 .com-content-article__body { max-width:600px; margin:0 auto; }

.com-content-article__body { line-height:30px; }
.com-content-article__body img { max-width:700px; margin:20px auto; display:block; width:100%;  }
.insights .com-content-article__body h5 {
border-top: 1px dashed #3e3e3e;
padding-top: 30px;}

#userForm label { color: #171715;}
.btn-primary, #submit { background-color: #171715;  border:2px solid #171715;}
#submit {  width: 100%;  }
.btn-primary:hover, #submit:hover { background-color:transparent; color:#171715; border-color: #171715;}

#submit2 {  background-color: #171715;  border:2px solid #171715; margin-bottom:30px;}
#submit2:hover { background-color:transparent; color:#171715; }

.view-article.Artist .mod-breadcrumbs li:last-child { display:none;}

/******* HOME ********/

.itemid-101 .moduletable.title { height:100vh;position:relative;margin-top: 200px;}
#mod-custom109, #mod-custom118 { height: 100%; }
.itemid-101 .moduletable.title h2 { font-size:9vw; position:absolute; bottom:40px; right:0; max-width:82%;}
.moduletable.title .smallertxt { font-size: 6vw; }


.homeworks {  display: grid;grid-template-columns: 1fr;grid-gap: 1em;text-align: center;font-size: 1.1em;color: #1d1d1d;}
.homeworks svg {  width: 100%;  min-height: 100px;}


.btn.orange { background: #de9e36; color:#1d1d1d; border-color:#de9e36; margin-top:100px;}
.btn.orange:hover { color:#de9e36; border-color:#de9e36; background:transparent;}


/**** ABOUT ****/


body.itemid-101 .site-grid main .item-page { padding: 0 2em; }
div#about { position:relative; }

.desert{  height: 50vh;  display: flex;  justify-content: center;  align-items: center; background-size: cover;
background-position: center center; 
background: url(/images/persiandesert.webp);
background-repeat: no-repeat;}

body.itemid-107 { color:#171715; }

.servicesintro {  font-size: 1.7em;  margin: 100px 0 50px 0;  text-align: justify;  max-width: 800px;  line-height: 45px; padding:0 1em;}
.serviceswhyus { background:#171715; color:#f2f0ed; padding:2em 1em;}
.serviceswhyus h4 { text-align:center; }
.serviceswhyus h5 { color:#de9e36; }
.serviceswhyus > div {  display: flex;justify-content: space-between;margin: 40px 0; flex-direction:column;grid-gap: 3em;}
.servicesdd > div {  display: flex;justify-content: space-between;margin: 40px 0; flex-direction:column;grid-gap: 3em;}
.servicesdd > h2 {font-size: 3.5em;padding: 40px 0;}

.servicesdd > div ul { list-style-type: square;display: block;padding: 26px;box-sizing: content-box;line-height: 36px;font-size: 1em;}

.servicesdd > div ul li { }
.servicesdd > div h4{ font-size: 1.5em; }

.servicesdd {  border-top: 4px dashed #1717153b; padding:0 1em;}

.servicespower { padding:0 2em; }

.serviceswhyus > div > div {  flex: 1;}

.neyOverview { border-bottom: 2px dashed #282828;padding-bottom: 50px;}
.neyOverview > div { display: flex;flex-wrap: wrap;}
.neyOverview > div p:nth-child(1){ font-size:5rem;}
.neyOverview > div p:nth-child(2) { color:#de9e36; padding: 24px 10px 0 0;}
.neyOverview > div p:nth-child(3){ flex-basis:100%;}

/****** PROJECTS *******/
.n2-ss-slider .n2-ss-text {  font-family: 'iransans', arial !important; font-size: 1.5rem !important; padding: 0 0 10px 0;}
.n2-font-b20bd2e637221dfaf92c729a6979e9ea-paragraph {  font-family: iransans !important;font-size: 0.9rem !important;border-top: 1px solid #fff !important;padding: 10px 0;}
.n2-style-fd38549eee9ab23b7211fa4859786f10-heading.n2-ow {  background: transparent !important; border: 2px solid #df9e36 !important; padding: 5px 35px !important;}
.n2-style-fd38549eee9ab23b7211fa4859786f10-heading.n2-ow:hover { background:#df9e36 !important; color:#000 !important; }
.category-desc { background-color:#de9e36; padding-top: 20px; font-size: 15px;}
.Projects { text-align:center; }
.Projects .mod-articlesnews__item figure, .com-content-category-blog__items .blog-item figure{
  opacity: 0.7; }
.Projects .mod-articlesnews__item:hover figure, .com-content-category-blog__items .blog-item:hover figure { filter: none;
  opacity: 1;}
.Projects .newsflash, .com-content-category-blog__items[class*=" masonry-"]  {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 4em; text-align: right; }


.Projects > h3, .contactbox > h3, .blog > .page-header h1, .blog >h1, .item-page .page-header h1, .layout-blog.works .page-header h1, .layout-blog.insights .page-header h1 {
  text-align: center;
  padding: 40px 0;
  border-bottom: 1px solid #de9e3645;
  margin-bottom: 40px;
  color: #de9e36;
} 

.Titr {
  text-align: center;
  padding: 40px 0;
  border-bottom: 1px solid #de9e3645;
  margin-bottom: 10px;
  color: #de9e36;
} 


.blog-items[class*=" masonry-"] .blog-item {  padding: 0;  display: grid;  grid-template-columns: 1fr;}

.blog-items[class*=" masonry-"] .page-header h2 { font-size:14px; }



body .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls { position:relative; margin-top:10px; }

.qabox a { font-size:11px; }

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

#contact { background-color:#000;}

.contactbox { width:100%; }

.contactbox #mod-custom112, .contactboxin { text-align: center;
font-size: 1.2rem;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
grid-gap: 1em;}

.contactboxin { margin:20px 0; }

.contactbox svg, .contactboxin svg { width: 100%;
height: 56px; }

.contactbox svg:hover, .contactboxin svg:hover { opacity:0.8; }


.view-article.layout-blog .com-content-article__body > p:nth-child(1){text-align: center;font-size: 1rem; border-bottom: 1px solid #444; padding: 0 0 20px; margin-bottom: 38px;}

/**** HOVERBOX ****/

.hoverbox { display: flex;justify-content: space-around;}

.hoverbox div {  height: 100px;  width: 100px;  position: relative;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  will-change: transform;flex-direction:column;padding: 0 5px 5px;font-size:11px;}

.hoverbox div::before,
.hoverbox div::after {  position: absolute;  top: 0;  left: 0;  content: '';  display: block;  background-color: #353535;  transition: all 250ms ease-in-out;}

.hoverbox div::before {  width: 2px;  height: 100px;  box-shadow: 98px 0 #353535;}

.hoverbox div::after {  height: 2px;  width: 100px;  box-shadow: 0 98px #353535;}
.hoverbox div:hover::before {  left: -10px;  box-shadow: 118px 0 #b7b7b7;background-color: #b7b7b7;}

.hoverbox div:hover::after {  top: -10px;  box-shadow: 0 118px #b7b7b7;background-color: #b7b7b7;}
.hoverbox svg {  width: 50px;  height: auto;  display: block;  margin: 15px auto;}

.SampleWorks > div{ padding-bottom:40px; }


/*** FOOTER ***/

 .itemid-109 * + p { margin:0;}

.footer .grid-child {display: grid; grid-template-columns: 1fr;  border-top:2px dashed #313131; padding-top:20px; margin-top:30px;}

.container-footer { background:#171715; }

.container-header .mod-menu > li + li { margin:0; }
.footercopyright {  font-size:11px; font-family: 'Rajdhani', sans-serif; }

.footercopyright a:hover { color:#de9e36; }

.footercopyright .mod-custom{  display:flex; direction:ltr; justify-content:space-between; border-top:2px dashed #313131; padding-top:20px; margin-top:30px;}

.footermenu {  border-top:2px dashed #313131; padding-top:20px; margin-top:30px;}

.footerinfo span{ font-size:.5em; margin-bottom:30px; display:block;}
.footerinfo p{ font-size:2em; }

.footermenu a { color:#fff; font-size:2em; }
.footermenu a:hover, .footermenu .active a { color:#aaa; }

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

.Projects .mod-articlesnews__item p {font-size: 10px;
  display: none; }

.mod-breadcrumbs.breadcrumb {
  text-align: center;
  justify-content: center;
  grid-gap: .3em;
}

.breadcrumb-item + .breadcrumb-item {
  padding-right:0;
}

.breadcrumb-item + .breadcrumb-item::before { padding-left:5px;}



.itemid-101 .Projects .mod-articlesnews.newsflash {
  grid-gap: 3em;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #de9e36 #de9e361c;
  padding: 1em 1em 3em;
  display: flex;
}
.itemid-101 .Projects .mod-articlesnews.newsflash .mod-articlesnews__item {
  min-width: 70px;
  max-width: 100px;
  opacity: 0.7;
}
.itemid-101 .Projects .mod-articlesnews.newsflash .mod-articlesnews__item:hover { opacity:1; }

.itemid-101 .Projects > h3 {
  font-size: 13px;
  padding: 0;
  display: none;
}


.itemid-101 .Projects .mod-articlesnews.newsflash .mod-articlesnews__item .newsflash-image {
  margin: 1em 0;
}
.itemid-101 #mod-custom139 {
}
.itemid-101 #mod-custom139 > div:nth-child(2) {
}
.itemid-101 .tab {
  padding: 10px 10px 0;
}
.itemid-101 .moduletable {
  margin-top: 0;
}

#mod-custom138{
  text-align: center;
  padding: 3em 0;
  border-bottom: 1px solid #333;
}


#mod-custom144 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  border-style: solid;
  border-width: 0px 2px 2px 2px;
  border-radius: 0px 0px 80px 80px;
  box-shadow: 13px 0 15px -12px rgba(0, 0, 0, .3);
  transform: translateY(50%);
  position: relative;
  min-height: 56px;
min-width:200px;
}
#mod-custom144 p { text-align:center; }
#mod-custom144 ul {
  display: grid;
  margin: 5% 3%;
  list-style: none;
  padding: 4em 2em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  border-width: 2px 0px 0 0px;
  border-style: dotted;
  border-radius: 50px 50px 0px 0px;
  overflow-x: auto;
scrollbar-width: thin;
  scrollbar-color: #de9e36 #d7d7d7;
}
#mod-custom144 li::before {
  content: '';
}
#mod-custom144 li svg {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  background: #171715;
  border: 2px solid;
  border-radius: 20px;
  padding: 0.9em;
  transform: translate(40%, -63%);
z-index:1;
}

#mod-custom144 li:nth-child(2n) svg {
  transform: translate(40%, 0%);
}

#mod-custom144 li:nth-child(2n) {
  border-width: 2px 2px 0px 2px;
  border-radius: 80px 80px 0px 0px;
  transform: translateY(-50%);
}


#mod-custom144 li:nth-child(2n) .agilecontent {
  padding-top: 20px;
}

#mod-custom144 li:nth-child(2n) .agilecontent {
  padding-top: 20px;
}

#mod-custom144 li .agilecontent {
  padding-top: 20px;
}

#mod-custom144 li:nth-child(1) svg {
  transform: translate(45%, -130%);
}

#mod-custom144 ul::before {
  content: '';
  position: absolute;
  top: -26px;
  left: 3%;
  font-size: 39px;

-webkit-animation: arrowright 3s infinite;  animation: arrowright 3s infinite;  opacity: 0;

}


@-webkit-keyframes arrowright {
  0% {
    opacity: 0;
left:6%;
  }
  10% {
    opacity: 1;
left:14%;
  }
20% {
    opacity: 0;
left:22%;
  }
30% {
    opacity: 1;
left:30%;
  }
40% {
    opacity: 0;
left:38%;
  }
50% {
    opacity: 1;
left:46%;
  }
60% {
    opacity: 0;
left:54%;
  }
70% {
    opacity: 1;
left:62%;
  }
80% {
    opacity: 0;
left:70%;
  }
90% {
    opacity: 1;
left:78%;
  }
  100% {
    opacity: 0;
left:86%;
  }
}
@keyframes arrowright {
  0% {
    opacity: 0;
left:6%;
  }
  10% {
    opacity: 1;
left:14%;
  }
20% {
    opacity: 0;
left:22%;
  }
30% {
    opacity: 1;
left:30%;
  }
40% {
    opacity: 0;
left:38%;
  }
50% {
    opacity: 1;
left:46%;
  }
60% {
    opacity: 0;
left:54%;
  }
70% {
    opacity: 1;
left:62%;
  }
80% {
    opacity: 0;
left:70%;
  }
90% {
    opacity: 1;
left:78%;
  }
  100% {
    opacity: 0;
left:86%;
  }
}



#mod-custom144 li:nth-child(2n) > svg {
  left: 0;
  right: inherit;
  transform: translate(-43%, -5px);
}

.itemid-101 .moduletable.tabbox {
  padding: 2em 0;
}
.moduletable.titlemiddle { text-align:center;  padding: 4em 0 0; border-top: 1px solid #333;}

#mod-custom144 li:last-child::after {
  content: '';  border-bottom: 2px dotted #fefefe;  width: 100%;  min-height: 56px;  position: absolute;  top: 42%;  border-radius: 0 0 50px 50px;}


.itemid-112 .com-content-category-blog__items.blog-items {
  text-align: right;
}
.itemid-112 .com-content-category-blog__items.blog-items .item-content {
  text-align: right;
}
.itemid-112 .page-header h2 {
  font-size: 15px;
}
.itemid-112 .com-content-category-blog__items.blog-items .blog-item {
  border-bottom: 1px solid #333;
  padding-bottom: 1em;
}

.moduletable.insightsbox {
  text-align: center;
padding: 0 1em;
}

.moduletable.insightsbox > h3{
 font-size: 18px;
  padding: 1em 0;
  border-bottom: 1px solid #333;
  margin-bottom: 1em;
  display: inline-block;
}
/************ RESPONSIVE ************/

@media screen and (min-width:600px) {
.brand-logo img {  max-width: 60px; margin:0; }
#mod-custom118 > div:nth-child(1) { max-width:50% }
#mod-custom118 > div:nth-child(2)  { flex: 1; text-align:center; }
.servicesdd > div h4{ font-size: 2.5em; }
.servicesdd > div ul { font-size: 1.2em;}
.servicesdd > div, .serviceswhyus > div { flex-direction:row; }
.servicesdd > h2 {font-size: 4.5em;}

#MenuHolder.open #MainMenu {max-width: 400px;}
#navicon{
  width: 31px; }

#MainMenu.nav a{  padding: 23px;}
.container-header { padding:0.5em 2em; }

.homeworks div {  padding:7%;}

.hoverbox div {width: 150px;}
.hoverbox div::before {box-shadow: 148px 0 #353535;}
.hoverbox div::after {width: 150px;}
.hoverbox div:hover::before {box-shadow: 168px 0 #b7b7b7;}

.itemid-107 .title { text-align:right; }

.itemid-107 .moduletable.title h2 { font-size:5vw; line-height:8vw; }
.footercopyright {  grid-column-start: 1;  grid-column-end: 3; }
.footer .grid-child {grid-template-columns: minmax(0, 1fr) auto; }
.footermenu {  border-top:0; padding-top:0; margin-top:0;}
}

@media screen and (min-width: 900px) {
.itemid-112 .com-content-category-blog__items.blog-items {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap:3em;
}
.itemid-101 .Projects .mod-articlesnews.newsflash .mod-articlesnews__item {
  min-width: 110px;
  max-width: 110px;}
.itemid-101 .Projects .mod-articlesnews.newsflash { grid-gap:8em; padding: 4em 20px;}
.titrtop h2 { font-size:24px; }
.container-header .navbar-brand {  display: flex;  grid-gap: 1em;}
.itemid-101 .grid-child.container-component {  padding-top: 84px;}
body.wrapper-fluid .site-grid { grid-gap:0 2em; }
.itemid-107 .title #mod-custom118 { flex-direction:row;}
.view-article.layout-blog main figure{  display: block;  max-width: 600px;  margin: 0 auto 40px; float:none;}
.n2-ss-slider .n2-ss-text {  font-size: 2.5rem !important;}
.n2-font-b20bd2e637221dfaf92c729a6979e9ea-paragraph {  font-size: 1.2rem !important; }
.Projects .newsflash,  .com-content-category-blog__items[class*=" masonry-"]  {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 7em; }
.homeworks svg {  min-height: 200px;}


.qabox {  display: flex;  flex-wrap: wrap;  grid-gap: .5em 1em;  justify-content: space-between;}

.qabox a {  border: 1px dashed;  padding: 3px 8px;}

.qabox a:hover { background:#de9e36; color:#313131; }

span.caption { font-size:10px; color:#515151; text-align:center; margin:0 auto; display:block; }

.homeworks {  grid-template-columns: 1fr 1fr 1fr;grid-gap: 2em;}
}

@media screen and (min-width: 1100px) {
.view-article.layout-blog.works main figure{ margin-left: 20px; float:right;}
}

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

.Projects .newsflash,  .com-content-category-blog__items[class*=" masonry-"]  {grid-gap:10em; }
.category-desc h2 { font-size:5vw;}
.category-desc .smallertxt { font-size: 3vw; }
.homeworks svg {  min-height: 400px;}
}