@charset "UTF-8";

/*$susy: (
    columns: 5,
    //gutters: 1,
    //gutter-position: before,
    gutter-position: inside,
    global-box-sizing: border-box,
    gutter-override: 48px,
    debug: (
        image: show-columns,
        output: background,
        toggle: bottom left,
        color: rgba($color-danger, .25)
    ),
    use-custom: (
        rem: true,
    )
);*/

.i_text-black {
  color: #000000;
}

.i_text-white {
  color: #ffffff;
}

.i_text-muted {
  color: #818A91;
}

.i_text-primary {
  color: #0275D8;
}

.i_text-success {
  color: #5CB85C;
}

.i_text-info {
  color: #5BC0DE;
}

.i_text-warning {
  color: #F0AD4E;
}

.i_text-danger {
  color: #D9534F;
}

.i_text-base {
  color: #373A3C;
}

.i_text-inverse {
  color: #ffffff;
}

.i_text-accent {
  color: #C42B30;
}

.i_bg-black {
  background-color: #000000;
}

.i_bg-white {
  background-color: #ffffff;
}

.i_bg-muted {
  background-color: #818A91;
}

.i_bg-primary {
  background-color: #0275D8;
}

.i_bg-success {
  background-color: #5CB85C;
}

.i_bg-info {
  background-color: #5BC0DE;
}

.i_bg-warning {
  background-color: #F0AD4E;
}

.i_bg-danger {
  background-color: #D9534F;
}

.i_bg-base {
  background-color: #ffffff;
}

.i_bg-inverse {
  background-color: #373A3C;
}

.i_bg-reverse {
  background-color: #373A3C;
}

.i_bg-accent {
  background-color: #C42B30;
}

* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.i_html {
  height: 100%;
  overflow: hidden;
}

.i_body {
  font-family: "Roboto";
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.i_break {
  clear: both;
}

.i_cf:after {
  content: "";
  display: table;
  clear: both;
}

.i_disable-scroll {
  overflow: hidden !important;
}

.i_disable-scroll-x {
  overflow-x: hidden !important;
}

.i_disable-scroll-y {
  overflow-y: hidden !important;
}

.i_disable-mouse {
  pointer-events: none !important;
}

.i_scroller {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

/*--ui_0--*/

/*
.i_wrapper {
    background-color: rgba($color-black, 1);
}
.i_x {
    z-index: 150;
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 1rem;
    margin-top: 1rem;
    display: block;
    background-color: rgba($color-white, .75);
    border-radius: 100%;
    @include mappy-bp(xs md) {
        top: 4rem;
    }
    @include mappy-bp(md lg) {
        top: 0;
    }
}
.i_m {
    z-index: -1;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    overflow: hidden;
    overflow-y: auto;
    visibility: hidden;
    //transform: translate3d(0, 0, 0); // forces
    transition: background-color .5s;
    will-change: background-color;
    pointer-events: none;
    &--show {
        z-index: $z-m;
        visibility: visible;
        pointer-events: auto;
        background-color: rgba($color-black, .75);
    }
    //
    &__x {
        z-index: 1;
        position: absolute;
        display: block;
        width: 2rem;
        height: 2rem;
        right: 1rem;
        margin-top: 1rem;
        border-radius: 100%;
        background-color: rgba($color-white, 1);
        cursor: pointer;
        opacity: 0;
        transform: scale3d(0, 0, 0);
        transition: .25s;
        //box-shadow: 0 0 .25rem 0 rgba($color-black, .5);
        @include mappy-bp(xs md) {
            margin-top: 1rem + 4;
        }
        &:hover, &:active {}
        > * { pointer-events: none; } // disable click children
    }
    &--show &__x {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        &:hover, &:active {}
    }
   //
    &__w {
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        padding: 1rem;
        overflow-y: auto;
        @include mappy-bp(xs md) {
            padding-top: 1rem + 4;
        }
        //где то здесь баг отступ в мозилле в конце панелей
        @include mappy-bp(md) {
            padding-left: 5rem;
            //left: 5rem;
        }
        @include mappy-bp(lg) {
            padding-left: 10rem;
            //left: 15rem;
        }
        .touch & { -webkit-overflow-scrolling: touch; }
    }
    //
    &__d {
        position: relative;
        width: 100%;
        height: 100%;
        max-width: 640px;
        max-height: 360px;
        margin: 3rem auto;
        overflow: hidden;
        text-align: left;
        transition: .5s;
    }
    &--1 &__d { background-color: rgba($color-black, 1); box-shadow: 0 0 0 0 rgba($color-black, 0); }
}
.i_p {
    z-index: 20;
    background-color: rgba($color-white, 1);
    width: 100%;
    height: 4rem;
    @include mappy-bp(md) {
        position: fixed;
        width: span(3 narrow of (2rem 1 2rem 1rem 1 1 1 1 2rem));
        height: auto;
        top: 0; bottom: 0; left: 0;
        overflow: hidden;
        overflow-y: hidden;
    }
    &__w {
        z-index: 2;
        position: absolute;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 2px 0 rgba($color-black, 1);
        background-color: rgba($color-white, 1);
        transition: width .75s 0s;
        .i_p--active & {
            width: 6rem;
            * { display: none; }
        }
    }
    &__i {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 6rem;
    }
    &__h {}
    &__b {}
    &__f {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    &__brand {
        padding: .5rem;
        @include mappy-bp(md) {
            text-align: center;
        }
        &-sign {
            display: inline-block;
            width: 3rem;
            height: 3rem;
            background-color: rgba($color-black, 1);
            border-radius: 100%;
            vertical-align: top;
            @include mappy-bp(md) {
                display: block;
                margin: 1rem auto;
            }
        }
        &-text {
            display: inline-block;
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 1.5rem;
            margin: .75rem .5rem;
            vertical-align: top;
            @include mappy-bp(md) {
                display: block;
                font-size: 1.5rem;
                font-weight: 500;
                line-height: 1.75rem;
                margin: 1rem auto;
            }
        }
    }
}
.i_d {
    z-index: 10;
    @include mappy-bp(md) {
        position: fixed;
        top: 0; bottom: 0;
        left: span(3 narrow of (2rem 1 2rem 1rem 1 1 1 1 2rem));
        right: 0;
        min-height: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }
    &__h {
        @include cf;
        z-index: 1;
        position: relative;
    }
    &__b {
        @include cf;
        z-index: 2;
        position: relative;
        padding: 0 3rem 3rem 3rem;
        .i_body--0 & { display: none; }
    }
    &__f {}
}
.i_b {
    //z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/local/templates/sg/images/back.png');
    background-repeat: no-repeat;
    //background-size: 100%;
    background-size: cover;
    background-position: center;
    opacity: .625;
}
.i_card {
    position: relative;
    padding: 3rem;
}
.i_menu {
    @include cf;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin: 0 -2rem;
    //padding: .5rem;
    .i_menu__c {
        position: relative;
        display: inline-block;
        width: span(1 narrow of 2 wide set-gutters 4rem);
        margin: 0 2rem;
        vertical-align: top;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5rem;
    }
    .i_menu__i {
        display: inline-block;
        margin: .25rem 0 .5rem 0;
    }
}
.i_box {
    margin: 2rem 3rem;
    text-align: center;
    &__icon {
        display: inline-block;
        width: 64px;
        text-align: center;
        opacity: .25;
    }
    &__sign {
        display: block;
        width: 2rem;
        height: 2rem;
        margin: 1rem auto 1rem auto;
        //border: 1px solid rgba($color-accent, 1);
        opacity: .25;
        border-radius: 100%;
    }
    hr { width: 3rem; background-color: rgba($color-black, .25); }
}
.i_c {
    @include cf;
    position: relative;
    //background-color: rgba($color-white, .5);
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: -1rem 2rem;
    .i_body--0 & { height: auto; }
    &--active {}
    &__w {
        @include cf;
        padding: .5rem;
        opacity: 0;
        transform: scale3d(0, 0, 0) translate3d(0, 0, 0);
        transition: .5s 0s;
    }
    &--active &__w {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transition: .5s .125s;
    }
    &__i {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: .5rem;
        padding: 1.5rem;
        overflow: hidden;
        background-color: rgba($color-white, 1);
        transition: color .75s;
        width: span(4 narrow of 4 wide);
        @include mappy-bp(lg) {
            width: span(2 narrow of 4 wide);
            min-height: 15rem;
        }
        @include mappy-bp(xl) {
            width: span(1 narrow of 4 wide);
        }
        &:first-child {
            display: none;
            background-color: transparent;
            width: span(4 narrow of 4 wide);
            min-height: auto;
            @include mappy-bp(xl) {
                width: span(2 narrow of 4 wide);
                min-height: gutter() + 15 + 15;
            }
            .i_body--0 & { display: inline-block; float: left; color: rgba($color-white, 1); }
        }
        &:last-child {
            width: span(4 narrow of 4 wide);
            @include mappy-bp(xl) {
                width: span(2 narrow of 4 wide);
            }
        }
    }
    &__title {
        z-index: 1;
        position: relative;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.5rem;
    }
    &__text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    &__sign {
        position: relative;
        width: 3rem;
        height: 3rem;
        margin: 0 0 0 auto;
        border-radius: 100%;
        transition: .75s;
        @include mappy-bp(lg) {
            position: absolute;
            right: 1.5rem;
            bottom: 1.5rem;
            margin: auto;
        }
        &:before {
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            display: block;
            content: '';
            background-color: rgba($color-accent, 1);
            border-radius: 100%;
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transition: .75s;
        }
        &:after {
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            display: block;
            content: '';
            border: 1px solid rgba($color-accent, 1);
            border-radius: 100%;
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transition: .25s;
        }
    }
    &__i--link:hover { color: rgba($color-white, 1); text-decoration: none; }
    &__i--link:hover &__sign:before { transform: scale3d(20, 20, 20) translate3d(0, 0, 0); }
    &__i--link:hover &__sign:after { border: 1px solid rgba($color-white, 1); }
}
.i_n-m {
    @include cf;
    padding: 2.5rem 3rem 1rem 3rem;
    &__i {
        padding: 1rem 0;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 500;
        text-align: center;
        border-bottom: 1px solid rgba($color-black, .25);
    }
}
.i_n-s {
    text-align: center;
    &__i {
        width: 2rem;
        height: 2rem;
        margin: .25rem auto;
        padding: .25rem;
        border-radius: 100%;
        //border: 1px solid rgba($color-black, 0);
        //background-color: rgba($color-black, .25);
        opacity: .25;
        transition: .5s 0s;
        &:hover {
            opacity: 1;
        }
    }
}
.i_n-p {
    @include cf;
    //min-height: 6rem;
    padding: .5rem;
    //background-color: rgba($color-black, .5);
    .i_body--0 & { position: relative; height: 0px; padding: 0; overflow: hidden; margin-bottom: 3rem; }
}
.i_h-title {
    font-size: 3rem;
    font-weight: 500;
    text-indent: -.25rem;
    line-height: 3rem;
}
.i_b-n {
    @include cf;
    float: left;
    padding: 1rem;
    &__sign {
        display: block;
        float: left;
        width: 2rem;
        height: 2rem;
        margin: .5rem;
        border: 1px solid rgba($color-white, 1);
        border-radius: 100%;
    }
    &__text {
        display: block;
        float: left;
        margin: .75rem 0;
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 500;
        color: rgba($color-white, 1);
    }
}
.i_b-p {
    @include cf;
    float: right;
    padding: 1rem;
    &__sign {
        display: block;
        float: right;
        width: 2rem;
        height: 2rem;
        margin: .5rem;
        border: 1px solid rgba($color-white, 1);
        border-radius: 100%;
    }
    &__text {
        display: block;
        float: right;
        margin: .75rem 0;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        color: rgba($color-white, 1);
    }
}
.i_b-u {
    @include cf;
    text-align: center;
    padding: 1.5rem;
    &__sign {
        display: block;
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        border: 1px solid rgba($color-accent, 1);
        border-radius: 100%;
    }
}
[class*="i_wrap"] { @include cf; }
.i_wrap {
    @include cf;
    &--break { clear: both; }
    &--card { padding: 1.5rem 1rem; }
    &--shadow { box-shadow: 0 0 2px 0 rgba($color-black, .5); }
    &--x-ext { margin-left: -1rem; margin-right: -1rem;}
    &--xm-1 { margin-left: 1rem; margin-right: 1rem;}
    &--xm-2 { margin-left: 2rem; margin-right: 2rem;}
    &--ym-1 { margin-top: 1rem; margin-bottom: 1rem;}
    &--xp-1 { padding-left: 1rem; padding-right: 1rem;}
    &--xp-1h { padding-left: 1.5rem; padding-right: 1.5rem;}
    &--xp-2 { padding-left: 2rem; padding-right: 2rem;}
    &--yp-1 { padding-top: 1rem; padding-bottom: 1rem;}
    &--yp-1h { padding-top: 1.5rem; padding-bottom: 1.5rem;}
    &--yp-2 { padding-top: 2rem; padding-bottom: 2rem;}

    &--yp-1d75 { padding-top: 1.75rem; padding-bottom: 1.75rem;}
    &--yp-1d25 { padding-top: 1.25rem; padding-bottom: 1.25rem;}
}
*/

/*--ui_0--*/

.i_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #012859;
}

.i_back {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("/local/templates/sg/images/back_3.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0) scale3d(2, 2, 2);
     -moz-transform: translate3d(0, 0, 0) scale3d(2, 2, 2);
          transform: translate3d(0, 0, 0) scale3d(2, 2, 2);
  opacity: .75;
}

.title {
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 500 !important;
}

.title a {
  text-decoration: none;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.625rem;
}

h4 {
  font-size: 1.5rem;
}

.i_sect-1 {
  /*&:before {
        display: block;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba($color-white, .75);
    }*/
}

.i_sect-1:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media all and (min-width: 48em) {
  .i_sect-1 {
    z-index: 1;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    width: -moz-calc(6rem + ((100% - 16rem) / 5 * 1));
    width: calc(6rem + ((100% - 16rem) / 5 * 1));
    overflow: hidden;
  }
}

.i_sect-1__head {
  background-color: white;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  z-index: 200;
  position: absolute;
  width: 100%;
  top: 0;
  overflow: hidden;
}

.i_sect-1__head:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 48em) {
  .i_sect-1__head {
    height: 100%;
    -moz-transition: height .5s .25s;
    transition: height .5s .25s;
  }
}

.i_sect-1__head section {
  position: relative;
  padding: 1.25rem 1rem;
}

.i_sect-1__head section:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-1__body {
  z-index: 80;
  background-color: white;
}

.i_sect-1__body:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1__body {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    overflow-y: scroll;
    -moz-transition: 1s;
    transition: 1s;
  }

  .i_sect-1__body:before {
    display: block;
    width: 100%;
    height: 4rem;
    font-size: 0;
    line-height: 0;
    content: '';
  }

  .i_sect-1__body:after {
    display: block;
    width: 100%;
    height: 4rem;
    font-size: 0;
    line-height: 0;
    content: '';
  }
}

@media all and (min-width: 48em) {
  .i_sect-1__body {
    position: absolute;
    width: 100%;
    height: auto;
    top: 4rem;
    bottom: 4rem;
  }
}

.i_sect-1__body section {
  position: relative;
  padding: 1.25rem 1rem;
}

.i_sect-1__body section:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 48em) {
  .i_sect-1__scroll {
    position: relative;
    width: 100%;
    height: 100%;
  }
}

.i_sect-1__foot {
  background-color: white;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  z-index: 90;
  position: absolute;
  width: 100%;
  bottom: 0;
  overflow: hidden;
}

.i_sect-1__foot:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-1__foot section {
  position: relative;
  padding: 1.25rem 1rem;
}

.i_sect-1__foot section:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1__head-data {
    display: none;
  }
}

@media all and (min-width: 48em) {
  .i_sect-1__head-data {
    padding: 2rem;
    text-align: center;
    opacity: 1;
    transition: opacity .5s .25s, -webkit-transform .5s .25s;
    -moz-transition: opacity .5s .25s, transform .5s .25s, -moz-transform .5s .25s;
    transition: opacity .5s .25s, transform .5s .25s;
    transition: opacity .5s .25s, transform .5s .25s, -webkit-transform .5s .25s, -moz-transform .5s .25s;
  }
}

.i_sect-1--expand .i_sect-1__head-data {
  opacity: 0;
  transition: opacity .5s 0s, -webkit-transform .5s 0s;
  -moz-transition: opacity .5s 0s, transform .5s 0s, -moz-transform .5s 0s;
  transition: opacity .5s 0s, transform .5s 0s;
  transition: opacity .5s 0s, transform .5s 0s, -webkit-transform .5s 0s, -moz-transform .5s 0s;
}

.i_sect-1__head {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -moz-transition: height .5s 0s;
  transition: height .5s 0s;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1__body {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    position: absolute;
    overflow-y: hidden;
    height: 0;
    -moz-transition: height .5s .25s;
    transition: height .5s .25s;
  }
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1__body section {
    -webkit-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 0.5);
       -moz-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 0.5);
            transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    transition: opacity .5s 0s, -webkit-transform .5s 0s;
    -moz-transition: opacity .5s 0s, transform .5s 0s, -moz-transform .5s 0s;
    transition: opacity .5s 0s, transform .5s 0s;
    transition: opacity .5s 0s, transform .5s 0s, -webkit-transform .5s 0s, -moz-transform .5s 0s;
  }
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1__foot {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    height: 0;
    bottom: -100%;
    -moz-transition: bottom 1s 0s, height 0s 1s;
    transition: bottom 1s 0s, height 0s 1s;
  }
}

@media all and (min-width: 48em) {
  .i_sect-1--active .i_sect-1__head {
    height: 4rem;
    -moz-transition: height .5s .25s;
    transition: height .5s .25s;
  }
}

@media all and (min-width: 48em) {
  .i_sect-1--expand .i_sect-1__head {
    height: 4rem;
    -moz-transition: height .5s .25s;
    transition: height .5s .25s;
  }
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1--expand .i_sect-1__body {
    position: fixed;
    overflow-y: scroll;
    height: 100%;
    -moz-transition: height .5s 0s;
    transition: height .5s 0s;
  }
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1--expand .i_sect-1__body section {
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
    transition: opacity .5s .25s, -webkit-transform .5s .25s;
    -moz-transition: opacity .5s .25s, transform .5s .25s, -moz-transform .5s .25s;
    transition: opacity .5s .25s, transform .5s .25s;
    transition: opacity .5s .25s, transform .5s .25s, -webkit-transform .5s .25s, -moz-transform .5s .25s;
  }
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-1--expand .i_sect-1__foot {
    height: auto;
    bottom: 0;
    -moz-transition: bottom 1s 0s, height 0s 0s;
    transition: bottom 1s 0s, height 0s 0s;
  }
}

.i_sect-2 {
  position: fixed;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

.i_sect-2:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_sect-2 {
    width: 100%;
    padding-top: 4rem;
  }
}

@media all and (min-width: 48em) {
  .i_sect-2 {
    right: 0;
    left: -moz-calc(6rem + ((100% - 16rem) / 5 * 1));
    left: calc(6rem + ((100% - 16rem) / 5 * 1));
  }
}

.i_sect-2__wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
}

.i_sect-2__wrap:after {
  display: block;
  width: 100%;
  height: 4rem;
  font-size: 0;
  line-height: 0;
  content: '';
}

.i_sect-2__head {
  width: 100%;
}

.i_sect-2__head:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-2__head section {
  padding: 1.25rem 1rem;
}

.i_sect-2__head section:after {
  content: "";
  display: table;
  clear: both;
}

.i_body--0 .i_sect-2__head .i_ui-bar {
  display: none;
}

.i_sect-2__body {
  width: 100%;
}

.i_sect-2__body:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-2__body section {
  padding: 1.25rem 1rem;
}

.i_sect-2__body section:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-2__foot {
  background-color: rgba(2, 117, 216, 0.75);
  color: white;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 0;
}

.i_sect-2__foot:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-2__foot section {
  padding: 1.25rem 1rem;
}

.i_sect-2__foot section:after {
  content: "";
  display: table;
  clear: both;
}

.i_sect-3 {
  display: none;
}

.i_sect-4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(2, 117, 216, 0.5);
}

.i_sect-4 section {
  padding: 1.25rem 1rem;
}

.i_sect-4 section:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 61.9375em) {
  .i_body--2 .i_sect-2 {
    z-index: 1;
    padding-bottom: 320px;
  }
}

@media all and (min-width: 62em) {
  .i_body--2 .i_sect-2 {
    z-index: 1;
    padding-right: -moz-calc(1rem + ((100% - 16rem) / 5 * 2));
    padding-right: calc(1rem + ((100% - 16rem) / 5 * 2));
  }
}

@media all and (min-width: 0.0625em) and (max-width: 61.9375em) {
  .i_body--2 .i_sect-3 {
    display: block;
    position: absolute;
    height: 320px;
    left: -moz-calc(6rem + ((100% - 16rem) / 5 * 1));
    left: calc(6rem + ((100% - 16rem) / 5 * 1));
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: scroll;
    background: rgba(255, 255, 255, 0.5);
  }
}

@media all and (min-width: 62em) {
  .i_body--2 .i_sect-3 {
    display: block;
    overflow: hidden;
    overflow-y: scroll;
    height: 100%;
    position: absolute;
    left: -moz-calc(14rem + ((100% - 16rem) / 5 * 3));
    left: calc(14rem + ((100% - 16rem) / 5 * 3));
    right: 0;
    background: rgba(255, 255, 255, 0.5);
  }
}

.i_body--2 .i_sect-3 #content_map {
  height: 100%;
}

.i_tmpl {
  padding: .5rem;
}

.i_tmpl:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 62em) {
  .i_tmpl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.i_tmpl__item-1 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  float: left;
  margin: .5rem;
  padding: 0 2rem;
}

.i_tmpl__item-2 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  float: left;
  margin: .5rem;
}

@media all and (min-width: 75em) {
  .i_tmpl__item-2 {
    width: -moz-calc(2rem + ((100% - 4rem) / 4 * 3));
    width: calc(2rem + ((100% - 4rem) / 4 * 3));
    padding: 0 2rem;
  }
}

.i_tmpl__item-3 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  float: right;
  margin: .5rem;
}

@media all and (min-width: 75em) {
  .i_tmpl__item-3 {
    width: -moz-calc(((100% - 4rem) / 4 * 1));
    width: calc(((100% - 4rem) / 4 * 1));
  }
}

.i_tmpl__item-4 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  padding: 2rem;
  float: left;
  margin: .5rem;
  background-color: white;
}

@media all and (min-width: 75em) {
  .i_tmpl__item-4 {
    width: -moz-calc(2rem + ((100% - 4rem) / 4 * 3));
    width: calc(2rem + ((100% - 4rem) / 4 * 3));
    padding: 4rem;
  }
}

.i_tmpl__item-5 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  float: left;
  margin: .5rem;
}

@media all and (min-width: 75em) {
  .i_tmpl__item-5 {
    width: -moz-calc(((100% - 4rem) / 4 * 1));
    width: calc(((100% - 4rem) / 4 * 1));
  }
}

.i_tmpl--1 .i_tmpl__item-2 {
  display: none;
}

.i_tmpl--1 .i_tmpl__item-3 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

.i_tmpl--1 .i_tmpl__item-4 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  padding: 0;
  background-color: transparent;
}

.i_tmpl--1 .i_tmpl__item-5 {
  display: none;
}

.i_tmpl--1 .i_tmpl__item-4 .i_card {
  margin-top: 1rem;
}

.i_tmpl--1 .i_tmpl__item-4 .i_card:first-child {
  margin-top: 0;
}

.i_tmpl--2 .i_tmpl__item-2 {
  display: none;
}

.i_tmpl--2 .i_tmpl__item-3 {
  display: none;
}

.i_tmpl--2 .i_tmpl__item-4 {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

.i_tmpl--2 .i_tmpl__item-5 {
  display: none;
}

.i_tmpl--item-1_dn .i_tmpl__item-1 {
  display: none;
}

.i_tmpl--item-2_dn .i_tmpl__item-2 {
  display: none;
}

.i_tmpl--item-3_dn .i_tmpl__item-3 {
  display: none;
}

.i_tmpl--item-4_dn .i_tmpl__item-4 {
  display: none;
}

.i_tmpl--item-5_dn .i_tmpl__item-5 {
  display: none;
}

.i_list {
  margin: 0 0 .75rem 0;
  padding: .25rem 0 .25rem 2rem;
  padding: 0 0 0 2rem;
}

.i_list__i {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.i_list__i:after {
  content: "";
  display: table;
  clear: both;
}

.i_line {
  margin: 0;
  padding: .25rem 0 .25rem 0;
  padding: 0;
}

.i_line__i {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.i_line__i:after {
  content: "";
  display: table;
  clear: both;
}

.i_line__i.float-left {
  margin-right: .5rem;
}

.i_line__i.float-right {
  margin-left: .5rem;
}

.i_line__s {
  display: block;
  border-left: 1px solid black;
  line-height: 1.5rem;
}

.i_desk {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.i_body--0 .i_desk {
  height: auto;
}

.i_desk section {
  padding: .5rem;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
     -moz-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: opacity .5s 0s, -webkit-transform .5s 0s;
  -moz-transition: transform .5s 0s, opacity .5s 0s, -moz-transform .5s 0s;
  transition: transform .5s 0s, opacity .5s 0s;
  transition: transform .5s 0s, opacity .5s 0s, -webkit-transform .5s 0s, -moz-transform .5s 0s;
}

.i_desk section:after {
  content: "";
  display: table;
  clear: both;
}

.i_desk--expand section {
  -webkit-transform: scale3d(1, 1, 1);
     -moz-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  opacity: 1;
  transition: opacity .5s .25s, -webkit-transform .5s .25s;
  -moz-transition: transform .5s .25s, opacity .5s .25s, -moz-transform .5s .25s;
  transition: transform .5s .25s, opacity .5s .25s;
  transition: transform .5s .25s, opacity .5s .25s, -webkit-transform .5s .25s, -moz-transform .5s .25s;
}

.i_desk__wrap {
  position: relative;
  width: 100%;
}

@media all and (min-width: 62em) {
  .i_body--0 .i_desk__wrap {
    padding: 2rem;
  }
}

.i_body--1 .i_desk__wrap {
  margin-top: -1rem;
}

@media all and (min-width: 62em) {
  .i_body--1 .i_desk__wrap {
    padding: 0 2rem;
  }
}

.i_desk__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin: .5rem;
  padding: 2rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  color: #1d5093;
  -moz-transition: color .75s, background-color .75s;
  transition: color .75s, background-color .75s;
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

.i_desk__item * {
  position: relative;
  z-index: 2;
}

@media all and (min-width: 62em) {
  .i_desk__item {
    width: -moz-calc(1rem + ((100% - 4rem) / 4 * 2));
    width: calc(1rem + ((100% - 4rem) / 4 * 2));
    min-height: 15rem;
  }
}

@media all and (min-width: 75em) {
  .i_desk__item {
    width: -moz-calc(((100% - 4rem) / 4 * 1));
    width: calc(((100% - 4rem) / 4 * 1));
  }
}

.i_desk__item--link {
  color: #1d5093;
}

.i_desk__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: .5;
  -webkit-filter: blur(5rem);
          filter: blur(5rem);
}

.i_desk__item:first-child {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  display: none;
  background-color: transparent;
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
  min-height: auto;
}

.i_desk__item:first-child:before {
  display: none;
}

@media all and (min-width: 75em) {
  .i_desk__item:first-child {
    width: -moz-calc(1rem + ((100% - 4rem) / 4 * 2));
    width: calc(1rem + ((100% - 4rem) / 4 * 2));
  }
}

.i_desk__item:last-child {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

@media all and (min-width: 75em) {
  .i_desk__item:last-child {
    width: -moz-calc(2rem + ((100% - 4rem) / 4 * 3));
    width: calc(2rem + ((100% - 4rem) / 4 * 3));
  }
}

.i_body--0 .i_desk__item:first-child {
  display: inline-block;
  color: white;
}

.i_body--2 .i_desk__item {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

@media all and (min-width: 75em) {
  .i_body--2 .i_desk__item {
    width: -moz-calc(1rem + ((100% - 4rem) / 4 * 2));
    width: calc(1rem + ((100% - 4rem) / 4 * 2));
  }
}

.i_body--2 .i_desk__item:first-child {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

.i_body--2 .i_desk__item:last-child {
  width: -moz-calc(3rem + (100% - 4rem));
  width: calc(3rem + (100% - 4rem));
}

.i_desk__sign {
  z-index: 1;
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0 -1rem -1rem auto;
  padding: .75rem 0;
  text-align: center;
  border-radius: 100%;
  color: white;
  -moz-transition: .75s;
  transition: .75s;
}

@media all and (min-width: 62em) {
  .i_desk__sign {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    margin: auto;
  }
}

.i_desk__sign:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background-color: #0275d8;
  border-radius: 100%;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
     -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -moz-transition: .75s;
  transition: .75s;
}

.i_desk__sign:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  border-radius: 100%;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
     -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -moz-transition: .25s;
  transition: .25s;
}

.i_desk__item--link:hover {
  text-decoration: none;
  color: white;
  background-color: #0275d8;
}

.i_desk__item--link:hover .i_desk__sign:before {
  -webkit-transform: scale3d(20, 20, 20) translate3d(0, 0, 0);
     -moz-transform: scale3d(20, 20, 20) translate3d(0, 0, 0);
          transform: scale3d(20, 20, 20) translate3d(0, 0, 0);
  background-color: #0275d8;
}

.i_card {
  padding: 2rem;
}

.i_card--accent {
  background-color: #818a91;
  color: white;
}

.i_card--accent hr {
  background-color: rgba(255, 255, 255, 0.5);
}

.i_card--blue {
  background-color: rgba(2, 117, 216, 0.75);
  color: white;
}

.i_card--blue hr {
  background-color: rgba(255, 255, 255, 0.5);
}

.i_card--white {
  background-color: white;
}

.i_dn {
  display: none !important;
}

.i_db {
  display: block  !important;
}

.i_ui--display_none {
  display: none;
}

.i_ui--display_block {
  display: block;
}

.i_ui--reverse {
  color: white;
}

.i_ui--reverse *:link,
.i_ui--reverse *:visited {
  color: rgba(255, 255, 255, 0.75);
}

.i_ui--reverse *:hover,
.i_ui--reverse *:active {
  color: white;
}

.i_ui--shadow {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.i_ui-wrap--card {
  padding: 0 2rem;
}

.i_ui-wrap--scroll {
  height: 100%;
}

.i_ui-wrap--scroller-w {
  position: relative;
  overflow: hidden;
}

.i_ui-wrap--scroller-y {
  position: absolute;
  top: 0;
  right: -4rem;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow-y: scroll;
}

.i_ui-wrap--shadow {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

.i_ui-sect {
  /*
    &--1 &__h {
        position: absolute;
        //width: 100%;
        top: 0; right: 0; left: 0;
    }
    &--1 &__b {
        position: absolute;
        top: 4rem;
        right: 0;
        bottom: 4rem;
        left: 0;
    }*/
}

.i_ui-sect:after {
  content: "";
  display: table;
  clear: both;
}

.i_ui-sect__h:after {
  content: "";
  display: table;
  clear: both;
}

.i_ui-sect__b:after {
  content: "";
  display: table;
  clear: both;
}

.i_ui-sect__f {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.i_ui-sect__f:after {
  content: "";
  display: table;
  clear: both;
}

.i_ui-sect__w {
  padding: 1.25rem 1rem;
}

.i_ui-sect__w:after {
  content: "";
  display: table;
  clear: both;
}

.i_ui-sect--1 {
  z-index: 100;
  height: 4rem;
  background-color: rgba(92, 184, 92, 0.5);
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_ui-sect--1 {
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media all and (min-width: 48em) {
  .i_ui-sect--1 {
    position: fixed;
    width: -moz-calc(6rem + ((100% - 15rem) / 5 * 1));
    width: calc(6rem + ((100% - 15rem) / 5 * 1));
    height: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
}

.i_ui-sect--2 {
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  background-color: rgba(217, 83, 79, 0.5);
}

@media all and (min-width: 48em) {
  .i_ui-sect--2 {
    position: fixed;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: -moz-calc(6rem + ((100% - 15rem) / 5 * 1));
    left: calc(6rem + ((100% - 15rem) / 5 * 1));
  }
}

.i_ui-sect--2 .i_ui-sect__b .i_ui-sect__w {
  padding: 0 1rem 0 1rem;
}

.i_ui-link--black *:link,
.i_ui-link--black *:visited {
  color: rgba(0, 0, 0, 0.75);
}

.i_ui-link--black *:hover,
.i_ui-link--black *:active {
  color: black;
}

.i_ui-link--white *:link,
.i_ui-link--white *:visited {
  color: rgba(255, 255, 255, 0.75);
}

.i_ui-link--white *:hover,
.i_ui-link--white *:active {
  color: white;
}

.i_ui-link--muted *:link,
.i_ui-link--muted *:visited {
  color: rgba(129, 138, 145, 0.5);
}

.i_ui-link--muted *:hover,
.i_ui-link--muted *:active {
  color: #818a91;
}

.i_ui-link--accent *:link,
.i_ui-link--accent *:visited {
  color: #c42b30;
}

.i_ui-link--accent *:hover,
.i_ui-link--accent *:active {
  color: #9a2226;
}

.i_ui-w--3x {
  width: 3rem;
}

.i_ui-map {
  height: 400px;
  background-color: #0275d8;
  background-image: url("/local/templates/sg/images/ya_map.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}

.i_ui-search {
  background-color: white;
  margin-top: -4rem;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -moz-transition: .5s 0s;
  transition: .5s 0s;
}

.i_ui-search.active {
  margin-top: 0;
}

.i_ui-text--size_big {
  font-size: 1.125rem !important;
}

.i_ui-hr--ext_2x {
  margin-left: -2rem;
  margin-right: -2rem;
}

.i_ui-hr--reverse {
  background-color: rgba(255, 255, 255, 0.25);
}

.i_ui-btn {
  -webkit-transform: scale3d(1, 1, 1) !important;
     -moz-transform: scale3d(1, 1, 1) !important;
          transform: scale3d(1, 1, 1) !important;
  opacity: 1;
  -moz-transition: .5s 0s;
  transition: .5s 0s;
  pointer-events: auto;
}

.i_ui-btn.active {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) !important;
     -moz-transform: scale3d(0, 0, 0) !important;
          transform: scale3d(0, 0, 0) !important;
  -moz-transition: .5s 0s;
  transition: .5s 0s;
  pointer-events: none;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_ui-btn_menu {
    float: right;
  }
}

@media all and (min-width: 48em) {
  .i_ui-btn_menu {
    display: none;
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
  }

  .i_sect-1--expand .i_ui-btn_menu {
    opacity: 0;
  }
}

.i_ui-btn_brand {
  color: #1d5093;
}

.i_ui-btn_brand a {
  color: #1d5093;
  text-decoration: none;
}

.i_ui-btn_brand i:before {
  display: block;
  padding-top: 2px;
  position: absolute;
  width: 74px;
  height: 48px;
  content: url("/local/templates/sg/images/samaragaz_logo.svg");
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_ui-btn_brand {
    float: left;
  }

  .i_ui-btn_brand i {
    margin-left: -.5rem;
    margin-right: 1.25rem;
  }
}

@media all and (min-width: 48em) {
  .i_ui-btn_brand {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    -moz-transition: .5s;
    transition: .5s;
  }

  .i_ui-btn_brand strong {
    font-size: 1.5rem;
    display: block;
    height: auto;
    margin-top: 1rem;
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    transition: opacity .5s .25s, height 0s .25s, -webkit-transform .5s .25s;
    -moz-transition: transform .5s .25s, opacity .5s .25s, height 0s .25s, -moz-transform .5s .25s;
    transition: transform .5s .25s, opacity .5s .25s, height 0s .25s;
    transition: transform .5s .25s, opacity .5s .25s, height 0s .25s, -webkit-transform .5s .25s, -moz-transform .5s .25s;
  }

  .i_sect-1--expand .i_ui-btn_brand {
    padding-top: 0;
    padding-bottom: 0;
  }

  .i_sect-1--expand .i_ui-btn_brand strong {
    height: 0;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
       -moz-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
    transition: opacity .5s 0s, height 0s .5s, -webkit-transform .5s 0s;
    -moz-transition: transform .5s 0s, opacity .5s 0s, height 0s .5s, -moz-transform .5s 0s;
    transition: transform .5s 0s, opacity .5s 0s, height 0s .5s;
    transition: transform .5s 0s, opacity .5s 0s, height 0s .5s, -webkit-transform .5s 0s, -moz-transform .5s 0s;
  }

  .i_sect-1--active .i_ui-btn_brand {
    padding-top: 0;
    padding-bottom: 0;
  }

  .i_sect-1--active .i_ui-btn_brand strong {
    height: 0;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
       -moz-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
    transition: opacity .5s 0s, height 0s .5s, -webkit-transform .5s 0s;
    -moz-transition: transform .5s 0s, opacity .5s 0s, height 0s .5s, -moz-transform .5s 0s;
    transition: transform .5s 0s, opacity .5s 0s, height 0s .5s;
    transition: transform .5s 0s, opacity .5s 0s, height 0s .5s, -webkit-transform .5s 0s, -moz-transform .5s 0s;
  }
}

.i_ui-btn_app {
  font-size: 1.25rem;
  line-height: 1rem;
  font-weight: 500;
  color: white;
}

.i_ui-btn_app:link,
.i_ui-btn_app:visited,
.i_ui-btn_app:hover,
.i_ui-btn_app:active {
  color: white;
  text-decoration: none;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .i_ui-btn_close {
    display: none;
  }
}

@media all and (min-width: 48em) {
  .i_ui-btn_close {
    z-index: 300;
    display: none;
    position: absolute;
    width: 2rem;
    top: 1.25rem;
    right: 1rem;
    opacity: 1;
  }

  .i_sect-1--expand .i_ui-btn_close {
    display: block;
  }

  .i_sect-1--active .i_ui-btn_close {
    display: block;
  }
}

[class*="i_ui-i--"] {
  display: inline-block;
  width: 2rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}

.i_ui-i--list {
  margin-left: -2rem;
}

.i_ui-i--mark-rtl {
  margin-left: .5rem;
}

.i_ui-i--lg:before {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: -.125rem;
  vertical-align: top;
}

.i_ui-i--2x {
  vertical-align: middle;
}

.i_ui-i--2x:before {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: -.5rem;
  vertical-align: middle;
}

.i_ui-i--3x {
  width: 3rem;
}

.i_ui-i--4x {
  width: 4rem;
}

.i_ui-i--3x:before {
  display: inline-block;
  width: 100%;
  font-size: 3rem;
  line-height: 3rem;
  margin-top: -1rem;
  vertical-align: top;
}

.i_ui-i--4x:before {
  display: inline-block;
  width: 100%;
  font-size: 4rem;
  line-height: 4rem;
  margin-top: -1.5rem;
  vertical-align: top;
}

.i_ui-i--rounded:before {
  width: 100%;
  border-radius: 100%;
}

.i_ui-i--shadow:before {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

[class*="i_ui-f--"] {
  position: relative;
  display: inline-block;
  min-height: 2rem;
  padding-left: 2rem;
}

[class*="i_ui-f--"]:before {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 2rem;
  top: -.25rem;
  left: 0;
  overflow: hidden;
  content: '';
}

.i_ui-f--white:before {
  content: url("/local/templates/sg/images/i/f/i-file_white.svg");
}

.i_ui-f--grey:before {
  content: url("/local/templates/sg/images/i/f/i-file_grey.svg");
}

.i_ui-f--green:before {
  content: url("/local/templates/sg/images/i/f/i-file_green.svg");
}

.i_ui-f--red:before {
  content: url("/local/templates/sg/images/i/f/i-file_red.svg");
}

.i_ui-f--blue:before {
  content: url("/local/templates/sg/images/i/f/i-file_blue.svg");
}

.i_ui-f--yellow:before {
  content: url("/local/templates/sg/images/i/f/i-file_yellow.svg");
}

.i_ui-f--txt:before {
  content: url("/local/templates/sg/images/i/f/i-file_grey.svg");
}

.i_ui-f--doc:before {
  content: url("/local/templates/sg/images/i/f/i-file_blue.svg");
}

.i_ui-f--rtf:before {
  content: url("/local/templates/sg/images/i/f/i-file_blue.svg");
}

.i_ui-f--xls:before {
  content: url("/local/templates/sg/images/i/f/i-file_green.svg");
}

.i_ui-f--pdf:before {
  content: url("/local/templates/sg/images/i/f/i-file_red.svg");
}

.i_ui-f--zip:before {
  content: url("/local/templates/sg/images/i/f/i-file_yellow.svg");
}

.i_ui-f--rar:before {
  content: url("/local/templates/sg/images/i/f/i-file_yellow.svg");
}

small {
  font-size: .875rem;
}

.alert {
  position: relative;
  padding: 2rem;
  border-radius: 0 !important;
  border: 0 none transparent;
}

.input-group-addon {
  padding: .5rem .5rem;
  line-height: 22px !important;
  border-radius: 0 !important;
}

.form-control {
  padding-top: .5rem;
  padding-bottom: .5rem;
  line-height: 22px !important;
  border-radius: 0 !important;
}

.btn {
  line-height: 22px;
  white-space: normal;
  border-radius: 0 !important;
}

.btn-link {
  border-left: 0 none transparent !important;
  border-right: 0 none transparent !important;
}

#nprogress .bar {
  background: #0275d8;
  height: 2px;
}

#nprogress .peg {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

#nprogress .spinner {
  top: 0;
  right: auto;
}

#nprogress .spinner-icon {
  width: 3rem;
  height: 3rem;
  border: solid 2px transparent;
  border-top-color: #0275d8;
  border-left-color: #0275d8;
}

.tabcor {
  position: relative;
  z-index: 1;
}

.tabcor:after {
  content: "";
  display: table;
  clear: both;
}

.tabcor__wrap {
  position: relative;
  background: white;
  overflow: hidden;
}

.tabcor__wrap:after {
  content: "";
  display: table;
  clear: both;
}

.tabcor__list {
  background-color: #DCE2E8;
}

.tabcor__list:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .tabcor__list {
    display: none;
  }
}

.tabcor__list .tabcor__item {
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
  margin: 0;
}

.tabcor__list .tabcor__item--auto {
  float: left;
}

.tabcor__list .tabcor__item--full {
  width: 100%;
}

.tabcor__list .tabcor__item--half {
  width: -moz-calc(100% / 2);
  width: calc(100% / 2);
  float: left;
}

.tabcor__list .tabcor__item--third {
  width: -moz-calc(100% / 3);
  width: calc(100% / 3);
  float: left;
}

.tabcor__list .tabcor__item--fourth {
  width: -moz-calc(100% / 4);
  width: calc(100% / 4);
  float: left;
}

.tabcor__list .tabcor__item:nth-child(n+2) {
  border-top: 0 none transparent;
}

.tabcor__list .tabcor__item.active {
  z-index: 3;
  border-bottom: 0 none transparent;
}

.tabcor__list .tabcor__item.active:after {
  display: none;
}

.tabcor__list .tabcor__item--full.active:before {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: -9px;
  margin-left: -9px;
  content: "";
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 9px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 9px;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 9px;
}

.tabcor__list .tabcor__item:nth-child(n+2):after {
  position: absolute;
  z-index: 1;
  left: -1px;
  width: 1px;
  top: 1rem;
  bottom: 1rem;
  content: "";
  background-color: #bdc9d4;
}

.tabcor__list .tabcor__item:hover {
  z-index: 2;
}

.tabcor__list .tabcor__item:hover:after {
  display: none;
}

.tabcor__card {
  position: relative;
  background-color: #025aa5;
}

.tabcor__item {
  position: relative;
  cursor: pointer;
  display: block;
  background-color: #DCE2E8;
  color: #0275D8;
  margin: 0;
  padding: 32px;
  font-weight: 500;
}

@media all and (min-width: 48em) {
  .tabcor__item {
    display: none;
  }
}

.tabcor__item:nth-child(n+2) {
  border-top: 1px solid #bdc9d4;
}

.tabcor__item:hover,
.tabcor__item:active {
  color: #ffffff;
  background-color: #8fa2b5;
}

.tabcor__item.active {
  background-color: #fff;
  color: #373A3C;
  box-shadow: 0 -1px 2px -1px rgba(0, 0, 0, 0.25);
}

.tabcor__pane {
  position: relative;
  padding: 32px;
  display: none;
  overflow: hidden;
}

.tabcor__pane:after {
  content: "";
  display: table;
  clear: both;
}

.tabcor__pane.active {
  display: block;
}

@media all and (min-width: 0.0625em) and (max-width: 47.9375em) {
  .tabcor__pane.active {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  }
}

.tabcor--i1 .tabcor__list {
  background-color: #FFDF7A;
}

.tabcor--i1 .tabcor__list .tabcor__item:nth-child(n+2):after {
  background-color: rgba(55, 58, 60, 0.25);
}

.tabcor--i1 .tabcor__item {
  color: #373A3C;
  background-color: #FFDF7A;
}

.tabcor--i1 .tabcor__item:hover {
  background-color: #ffd347;
}

.tabcor--i1 .tabcor__item.active {
  background-color: #ffffff;
}

.tabcor--i1 .tabcor__item.active:before {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  content: "";
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 5px;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 5px;
}

.tabcor--accent .tabcor__list {
  background-color: #FFDF7A;
}

.tabcor--accent .tabcor__list .tabcor__item:nth-child(n+2):after {
  background-color: rgba(55, 58, 60, 0.25);
}

.tabcor--accent .tabcor__item {
  color: #373A3C;
  background-color: #FFDF7A;
}

.tabcor--accent .tabcor__item:hover {
  background-color: #ffd347;
}

.tabcor--accent .tabcor__item.active {
  background-color: #ffffff;
}

.tabcor--accent .tabcor__item.active:before {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  content: "";
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 5px;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 5px;
}

.tabcor--secondary .tabcor__list {
  background-color: #E3F2FD;
}

.tabcor--secondary .tabcor__list .tabcor__item:nth-child(n+2):after {
  background-color: rgba(55, 58, 60, 0.25);
}

.tabcor--secondary .tabcor__item {
  color: #373A3C;
  background-color: #E3F2FD;
}

.tabcor--secondary .tabcor__item:hover {
  background-color: #b3dcfa;
}

.tabcor--secondary .tabcor__item.active {
  background-color: #ffffff;
}

.tabcor--secondary .tabcor__item.active:before {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  content: "";
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 5px;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 5px;
}

.tabcor--primary .tabcor__list {
  background-color: #0275D8;
}

.tabcor--primary .tabcor__list .tabcor__item:nth-child(n+2):after {
  background-color: rgba(55, 58, 60, 0.25);
}

.tabcor--primary .tabcor__item {
  color: #ffffff;
  background-color: #0275D8;
}

.tabcor--primary .tabcor__item:hover {
  background-color: #025aa5;
}

.tabcor--primary .tabcor__item.active {
  color: #373A3C;
  background-color: #ffffff;
}

.tabcor--primary .tabcor__item.active:before {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  content: "";
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 5px;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 5px;
}


/*# sourceMappingURL=bundle.css.map*/