/*---------------------------------
# HEADER
---------------------------------*/

/* SITE BODY */
.site-content {background-color: #f6f6f6;}
.custom-preloader img {height: 70px;width: auto;animation: pulse 1s linear infinite;}
@-webkit-keyframes "pulse" {
0% {-webkit-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(0.8);transform: scale(0.8);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}
/* Smooth Scrolling + Offset */
html {scroll-behavior: smooth;}

/* HO HEADER */
.header .branding .logo img, .header.-sticky .branding img {height: 50px;}
.header {border-bottom-width: 0;}
.page-container:not(.-full-w){width: calc(100% - 80px);max-width: 1600px;padding-left: 0;padding-right: 0;}
.header-wrap.page-container {max-width: 1920px;}
.header.-sticky .branding img {max-height: 5.5vh;}

/* BURGER MENU */
.hamburger-nav {background-size: calc(100% - 80px);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: calc(100% - 37px);}
.hamburger-nav:not(.type2):not(.type3) {padding-top: 25px;}
.hamburger-nav .menu .nav-item > a::before {content: none}
.hamburger-nav .menu {width: fit-content;}
.hamburger-nav-holder {height: unset;}
.hamburger-nav .menu .mega-menu-item:hover > a span, .hamburger-nav .menu .mega-menu-item.active > a span {
opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;color: #ffda22;}
.clb-popup .close-bar {left: unset;right: 7px;}
.hamburger-nav:not(.type2):not(.type3) {padding-left: 40px;padding-right: 40px;}
.hamburger-nav .menu .mega-menu-item > a span {
  -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;}
span.close-text {font-size: 18px;margin-right: 7px;}
.close-bar {margin-top: 32px;margin-right: 32px;height: 28px;}
.close-bar .icon-button:hover {background-color: unset;width: 100%;}
.icon-button:focus, .icon-button:active {background-color: unset;-webkit-box-shadow: unset;box-shadow: unset;}
.open-text {font-size: 18px;margin-right: 10px;}
.icon-button.hamburger {background-color: unset;}
.header:not(.-mobile).hamburger-position-right .right-part .hamburger {display: inline-flex;}
.desktop-hamburger.-right .icon-button {justify-content: unset;margin-right: 26px;}
.menu li.new span:after, .menu li.version span:after {margin: -23px 0 0 8px;}
.hamburger-nav .menu .mega-menu-item {padding: 5px 100px 5px 0px;}

/* Superstore link */
/* li.nav-item.inactive.showed a span {color: #E3E3E3;}
li.nav-item.inactive.showed:hover a span {color: #E3E3E3;}
li.nav-item.inactive.showed a {pointer-events: none;} */
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed a span:before {content: '';
position: absolute;top: -10px;left: 260px;font-size: 16px;color: #1D1D1D;width: fit-content;}
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed .stand a span:before, .has-submenu-icon {display:none}
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed .stand a span{font-size: 36px}
.hamburger-nav .menu .mega-menu-item > ul {top: 5px}

/* Socials & email */
.hamburger-nav-details .details-column {width: 100%;position: absolute;bottom: 30px;height: 28px;}
.hamburger-nav-details .details-column a {margin-right: 35px;line-height: 25.2px;font-size: 18px;}
.hamburger-nav-details .details-column a:hover {color: #565656;}

/* DESIGN ELEMENTS */

/* Beveled corners for JPG */

/* top left */
.to-be-cutted figure::after, .port-cut figure::after, .left-bottom-cut::after,
.team-column .img::after, .top-cut-only::after {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 19px 19px 0 0;
  border-color: #f6f6f6 transparent transparent transparent ;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}

/* top right */
.to-be-cutted figure::before, .port-cut figure::before, .right-bottom-cut::before,
.team-column .img::before, .right-tb-cut::before, .top-cut-only::before{
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 19px 0 0 19px;
  border-color: #f6f6f6 transparent  transparent  transparent;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}

/* bottom right */
.cutted::after, .port-cut::after, .right-bottom-cut figure::after, .team-column .ih-item::after,
.right-tb-cut::after, .bottom-cut-only::after {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 0 0 19px 19px;
  border-color: transparent transparent #f6f6f6 transparent;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}

/* bottom left */
.cutted::before, .port-cut::before, .left-bottom-cut::before,
.team-column .ih-item::before, .bottom-cut-only::before {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 0 19px 19px 0;
  border-color: transparent transparent #f6f6f6 transparent;
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}


/* top right & bottom right - 20px */
.right-tb-cut20::before{
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 19px 0 0 19px;
  border-color: #f6f6f6 transparent  transparent  transparent;
  position: absolute;
  right: -1px;
  top: -1px;
  margin-right: -20px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}

.right-tb-cut20::after {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 0 0 19px 19px;
  border-color: transparent transparent #f6f6f6 transparent;
  position: absolute;
  right: -1px;
  bottom: -1px;
  margin-right: -20px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}

/* bottom & top left with margin -20px */
.left-tb-cut::before {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 0 19px 19px 0;
  border-color: transparent transparent #f6f6f6 transparent;
  position: absolute;
  left: -1px;
  margin-left: -20px;
  bottom: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}
.left-tb-cut::after {
  z-index:5;
  color: transparent;
  border-style: solid;
  border-width: 19px 19px 0 0;
  border-color: #f6f6f6 transparent transparent transparent ;
  position: absolute;
  left: -1px;
  margin-left: -20px;
  top: -1px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
}


/*** top-cut-hack RED ***/
.top-cut-hack:before {
    z-index: 5;
    color: #0000;
    border-style: solid;
    border-width: 19px 19px 0;
    border-color: #d03f23 #0000 #d03f23;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: calc(100% - 38px);
    height: 0;
    content: "";
    box-sizing: content-box;}

    /*** top-cut-hack YELLOW ***/
    .top-cut-hack-y::before {
      z-index: 5;
      color: transparent;
      border-style: solid;
      border-width: 0 18px 18px 0;
      border-color: transparent transparent #ffda22 transparent;
      position: absolute;
      left: 0px;
      top: -18px;
      width: 0;
      height: 0;
      content: "";
      box-sizing: content-box;}
.top-cut-hack-y::after {
  z-index: 5;
  color: transparent;
  border-style: solid;
  border-width: 0 0 18px 18px;
  border-color: transparent transparent #ffda22 transparent;
  position: absolute;
  right: 0px;
  top: -18px;
  width: 0;
  height: 0;
  content: "";
  box-sizing: content-box;
    }


/* Beveled edge cutting for Fill blocks */
.eco-container {width: calc(50% - 10px);background:
linear-gradient(135deg, transparent 12px, #181818 0) top left,
linear-gradient(-135deg, transparent 12px, #181818 0) top right,
linear-gradient(-45deg, transparent 12px, #181818 0) bottom right,
linear-gradient(45deg, transparent 12px, #181818 0) bottom left;
background-size: 51% 51%;background-repeat: no-repeat;}

/* Beveled edge cutting for Fill blocks BOX */
.eco-container-box {width: calc(25% - 15px);background:
linear-gradient(135deg, transparent 12px, #181818 0) top left,
linear-gradient(-135deg, transparent 12px, #181818 0) top right,
linear-gradient(-45deg, transparent 12px, #181818 0) bottom right,
linear-gradient(45deg, transparent 12px, #181818 0) bottom left;
background-size: 51% 51%;background-repeat: no-repeat;}

/* Full-width Beveled edge cutting block */
.eco-container-full .vc_column-inner {height:450px;}
.eco-container-full {width: 100%;background:
linear-gradient(135deg, transparent 12px, #181818 0) top left,
linear-gradient(-135deg, transparent 12px, #181818 0) top right,
linear-gradient(-45deg, transparent 12px, #181818 0) bottom right,
linear-gradient(45deg, transparent 12px, #181818 0) bottom left;
background-size: 51% 51%;background-repeat: no-repeat;}

/* Projects 50%-half width blocks */


/* Empty box with beveled edge cutting */
.empty-box {width: calc(25% - 5px);}

/* HO BUTTONS */
.maw_img_swap_fade:not( :hover ) .info {transition-delay: 0s !important;}
.but-cut-edg {padding-right: 8px;}

/* HO TRANSPARENT WHITE BORDER & YELLOW HOVER BUTTON */
button.white-yellow {
  line-height: 59px;
  padding: 0;
  font-size: 16px;
  margin-left: 18px;
  margin-right: 9px;
  margin-bottom: 1px;
  margin-top: -3px;
}
button.white-yellow {
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-wht.svg) repeat-x;cursor:pointer;border: none;}
button.white-yellow:before {
  content: '';
  height: 58px;
  width: 18px;
  position: absolute;
  margin-top: 0px;
  margin-left: -18px;
  display: block;
  background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht.svg) no-repeat;
  cursor: pointer;
  border: none;
}
button.white-yellow:after {
  content: '';
  height: 58px;
  float: right;
  width: 18px;
  margin-right: -18px;
  right: 10px;
  margin-bottom: -1px;
  display: block;
  background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.white-yellow:hover {color:#000;
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-wht-yell-hov.svg) repeat-x;cursor:pointer;border: none;}
button.white-yellow:hover:before {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht-yell-hov.svg) no-repeat;}
button.white-yellow:hover:after {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht-yell-hov.svg) no-repeat;}

/* HO TRANSPARENT YELLOW BORDER BUTTON */
button.yellow {
height: 50px;
line-height: 48px;
font-size: 16px;
margin-right: 5px;
margin-bottom: -2px;
}
button.yellow {
background: url(/wp-content/uploads/2022/07/svg-btn-mid.svg) repeat-x;cursor:pointer;border: none;}
button.yellow:before {
  margin-top: -1px;
  content: '';
  height: 50px;
  width: 25px;
  position: absolute;
  margin-left: -22px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
  cursor: pointer;
  border: none;
}
button.yellow:after {
  margin-top: -1px;
  content: '';
  height: 50px;
  float: right;
  width: 25px;
  margin-right: -15px;
  right: 10px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.yellow:hover {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;}
button.yellow:hover:before {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}
button.yellow:hover:after {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}

/* HO DESKTOP TRANSPARENT GREY BORDER BUTTON */
button.grey {
  height: 59px;
  line-height: 52px;
  font-size: 16px;
  margin-right: 9px;
  margin-bottom: 1px;
  min-width: 154px;
  margin-top: -4px;
}
button.grey {
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-grey.svg) repeat-x;cursor:pointer;border: none;}
button.grey:before {
  content: '';
  height: 60px;
  width: 25px;
  position: absolute;
  margin-top: -2px;
  margin-left: -24px;
  display: block;
  background: url(/wp-content/uploads/2022/07/dsc-btn-side-grey.svg) no-repeat;
  cursor: pointer;
  border: none;
}
button.grey:after {
  content: '';
  height: 59px;
  float: right;
  width: 25px;
  margin-right: -15px;
  right: 10px;
  margin-top: -3px;
  margin-bottom: -1px;
  display: block;
  background: url(/wp-content/uploads/2022/07/dsc-btn-side-grey.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.grey:hover {
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-grey-hov.svg) repeat-x;cursor:pointer;border: none;}
button.grey:hover:before {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-grey-hov.svg) no-repeat;}
button.grey:hover:after {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-grey-hov.svg) no-repeat;}

/* HO DESKTOP TRANSPARENT WHITE BORDER BUTTON */
button.white {
  color: #ffffff;
  height: 59px;
  line-height: 52px;
  font-size: 16px;
  margin-right: 9px;
  margin-bottom: 1px;
  min-width: 154px;
  margin-top: -4px;
}
button.white {
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-wht.svg) repeat-x;cursor:pointer;border: none;}
button.white:before {
  content: '';
  height: 60px;
  width: 18px;
  position: absolute;
  margin-top: -2px;
  margin-left: -18px;
  display: block;
    background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht.svg) no-repeat;
    cursor: pointer;
    border: none;
}
button.white:after {
  content: '';
  height: 59px;
  float: right;
  width: 18px;
  margin-right: -18px;
  right: 10px;
  margin-top: -3px;
  margin-bottom: -1px;
  display: block;
    background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht.svg) no-repeat;
    cursor: pointer;
    border: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

button.white:hover {
color: #000;
background: url(/wp-content/uploads/2022/07/dsc-btn-mid-wht-hov.svg) repeat-x;cursor:pointer;border: none;}
button.white:hover:before {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht-hov.svg) no-repeat;}
button.white:hover:after {
background: url(/wp-content/uploads/2022/07/dsc-btn-side-wht-hov.svg) no-repeat;}


/* HO TRANSPARENT YELLOW BORDER BUTTON CONTACT FORM */
.wpcf7-checkbox .wpcf7-list-item {margin: 0;}
.wpcf7-checkbox:after {content: ""; clear: both; display: block;}
.wpcf7-checkbox label {display: inline-block;float: left;  margin: 0;
user-select: none;position: relative;}
.wpcf7-checkbox input[type=checkbox]{z-index: -1;opacity: 0;display: block;width: 0;height: 0;border: 0;}
.wpcf7-checkbox label span {display: inline-block;}

.wpcf7-checkbox input[type=checkbox]:checked + span {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}

.wpcf7-checkbox {width:75%}
.wpcf7-checkbox label span {
    line-height: 50px;
    font-size: 16px;
    margin-left: 17px;
    margin-right: 18px;
    margin-bottom: -6.5px;
    margin-top: -3px;
}
.wpcf7-checkbox label span {
background: url(/wp-content/uploads/2022/07/svg-btn-mid.svg) repeat;cursor:pointer;border: none;}
.wpcf7-checkbox label span:before {
    content: '';
    height: 50px;
    width: 25px;
    position: absolute;
    margin-left: -22px;
    display: block;
    background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
    cursor: pointer;
    border: none;
}
.wpcf7-checkbox label span:after {
    content: '';
    height: 50px;
    float: right;
    width: 25px;
    margin-right: -15px;
    right: 10px;
    display: block;
    background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
    cursor: pointer;
    border: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wpcf7-checkbox label span:hover {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;}
.wpcf7-checkbox label span:hover:before {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}
.wpcf7-checkbox label span:hover:after {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;}

/* HO TRANSPARENT YELLOW FILL BUTTON SEND FORM */

.ho-form-sbmt {
    font-size: 16px;
    margin-left: 23px;
    margin-right: 16px;
    margin-bottom: 1px;
    margin-top: 34px;
    line-height: 70px;
}
.ho-form-sbmt {opacity: 0.5;
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;}
.ho-form-sbmt:before {
    content: '';
    height: 70px;
    width: 33px;
    position: absolute;
    margin-left: -21px;
    display: block;
    background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;
    cursor: pointer;
    border: none;
}
.ho-form-sbmt:after {
    content: '';
    height: 70px;
    float: right;
    width: 33px;
    margin-right: -15px;
    right: 10px;
    display: block;
    background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;
    cursor: pointer;
    border: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ho-form-sbmt:hover, .ho-form-sbmt:before, .ho-form-sbmt:after {opacity: 1}

/*---------------------------------
# FOOTER
---------------------------------*/

.site-footer {background-position: calc(100% - 80px) calc(100% - 80px);
background-repeat: no-repeat;background-position-x: center;background-position-y: center;}
.site-footer-copyright .holder {padding-bottom: 48px;}
.site-footer .widgets {padding-top: 25px;padding-bottom: 132px;}
#media_image-2 {height: auto;max-width: 130px;position: absolute;z-index: 2;top: 116px;}
.site-footer a:not(.-unlink):not(.-undash):not(.button):hover {color: #ffda22;}

/* Socials column */
.footer-socials {display: inline-flex;justify-content: space-between;width: 100%;float: right;max-width: 288px;}
.footer-socials-column {padding-left: 0!important;}

/* Contacts column */
.footer-contacts-column{padding-right:0!important;padding-left:0!important;width:fit-content;margin-left:42px;margin-right:6px}

/* footer hoder */
.site-footer .page-container + .site-footer-copyright .holder {border-top: unset;}
.holder .-left, .holder .-right, .holder .-right a {color: #BCBCBC;font-size: 12px!important;text-transform: uppercase;}

#media_image-3 {display: none;}

/* cookie */

/* PORTFOLIO SINGLE PAGE */

/* BLOG CATEGORIES */
/* BLOG SINGLE PAGE */

/* CONTACT FORM 7 NOTIFICATION DELAY HIDE */


/*---------------------------------
# PROJECT GRID PAGE
---------------------------------*/


/*---------------------------------
# PROJECT SINGLE PAGE STYLE
---------------------------------*/

/* Box System */
.single-ohio_portfolio .project-custom {margin-top: 166px;margin-bottom: 20px;}
.single-ohio_portfolio .proj-row {padding: 0 20px;}
.single-ohio_portfolio .proj-container-half .vc_column-inner {height: 410px;}
.single-ohio_portfolio .proj-container-fullwidth .vc_column-inner {height: 650px;width: 100%;}
.single-ohio_portfolio .proj-container-fullwidth {margin-bottom: 20px;overflow:hidden;}
.single-ohio_portfolio .proj-container-fullheight .vc_column-inner {height: 920px;width: 100%;}
.single-ohio_portfolio .proj-container-fullheight {width: calc(50% - 10px);margin-bottom: 20px}
.single-ohio_portfolio .proj-container-fullwidth .project-img-bg img {height: auto;}
.single-ohio_portfolio .ho-left {margin-right: 10px;margin-bottom: 20px;}
.single-ohio_portfolio .ho-right {margin-left: 10px;margin-bottom: 20px;}
.single-ohio_portfolio .proj-container-half.bottom-position{position: absolute;bottom: 0;right: 20px;width: calc(50% - 30px);}
.single-ohio_portfolio .proj-container-half {width: calc(50% - 10px);}
.single-ohio_portfolio .tags .wpb_wrapper .but-cut-edg:nth-child(2n) {display: contents;}
.single-ohio_portfolio .project-intro figure, .project-intro img {width:100%}

/* About project text */
.single-ohio_portfolio h3 {font-size: 40px;line-height: 52px;}
.single-ohio_portfolio .about-project .ohio-text-sc h5 {padding-bottom:30px;}
.single-ohio_portfolio .about-project .ohio-text-sc ul {padding-left: 18px;margin: 0;}
.single-ohio_portfolio .about-project .ohio-text-sc li {margin: 12px 0;}
.single-ohio_portfolio .about-project .ohio-text-sc li:first-child {margin-top: 0;}
.single-ohio_portfolio .solution .ohio-text-sc p {padding-bottom: 24px;}
.single-ohio_portfolio .about-project .sostav .ohio-text-sc h5 {padding-bottom: 20px;}
.single-ohio_portfolio .team-digit p {font-size: 160px;line-height: 160px;color: #000000;}

/* Buttons */
.single-ohio_portfolio .but-cut-edg {float: left;}
.single-ohio_portfolio .tags {padding-left:10px;}
.single-ohio_portfolio button.yellow {margin-left: 10px;}

/* Text Positioning */
.single-ohio_portfolio .text-bottom-block.ohio-text-sc {position: absolute;bottom: -70px;z-index: 1;width: 66%;margin-left: -20px;}
.single-ohio_portfolio .text-top-block.ohio-text-sc {position: absolute;bottom: -70px;z-index: 1;width: 66%;margin-left: -20px;}
.single-ohio_portfolio .project .ohio-text-sc h2,.project .ohio-text-sc h3 {position: absolute;color: #fff;top: 30px;left: 40px;z-index:1;}
.single-ohio_portfolio .pic-descr figcaption.vc_figure-caption {top: 100%;position: absolute;bottom: -70px;width: 66%;margin-top: 20px;margin-left: -20px;font-size: 1rem;}

/* Project photos */
.single-ohio_portfolio .project-img-bg img {position: absolute;top: 0;left: 0;height: 100%;}
.single-ohio_portfolio .project-text-box {width: 36%;font-size: 18px;}
.single-ohio_portfolio .project.project-launch {width: calc(100vw + 40px);margin-left: -60px;}

/* Lightbox 2 settings */
.single-ohio_portfolio .project-img-bg a:hover {cursor: zoom-in;}
.single-ohio_portfolio a.lb-close:hover {background: url(/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/close.png) top right no-repeat!important;}
.single-ohio_portfolio .lb-data .lb-close {margin: -33px -48px;}
.single-ohio_portfolio .lightbox .lb-image {border-radius: 0;border: 0;}

/*---------------------------------
# DIFFERENT
---------------------------------*/

/* VC editor */
.ohio_extra_portfolio_types_block .select2-container--default .select2-selection--multiple,
.ohio_extra_portfolio_types_block .select2-container--default.select2-container--focus .select2-selection--multiple {min-height: 30px;}


/*---------------------------------
# HIDE/SHOW
---------------------------------*/
.xs-show, .sm-show, .md-show, .xss-show {display: none;}
.xs-hide, .xss-hide {display: block;}

@media only screen and (max-width: 1439px) {
.dsp-hide {display: none;}}

@media only screen and (max-width: 600px) {
.xs-hide {display: none;}.xs-show {display: block;}}


@media only screen and (max-width: 768px) {
.sm-hide {display: none;}.sm-show {display: block;}}

@media only screen and (max-width: 767px) {
.xss-show, .lg-hide.xss-show {display: block;}.xss-hide {display: none;}}

@media only screen and (max-width: 1024px) {
.md-show {display:block} .md-hide {display: none;}
}


@media only screen and (max-width: 1200px) {
.lg-show {display: block;}.lg-hide {display: none;}}

@media only screen and (min-width: 1200px) {
.xs-show {display: none;} .lg-hide {display: block;}}


/*---------------------------------
# 2K OPTIMTZATION > 1440
---------------------------------*/

@media screen and (min-width: 1441px){
.has-bg img{height: auto;}
.eco-container {overflow: hidden;}
}

@media screen and (max-width: 1440px){
.eco-container h4, .eco-container-full h4, .eco-container-box h4 {font-size: 2.361vw;}
h2, h3 {font-size: 3.472vw;line-height: 4.514vw;}


}

/*---------------------------------
# DESKTOP OPTIMTZATION 1439 <
---------------------------------*/
@media screen and (max-width: 1439px){
.footer-contacts-column {margin-left: 12px;margin-left: 10px;margin-right: 10px;}
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed a span:before {right: -47px;left: unset;}}

/*---------------------------------
# DESKTOP OPTIMTZATION 1439 - 1280
---------------------------------*/
@media screen and (max-width: 1439px) and (min-width: 1280px){
footer#colophon li.widget.widget_text a, footer#colophon li.widget.widget_text {font-size: 1.250vw;line-height: 1.750vw;}
.hamburger-nav .menu .nav-item a span, .hamburger-nav .menu li.current-menu-item > a > span, .hamburger-nav .copyright a, .hamburger-nav .copyright {line-height: 3.472vw;font-size: 3.472vw;}}

/*---------------------------------
# DESKTOP OPTIMTZATION 1260
---------------------------------*/
@media screen and (max-width:1260px){.footer-socials a{display:block}
.footer-socials{margin-bottom:40px;display:block;justify-content:unset;float:left;max-width:unset;padding-left:20px;width:fit-content}
.footer-socials-column{width:fit-content}
.holder .-left{padding-right:20px}
}
/*---------------------------------
# MOBILE OPTIMTZATION < 1024
---------------------------------*/

@media screen and (max-width:1024px){/* FOOTER */.site-footer .widgets-column:not(:last-child){width:100%;margin-bottom:20px}
.footer-contacts-column{padding-right:20px!important;padding-left:20px!important;margin-left:0;margin-right:0}
.footer-contacts-column{margin-bottom:3px!important}
.site-footer{background-position:center top;background-position-y:20px;background-size:calc(100vw - 40px)}
#media_image-2{display:none}
#media_image-3{max-width:130px;margin-top:0;margin-left:20px;display:block}
.site-footer-copyright .holder:not(.-center) > div{text-align:left}
.holder .-right{margin-left:-20px}
.site-footer-copyright .holder{padding-bottom:28px}
.site-footer .widgets{padding-top:25px;padding-bottom:0px}
.site-footer .page-container + .site-footer-copyright .holder{float:left}
}

/*---------------------------------
# MOBILE OPTIMTZATION < 768
---------------------------------*/

@media only screen and (max-width: 768px) {

/* ALL PAGES */
/* Smooth Scrolling + Offset */
html {scroll-behavior: unset;}
h2 {font-size: 22px;line-height: 28.6px;}
.desktop-hamburger.-right .icon-button {justify-content: unset;margin-right: -30px;}
.open-text {display: none;}
.header .mobile-hamburger.-right {margin-left: unset;margin-right: -16px;}
.page-container:not(.-full-w) {width: calc(100% - 40px);}
.header-wrap {height: 10vh;}
}

/*---------------------------------
# MOBILE OPTIMTZATION < 767
---------------------------------*/

@media only screen and (max-width: 767px) {

h1 {font-size: 26px;line-height: 31.2px;}
h2 {font-size: 22px;line-height: 28.6px;}
h3 {font-size: 18px;line-height: 23.4px;}
h4 {font-size: 16px;line-height: 22.4px;}
h5 {font-size: 16px;line-height: 21px;}

.close-bar.-right-flex .icon-button {width: fit-content;}

/* BUTTONS */

/* HO MOBILE TRANSPARENT GREY BORDER BUTTON */
button.grey {
    height: 50px;
    padding: 0;
    line-height: 46px;
    font-size: 16px;
    z-index: 1;
    margin: 0 18px;
    width: calc(100% - 30px);
}
button.grey {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-grey.svg) repeat;background-repeat-y: no-repeat;cursor:pointer;border: none;}
button.grey:before {
  content: '';
  height: 50px;
  z-index: 2;
  width: 20px;
  position: absolute;
  margin-top: -1px;
  margin-left: -20px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side-grey.svg) no-repeat;
  cursor: pointer;
  border: none;
}
button.grey:after {
  content: '';
  height: 50px;
  float: right;
  width: 20px;
  z-index: 2;
  margin-right: -20px;
  right: unset;
  margin-top: -1px;
  margin-bottom: -1px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side-grey.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.grey:hover {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;}
button.grey:hover:before {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;width:24px}
button.grey:hover:after {
background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;width:24px}

/* HO MOBILE TRANSPARENT WHITE BORDER BUTTON */

button.white {
    color: #fff;
    height: 50px;
    padding: 0;
    line-height: 46px;
    font-size: 16px;
    z-index: 1;
    margin: 0 18px;
    width: calc(100% - 20px);
}
button.white {
background: url(/wp-content/uploads/2022/07/xs-btn-mid-wht.svg) repeat;background-repeat-y: no-repeat;cursor:pointer;border: none;}
button.white:before {
  content: '';
  height: 50px;
  z-index: 2;
  width: 20px;
  position: absolute;
  margin-top: -1px;
  margin-left: -20px;
  display: block;
    background: url(/wp-content/uploads/2022/07/xs-btn-side-wht.svg) no-repeat;
    cursor: pointer;
    border: none;
}
button.white:after {
  content: '';
  height: 50px;
  float: right;
  width: 20px;
  z-index: 2;
  margin-right: -20px;
  right: unset;
  margin-top: -1px;
  margin-bottom: -1px;
  display: block;
    background: url(/wp-content/uploads/2022/07/xs-btn-side-wht.svg) no-repeat;
    cursor: pointer;
    border: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

button.white:hover {
color: #000;
background: url(/wp-content/uploads/2022/07/xs-btn-mid-wht-hov.svg) repeat;cursor:pointer;border: none;}
button.white:hover:before {
background: url(/wp-content/uploads/2022/07/xs-btn-side-wht-hov.svg) no-repeat;}
button.white:hover:after {
background: url(/wp-content/uploads/2022/07/xs-btn-side-wht-hov.svg) no-repeat;}


/* HO YELLOW FILL BUTTON SEND FORM */

.ho-form-sbmt {
  color: #080808;
  line-height: 50px;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 1px;
  margin-top: 25px;
  width: calc(100% - 40px);
  text-align: center;
}
.ho-form-sbmt {
background: url(/wp-content/uploads/2022/07/svg-btn-mid-hov.svg) repeat;cursor:pointer;border: none;opacity:1}
.ho-form-sbmt:before {
  content: '';
  height: 50px;
  width: 25px;
  position: absolute;
  margin-top: 0px;
  margin-left: -20px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;
  cursor: pointer;
  border: none;
}
.ho-form-sbmt:after {
  content: '';
  height: 50px;
  width: 25px;
  margin-right: -20px;
  right: 10px;
  margin-top: 0px;
  margin-bottom: -1px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side-hov.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination){color:#000;cursor:pointer;border:none;font-size:16px;margin-right:-80px;width:auto}
.wpcf7-not-valid-tip:after{content:'•';font-size:20px;line-height:10px;padding-left:6px}
.wpcf7-not-valid-tip{top:8px;right:20px;font-size:8px}
.wpcf7 form .wpcf7-response-output{position:absolute;left:0;right:0;top:46vh;text-align:center;margin:20px 15px;line-height:28px;background-color:#fff;font-size:16px}

.wpcf7-checkbox label span:hover {
background: url(/wp-content/uploads/2022/07/svg-btn-mid.svg) repeat;cursor:pointer;border: none;}
.wpcf7-checkbox label span:hover:before {
background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;}
.wpcf7-checkbox label span:hover:after {
background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;}
.wpcf7-checkbox label span {margin-bottom: -5.5px;margin-top: -5px;}

/* HO TAGS YELLOW BORDER BUTTON  */
button.yellow {
  height: 50px;
  padding: 0;
  line-height: 46px;
  font-size: 16px;
  z-index: 1;
  margin-bottom: 0;
  margin-top: 0;
}
button.yellow:before {
  content: '';
  height: 50px;
  z-index: 2;
  width: 25px;
  position: absolute;
  margin-top: -1px;
  margin-left: -23px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
  cursor: pointer;
  border: none;
}
button.yellow:after {
  content: '';
  height: 50px;
  float: right;
  width: 25px;
  z-index: 2;
  margin-right: -23px;
  right: unset;
  margin-top: -1px;
  margin-bottom: -1px;
  display: block;
  background: url(/wp-content/uploads/2022/07/svg-btn-side.svg) no-repeat;
  cursor: pointer;
  border: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

}

/*---------------------------------
# MOBILE OPTIMTZATION < 465
---------------------------------*/

@media only screen and (max-width: 465px) {

/* ALL PAGES */
.wpcf7-checkbox label span {margin-bottom: -6.5px;margin-top: -3px;}

/* MENU */
.inactive a {color: #EBEBEB;/*pointer-events: none;*/}
.is-mobile-menu .hamburger-nav {display: block;}
.mobile-overlay.visible .holder {display: none;}
.hamburger-nav .menu .mega-menu-item a span {line-height: 41.6px;font-size: 32px!important;}
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed .stand a span {font-size: 18px!important;line-height: 20px;}
a.menu-link.-undash.sub-menu-link {font-size: 3vh;}
li.mega-menu-item.nav-item.menu-item-depth-0.inactive.showed a span:before {right: -40px;
left: unset;width: fit-content;display: none}
.hamburger-nav .menu li.mega-menu-item {padding: 0;margin: 5px;}
.hamburger-nav-holder {margin-top: 80px;}
.hamburger-nav:not(.type2):not(.type3) {padding-left: 20px;padding-right: 20px;}
.hamburger-nav-details .details-column {position: absolute;bottom: 29vh;}
.hamburger-nav-details .details-column a {display: block;line-height: 1.5em;}
.hamburger-nav {background-attachment: unset;}
.hamburger-nav {background-size: calc(100% - 40px);background-position-y: calc(100% - 50px);}
.clb-popup .close-bar {right: -30px;top: -10px;}

/* FOOTER */
.site-footer a:not(.-unlink):not(.-undash):not(.button) {font-size: 16px;line-height: 22.4px;}
.site-footer .widget-title {font-size: 16px;line-height: 22.4px;}
.site-footer, .site-footer h6, .site-footer .widgets, .site-footer .button {font-size: 16px;line-height: 22.4px;}
}

/*---------------------------------
# Portfolio OPTIMTZATION
---------------------------------*/

@media screen and (min-width:1600px) {
.single-ohio_portfolio .proj-container-half .vc_column-inner {height: 460px;}
.single-ohio_portfolio .proj-container-fullwidth .vc_column-inner {height: 760px;}
.single-ohio_portfolio .proj-container-fullheight .vc_column-inner {height: 1040px;}
}

@media screen and (max-width:1599px) and (min-width: 1441px){
.single-ohio_portfolio .proj-container-fullheight .vc_column-inner {height: 62vw;}
.single-ohio_portfolio .proj-container-fullwidth .vc_column-inner {height: 50vw;}
.single-ohio_portfolio .proj-container-half .vc_column-inner {height: 28.472vw;}

}

@media screen and (max-width: 1439px){
.single-ohio_portfolio .team-digit p {font-size: 11.111vw;line-height: 11.111vw;color: #000000;}}

/*** 1439 ***/
@media screen and (max-width: 1439px) {
.single-ohio_portfolio .proj-container-half .vc_column-inner {height: 28.472vw;}
.single-ohio_portfolio .proj-container-fullwidth .vc_column-inner {height: 45.139vw;}
.single-ohio_portfolio .proj-container-fullheight .vc_column-inner {height: 63.889vw;}
}


@media screen and (max-width: 1279px) {
.single-ohio_portfolio h3 {font-size: 28px;line-height: 130%;}
.single-ohio_portfolio .text-bottom-block.ohio-text-sc {bottom:unset;top: 28.469vw;width: 100%;}
.single-ohio_portfolio .text-top-block.ohio-text-sc {width: 100%;bottom:unset;top: 63.547vw;}
.single-ohio_portfolio .project-text-box {width: 50%;font-size: 16px;}
}
/*** 1100 ***/
@media screen and (max-width: 1100px) {
.single-ohio_portfolio .team-digit p {font-size: 9.111vw;line-height: 9.111vw;}}
/*** 1024 ***/
@media screen and (max-width: 1024px) {
.single-ohio_portfolio .challenge.wpb_column.vc_column_container.vc_col-sm-4, .solution.wpb_column.vc_column_container.vc_col-sm-4 {width: 50%;}
.single-ohio_portfolio .intro-title.wpb_column.vc_column_container.vc_col-sm-7 {width: 90%;}
.single-ohio_portfolio .tags.wpb_column.vc_column_container.vc_col-sm-6 {width: 75%;}
.single-ohio_portfolio .team-digit p {font-size: 90px;line-height: 100px;color: #000000;}
}
/*** 900 ***/
@media screen and (max-width: 900px) {
.single-ohio_portfolio .team-digit p {font-size: 80px;line-height:95px}
.single-ohio_portfolio .team-digit {margin-top: -15px;margin-bottom: 18px;}
.single-ohio_portfolio .dt p {font-size:15px;}
}
/*** 768 ***/
@media screen and (max-width: 768px) {
.single-ohio_portfolio .project-custom {margin-top: 80px;}
}

/*** 767 ***/
@media screen and (max-width: 767px) {
.single-ohio_portfolio button.yellow {margin-left: 15px;margin-bottom: -1px;margin-top: -1px;}
.single-ohio_portfolio .but-cut-edg {float: none;}
.single-ohio_portfolio .challenge.wpb_column.vc_column_container.vc_col-sm-4, .solution.wpb_column.vc_column_container.vc_col-sm-4 {width: 100%;}
.single-ohio_portfolio .intro-title.wpb_column.vc_column_container.vc_col-sm-7 {width: 100%;}
.single-ohio_portfolio .tags.wpb_column.vc_column_container.vc_col-sm-6 {width: 100%;}
.single-ohio_portfolio span.plus {font-size: 50px;bottom: 70px;}
.single-ohio_portfolio .proj-container-half, .single-ohio_portfolio .proj-container-fullheight {width: 100%;}
.single-ohio_portfolio .project .vc_column-inner {padding-left: 0!important;padding-right: 0!important;}
.single-ohio_portfolio .ho-right {margin-left: 0px;}
.single-ohio_portfolio .project .ohio-text-sc h3 {top: 20px;left: 26px;}
.single-ohio_portfolio .project-custom {margin-top: 35px;}
.single-ohio_portfolio h3 {font-size: 22px;line-height: 28.6px;}
.single-ohio_portfolio .about-project .ohio-text-sc h5 {padding-bottom: 20px;font-size: 20px;line-height: 26px;}
.single-ohio_portfolio .about-project .ohio-text-sc li {margin: 12px 0;font-size: 16px;line-height: 20.8px;}
.single-ohio_portfolio .solution .ohio-text-sc p {font-size: 16px;line-height: 22.4px;}
.single-ohio_portfolio .project-img-bg img {position: relative;}
.single-ohio_portfolio .wpb_content_element.project-img-bg {margin-bottom: 0;}
.single-ohio_portfolio .proj-container-half .vc_column-inner,.proj-container-fullheight .vc_column-inner{height: auto;}
.single-ohio_portfolio .mobile-version p {margin-top: -5px;margin-bottom: 35px;line-height: 19.6px;font-size: 14px;}
.single-ohio_portfolio .project.project-launch {width: 100vw;margin-left: -20px;}
.single-ohio_portfolio .project.project-launch h2 {margin-left: -20px;}
}