@font-face {
    font-family: 'R';
    src: url('../fonts/TTHoves-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'L';
    src: url('../fonts/TTHoves-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, html {
    height: 100%;
    font-family: 'R';
    font-size: 16px
}
.display{display:none;}
.visible {visibility:hidden;}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
*{box-sizing: border-box;}
.container {
    height: 100%;
}

.flex {
    display: flex;
}

.col-1, .col-2 {
    flex-basis: 50%;
    width: 50%;
    height: 100vh;
    overflow: hidden;
}

.col-1 {
    z-index: 1;
    background: #fff;
    padding: 20px 20px 20px 80px;
    box-sizing: border-box;
    position: relative;
}
.menu-1{padding-top: 20px;}
.menu-1 a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 1.5em;
    padding-left: 22px;}

.menu-1 li {
    padding-bottom: 5px;
}
.menu-1 a:hover,.menu-2 a:hover{color:#000;}
.menu-2 a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 1.2em;
    padding-left: 22px;}

.menu-2 li {
    padding-bottom: 8px
}
.home-nav{position: absolute;top: 32px;}
.menu-2 {
    padding-top: 25px;
}

.menu-1 ul, .menu-2 ul {
    margin-left: -25px;
}

.menu-1 li.active, .menu-2 li.active {
    background-image: url(/img/menu-arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    background-size: 18px 18px
}

.menu-2 li.active {
    background-position: 0px 5px;
    background-size: 18px 18px;
}

.footer-logo-1, .footer-logo-2 {
    position: absolute;
    bottom: 20px;}

.footer-logo-2 {
    right: 20px;
}
.footer-logo-3{display:none;}

.social {
    position: absolute;
    right: 20px;
    top: 40px;
}

.social a {
    display: block;
    background-image: url(/img/ico-social.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 34px
}

.social .facebook {
    background-position-y: -32px
}

.social .vk {
    background-position-y: 0px
}
.social .telegram {
    background-position-y: -35px
}
.social .behance {
    background-position-y: -69px
}
.social .youtube {
    background-position-y: -105px
}
.social .dzen {
    background-position-y: -143px
}
.social .vc {
    background-position-y: -178px
}
.social .sostav {
    background-position-y: -216px
}

.social a:hover {
    background-image: url(/img/ico-social-active.png);
}

.page-9 .col-1 {
    flex-basis: 100%
}

.page-9 .col-2 {
    display: none;
}


.page-10 .content .inner .flex div {
    flex-basis: 50%
}

.page-10 .content {
    color: #454545;
}

.page-10 .content h1 {
    font-size: 2em;
    margin-bottom: 80px
}

.page-10 .content p {
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.4;
}

.page-10 .content p a {
    text-decoration: none;
    color: #454545;
}


.banner img {
    display: block;
    margin: 0 auto;
}

.nav-open .general-nav-menu .footer-logo-2 {
    padding-bottom: 0px;
    box-sizing: border-box;
}

.general-nav-menu {
    display: none;
}
.general-nav-menu .social.mobile{display:none;}
.general-nav-in {
    position: relative;
    padding-top: 10px;
}

.general-nav {
    display: block;
    cursor: pointer;
    position: absolute;
    height: 32px;
    top: 40px;
    left: 20px;
    font-size: 1.5em;
    color: #555;
    z-index: 4;
}

.general-nav span {
    display: block;
    margin-top: -10px;
    margin-left: 55px;
    font-family: 'L'
}

.nav-open .general-nav {
    width: 100%;
    /* background: #fff */}

.nav-open .general-nav-menu {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 80px;
    background: #fff;
}

.general-nav-menu {
    position: absolute;
    left: 0;
    top: 0px;
    padding: 20px;
    z-index: 3;
    display: none;
    height: 100vh;
    padding-top: 80px;
}

.nav-open .menu-ico:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-open .menu-ico:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-open .menu-ico {
    background: 0 0;
}

.menu-ico {
    float: left;
    display: block;
    width: 32px;
    height: 3px;
    background: #555;
}

.menu-ico:after, .menu-ico:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 32px;
    height: 3px;
    background: #555;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-transition: .2s;
    transition: .2s
}

.menu-ico:after {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px)
}

#owlHome {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

#owlHome.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border:1px solid #ea3660;
}

#owlHome.owl-theme .owl-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

#owlHome.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ea3660;
    border:1px solid #ea3660;
}

#owlHome .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#owlHome .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    height: 100%;
}

#owlHome .owl-stage-outer {
    height: 100%;
}

#owlHome .owl-item {
    position: relative;
    min-height: 1px;
    height: 100%;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#owlHome .owl-item {
    background-image: url('../img/preloader.gif');
    background-repeat: no-repeat;
    background-position: center;
}
#owlHome .owl-item .p-item{width: 100%;height:100%;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;overflow:hidden;}
#owlHome .owl-item .p-item .blur{position:absolute; backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);top: 0;left: 0;right: 0;bottom: 0;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;

}
#owlHome .owl-item .p-item:hover .blur{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(0,0,0, 0.4);}
#owlHome .owl-item .p-item img{width:auto;height:auto;}
#owlHome .owl-item .p-item .blur-text{color:#fff;opacity:0;transition-duration: .5s;-webkit-transition-duration: .5s;position:absolute;top: 0;left: 0;right: 0;bottom: 0;}
#owlHome .owl-item .p-item:hover .blur-text{opacity:1;}
#owlHome .owl-item .p-item .blur-text .flex{margin: 35% 5% 5% 5%;font-family: 'L'}
#owlHome .owl-item .p-item .blur-text h1{font-size: 3em;margin-bottom: 30px;margin-left: 11px}
#owlHome .owl-item .p-item .blur-text h1 a{color:#fff;text-decoration:none;}
#owlHome .owl-item .p-item .blur-text .tags{flex-basis: 30%;margin-top: 80px;line-height: 1.3;font-size: 1em}
#owlHome .owl-item .p-item .blur-text .tags a{color:#fff;text-decoration: none;}
#owlHome .owl-item .p-item .blur-text .tags a:hover{text-decoration: underline;}
#owlHome .owl-item .p-item .blur-text .title{flex-basis: 70%;font-size: 1em;}
#owlHome .owl-item .p-item .blur-text .p-arrow{display: block;margin-top: 60px}
#owlHome .owl-item .p-item .blur-text p{margin-left: 11px;line-height: 1.5;font-size: 1.2em;margin-bottom:20px}
#owlHome .owl-item .p-item .blur-text p a{color:#fff;}
.portfolioWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.portfolioBig {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolioWrapper .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.portfolioRows {
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    overflow: auto;
}

.portfolioRows.dn {
    display: none;
}

.portfolioBig.dn {
    display: none;
}
.page-69 .portfolioWrapper .portfolioRow{
    height: 50%;
    background-position:center;
}
.portfolioRow {
    flex-basis: 33.33%;
    height: 30%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: block;
}

.portfolioRow a {
    display: block;
    width: 100%;
    height: 100%
}

.portfolioRow:hover {
    opacity: .7;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.behance-2 {
    position: absolute;
    top: 50%;
    left: 5%;
    margin-top: -7px
}

.behance-2 a {
    display: block;
    background-image: url(/img/ico-behance.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 15px;
}

.portfolio-img {
    display: none;
    position:relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}
.portfolio-animate-slides{position:relative;top:0;left:0;width: 100%;height: 100%;}
.portfolio-slide-img {
    position:absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}
.portfolio-slide-img-1{top:0;left:0;animation:none;}
.portfolio-slide-run{left:-100%;animation: showLeft .5s;animation-fill-mode: forwards;animation-timing-function:ease-out;}
.portfolio-slide-img-2{
  animation-delay: .3s;
}
.portfolio-slide-img-3{
  animation-delay: .6s;
}
.portfolio-slide-img-4{
  animation-delay: .9s;
}
.portfolio-slide-img-5{
  animation-delay: 1.2s;
}
.portfolio-slide-img-6{
  animation-delay: 1.5s;
}
.portfolio-slide-img-7{
  animation-delay: 1.8s;
}
.portfolio-slide-img-8{
  animation-delay: 2.1s;
}
@keyframes showLeft {from {left:-100%;}to {left:0;}}

.portfolio-img.portfolio-img-1 {
    display: block;
}



.portfolio-item .general-nav {
    color: #333
}

.portfolio-item .menu-ico, .portfolio-item .menu-ico:after, .portfolio-item .menu-ico:before {
    background: #333;
}

.nav-open .portfolio-item .menu-ico {
    background: 0 0
}

.portfolio-item .footer-logo-1 {
    display: none;
}

.portfolio-item .introtext {
    color: #fff;
    font-size: 1.1em;
    font-family: 'L'
;padding-right: 40px;}

.portfolio-item .porftfolio-block {
    justify-content: space-between;
}

.portfolio-item .porftfolio-block .left {
    flex-basis: 20%;}

.portfolio-item .porftfolio-block .portfolio-text {
    flex-basis: 80%;
    position: relative;
    box-sizing: border-box;
    margin-top: 40px;
}

.portfolio-carousel {
    color: #454545;
}

.portfolio-carousel .slick-arrow {
    cursor: pointer;
    margin-left: 23px
}

.portfolio-carousel p {
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 1.05em;
    font-family: 'L'
}

.portfolio-carousel h3 {
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: 25px;
    padding-top: 5px;
}

.portfolio-carousel a {
    color: #454545;
}

.portfolio-text .slick-list {
    padding-left: 120px;
}

.portfolio-text .counter {
    position: absolute;
    color: #333;
    font-family: 'L';
}

.portfolio-text .counter .num-2 {
    float: right;
}
.portfolio-carousel .slick-arrow.slick-disabled{visibility:hidden;}
.portfolio-content.modile{display:none;}
.page-8 .portfolio-item .introtext{color:#454545;}


.content .inner h1 {
    font-size: 2.4em;
    margin-bottom: 40px;
    line-height: 1.4;
}
.portfolio-template h1.pagetitle{margin-bottom:10px}
.content .inner p {
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.4;
}

.content .inner a {
    color: #454545;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
    height: 100%
}
.content .inner {
  margin-top: auto;
  margin-bottom: auto;
  width:100%;
  padding-top: 0;
}
/******************************************************************/
@media(max-width:1920px) {
  .content .inner h1.pagetitle{font-size:2em;margin-bottom:10px;}
  .content .inner p.introtext {
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 1.2;
  }
  .content .inner .portfolio-carousel p {
    line-height: 1.2;
    font-size: 1em;
  }
  .portfolio-carousel h3 {
    font-size: 1.4em;
  }
}
@media(max-width:1366px) {
  .page-69 .portfolioWrapper .portfolioRow{flex-basis:50%;height:40%}
  .page-1 .banner img,.page-10 .banner img{width: 200px;}
  .banner img{width: 400px;max-width:100%;}
  .footer-logo-1, .footer-logo-2{bottom:20px;}
  .col-1 {padding: 20px}
  .menu-1 {margin-top: 0;}
  .footer-logo-2 {right: 20px;}
  .portfolio-item .porftfolio-block .portfolio-text {flex-basis: 90%;margin-top: 5%;}
  .portfolio-item .porftfolio-block .left {flex-basis: 10%;}
  .content .inner p{font-size:.9em;line-height:1.2;}
  .portfolio-carousel h3{font-size:1.4em;}
}
@media(max-width:700px) {
   .p-69 .portfolio-img.portfolio-img-1 {height: 50vh;margin-bottom: 20px}
  .nav-open .content, .nav-open .portfolio-content{display:none;}
  .container.flex{flex-wrap:wrap;}
  .col-1{display: none;}
  .col-1,.col-2{flex-basis:100%;width:100%;}
  .page-1 .col-1,.page-1 .col-2,.page-10 .col-1,.page-10 .col-2{height:50vh;}
  .page-1 .col-2{order:-1;}
  .col-1{padding:15px;position:static;}
  .banner{display:none}
  .page-10 iframe{height:50vh;}
  .footer-logo-1,.footer-logo-2{display:none;}
  .footer-logo-3{display:block;position:absolute;right:15px;bottom:15px;}
  .page-1 .col-1,.page-10 .col-1{padding:15px;display: block;}
  .container.portfolio-template.p-0 .col-2{height:100vh}
  .social{right:15px;top:50vh;margin-top:69px}
  #owlHome .owl-item .p-item:hover .blur,#owlHome .owl-item .p-item:hover .blur-text{display:none;}
  #owlHome .owl-item .p-item{background-position:center;}
  #owlHome .owl-item .p-item .blur.show,#owlHome .owl-item .p-item .blur-text.show{display:block;}
  #owlHome .owl-item .p-item .blur,#owlHome .owl-item .p-item .blur-text{display:block;}
  #owlHome .owl-item .p-item .blur-text .flex{margin:30px 15px;flex-wrap:wrap;position:relative;}
  #owlHome .owl-item .p-item .blur-text .tags{flex-basis:100%;font-size:.9em;}
  #owlHome .owl-item .p-item .blur-text .title{flex-basis:100%;order:-1;}
  #owlHome .owl-item .p-item .blur-text h1{font-size:2em;margin-bottom:15px;margin-left:0;}
  #owlHome .owl-item .p-item .blur-text h1 a{text-decoration:underline;}
  #owlHome .owl-item .p-item .blur-text p{margin-left:0;}
  #owlHome .owl-item .p-item .blur-text .p-arrow{margin-top:0;position:absolute;top:0px;right:0px;transform: rotate(-90deg)}
  #owlHome .owl-item .p-item .blur-text .tags{margin-top:30px;}
  .general-nav{padding:15px;background:#f9f9f9;top:0;left:0;width:100%;position: fixed;height:54px;box-sizing:border-box;z-index:10;}
  .page-10 .content .inner .flex div{flex-basis:100%}
  .page-10 .content h1{margin-bottom:40px;}
  .page-10 .content{display:block;}
  .menu-1 a,.menu-2 a{padding-left: 25px;}
  .container{margin-top: 54px;padding-bottom: 54px;height:auto;}
    .portfolio-content.mobile{height: 100%}
  .p-0.container{padding-bottom:0;height:100%;}
  .page-1 .container{margin-top: 0;}
  .portfolio-item .content .inner{margin-top:40px;}
  .nav-open .content{display:none;}
  .nav-open .col-1{height:0;}
  .social{display:none;}
    .home-nav{position: static;}
  .general-nav-menu .social.mobile{display:block;position:absolute;top: 30px;right:15px;/* top:auto; */left:auto;}
  .portfolio-item .porftfolio-block .left{display:none;}
  .portfolio-item .porftfolio-block .portfolio-text{flex-basis:100%;margin-top:20px;}
  .nav-open .general-nav-menu{padding-left:72px}
  .portfolio-desc-block {margin:0 10px;}
  .portfolio-desc-block img{max-width:100%;}
  .portfolio-content.mobile .pagetitle {
      color: #fff;
      font-size: 2em;
      padding: 15px 10px;
  }
    .info-page-list{padding: 40px 0}
    .info-page-list img{border:1px solid #f9f9f9;}
    .content .inner{padding: 15px 10px;}
    .content .inner h1{font-size: 2em;line-height: 1.4}
  .portfolio-content.mobile .introtext {
      margin:0 10px;
      margin-bottom:25px;
      color: #fff;
      font-size: 1.1em;
      font-family: 'L'
  }
  .portfolio-mobile-img{position:relative;}
  .portfolio-slide-mobile-img{position:absolute;}
  .portfolio-content.mobile .portfolio-slide-mobile-img-1{z-index:1}
  .portfolio-content.mobile .portfolio-slide-mobile-img-2{z-index:2}
  .portfolio-content.mobile .portfolio-slide-mobile-img-3{z-index:3}
  .portfolio-content.mobile .portfolio-slide-mobile-img-4{z-index:4}
  .portfolio-content.mobile .portfolio-slide-mobile-img-5{z-index:5}
  .portfolio-content.mobile .portfolio-slide-mobile-img-6{z-index:6}
  .portfolio-content.mobile .portfolio-slide-mobile-img-7{z-index:7}
  .portfolio-content.mobile .portfolio-slide-mobile-img-8{z-index:8}
  
  .portfolio-content.mobile h2{font-size:2.6em;margin:15px 0;}
  .portfolio-content.mobile h3{font-size:2em;margin:15px 0;}
  .portfolio-content.mobile p{line-height:1.2;margin-bottom:15px;margin-top:15px;}
  .portfolio-content.mobile .introtext{margin-bottom:30px;}
  .portfolio-content.mobile p a{color:#000;}
  .portfolioRow{background-position:center;flex-basis: 50%;}
}
@media(max-width:560px) {
  
}