html {
  scroll-behavior: smooth;
}
/* @import '@/assets/fonts/index.css'; */
body{
  background: var(--body-color);
  font-family: helvetica,sans-serif;
  position: relative;
  box-sizing: border-box;
  cursor: none;
    max-width: 100vw;
  user-select: none !important;
    overflow-x: hidden;
  margin: 0
}
body,*{
  user-select: none !important;
  cursor: none;
  box-sizing: border-box;
  margin: 0
}
.layout {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
        height: 100%;
}
.layout__navigation{
      font-size: 70px;
  position: fixed;
  top: 0;
  left: 0;
    z-index: 2;
  right: 0;
}
.layout__content {
    font-size: 75px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 1.3em;
}
.layout__footer {
    font-size: calc(20px + 4vw);
    margin-left: 1.3em;
}
.layout__animation{
  z-index: 0
}
span.tagsme {
    white-space: nowrap;
}
.slider_content_item_meta_category {
    flex-wrap: wrap;
}

@media (min-width: 1920px){
  .layout__content{
    align-self: center;
    font-size: 83.3px;
    width: 1500px;
    margin-left: 2.5em;
    margin-right: 1.5em;
  }
}
@media (max-width:1024px) {
.slider_content_item_meta_category span {
    margin-top: 0.5em;
}
  .layout__navigation{
        font-size: 50px;
      }
  .layout__content{
    margin-top: 2em;
    margin-left: 0;
    font-size: 50px;
  }
  .layout__footer{
    margin-left: 0
  }
}
@media (max-width:420px) {
  .layout__content{
    margin-top: 2em
  }
}

@media (max-width:350px){
  .layout__content {
    font-size: calc(100vw / 10);
 }
}
.slider_item_meta_filters {
    align-items: center;
}
@media (max-width:425px){
.slider_item_meta_filters span.cst_sas {
    margin-left: 0.5em !important;
}
span.filter_status_false {
    line-height: 1.2em !important;
}
.slider_item_filters{
    margin-top: 1em;
}
.slider_item_meta_filters .slider_item_filters:last-child {
    left: 35% !important;
}
}
.slider_item_home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    user-select: none;
    margin-right: .75em;
    margin-left: 0.375em;
    font-size: .8em
}
.slider_container_home {
    display: flex;
    height: 100%;
    z-index: 1;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.slider_item_home h1 {
    font-family: Montserrat;
    font-weight: 500;
    min-height: 1em;
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    color: #ffffff;
    width: fit-content;
    overflow: hidden;
    height: 1em;
}
.slider_item_home_underline {
    width: 100%;
    transform-origin: right;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 1.5em;
    display: flex;
}
/* .slider_item_home_stroke {
    margin-bottom: 1em;
} */
.slider_item_counter {
    font-family: Montserrat;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: .2em;
    line-height: 1em;
    text-align: right;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #666666;
}
.slider_item_text_home {
  margin-top: 2em;
    width: fit-content;
      font-family: Source Sans Pro;
      font-size: .25em;
      color: #727272;
      display: flex;
      max-width: 37%;
      align-self: flex-end;
      margin-right: 3em;
}
.slider_item_line_home {
    height: 1px;
    width: 98%;
    background: #3B3B41;
}
.slider_item_title_home_right{
    margin-right: -0.1em;
  align-self: flex-end;
}
.slider_item_link_home {
    align-self: flex-end;
    display: flex;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-decoration: none;
    font-size: .25em;
    font-family: Source Sans Pro;
    font-weight: 600;
    color: #FFFFFF;
    justify-content: center;
    align-items: center;
}
.btn_arrow_wrap {
    padding: 1em;
    margin-left: 0.75em;
    background: #117EBE;
    border-radius: 50%;
    display: flex;
    transition: .15s ease-in-out;
    border: solid #117EBE 1px;
    justify-content: center;
    align-items: center;
}
.slider_item_row {
    display: flex;
    justify-content: space-between;
}
.counterFilter {
    font-size: 1em !important;
    margin: 0 !important;
}
.slider_content_item_warp_img {
  position: relative;
}
.slider_content_item_warp_img img {
    height: auto;
    width: 100%;
    object-fit: cover;
  transition: opacity 1s;
  opacity: 1;
}
.slider_content_item_warp_img img.loading {
  transition: opacity 1s;
  opacity: 0;
}
.slider_content_item_warp_img .loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
}
.slider_content_item_warp_img .loader #loaderCore {
  animation: backgroundColor 5s infinite linear;
}
@keyframes backgroundColor {
  0% {
    fill: #578B9A;
  }
  10% {
    fill: #44B549;
  }
  20% {
    fill: #7A4693;
  }
  30% {
    fill: #117EBE;
  }
  40% {
    fill: #0F957E;
  }
  50% {
    fill: #E9529A;
  }
  60% {
    fill: #EC3536;
  }
  70% {
    fill: #F16633;
  }
  80% {
    fill: #FFCD27;
  }
  90% {
    fill: #578B9A;
  }
}
.scroll_down_home {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: .2em;
    line-height: 1em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #666666;
    margin-top: 20px;
}
.firstPageBtn {
    transform: rotate(
90deg);
}
.fpBtn {
    font-size: .25em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fpBtn:hover .btn_arrow_wrap {
    background: none !important;
    border: solid #117EBE 1px;
}
.slider_item_link_home:hover .btn_arrow_wrap {
    background: none !important;
    border: solid #117EBE 1px;
}
.btn_arrow_wrap svg{
  width: 1em;
  height: 1em;
}

.container_contacts_mob {
  display: flex;
      flex-direction: column;
      padding-right: 0.7em;
      width: 100%;
      padding-left: 0.2em;
}
.title_section {
    justify-content: space-between;
    display: flex;
    margin-bottom: 1em;
    align-items: flex-end;
    color: white;
}
.title_section h1 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1em;
    text-transform: uppercase;
}
.title_section div {
    display: flex;
    font-size: 1.1em;
    flex-direction: column;
}
.title_section span {
    margin-top: 0.25em;
    font-family: Source Sans Pro;
    font-size: .25em;
    line-height: 1em;
    text-align: right;
    color: #CACACA;
}

.content_section {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.content_section_form {
    width: 50%;
    padding: 0.7em 1em 0em;
    display: flex;
    flex-direction: column;
}
.content_section_form input,.content_section_form textarea {
    font-family: Source Sans Pro;
    font-size: .25em;
    line-height: 1em;
    color: #fff;
    background: none;
    padding: 0.5em 0;
    outline: none;
    border: none;
    border-bottom: solid #9A9A9A 1px;
    transition: .25s ease-in;
    margin-bottom: 1em;
}
.content_section_form input:invalid,.content_section_form textarea:invalid{
  border-color: #F90000
}
.content_section_form input::placeholder,.content_section_form textarea::placeholder{
  color: #666666
}
.content_section_form input:focus, .content_section_form textarea:focus{
  border-color: white
}
.content_section_form textarea{
  min-height: 8em
}
.content_section_form span {
    font-family: Source Sans Pro;
    font-size: .22em;
        line-height: 1.5em;
    color: #666666;
}
.content_section_form span a {
    color: #578B9A;
    text-decoration: none;
}
.content_section_form button {
    font-family: Source Sans Pro;
    font-weight: 600;
    flex-direction: row-reverse;
    font-size: .3em;
    line-height: 1em;
    color: #FFFFFF;
    background: none;
    border: none;
    margin-top: .5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    align-self: flex-end;
}
.content_section_form button div{
    background: #578B9A;
    border-radius: 50%;
    padding: 1em;
    font-size: .8em;
    display: flex;
    border: solid #578B9A 1px;
    justify-content: center;
    align-items: center;
    transition: .25s ease-in;
    margin-left: .5em
}
.content_section_form button:hover div{
  background: none
}
.content_section_form button svg {
    width: 1em;
    height: 1em;
}
.container_line {
    display: flex;
    width: 100%;
    background: #303030;
    height: 1px;
    position: relative;
}
.container_line_inside {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    background: #303030;
    height: 6em;
}
 .slider_item_meta_filters {
    position: relative;
    align-items: flex-start;
}
  .slider_item_filters span:hover {
    color: #44B549;
}
.slider_item_meta .slider_item_meta_filters span {
    padding: 0.4em !important;
}
.slider_item_filters span {
    white-space: nowrap;
    margin: 0 !important;
    margin-top: 1em !important;
}
.slider_item_filters {
    position: absolute;
    flex-direction: column;
    top: 0;
    background: #262626;
    left: 0;
    padding: 0 0.2em .3em;
    align-items: flex-start;
    margin-left: 0.8em;
    margin-top: 0.6em;
    z-index: 1;
}
.slider_item_meta_filters .slider_item_filters:last-child {
  left: unset !important;
  right: 0;
}
@media (max-width:520px){
  .slider_item_meta_filters {
    width: 105%;
    justify-content: space-between;
    margin-top: 0.5em;
  }
  .slider_item_meta_filters .slider_item_filters:last-child {
    left: 65%;
  }
}

@media (max-width:1024px){
  .slider_item_meta {
    flex-direction: column;
  }
  .slider_item_meta_filters {
    width: 100%;
    justify-content: space-between;
    margin-top: 0.5em !important;
 }
 span.cst_sas {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .slider_item_meta_filters .slider_item_filters:last-child {
    left: 79%;
  }
}
.dir_wrap{
  display: flex;
    flex-direction: column;
    width: 100%;
}
.next_page_warp {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.slider_item_filters_wrap_inner span {
  width: 45%;
  padding-right: 50px;
  margin: 0 !important;
  margin-right: 5% !important;
  margin-bottom: 10px !important;
}
.next_page_warp_in span {
    margin-left: 2.5em;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: .23em;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #373737;
}
.next_data{
  display: flex;
    margin-left: 0.5em;
  justify-content: space-between;
  margin-right: .5em
}
.next_data div {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    height: 1em;
    overflow: hidden;
    line-height: 1em;
    text-transform: uppercase;
    color: #373737;
}
.overlay_next {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
    background: #121212;
}
.next_page_warp_in {
    z-index: 1;
}

.portfolio_container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    padding: .75em;
    justify-content: flex-start;
}
.portfolio_container .loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
}
.portfolio_container .loader #loaderCore {
  animation: backgroundColor 5s infinite linear;
}

.portfolio_title {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: flex-start;
}
.portfolio_label {
  font-family: 'Montserrat';
      letter-spacing: 0.15em;
      color: #666666;
      font-weight: 600;
      font-size: .18em;
      text-transform: uppercase;
      border: solid #303030 1px;
      padding: 0.25em 0.5em;
      border-radius: 20px;
      position: absolute;
      top: 0.7em;
      left: 0;
}
.portfolio_title h1 {
  font-family: 'Montserrat';
      font-weight: 500;
      font-size: 1em;
      line-height: 1em;
      text-align: right;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: .3em;
}
.portfolio_title_sub {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
}




.portfolio_more {
    position: relative;
    margin-top: 1.8em;
    padding-top: 0.5em;
}
.portfolio_more h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: .6em;
    text-transform: uppercase;
    height: 1.5em;
    line-height: 1em;
    color: #FFFFFF;
    margin-bottom: 0.8em;
}
.portfolio_more_items {
    display: flex;
}
.portfolio_more_item {
  width: 50%;
    text-decoration: none;
      padding: 0 5px;
      height: 8em;
    border-radius: 8px;
    height: 7.5em;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 0em;
}
.portfolio_more_items {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.overme{
  overflow: hidden;
  border-radius: 8px;
  height: 100%;
    width: 100%;
}
.portfolio_more_item img {
    height: 100%;
}
.portfolio_more_item_meta {
    display: flex;
    width: 100%;
    margin-bottom: 0.6em;
    flex-direction: column;
    margin-top: 12px;
    justify-content: space-between;
}
.portfolio_more_item_meta span:nth-child(1) {
  font-family: Source Sans Pro;
      font-style: normal;
      font-size: .25em;
      height: 1.5em;
      line-height: 1em;
      color: #FFFFFF;
      font-weight: 600;
      font-size: .25em !important;
}
.portfolio_more_item_meta span:nth-child(2) {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    overflow: hidden;
    height: 1.5em;
    line-height: 1em;
    font-size: .25em;
    color: #666666;
}

.portfolio_more_item_meta span {
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
}

.overme {
    width: 100%;
    height: 5.9em;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.portfolio_box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.portfolio_box_img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}
.portfolio_box_img_overlay {
    position: absolute;
    top: 0;
		transform-origin: top;
		left: 0;
    width: calc(100%);
    height: 100%;
    background:#252525;
}
.portfolio_box_img_wrap {
    width: 100%;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    /* height: fit-content; */
}
.portfolio_box {
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    color: white;
}
.portfolio_box_meta_text p {
    font-family: Source Sans Pro;
    font-weight: 300;
    font-size: .3em;
    line-height: 1.4em;
    color: #FFFFFF;
}
.portfolio_box_meta_text p span {
  white-space: pre-line;
    display: inline-block;
    margin-left: 0.3em;
    font-family: 'Source Sans Pro';
    font-weight: 400;
}
/* .portfolio_box_img .portfolio_box_img_wrap:first-child:not(:only-child) {
    margin-right: 20px;
} */
.portfolio_box_meta {
    display: flex;
		margin-top: 1em;
		    justify-content: space-between;
		    margin-bottom: 1em;
}
.portfolio_box_meta_text a {
	text-decoration: none;
	    color: #44B549;
    width: fit-content;
    margin-left: 0.3em;
	    font-size: .3em;
	    font-family: Source Sans Pro;
	    margin-top: 2em;
	    font-weight: 400;
}
.portfolio_box_meta_label {
    font-family: Montserrat;
		overflow: hidden;
    margin-top: 0.5em;
		    height: 2em;
			    margin-left: 10px;
		    line-height: 5em;
    font-weight: 600;
    font-size: .2em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #666666;
}
.portfolio_box_meta_text {
    width: 60%;
	    margin-left: 10px;
    display: flex;
    flex-direction: column;
}
.portfolio_box_img_wrap video {
    width: 100%;
}

.disabledLink {
   pointer-events: none
}
.navigation {
	font-size: .2em;
	position: fixed;
	    top: 0;
	    left: 0;
    width: 90px;
	    display: flex;
	    padding: 1.5em 1em;
	    flex-direction: column;
	    height: 100%;
	    justify-content: space-between;
	    align-items: center;
}
.nav_icon span {
	width: 1.2em;
	height: 2px;
	position: relative;
	background: white;
	left: 1.2em;
	transition: .15s ease-in-out;
	margin: 0.15em;
}
.nav_icon {
    display: flex;
    flex-direction: column;
    width: 1.2em;
    height: 1em;
    font-size: 1.5em;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.nav_icon span:before {
	  content: '';
    position: absolute;
    top: 0;
    left: -100%;
		transform-origin: left;
    width: 100%;
		transition: .15s ease-in-out;
    height: 100%;
    background: white;
}
.nav_icon span:nth-child(2):before{
		transition-delay: .1s;
}
.nav_icon span:nth-child(1){
	  transition-delay: .2s;
}
.nav_icon span:nth-child(2){
	  transition-delay: .3s;
}
.nav_icon:hover span:nth-child(1):before{
	  transform: scaleX(0)
}
.nav_icon:hover span:nth-child(2):before{
	  transform: scaleX(0)
}
.nav_icon:hover span:nth-child(1){
	  left: 0;
}
.nav_icon:hover span:nth-child(2){
	  left: 0;
}

.nav_logo svg {
    width: 2.8em;
    height: 2.8em;
}

.nav_contact svg {
    width: 2em;
    height: 2em;
}

.nav_line {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.nav_dropdown {
	position: fixed;
	    top: 0;
	    left: 0;
	    width: 100vw;
	    height: 100vh;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    z-index: 0;
}
.nav_dropdown_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #151515;
    z-index: -1;
}
.styled_line {
    height: 0%;
    background: #303030;
    width: 1px;
}
.nav_dropdown_wrap {
    display: flex;
    position: relative;
    flex-direction: column;
}
.nav_dropdown_line {
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: -2em;
    background: #303030;
}

.nav_dropdown_wrap:nth-child(1) {
    width: 30%;
}
.nav_dropdown_wrap:nth-child(1) a {
    color: white;
    text-decoration: none;
    font-family: Montserrat;
    position: relative;
    font-weight: 400;
    display: flex;
    width: fit-content;
    font-size: 2.3em;
    margin-bottom: 0.8em;
    line-height: 1em;
    text-transform: uppercase;
}

.nav_dropdown_wrap:nth-child(1) a:hover,.nav_dropdown_wrap:nth-child(1) a:hover span {
transition: .15s ease-in-out;
	color: #44B549
}
.nav_dropdown_wrap:nth-child(1) a span {
    position: absolute;
		    top: 0.75em;
		    left: -3.5em;
    font-family: Montserrat;
    font-weight: 600;
    font-size: .3em;
    line-height: 0;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #3E3E3E;
}
.nav_dropdown_logo {
    position: relative;
    width: 15em;
}
.nav_dropdown_logo svg {
    width: 100%;
    height: auto;
}
.nav_dropdown_line_sub {
    width: 20em;
    height: 1px;
    background: #303030;
    position: absolute;
    bottom: -2em;
    left: -2em;
}
.nav_dropdown_line_sub2 {

    width: 18em;
    bottom: 5.7em;
}
.nav_dropdown_info span, .nav_dropdown_info a {
    font-family: Source Sans Pro;
    font-size: 1.3em;
    line-height: 1em;
    text-decoration: none;
    color: #666666;
}
.nav_dropdown_info div{
	margin-bottom: 1em
}
.nav_dropdown_contact_us {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
		text-decoration: none;
    align-items: center;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.nav_dropdown_contact_us:hover .nav_dropdown_contact_us_icon{
	background: none
}
.nav_dropdown_contact_us_icon {
    display: flex;
		transition: .15s ease-in-out;
    margin-right: 0.5em;
    justify-content: center;
    border: solid #578B9A 1px;
    align-items: center;
    font-size: .8em;
    border-radius: 50%;
    background: #578B9A;
    padding: 0.8em;
}
.nav_dropdown_info {
    min-height: 22em;
    margin-top: 4em;
}
.nav_dropdown_cross {
    position: fixed;
		    top: .6em;
		    left: .7em;
    width: 1em;
    height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: rotate(
45deg);
		font-size: 2em
}
.nav_dropdown_cross span {
    width: 100%;
    position: relative;
    height: 2px;
		transition: .5s;
    background: white;
    display: flex;
}
.nav_dropdown_cross span:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
		transition: .15s ease-in-out;
    transform: rotate(90deg);
}
.nav_dropdown_cross span:before {
    position: absolute;
    content: "";
    top: 1em;
    left: 0;
    width: 100%;
		transition: .15s ease-in-out;
		transition-delay: .1s;
    height: 100%;
    background: #fff;
    transform: rotate(
90deg);
}
.nav_dropdown_cross:hover span:after {
    top: -1em;
}
.nav_dropdown_cross:hover span:before {
    top: 0em;
}

@media (min-width: 1281px) {
  .nav_dropdown_wrap:nth-child(1) a {
    font-size: 3.1vw;
  }
  .nav_dropdown_logo {
    width: 18.4vw;
  }
  .nav_dropdown_info span, .nav_dropdown_info a {
    font-size: 1.9vw;
  }
  .nav_dropdown_contact_us_icon {
    margin-right: 20px;
  }
}

.logo-game .logo_path{
	fill: #F16633
}
.logo-show .logo_path{
	fill: #FFCD27
}
.logo-video .logo_path{
	fill: #117EBE
}
.logo-cgi .logo_path{
	fill: #7A4693
}
.logo-digital .logo_path{
	fill: #44B549
}
.logo-design .logo_path{
	fill: #E9529A
}
.logo-audio .logo_path{
	fill:  #0F957E
}
.logo-idea .logo_path{
	fill: #EC3536
}
.logo-default .logo_path{
	fill: #44B549
}
.logo-group .logo_path{
	fill: #578B9A
}



.link-game:hover{
	color: #F16633 !important
}
.link-show:hover{
	color: #FFCD27 !important
}
.link-video:hover{
	color: #117EBE !important
}
.link-cgi:hover{
	color: #7A4693 !important
}
.link-digital:hover{
	color: #44B549 !important
}
.link-design:hover{
	color: #E9529A !important
}
.link-audio:hover{
	color:  #0F957E !important
}
.link-idea:hover{
	color: #EC3536 !important
}
.link-group:hover{
	color: #578B9A !important
}

.link-game:hover span{
	color: #F16633 !important
}
.link-show:hover span{
	color: #FFCD27 !important
}
.link-video:hover span{
	color: #117EBE !important
}
.link-cgi:hover span{
	color: #7A4693 !important
}
.link-digital:hover span{
	color: #44B549 !important
}
.link-design:hover span{
	color: #E9529A !important
}
.link-audio:hover span{
	color:  #0F957E !important
}
.link-idea:hover span{
	color: #EC3536 !important
}
.link-group:hover span{
	color: #578B9A !important
}
.slider_item {
    display: flex;
    margin-top: 1em;
    flex-direction: column;
    width: 100%;
    /* position: absolute; */
}
.slider_content_item_meta_category span {
    font-size: 16px !important;
}
.slider_container {
    display: flex;
    justify-content: center;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}
.slider_item h1 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
    width: fit-content;
    overflow: hidden;
    height: 1em;
}
.slider_item_text {
  margin-top: 2em;
      font-family: Source Sans Pro;
      font-size: .25em;
      color: #727272;
      display: flex;
      max-width: 45%;
      align-self: flex-end;
}
.slider_item_title_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.68em;
    padding-right: 0.4em;
}
.slider_item_title_wrap div {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0.2em;
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    color: #222222;
}
.slider_item_line {
    height: 1px;
    width: 98%;
    background: #3B3B41;
}
.slider_item_meta span:nth-child(1) {
    margin-top: 0.15em;
    font-size: 2.5em;
}
.slider_item_meta {
    display: flex;
    align-items: flex-start;
    font-family: Montserrat;
    font-weight: 500;
    font-size: .2em;
    line-height: 1em;
    margin-bottom: 2em;
    color: #FFFFFF;
    margin-top: 2em;
    justify-content: space-between;
    margin-right: 3em;
}
.job{
  text-transform: uppercase;
}
.slider_item_meta .slider_item_meta_filters span{
  font-size: .2em;
  margin-left: 4em
}
.slider_item_meta_filters {
    display: flex;
    font-size: 5em;
}
.slider_item_meta_filters_line {
    width: 1em;
    background: #373737;
    height: 2px;
		position: relative;
    margin-left: 0.5em;
}
.slider_item_meta_filters_line:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
		transition: .25s ease-in;
    height: 2px;
    background: #373737;
    transform: rotate(90deg);
}
.slider_item_meta svg {
    width: .8em;
    margin-left: 0.5em;
    height: 0.8em;
    stroke: #3B3B41;
}
.slider_item_text_wrap {
    position: relative;
}
.slider_item_btn {
	display: flex;
justify-content: center;
align-items: center;
    position: absolute;
    bottom: -4em;
    left: 50%;
    font-size: .3em;
    text-decoration: none;
    color: white;
    font-family: Source Sans Pro;
    font-weight: 600;
}

.slider_item_meta span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider_item_line2{
  margin-top: 1.68em
}
.slider_content {
  margin-top: 1em;
    margin-bottom: 1em;
      display: flex;
      width: 100%;
      margin-right: 0.3em;
}
.slider_content_item.slider_content_item_number{
  background: none
}
.slider_content_item_number .slider_content_item_meta {
    flex-direction: column;
    border: 1px dashed #4E4C4C;
    border-radius: 50%;
    background: none;
    justify-content: center;
    position: relative;
    align-items: center;
    height: 22em;
}
.slider_content_item_number .slider_content_item_meta span:nth-child(1) {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 8em;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.slider_content_item_number .slider_content_item_meta span:nth-child(2) {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #666666;
}
.slider_content_item_number {
    background: none;
    display: flex;
    flex-direction: column;
    padding: 1.5em;
}
.slider_content_item {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 60px;
    overflow: hidden;
}
.slider_content_row {
   display: flex;
   flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
}

.slider_content_item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.slider_content_item_warp_img {
    width: 100%;
    /*height: 5.9em;*/
    display: flex;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    align-items: center;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_content_item_meta {
    color: white;
    padding: 12px 2em 12px 0em;
    display: flex;
    font-size: .2em;
    align-items: center;
    transition: .35s ease-in-out;
    width: 100%;
    z-index: 1;
    justify-content: space-between;
}

.slider_content_item_meta span:nth-child(1) {
  font-family: Source Sans Pro;
      font-style: normal;
      font-weight: 600;
      font-size: 1.2em;
      line-height: 1em;
      color: #FFFFFF;
}
.slider_content_item_meta span:nth-child(2) {
    font-family: Source Sans Pro;
    font-size: 1em;
    line-height: 1em;
    color: #666666;
}
.slider_content_item {
    padding-bottom: 5px;
    margin-left: 10px;
		margin-right: 10px;
}

.slider_content_item {
    width: calc(50% - 20px);
		/**/
}
.slider_item_btn svg {
    width: 1em;
    height: 1em;
    font-size: 2.2em;
    margin-right: 0.25em;
}
.slider_item_text_wrap {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 1em;
    justify-content: space-between;
}
section.slider_item .slider_item_text:nth-child(2) {
    align-self: flex-start;
    font-weight: 400;
    color: #666666;
}
section.slider_item .slider_item_text:nth-child(1) {
    color: #fff;
    font-size: .25em;
}
.slider_content_item_meta_category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.slider_content_item_meta_category span {
    font-family: Source Sans Pro;
    font-size: .24em;
    color: #666666;
}
.slider_imgs {
    width: 100%;
    display: flex;
		justify-content: center;
		align-items: center;
    flex-wrap: wrap;
}
.slider_imgs2 {
    margin-bottom: 1.7em;
    margin-top: 0.7em;
}
.slider_imgs img {
    max-width: 18%;
    margin: 2% 1% .3%
}
.slider_item_btn:hover svg {
    fill: #578B9A;
}
.slider_item_btn svg {
    transition: .25s ease-in;
}
.slider_item .slider_item_text:nth-child(1) {
    font-size: 0.5em;
}
.slider_container {
    padding: 0 0.5em;
}
.slider_item_filters {
    display: flex;
}
.slider_item_filters_wrap {
    width: 50%;
}
.slider_item_meta_filters_label{
	margin-right: .35em
}
.slider_item_filters_wrap span:nth-child(1) {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: .22em;
    letter-spacing: 0.17em;
    margin-bottom: 1em;
    text-transform: uppercase;
    color: #666666;
}
.slider_item_filters_wrap span:nth-child(1):hover {
	color: #666666;
}

.filter_status_true{
	  color: #44B549 !important
}
.slider_item_filters_wrap {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}
section.slider_item .slider_item_text:nth-child(2) {
    margin-right: 0;
}
.slider_item_filters_wrap_inner span {
    text-transform: inherit !important;
    font-weight: 400 !important;
    font-family: Source Sans Pro;
    font-size: .27em !important	;
    letter-spacing: 0.05em !important	;
		transition: .25s ease-in;
    color: #FFFFFF;
}

.slider_item_filters_wrap_inner span:nth-child(1) {
    font-family: Source Sans Pro;
    font-size: .24em;
		transition: .25s ease-in;
    color: #FFFFFF;
}
.slider_item_filters_wrap_inner span:hover {
    color: #44B549
}
.slider_item_filters_wrap_inner span:nth-child(1):hover {
    color: #44B549
}
.slider_item_filters_wrap_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.slider_item_filters_wrap_inner span {
    margin: 0 1em 0 0;
}
.activeFilterIcon:after {
	  transform: rotate(0);
    opacity: 0;
}
.slider_item_meta .slider_item_meta_filters span svg {
    width: 2em;
		transition: .15s ease-in;
    height: 2em;
}
svg.activeFilterIcon {
    transform: rotate(
180deg);
}


.tagsme {
    margin: 0 0px 0 6px;
    border: solid #666666 1px;
    padding: 0.05em .3em;
    font-size: .15em;
    border-radius: 4px;
}
.slider_item_filters_wrap {
    width: 100%;
    margin-bottom: 0.5em;
}
.portfolio_bread svg {
    transform: rotate(
90deg) translateY(-50%);
    position: absolute;
    top: -180%;
    left: 0;
}
.portfolio_bread {
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 0.5em;
    padding-top: 0.2em;
		margin-left: 10px;
margin-right: 20px;
    color: white;
    margin-top: 1em;
  margin-bottom: 60px;
    justify-content: space-between;
}
.portfolio_bread span {
    font-family: Source Sans Pro;
    font-weight: normal;
    font-size: .25em;
    line-height: 1em;
    color: #666666;
}
@media (max-width:1024px){
  .animation {
    margin-left: -1em;
}
	.portfolio_container{
		margin-left: 0;
    padding: 45px;
    width: 108%;
    margin-top: -0.6em;
	}
}
@media (max-width: 1920px){
	.nav_logo {
    font-size: 1.3em;
    /* margin-left: 1em; */
  }
	.nav_icon {
    margin-top: 0.25em;
    margin-left: 0em;
  }
	.nav_contact {
    margin-left: 0
  }
	.navigation {
    padding-bottom: 2.6em;
  }
}


@media (max-width: 1280px){
	.nav_dropdown{
		    padding-left: 0px;
	}
	.nav_dropdown_logo {
    font-size: .89em;
    margin-bottom: 0.75em;
}
	.nav_dropdown_wrap {
    font-size: 1.3em;
    margin-top: 2em;
    margin-left: 0
}
.nav_dropdown_wrap:nth-child(2) {
    max-width: 215px;
    margin-left: 4em;
    margin-top: -0.5em;
    margin-right: 0.5em;
}
		.nav_logo {
		    margin-left: 0em;
		}
		.nav_dropdown_info div {
    margin-bottom: 0.5em;
    white-space: nowrap;
}
.nav_dropdown_line_sub2 {
    bottom: 5.5em;
}
.nav_dropdown_contact_us {
    white-space: nowrap;
    font-size: 1.2em;
    margin-left: 2em;
    margin-top: -0.5em;
}
	.navigation {
    padding-bottom: 2em;
  }
}

@media(max-width:500px){
  .nav_dropdown {
    padding-bottom: 5em;
}
	.nav_contact {
    margin-right: 0.5em;
  }
	.navigation {
    padding-top: 2.2em;
  }
	.navigation {
    padding-top: 2.2em;
  }
  .portfolio_bread {
    margin-bottom: 1em;
  }
}
@media (max-width:768px){


	.nav_contact svg {
    font-size: 1.5em;
}
.nav_logo {
    font-size: 1.25em;
}
.nav_icon {
    font-size: 2em;
}
	.nav_dropdown {
		flex-direction: column;
		    justify-content: space-between;
		    padding: 25em ​0 5em;
    padding-left: 0;
  }
	.nav_dropdown_wrap:nth-child(2) {
    flex-direction: row;
    justify-content: space-between;
    align-items: center !important;
    max-width: 100%;
  }
	.nav_dropdown_info {
    margin-bottom: 2em;
    min-height: auto;
  }
	.nav_dropdown_line_sub.nav_dropdown_line_sub2 {
    margin-bottom: 5em;
  }
	.nav_dropdown_logo {
		display: none;
    position: fixed;
    top: 3em;
    left: calc(50% - 8em);
  }
	.nav_dropdown_logo .nav_dropdown_line_sub {
    display: none;
  }
	.nav_dropdown .nav_dropdown_wrap {
    width: 80%;
    display: flex;
    align-items: flex-start;
  }
	.nav_dropdown_wrap:nth-child(2){
		margin-left: 0
	}
	.nav_dropdown_line_sub2 {
    bottom: 5.5em;
  }
	.nav_dropdown .nav_dropdown_wrap:nth-child(1) {
    font-size: 1.5em;
		margin-top: 6em;
    margin-left: 1em !important
  }
	.nav_dropdown_line {
    display: none;
  }
	.navigation {
	    width: 100% !important;
	    height: 60px;
    background: #121212;
    border-bottom: solid #303030 1px;
	    flex-direction: revert;
	}
}

@media (max-width:425px){
  .portfolio_more h3 {
    margin-top: 3px;
    margin-bottom: 20px;
}
	.nav_dropdown_info{
		margin-left: 0 !important;
	}
	.nav_dropdown_line_sub2 {
    bottom: 6.5em;
}
.nav_dropdown_contact_us{
	margin-left: 0 !important
}
	.nav_dropdown_wrap:nth-child(1) a span{
		font-size: 12px
	}
	.nav_dropdown_wrap:first-child a {
    margin-bottom: 0.5em !important;
}
	.nav_dropdown .nav_dropdown_wrap:nth-child(1) {
		font-size: 1em;
		    margin-top: 12em;
		    margin-left: calc(50% + 5em);
  }
}

@media (max-width: 768px){
	.navigation:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 1px;
    background: #303030;
}
	.nav_dropdown{
		padding-left: 0 !important
	}
	.nav_dropdown_wrap:nth-child(2) {
    flex-direction: column !important;
    width: 100%;
    margin: 0 !important;
    align-items: flex-start !important;
    padding: 1.5em;
    padding-left: 1.8em;
}
.nav_dropdown_contact_us span {
    text-transform: none;
}
.nav_dropdown_line_sub.nav_dropdown_line_sub2 {
    margin-bottom: 0em;
}
.nav_dropdown_info {
    margin-bottom: 2.3em;
    min-height: auto;
    font-size: 1.5em;
    margin-left: 2em;
    margin-top: 0;
}
.nav_dropdown_line {
    display: block !important;
    height: 1px;
    width: 92%;
    left: 4%;
}
.nav_dropdown_line_sub.nav_dropdown_line_sub2 {
    width: 92%;
    left: 4%;
}
	.nav_logo {
    /* margin-left: 1em; */
  }
}
@media (max-width:768px){
	.nav_dropdown_cross {
    margin-top: 0.1em;
    font-size: 2.5em;
}
	.nav_icon {
    margin-top: 0;
}
	.nav_dropdown .nav_dropdown_wrap:nth-child(1) {
		font-size: 1.5em;
		margin-top: 8em;
		margin-left: 3em !important
	}
.nav_dropdown_wrap:nth-child(1) a {
    margin-bottom: 0.5em;
}
	.nav_dropdown_logo {
		display: none;
	}
		.nav_dropdown .nav_dropdown_wrap:nth-child(1) {
		    font-size: 1.2em;
		    margin-top: 8em;
		    margin-left: calc(50% + 3em);
		}
}


@media (min-width:1920px){
  .navigation {
    font-size: .2em;
  }
}

@media (min-width: 1920px){
	.slider_imgs2{
		margin-top: 80px;
		margin-bottom: 140px
	}
}
@media (max-width:1280px) {
	.slider_item{
     margin-top: 45px
	}
	.slider_item_title_wrap{
		/* margin-bottom: 111px */
	}
	.slider_item_line2{
		margin-top: 122px
	}
	.slider_imgs2{
		margin-top: 60px;
		margin-bottom: 120px
	}
}
@media (max-width: 1280px){
	section.slider_item .slider_item_text:nth-child(1) {
    font-size: .29em;
    font-weight: 300;
    margin-right: 2.2em;
    margin-top: 1.2em;
  }
	.slider_item_title_wrap{
		margin-left: 10px;
		margin-right: 10px;
    font-size: 80px;
	}
	.slider_item_line,.slider_item_line2{
		width: calc(98% - 20px);
    margin-left: 20px;
	}
	section.slider_item .slider_item_text:nth-child(2) {
    margin-top: 1.2em;
  }
	.slider_content {
    margin-top: .4em
  }
	.slider_item_meta_filters {
    text-transform: capitalize;
    margin-right: -0.45em;
    margin-top: -0.15em;
  }
}

/* @media (min-width:1920px){
	.portfolio_bread {
    margin-top: 180px;
}
} */
@media (max-width:1920px){
	/* .portfolio_bread {
    margin-top: 180px;
} */
}
@media (max-width:1280px){
	/* .portfolio_bread {
    margin-top: 120px;
} */
}
@media (max-width:768px){
	.portfolio_bread span {
	    font-size: 14px;
	}
	.portfolio_bread {
		margin-bottom: 30px !important;
		margin-right: 10px
	}
}

@media(min-width:1920px){
  .scroll_down_home {
      font-size: .29em;
      margin-top: 20px;
  }
  .fpBtn,.slider_item_link_home {
    font-size: .3em;
        margin-right: -0.35em;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        align-self: center;
  }
  .slider_item_home {
    margin-right: 0em;
    margin-bottom: -1.7em;
    position: relative;
    margin-left: 0em;
  }
  .slider_item_counter {
      right: -0.5em;
      position: absolute;
      font-size: .28em;
      letter-spacing: .3em;
      top:calc(-1em - 20px)
  }
}
@media (max-width: 1280px){
  .scroll_down_home {
    font-size: .25em;
    margin-left: 1em;
  }
  .slider_item_home {
    margin-bottom: -2em
  }
  h1.slider_item_title_home {
    letter-spacing: -.04em;
  }
  .slider_item_title_home {
    letter-spacing: -.07em;
    margin-left: 0.1em;
    font-weight: 400;
  }
  .slider_item_title_home.slider_item_title_home_right {
    margin-right: 0.05em;
  }
  .slider_item_title_home.slider_item_title_home_right {
    margin-right: 0.05em;
  }
  .fpBtn,.slider_item_link_home {
    font-size: .35em;
      margin-top: 0;
      margin-bottom: 0;
      align-self: center;
  }
  .slider_item_home {
      position: relative;
  }
  .slider_item_counter {
    position: absolute;
    top: calc(-1em - 20px);
    right: -0.25em;
    letter-spacing: .4em;
    font-size: .25em;
  }
}
@media (max-width:768px){
  .slider_item_title_home {
    font-size: 1.3em !important;
    margin-top: 0.25em;
    margin-left: -0.1em;
    letter-spacing: 0 !important;
  }
  .slider_item_title_home.slider_item_title_home_right {
    margin-right: -0.2em;
  }
  .slider_item_home {
    margin-bottom: 0.9em !important;
  }
  .fpBtn, .slider_item_link_home {
    font-size: .19em;
    margin-right: -1em;
  }
  .slider_item_counter {
    position: absolute;
    top: calc(-1em - 20px);
    right: -0.25em;
    letter-spacing: .4em;
  }
}
@media(max-width:1024px){
  .slider_item_title_home h1,.slider_item_title_home span {
    user-select: none;
  }
  .slider_item_link_home{
    margin: 0
  }
  .btn_arrow_wrap {
        font-size: 17px;
    }
  .slider_item_link_home span {
      display: none;
  }
  .scroll_down_home, .slider_item_counter {
    font-size: .3em;
  }
  .slider_container_home {
      height: calc(100vh - 60px);
      left: 0;
      position: absolute;
      align-items: center;
      top: 60px;
  }
  .slider_item_home{
  margin-right: 4em;
  margin-left: 4em;
    margin-bottom: 1em;
    height: fit-content;
  }
}

@media(max-width:768px){
  .btn_arrow_wrap {
    font-size: 12px;
  }
  .slider_container_home {
    /* top: 60px; */
    /* height: calc(100vh - 100px); */
    align-items: flex-end;
  }
  .slider_item_home {
    margin-bottom: 1.2em;
    margin-right: 1em;
    margin-left: 1em;
  }
}

@media(max-width:500px){
  .slider_item_meta_filters_label{
    text-transform: uppercase;
  }
  .fpBtn, .slider_item_link_home {
    font-size: .28em;
  }
  .scroll_down_home {
    font-size: .5em;
    margin-left: 0;
    margin-bottom: 0em;
  }
  .slider_item_title_home.slider_item_title_home_right {
    margin-top: 0;
    margin-bottom: 0.1em;
    margin-right: 0em;
  }
  .layout__content{
    font-size: 34px;
  }
  .slider_item_home {
    margin-bottom: 0.7em ​!important;
    margin-right: 0.5em;
    margin-left: 0.5em;
    padding: 0 0.5em;
    font-size: .7em;
 }
 .slider_item_home h1 {
   margin-top: 0;
    margin-bottom: 0;
     font-size: 1.7em !important;
     letter-spacing: -.05em !important;
 }
 .slider_item_counter {
     font-size: .5em;
     top: calc(-1em - 20px);
     right: 0.5em;
 }
}


@media (max-width:1024px) {
  .title_section {
    flex-direction: column;
    align-items: flex-start;
  }
  .title_section div {
    font-size: 1.5em;
    align-items: flex-start;
  }
  .content_section_form button div {
    font-size: .7em;
  }
  .content_section_form{
    width: 100%;
    padding-left: 0;
    margin-bottom: 0.2em;
    padding-right: 0;
    font-size: 1.7em;
  }
  .container_line_inside {
    display: none;
  }
  .container_contacts_mob{
    padding-left: 0.5em;
    min-height: 100vh;
    justify-content: center;
  }
  .title_section h1 {
    margin-bottom: 0.5em;
  }
}

@media (max-width:425px){
  .content_section_form input, .content_section_form textarea {
    font-size: 18px;
}
.content_section_form span{
  font-size: 16px
}
  .container_contacts_mob{
    justify-content: flex-start;
margin-top: 0.7em;
  }

  .title_section h1 {
      font-size: 1.1em;
        margin-bottom: 1.7em;
      margin-top: 0em
  }
  .title_section div{
    margin-bottom: -0.2em;
    font-size: 2.2em
  }
  .title_section span {
    margin-bottom: 0.2em;
}
}
@media (max-width: 1280px){
  .slider_item_meta{

    margin-left: 20px;
  }
  .slider_item_filters {
    margin-left: 10px;
}
  .next_page_warp_in {
    font-size: .7em;
    margin-top: 1.1em;
    padding: 0 1%;
}
.next_page_warp_in span {
    margin-left: 4.5em;
    letter-spacing: .3em;
}
  .slider_item h1 {
    font-size: 1em;
    margin-bottom: 0.7em;
    margin-left: 0.1em;
    letter-spacing: .02em;
  }
  .slider_item_title_wrap div {
    font-size: 1em;
    margin-bottom: 0.6em;
    margin-right: -0.3em;
  }
}

@media (min-width:1920px){
  .portfolio_box_meta{
    margin-top: 170px !important;
    margin-bottom: 170px !important;

  }
  .portfolio_container{
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .portfolio_bread{
    margin-bottom: 60px;
    margin-top:120px
  }
  .portfolio_title h1 {
    margin-bottom: 0;
    font-size: 1.2em;
  }
  .portfolio_title_sub {
    font-size: 1.2em;
  }
  .portfolio_box_meta_text {
    max-width: 751px;
    font-size: 1.3em;
  }
  .portfolio_box_meta_text p span {
    font-weight: 300;
  }
  .portfolio_more h3 {
    font-size: .7em !important;
    margin-top: 0.2em;
    letter-spacing: .03em;
    margin-bottom: 0.2em !important;
  }
}
@media (max-width:1280px){
  .portfolio_title {
    font-size: .9em;
}
.portfolio_title h1 {
    margin-bottom: 0.1em;
 }
 span.portfolio_label {
    margin-top: 0.5em;
}
.portfolio_more h3 {
    font-size: .5em !important;
    margin-top: 0.75em;
}
  .portfolio_container{
    padding:45px
  }
  .portfolio_bread{
    margin-bottom: 40px;
    margin-top: 120px
  }
  .portfolio_box_meta{
    margin-top: 110px;
    margin-bottom: 110px
  }
}

@media (max-width: 768px){
	section.slider_item .slider_item_text:nth-child(1) {
    font-size: .35em;
}
a.slider_item_btn{
	left: 2em
}
	.slider_item_filters {
    flex-direction: column;
    margin-left: 0;
}
	.slider_item_text_wrap {
    flex-direction: column;
  }
	.slider_item_text_wrap .slider_item_text {
    max-width: 90%;
  }
	.slider_item_btn.nuxt-link-active {
    left: 0%;
  }
	.next_data{
    margin-left: 0.5em;
	}
	.next_page_warp_in span {
    margin-left: 5.5em
  }
	.slider_item_title_wrap {
    font-size: 60px;
	    padding-left: 0em;
    padding-right: 20px;
    margin-bottom: 80px;
  }
	.slider_item {
    margin-top: 30px;
  }
	.slider_imgs img {
	    max-width: 30%;
	    margin: 2% 7%;
	}
	.slider_imgs2 {
	    display: flex;
			justify-content: center;
			align-items: center;
	}
  .slider_content_item:nth-child(even) {
    margin-left: 0em;
  }
  .slider_item_text {
    font-size: .3em;
    max-width: 45%;
  }
  .slider_item_meta {
    margin-left: 3em;
  }
  .slider_item_line {
    width: 96%;
    margin-left: 2%;
		margin-top: 80px
  }
  .slider_content {
    margin-left: 0.3em;
  }
	.slider_content_item {
	    width: calc(50% - 20px);
	}
}
@media (max-width:425px){
	section.slider_item .slider_item_text:nth-child(2) {
    margin-left: 2em !important;
}
	.slider_item_title_wrap {
    font-size: 1em;
    margin-left: -0.3em !important;
    margin-top: -0.3em;
}
.slider_content_item {
    width: 100%;
    margin-bottom: 30px;
    font-size: 1.3em;
    margin-left: 0;
    margin-right: 0;
}
.slider_item_meta span:nth-child(1).cst_sas {
    font-size: 12px;
}
.slider_content_item_meta {
    font-size: .35em;
}
.slider_content_item_meta {
    font-size: .35em;
}
.slider_content_item_meta_category {
    font-size: 1.1em;
    margin-bottom: 0.1em;
}
	.slider_item_line{
		margin-top: 0
	}
	.slider_item h1 {
    letter-spacing: .05em;
}
.slider_item_btn {
    font-size: .2em;
    letter-spacing: .1em;
    left: 0em !important;
}
.slider_content {
    margin-top: 0.25em;
    margin-left: 0;
}
.slider_item_btn svg {
    font-size: 3em;
}
.slider_item_line2 {
    margin-top: 50px;
}
.slider_item_meta {
    margin-top: 4em;
    align-items: center;
    margin-left: 0.5em;
}
.job {
    font-size: 28px;
}
.slider_item_meta_filters {
    margin: 0;
}
.slider_item_meta .slider_item_meta_filters span {
    font-size: 12px !important;
}
	.slider_item_text_wrap {
    font-size: 2em;
}
section.slider_item .slider_item_text:nth-child(1) {
    margin-right: 0;
    font-size: 20px;
    max-width: 100%;
}
.slider_item_meta span:nth-child(1) {
    font-size: 28px;
 }
section.slider_item .slider_item_text:nth-child(2) {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0;
    font-size: 14px;
    width: 100%;
}
.next_page_warp_in span {
    margin-left: 1.5em;
}
	.slider_item_title_wrap{
    font-size: 35px;
		margin-bottom: 100px
	}
	.slider_item{
		margin-top: 20px
	}
}

@media (max-width:360px){
	.slider_item_title_wrap{
    font-size: 38px;
	}
	.slider_item_btn{
		font-size: 16px
	}
}
@media (max-width:768px){

    .slider_item h1 {
    }
  .portfolio_box_img_wrap {
}
.portfolio_box_meta_text a{
  font-size: 24px
}
.portfolio_more h3{
  font-size: 40px
}
  .portfolio_container{
    margin-left: 0;
        padding: 32px;
        width: 100%;
        margin-top: -0.6em;
  }
  .portfolio_bread{
    margin-bottom: 30px;
    margin-top: 80px
  }
	.portfolio_label{
    margin-top: -0.5em !important;
		font-size: 12px
	}
  .portfolio_title_sub, .portfolio_title h1 {
    font-size: 45px
  }
  .portfolio_box_meta {
    margin-top: 70px;
    margin-right: 20px;
    margin-bottom: 70px;
    flex-direction: row;
  }
  .portfolio_box_meta_label {
    margin-left: 20px;
    font-size: 12px
  }
  .portfolio_box_meta_text p{
    font-size: 1em
  }
  .portfolio_box_meta_text {
    max-width: 60%;
    font-size: 20px;
    width: 60%;
  }
}
@media (max-width:550px){
.nav_dropdown_info div span {
    font-size: 20px;
}
  .portfolio_more {
    padding-top: 0;
  }
  .portfolio_more h3 {
    height: auto;
  }
  #footer{
    margin: 0 20px;
  }
  .portfolio_box_img_wrap {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}
.portfolio_box {
    margin-top: 0;
}
.portfolio_box_meta_label {
    margin-left: 5px !important;
}
  .portfolio_box_meta {
    flex-direction: column !important;
  }
  .portfolio_box_meta_text a {
    font-size: 24px;
    margin-top: 20px;
}
  .portfolio_box_meta_text {
      margin-left: 0;
      max-width: 100%;
      width: 100% !important;
      font-size: 20px;
      margin-left: 0 !important;
  }
.portfolio_box_meta_text p {
    font-size: 1em !important
}
.portfolio_title_sub, .portfolio_title h1 {
  font-size: 35px
}
.portfolio_title {
    font-size: 1.2em;
    margin-top: 20px;
}
.portfolio_more h3 {
    font-size: 28px !important;
}
  .portfolio_box_meta{
    margin-top: 50px;
    font-size: 1.2em;
    margin-bottom: 50px
  }
  .portfolio_container{
    width: 100%;
        padding: 20px;
  }
  .nav_dropdown .nav_dropdown_wrap:nth-child(1){
    margin-top: 7em
  }
  .portfolio_bread{
    margin-bottom: 20px;
    font-size: 1.8em;
    margin-top: 60px;
    margin-right: 10px
  }
	.portfolio_label{
		font-size: .3em
	}
  .portfolio_label {
      top: 0.5em;
  }
  .portfolio_title h1 {
    overflow: visible;
height: auto;
line-height: initial;
max-width: 60%;
    text-align: left !important;
    margin-top: calc(1em + 20px)
  }
  .portfolio_title_sub{
    overflow: visible;
    height: auto;
    line-height: initial;
    max-width: 60%;
  }
  .portfolio_box_img {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .portfolio_box_img {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .portfolio_box_img .portfolio_box_img_wrap {
    width: 100% !important;
  }
  .portfolio_more_items {
    flex-direction: column;
  }
  .portfolio_more_item {
    width: 100%;
    font-size: 1.5em
  }
}
@media (min-width: 1024px){
  .nav_dropdown_wrap:nth-child(1) {
    width: 50%;
  }
}