.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container-fluid:after { clear: both; }

.owl-carousel-2 .owl-nav { width: 100%; }
.owl-carousel-2 .owl-nav button.owl-prev, .owl-carousel-2 .owl-nav button.owl-next { position: absolute; background: transparent; border: 0; }
.owl-carousel-2 .owl-nav button.owl-prev::before, .owl-carousel-2 .owl-nav button.owl-next::before { border-right-color: #f25421; border-bottom-color: #f25421; }
.owl-carousel-2 .owl-nav button.owl-prev:hover::before, .owl-carousel-2 .owl-nav button.owl-next:hover::before { border-right-color: #3a3633; border-bottom-color: #3a3633; }

.sec-2 { margin: 100px 0; }
.sec .s-ttl--side { font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #9c9a99; position: absolute; left: 5vw; }

.styled-head { text-align: center; font-size: 50px; line-height: 1; font-weight: 700; padding: 30px 0; margin: 63px 0; text-transform: uppercase; letter-spacing: 17px; background: url(images/triangle.svg) no-repeat center center/auto 100%; white-space: nowrap; }
.styled-head + .sec, .styled-head + .sec-2 { margin-top: 0; }

.link-email { border-bottom: 1px solid #f25421; }

.terr-blocks .item { position: relative; }
.terr-blocks .item .img img { display: block; width: 100%; }

.terr-tabs li { display: inline-block; width: auto; max-width: none; }


@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  90% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {

  from{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }

  /*
  from,
  10%,
  13%,
  20%,
  30% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  11%,
  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  25% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }*/

}



.terr-markers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.terr-markers a { transition:all 0.3s;position: absolute; width: 55px; height: 55px; /* transform: translate(-23px, -55px); */ margin: -55px 0 0 -23px; background: url(images/territory-marker.svg) transparent no-repeat center center/contain; animation: bounce  2s infinite; }
.terr-markers a:hover , .terr-markers a.active { /*background-color: #ffffff30;*/  animation-play-state: paused; width:60px; height:60px;margin: -60px 0 0 -28px;}

.terr-places .item { /*.close{ display:block; width:50px; height:50px; position:absolute; right:10px; top:10px; background: url(../images/close.svg) no-repeat;
}*/ }

.terr-place { background: #ffffff; width: 100%; }
.terr-place .ttl { font-size: 35px; line-height: 1; font-weight: 700; margin-bottom: 20px; position: static; }
.terr-place .body { font-size: 15px; line-height: 28px; margin-bottom: 20px; }
.terr-place .images.owl-carousel .owl-nav { display: block; width: 120%; height: 20px; left: -10%; }
.terr-place .images.owl-carousel .owl-nav button { width: 20px; }
.terr-place .images img { width: 100%; }

.territories.effect .terr-markers a { -webkit-background-size: 0; background-size: 0; -webkit-transition: transform 0.5s, background 0.5s; -moz-transition: transform 0.5s, background 0.5s; -o-transition: transform 0.5s, background 0.5s; transition: transform 0.5s, background 0.5s; }
.territories.active .terr-markers a { -webkit-background-size: 100%; background-size: 100%; }

.facts { margin: -30px 0 0; }
.facts .item { margin-top: 30px; padding-right: 40px; position: relative; }
.facts .item::before { content: ""; display: block; width: 60px; height: 4px; background: #f25421; margin-bottom: 24px; }
.facts .item .ttl { font-size: 30px; line-height: 1; font-weight: 700; letter-spacing: 10px; text-transform: uppercase; margin-bottom: 27px; }
.facts .item .body { font-size: 15px; line-height: 28px; font-weight: 500; }
.facts.effect .item::before { width: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.facts.active .item::before { width: 60px; }

.specifics { margin: -60px 0 0; }
.specifics .item { text-align: center; margin-top: 60px; position: relative; }
.specifics .item a { display: inline-block; position: relative; }
.specifics .item a:hover { background: #ffffff10; }
.specifics .item a.active + .popup { display: block; }
.specifics .item .img img { display: block; }
.specifics.effect .item { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; visibility: hidden; -webkit-transform: translate3d(0, 300px, 0); -moz-transform: translate3d(0, 300px, 0); -ms-transform: translate3d(0, 300px, 0); -o-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.specifics.active .item { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.spec-popup .ttl { font-size: 35px; line-height: 1; font-weight: 700; margin-bottom: 20px; position: static; }
.spec-popup .body { font-size: 15px; line-height: 28px; margin-bottom: 20px; }
.spec-popup .img img { width: 100%; }

.sec-specifics { padding: 100px 0; background: #f6f2ef; }

/*.b-history{ //padding: 200px 0 300px; min-height:500px; background: url(images/timeline.svg) no-repeat 0 200px / 100% auto; position:relative; &.active{ .item{ @include transition(opacity 1s, transform 1s); visibility:visible; @include transform(translate3d(0, 0, 0)); opacity:1; filter:alpha(opacity=100); } } .label{ position:absolute; left: 5%; top: 220px; font-size:15px; } .item{ max-width:260px; height: 210px; position:absolute; top: 0; left:0; visibility:hidden; @include transform(translate3d(500px, 0, 0)); opacity:0; filter:alpha(opacity=0); &::before{ content:""; position:absolute; left:5px; bottom: 20px; width:2px; height:80px; background: #f0eae5; } &::after{ content:""; position:absolute; left:5px; bottom:-10px; width:11px; height:11px; background: $orange; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; @include transform(translate(-50%, -50%)); } .year{ font-size:70px; line-height:1; font-weight:800; color:$grey; } .desc{ font-size:15px; line-height:28px; font-weight:500; } &.important{ .year{ color:$main; } &::after{ width:21px; height:21px; left:5px; bottom: -21px; } } &.bottom{ top: 207px; padding-top:105px; height:auto; &::before{ top:20px; bottom:auto; } &::after{ top:0; bottom:auto; } &.important{ &::after{ top: 0; } } } &:nth-child(1){ left: 24.5%; } &:nth-child(2){ left: 38.8%; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; } &:nth-child(3){ left: 53.4%; -webkit-transition-delay:2s; -moz-transition-delay:2s; -o-transition-delay:2s; transition-delay:2s; &::before{ height:60px; } } &:nth-child(4){ -webkit-transition-delay:3s; -moz-transition-delay:3s; -o-transition-delay:3s; transition-delay:3s; left: 68%; } &:nth-child(5){ -webkit-transition-delay:4s; -moz-transition-delay:4s; -o-transition-delay:4s; transition-delay:4s; left: 82.7%; &::before{ height:60px; } } }
}
.sec-history{ overflow:hidden;
}*/
.b-pluses { margin-top: 60px; position: relative; }
.b-pluses .wrapper { position: relative; }
.b-pluses .timeline { height: 40px; background: url(images/timeline.svg) no-repeat center center/100% auto; margin: -20px 0; }
.b-pluses .item { width: 470px; max-width: 27.33%; padding-right: 30px; padding-bottom: 60px; position: relative; }
.b-pluses .item::before , .b-pluses .item::after { left: 40px; z-index: 0; }
.b-pluses .item::before { content: ""; position: absolute; bottom: 20px; width: 2px; height: 50%; background: #f0eae5; }
.b-pluses .item::after { content: ""; position: absolute; bottom: -30px; width: 30px; height: 30px; background: url(images/cross.png) no-repeat center center/contain; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.b-pluses .item .inner { position: relative; background: #ffffff; padding: 10px 0; }
.b-pluses .item .img { margin-bottom: 5px; height: 125px; }
.b-pluses .item .img img { max-height: 100%; display: block; }
.b-pluses .item .ttl { font-size: 30px; line-height: 37px; font-weight: 700; color: #f25421; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 10px; }
.b-pluses .item .body { font-size: 15px; line-height: 28px; font-weight: 500; }
.b-pluses .item.bottom { padding-top: 70px; padding-bottom: 0; }
.b-pluses .item.bottom::after { width: 20px; height: 20px; }
.b-pluses .item.bottom::before { top: 20px; bottom: auto; }
.b-pluses .item.bottom::after { top: 0; bottom: auto; }
.b-pluses .item-1 { left: 3.5%; }
.b-pluses .item-2 { left: 22%; }
.b-pluses .item-3 { left: 10.5%; }
.b-pluses .item-4 { left: 29%; }
.b-pluses .item-5 { left: 17.5%; }
.b-pluses.effect .item { visibility: hidden; -webkit-transform: translate3d(500px, 0, 0); -moz-transform: translate3d(500px, 0, 0); -ms-transform: translate3d(500px, 0, 0); -o-transform: translate3d(500px, 0, 0); transform: translate3d(500px, 0, 0); opacity: 0; filter: alpha(opacity=0); }
.b-pluses.active .item { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; }
.b-pluses.active .item-2 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.b-pluses.active .item-3 { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }
.b-pluses.active .item-4 { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }
.b-pluses.active .item-5 { -webkit-transition-delay: 4s; -moz-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s; }

.sec-pluses { overflow: hidden; }

.b-map { font-size: 0; line-height: 0; margin-bottom: 50px; -webkit-box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1); }

.b-contacts { margin: -30px 0 0; }
.b-contacts .item { padding-left: 120px; padding-right: 50px; margin: 30px 0 0; position: relative; }
.b-contacts .item::before , .b-contacts .item::after { content: ""; position: absolute; }
.b-contacts .item::before { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; height: 100%; width: 38px; left: 20px; }
.b-contacts .item::after { height: 80px; width: 1px; background: #f0eae5; left: 0; right: 0; top: 0; bottom: 0; margin: auto 0 auto 90px; }
.b-contacts .item p { font-size: 15px; line-height: 28px; font-weight: 500; }
.b-contacts .item .phone { font-size: 21px; font-weight: 600; }
.b-contacts .item--place::before { background-image: url(images/contacts-place.svg); }
.b-contacts .item--phone::before { background-image: url(images/contacts-phone.svg); }
.b-contacts .item--time::before { width: 54px; background-image: url(images/contacts-time.svg); }

.sec-map .b-contacts { margin-top: 20px; }

@media (max-width: 1500px) { .sec .s-ttl--side { position: static; }
  .sec.sec-history .s-ttl--side { margin-left: 5vw; } }
@media (max-width: 1199px) { .b-pluses { background: none; padding: 0; max-width: 550px; margin: 0 auto; }
  .b-pluses .timeline { display: none; }
  .b-pluses .item { position: relative; top: auto !important; left: auto !important; height: auto; max-width: 100%; text-align: center; padding-right: 0; padding-bottom: 0; }
  .b-pluses .item .img img { margin: auto; }
  .b-pluses .item.bottom { padding-top: 0; }
  .b-pluses .item::before { height: 80px !important; position: static; display: block; margin: 10px auto; }
  .b-pluses .item::after { top: 50px !important; left: 50%; bottom: auto !important; margin: auto; }
  .b-pluses .item.important::after { left: 21px; }
  .b-pluses .items { -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } }
@media (max-width: 992px) { .styled-head { font-size: 30px; }
  .terr-places .item { padding: 30px 30px; }
  .terr-places .item .ttl { font-size: 26px; }
  .specifics .item .img img { max-width: 250px; }
  .specifics .popup { padding: 20px 30px; }
  .specifics .popup .ttl { font-size: 26px; }
  /*.b-history{ background: none; padding:0; max-width: 320px; margin: 0 auto; .label{ position:static; text-align:center; } .item{ position:relative; top: auto !important; left:auto !important; height:auto; max-width:100%; text-align:center; //padding-bottom:100px; &.bottom{ padding-top:0; } &::before{ height:80px !important; //left:0; //right: 0; //bottom: 10px; position:static; display:block; margin: 10px auto; //bottom:10px; } &::after{ top: 40px !important; left: 11px; right:0; bottom:auto !important; margin:auto; } &.important{ &::after{ left:21px; } } } }*/ }
@media (max-width: 768px) { #cboxLoadedContent { padding: 25px 30px; }
  .sec-2 { margin: 50px 0; }
  .sec-specifics { padding: 30px 0; }
  .styled-head { font-size: 25px; letter-spacing: normal; margin: 20px 0; }
  .terr-place .ttl { font-size: 25px; }
  .b-pluses .item .ttl { font-size: 25px; line-height: 27px; letter-spacing: normal; } }