*, .fecss {
    margin  : 0;
    padding : 0
}

.fecss .btn, :link, :visited, a {
    text-decoration : none
}

.fecss .hoverdown.hovered > div.viewonhover > ul > li > a, .fecss .hoverdown:hover > div.viewonhover > ul > li > a, .fecss .nowrap {
    white-space : nowrap
}

.fecss .arrow, .fecss .clear:after, .fecss .go-to-top {
    content : ''
}

@font-face {
    font-family : 'Open Sans';
    font-style  : normal;
    font-weight : 300;
    src         : local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfOEPOIfcPv-fZ-WyMUtx48.ttf) format('truetype')
}

@font-face {
    font-family : 'Open Sans';
    font-style  : normal;
    font-weight : 400;
    src         : local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}

@font-face {
    font-family : 'Open Sans';
    font-style  : normal;
    font-weight : 700;
    src         : local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPOEPOIfcPv-fZ-WyMUtx48.ttf) format('truetype')
}

.blue {
    color : #39c
}

.white {
    color : #fff
}

@font-face {
    font-family : bebasneueregular-webfont;
    src         : url(../fonts/bebasneueregular-webfont.eot);
    src         : url(../fonts/bebasneueregular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bebasneueregular-webfont.woff) format('woff'), url(../fonts/bebasneueregular-webfont.ttf) format('truetype'), url(../fonts/bebasneueregular-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : bebasneue_light-webfont;
    src         : url(../fonts/bebasneue_light-webfont.eot);
    src         : url(../fonts/bebasneue_light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bebasneue_light-webfont.woff) format('woff'), url(../fonts/bebasneue_light-webfont.ttf) format('truetype'), url(../fonts/bebasneue_light-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : bebasneue_bold-webfont;
    src         : url(../fonts/bebasneue_bold-webfont.eot);
    src         : url(../fonts/bebasneue_bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bebasneue_bold-webfont.woff) format('woff'), url(../fonts/bebasneue_bold-webfont.ttf) format('truetype'), url(../fonts/bebasneue_bold-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_regular-webfont;
    src         : url(../fonts/proxima_nova_regular-webfont.eot);
    src         : url(../fonts/proxima_nova_regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_regular-webfont.woff) format('woff'), url(../fonts/proxima_nova_regular-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_regular-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_light-webfont;
    src         : url(../fonts/proxima_nova_light-webfont.eot);
    src         : url(../fonts/proxima_nova_light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_light-webfont.woff) format('woff'), url(../fonts/proxima_nova_light-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_light-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_extrabold-webfont;
    src         : url(../fonts/proxima_nova_extrabold-webfont.eot);
    src         : url(../fonts/proxima_nova_extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_extrabold-webfont.woff) format('woff'), url(../fonts/proxima_nova_extrabold-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_extrabold-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : kel-webfont;
    src         : url(../fonts/kel-webfont.eot);
    src         : url(../fonts/kel-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/kel-webfont.woff) format('woff'), url(../fonts/kel-webfont.ttf) format('truetype'), url(../fonts/kel-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_semibold-webfont;
    src         : url(../fonts/proxima_nova_semibold-webfont.eot);
    src         : url(../fonts/proxima_nova_semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_semibold-webfont.woff) format('woff'), url(../fonts/proxima_nova_semibold-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_semibold-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_black-webfont;
    src         : url(../fonts/proxima_nova_black-webfont.eot);
    src         : url(../fonts/proxima_nova_black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_black-webfont.woff) format('woff'), url(../fonts/proxima_nova_black-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_black-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : proxima_nova_bold-webfont;
    src         : url(../fonts/proxima_nova_bold-webfont.eot);
    src         : url(../fonts/proxima_nova_bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_bold-webfont.woff) format('woff'), url(../fonts/proxima_nova_bold-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_bold-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfdindisplaypro-reg-webfont;
    src         : url(../fonts/pfdindisplaypro-reg-webfont.eot);
    src         : url(../fonts/pfdindisplaypro-reg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfdindisplaypro-reg-webfont.woff) format('woff'), url(../fonts/pfdindisplaypro-reg-webfont.ttf) format('truetype'), url(../fonts/pfdindisplaypro-reg-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfdindisplaypro-med-webfont;
    src         : url(../fonts/pfdindisplaypro-med-webfont.eot);
    src         : url(../fonts/pfdindisplaypro-med-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfdindisplaypro-med-webfont.woff) format('woff'), url(../fonts/pfdindisplaypro-med-webfont.ttf) format('truetype'), url(../fonts/pfdindisplaypro-med-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfdindisplaypro-bold-webfont;
    src         : url(../fonts/pfdindisplaypro-bold-webfont.eot);
    src         : url(../fonts/pfdindisplaypro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfdindisplaypro-bold-webfont.woff) format('woff'), url(../fonts/pfdindisplaypro-bold-webfont.ttf) format('truetype'), url(../fonts/pfdindisplaypro-bold-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfdindisplaypro-light-webfont;
    src         : url(../fonts/pfdindisplaypro-light-webfont.eot);
    src         : url(../fonts/pfdindisplaypro-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfdindisplaypro-light-webfont.woff) format('woff'), url(../fonts/pfdindisplaypro-light-webfont.ttf) format('truetype'), url(../fonts/pfdindisplaypro-light-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : intro-webfont;
    src         : url(../fonts/intro-webfont.eot);
    src         : url(../fonts/intro-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/intro-webfont.woff) format('woff'), url(../fonts/intro-webfont.ttf) format('truetype'), url(../fonts/intro-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : intro_inline-webfont;
    src         : url(../fonts/intro_inline-webfont.eot);
    src         : url(../fonts/intro_inline-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/intro_inline-webfont.woff) format('woff'), url(../fonts/intro_inline-webfont.ttf) format('truetype'), url(../fonts/intro_inline-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : opensanscondlight-webfont;
    src         : url(../fonts/opensanscondlight-webfont.eot);
    src         : url(../fonts/opensanscondlight-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanscondlight-webfont.woff) format('woff'), url(../fonts/opensanscondlight-webfont.ttf) format('truetype'), url(../fonts/opensanscondlight-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : flaticon;
    src         : url(../fonts/flaticon.eot);
    src         : url(../fonts/flaticon.eot?#iefix) format('embedded-opentype'), url(../fonts/flaticon.woff) format('woff'), url(../fonts/flaticon.ttf) format('truetype'), url(../fonts/flaticon.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfagoraslabpro-blackital-webfont;
    src         : url(../fonts/pfagoraslabpro-blackital-webfont.eot);
    src         : url(../fonts/pfagoraslabpro-blackital-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfagoraslabpro-blackital-webfont.woff) format('woff'), url(../fonts/pfagoraslabpro-blackital-webfont.ttf) format('truetype'), url(../fonts/pfagoraslabpro-blackital-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : pfagoraslabpro-black-webfont;
    src         : url(../fonts/pfagoraslabpro-black-webfont.eot);
    src         : url(../fonts/pfagoraslabpro-black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/pfagoraslabpro-black-webfont.woff) format('woff'), url(../fonts/pfagoraslabpro-black-webfont.ttf) format('truetype'), url(../fonts/pfagoraslabpro-black-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : agorasansproblack-webfont;
    src         : url(../fonts/agorasansproblack-webfont.eot);
    src         : url(../fonts/agorasansproblack-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/agorasansproblack-webfont.woff) format('woff'), url(../fonts/agorasansproblack-webfont.ttf) format('truetype'), url(../fonts/agorasansproblack-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : "Optima LT Std Demi";
    src         : url('../fonts/Optima LT Std Demi.eot');
    src         : url('../fonts/Optima LT Std Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/Optima LT Std Demi.woff') format('woff'), url('../fonts/Optima LT Std Demi.ttf') format('truetype'), url('../fonts/Optima LT Std Demi.svg#icon') format('svg');
    font-weight : 400;
    font-style  : normal
}

code, h1, h2, h3, h4, h5, h6, pre {
    font-size : 1em
}

:link img, :visited img, a img {
    border : none
}

a:focus {
    outline : 0
}

table {
    border-collapse : collapse;
    border-spacing  : 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display : block
}

::-moz-selection {
    background-color : #000;
    color            : #fff
}

::-webkit-selection {
    background-color : #000;
    color            : #fff
}

::selection {
    background-color : #000;
    color            : #fff
}

::-webkit-input-placeholder {
    color : #000
}

:-moz-placeholder {
    color : #000
}

::-moz-placeholder {
    color : #000
}

:-ms-input-placeholder {
    color : #000
}

.fecss {
    position : relative
}

.fecss .fe-dbg.outline, .fecss.fe-dbg.outline {
    outline : red dotted 2px
}

.fecss .fe-dbg.outline *, .fecss.fe-dbg.outline * {
    outline : green dotted 2px
}

.fecss .fe-dbg.outline :hover, .fecss.fe-dbg.outline :hover {
    outline : #000 solid 5px
}

.fecss .fe-dbg.outline * *, .fecss.fe-dbg.outline * * {
    outline : orange dotted 2px
}

.fecss .fe-dbg.outline * * *, .fecss.fe-dbg.outline * * * {
    outline : #00f dotted 2px
}

.fecss .fe-dbg.outline * * * *, .fecss.fe-dbg.outline * * * * {
    outline : red solid 1px
}

.fecss .fe-dbg.outline * * * * *, .fecss.fe-dbg.outline * * * * * {
    outline : green solid 1px
}

.fecss .fe-dbg.outline * * * * * *, .fecss.fe-dbg.outline * * * * * * {
    outline : orange solid 1px
}

.fecss .fe-dbg.outline * * * * * * *, .fecss.fe-dbg.outline * * * * * * * {
    outline : #00f solid 1px
}

.fecss .fe-dbg .fecss-panel, .fecss .fe-dbg .fecss-panel *, .fecss.fe-dbg .fecss-panel, .fecss.fe-dbg .fecss-panel * {
    outline : 0 !important
}

.fecss .fe-dbg .guide-line, .fecss.fe-dbg .guide-line {
    display          : block;
    position         : absolute;
    z-index          : 9999;
    background-color : #00ff7f;
    outline          : 0
}

.fecss .fe-dbg .guide-line.h-line, .fecss.fe-dbg .guide-line.h-line {
    width  : 100%;
    height : 1px;
    left   : 0
}

.fecss .fe-dbg .guide-line.v-line, .fecss.fe-dbg .guide-line.v-line {
    width  : 1px;
    height : 100%;
    top    : 0
}

.fecss .fe-dbg .dbg-bg, .fecss.fe-dbg .dbg-bg {
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : cover;
    background-image    : url(https://placeholdit.imgix.net/~text?txtsize=50&txt=FECSS+DBG+BG&w=500&h=500)
}

.fecss .fe-dbg .chess-bg, .fecss.fe-dbg .chess-bg {
    background-position : center center;
    background-repeat   : repeat;
    background-size     : initial;
    background-image    : url(../img/fecss/chess-bg.png)
}

.fecss .fe-dbg .fecss-panel, .fecss.fe-dbg .fecss-panel {
    background-color : #fff
}

.fecss .fe-dbg .fecss-panel .actions, .fecss.fe-dbg .fecss-panel .actions {
    display        : table;
    vertical-align : middle
}

.fecss .fe-dbg .fecss-panel .actions > .cell, .fecss.fe-dbg .fecss-panel .actions > .cell {
    display        : table-cell;
    vertical-align : middle;
    line-height    : 3em;
    min-width      : 8em
}

.fecss .fe-dbg .fecss-panel .cell .hoverdown, .fecss.fe-dbg .fecss-panel .cell .hoverdown {
    background-color : #fff;
    line-height      : 1.5em
}

.fecss .fe-dbg .code-editable-block .code-editable, .fecss.fe-dbg .code-editable-block .code-editable {
    display          : block;
    margin           : 1em auto;
    padding          : 1em;
    line-height      : 2em;
    background-color : rgba(240, 240, 240, .5);
    color            : #000
}

.fecss .fe-dbg .preview-frame, .fecss.fe-dbg .preview-frame {
    display    : block;
    border     : none;
    margin     : 0;
    padding    : 0;
    width      : 100%;
    min-height : 500px
}

@font-face {
    font-family : proxima_nova_regular-webfont;
    src         : url(../fonts/proxima_nova_regular-webfont.eot);
    src         : url(../fonts/proxima_nova_regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/proxima_nova_regular-webfont.woff) format('woff'), url(../fonts/proxima_nova_regular-webfont.ttf) format('truetype'), url(../fonts/proxima_nova_regular-webfont.svg#icon) format('svg');
    font-weight : 400;
    font-style  : normal
}

.fecss *, .fecss :after, .fecss :before {
    box-sizing : border-box;
    margin     : 0;
    padding    : 0
}

.fecss .clear, .fecss .clear:after {
    clear : both
}

.fecss .adaptive-block {
    display      : table;
    clear        : both;
    margin-left  : auto;
    margin-right : auto
}

@media (max-width : 767px) {
    .fecss .adaptive-block {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .fecss .adaptive-block {
        width : 750px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .fecss .adaptive-block {
        width : 970px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .fecss .adaptive-block {
        width : 1170px
    }
}

.fecss .fluid-block {
    display : table;
    width   : 100%;
    clear   : both
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block) {
    float : left
}

.fecss .fluid-block.arab > [class|='w']:not(.adaptive-block) {
    float : right
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-100 {
    width : 100%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-090 {
    width : 90%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-085 {
    width : 85%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-080 {
    width : 80%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-075 {
    width : 75%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-070 {
    width : 70%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-066 {
    width : 66.66666666%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-065 {
    width : 65%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-060 {
    width : 60%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-055 {
    width : 55%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-050 {
    width : 50%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-045 {
    width : 45%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-040 {
    width : 40%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-035 {
    width : 35%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-033 {
    width : 33.33333333%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-030 {
    width : 30%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-025 {
    width : 25%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-020 {
    width : 20%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-015 {
    width : 15%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-0125 {
    width : 12.5%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-010 {
    width : 10%
}

.fecss .fluid-block > [class|='w']:not(.adaptive-block).w-005 {
    width : 5%
}

.fecss .btn {
    color              : #000;
    background-color   : #fff;
    outline            : #000 solid 1px;
    padding            : .5em;
    -webkit-transition : all .4s ease;
    transition         : all .4s ease
}

.fecss .arrow-slider .arrow-block .btn-arrow > .picture, .fecss .line-gallery .arrow-block .btn-arrow > .picture {
    top                 : 0;
    -webkit-transition  : -webkit-transform 1s ease;
    background-repeat   : no-repeat;
    background-position : center center
}

.fecss .btn:hover {
    color            : #fff;
    background-color : #000
}

.fecss .btn.inline {
    display : inline-block
}

.fecss .btn.as-block {
    display : block;
    width   : 100%
}

.fecss .btn.as-link {
    display          : inline-block;
    outline          : 0;
    padding          : initial;
    text-decoration  : initial;
    color            : inherit;
    background-color : transparent
}

.fecss .btn.as-link:hover {
    text-decoration  : underline;
    color            : inherit;
    background-color : transparent
}

.fecss .top-fixed {
    position : fixed;
    left     : 0;
    top      : 0;
    width    : 100%
}

.fecss .arrow-slider {
    position            : relative;
    background-position : center center;
    background-size     : cover
}

.fecss .arrow-slider .img-block {
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%
}

.fecss .arrow-slider .img-block > .item {
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
    display             : none;
    background-position : center center;
    background-size     : cover
}

.fecss .arrow-slider .img-block > .item.active {
    display : block
}

.fecss .arrow-slider .arrow-block, .fecss .arrow-slider .title-block {
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%
}

.fecss .arrow-slider .arrow-block .point-line {
    position   : absolute;
    left       : 0;
    bottom     : 5%;
    width      : 100%;
    margin     : 0 auto;
    text-align : center
}

.fecss .arrow-slider .arrow-block .point-line .item {
    display    : inline-block;
    text-align : center;
    width      : 4em
}

.fecss .arrow-slider .arrow-block .point-line .item.active > .point {
    opacity : 1
}

.fecss .arrow-slider .arrow-block .point-line .item > .point {
    display          : inline-block;
    width            : 1em;
    height           : 1em;
    background-color : #fff;
    border-radius    : 50%;
    opacity          : .5
}

.fecss .arrow-slider.mod.without-arrows .arrow-block .btn-arrow, .fecss .arrow-slider.mod.without-points .arrow-block .point-line, .fecss .line-gallery .arrow-block .point-line, .fecss .line-gallery.mod.without-arrows .arrow-block .btn-arrow, .fecss .line-gallery.mod.without-points .arrow-block .point-line {
    display : none
}

.fecss .arrow-slider .arrow-block .btn-arrow {
    position : absolute;
    top      : 0;
    height   : 100%;
    width    : 44px
}

.fecss .arrow-slider .arrow-block .btn-arrow.left {
    left : 5%
}

.fecss .arrow-slider .arrow-block .btn-arrow.left > .picture {
    background-image : url(../img/fecss/.arrow-slider/left.png);
    right            : 0
}

.fecss .arrow-slider .arrow-block .btn-arrow.right {
    right : 5%
}

.fecss .arrow-slider .arrow-block .btn-arrow.right > .picture {
    background-image : url(../img/fecss/.arrow-slider/right.png);
    left             : 0
}

.fecss .arrow-slider .arrow-block .btn-arrow > .picture {
    position   : absolute;
    height     : 100%;
    width      : 100%;
    transition : -webkit-transform 1s ease;
    transition : transform 1s ease;
    transition : transform 1s ease, -webkit-transform 1s ease
}

.fecss .line-gallery {
    position            : relative;
    background-position : center center;
    background-size     : cover
}

.fecss .line-gallery .arrow-block {
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%
}

.fecss .line-gallery .arrow-block .btn-arrow {
    position : absolute;
    top      : 0;
    height   : 100%;
    width    : 44px
}

.fecss .line-gallery .arrow-block .btn-arrow.left {
    left : 5%
}

.fecss .line-gallery .arrow-block .btn-arrow.left > .picture {
    background-image : url(../img/fecss/.arrow-slider/left.png);
    right            : 0
}

.fecss .line-gallery .arrow-block .btn-arrow.right {
    right : 5%
}

.fecss .line-gallery .arrow-block .btn-arrow.right > .picture {
    background-image : url(../img/fecss/.arrow-slider/right.png);
    left             : 0
}

.fecss .line-gallery .arrow-block .btn-arrow > .picture {
    position   : absolute;
    height     : 100%;
    width      : 100%;
    transition : -webkit-transform 1s ease;
    transition : transform 1s ease;
    transition : transform 1s ease, -webkit-transform 1s ease
}

.fecss .can-close {
    position : relative
}

.fecss .can-close .close-btn {
    position            : absolute;
    right               : 1em;
    top                 : 1em;
    width               : 1em;
    height              : 1em;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(../img/fecss/.can-close/close-btn.png)
}

.fecss .image.box.contain, .fecss .image.box.cover {
    background-position : 50% 50%;
    background-repeat   : no-repeat
}

.fecss .grid .grid-row {
    clear : both
}

.fecss .grid .grid-row > [class*=clmn-] {
    float : left
}

.fecss .grid .grid-row.arab > [class*=clmn-] {
    float : right
}

.fecss .grid.grid-12 .grid-row .clmn-1 {
    width : 8.33333333%
}

.fecss .grid.grid-12 .grid-row .clmn-2 {
    width : 16.66666667%
}

.fecss .grid.grid-12 .grid-row .clmn-3 {
    width : 25%
}

.fecss .grid.grid-12 .grid-row .clmn-4 {
    width : 33.33333333%
}

.fecss .grid.grid-12 .grid-row .clmn-5 {
    width : 41.66666667%
}

.fecss .grid.grid-12 .grid-row .clmn-6 {
    width : 50%
}

.fecss .grid.grid-12 .grid-row .clmn-7 {
    width : 58.33333333%
}

.fecss .grid.grid-12 .grid-row .clmn-8 {
    width : 66.66666667%
}

.fecss .grid.grid-12 .grid-row .clmn-9 {
    width : 75%
}

.fecss .grid.grid-12 .grid-row .clmn-10 {
    width : 83.33333333%
}

.fecss .grid.grid-12 .grid-row .clmn-11 {
    width : 91.66666667%
}

.fecss .grid.grid-12 .grid-row .clmn-12 {
    width : 100%
}

@media (max-width : 767px) {
    .fecss .grid.grid-12 .grid-row .clmn-xs-1 {
        width : 8.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-2 {
        width : 16.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-3 {
        width : 25%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-4 {
        width : 33.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-5 {
        width : 41.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-6 {
        width : 50%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-7 {
        width : 58.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-8 {
        width : 66.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-9 {
        width : 75%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-10 {
        width : 83.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-11 {
        width : 91.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-xs-12 {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .fecss .grid.grid-12 .grid-row .clmn-sm-1 {
        width : 8.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-2 {
        width : 16.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-3 {
        width : 25%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-4 {
        width : 33.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-5 {
        width : 41.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-6 {
        width : 50%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-7 {
        width : 58.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-8 {
        width : 66.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-9 {
        width : 75%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-10 {
        width : 83.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-11 {
        width : 91.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-sm-12 {
        width : 100%
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .fecss .grid.grid-12 .grid-row .clmn-md-1 {
        width : 8.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-2 {
        width : 16.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-3 {
        width : 25%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-4 {
        width : 33.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-5 {
        width : 41.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-6 {
        width : 50%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-7 {
        width : 58.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-8 {
        width : 66.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-9 {
        width : 75%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-10 {
        width : 83.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-11 {
        width : 91.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-md-12 {
        width : 100%
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .fecss .grid.grid-12 .grid-row .clmn-lg-1 {
        width : 8.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-2 {
        width : 16.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-3 {
        width : 25%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-4 {
        width : 33.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-5 {
        width : 41.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-6 {
        width : 50%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-7 {
        width : 58.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-8 {
        width : 66.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-9 {
        width : 75%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-10 {
        width : 83.33333333%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-11 {
        width : 91.66666667%
    }

    .fecss .grid.grid-12 .grid-row .clmn-lg-12 {
        width : 100%
    }
}

.fecss .grid.flex .grid-row {
    display                 : -webkit-inline-box;
    display                 : -webkit-inline-flex;
    display                 : -ms-inline-flexbox;
    display                 : inline-flex;
    -webkit-box-orient      : horizontal;
    -webkit-box-direction   : normal;
    -webkit-flex-direction  : row;
    -ms-flex-direction      : row;
    flex-direction          : row;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : start;
    -webkit-justify-content : flex-start;
    -ms-flex-pack           : start;
    justify-content         : flex-start;
    -webkit-align-content   : stretch;
    -ms-flex-line-pack      : stretch;
    align-content           : stretch;
    width                   : 100%
}

.fecss .grid.flex .grid-row.inline {
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction     : row;
    flex-direction         : row
}

._cb__flex, .fecss .grid.flex .grid-row.inclmn {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal
}

.fecss .grid.flex .grid-row.inclmn {
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column
}

.fecss .grid.flex .grid-row.no-wrap {
    -webkit-flex-wrap : nowrap;
    -ms-flex-wrap     : nowrap;
    flex-wrap         : nowrap
}

.fecss .grid.flex .grid-row.to-left {
    -webkit-box-pack        : start;
    -webkit-justify-content : flex-start;
    -ms-flex-pack           : start;
    justify-content         : flex-start
}

.fecss .grid.flex .grid-row.to-right {
    -webkit-box-pack        : end;
    -webkit-justify-content : flex-end;
    -ms-flex-pack           : end;
    justify-content         : flex-end
}

.fecss .grid.flex .grid-row.to-center {
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center
}

.fecss .grid.flex .grid-row.space-between {
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between
}

.fecss .grid.flex .grid-row.space-around {
    -webkit-justify-content : space-around;
    -ms-flex-pack           : distribute;
    justify-content         : space-around
}

.fecss .grid.flex .grid-row .f-box {
    float               : initial;
    -webkit-align-self  : stretch;
    -ms-flex-item-align : stretch;
    align-self          : stretch
}

.fecss .grid.flex .grid-row .f-box.to-top {
    -webkit-align-self  : flex-start;
    -ms-flex-item-align : start;
    align-self          : flex-start
}

.fecss .grid.flex .grid-row .f-box.to-bottom {
    -webkit-align-self  : flex-end;
    -ms-flex-item-align : end;
    align-self          : flex-end
}

.fecss .grid.flex .grid-row .f-box.to-center {
    -webkit-align-self  : center;
    -ms-flex-item-align : center;
    align-self          : center
}

html body .fecss .full-height, html body .fecss.full-height {
    height : 100%
}

.fecss .image.box.contain {
    background-size : contain
}

.fecss .image.box.cover {
    background-size : cover
}

.fecss .image.resp {
    display   : block;
    max-width : 100%;
    height    : auto
}

.fecss .image.circle {
    border-radius : 50%
}

.fecss .image.flip {
    -webkit-transform : scaleX(-1);
    -ms-transform     : scaleX(-1);
    transform         : scaleX(-1);
    -webkit-filter    : FlipH;
    filter            : FlipH;
    -ms-filter        : "FlipH"
}

.fecss .align-left {
    text-align : left
}

.fecss .align-right {
    text-align : right
}

.fecss .align-center {
    text-align : center
}

.fecss .align-justify {
    text-align : justify
}

.fecss .lowercase {
    text-transform : lowercase
}

.fecss .uppercase {
    text-transform : uppercase
}

.fecss .capitalize {
    text-transform : capitalize
}

.fecss .pos.rel {
    position : relative
}

.fecss .pos.abs {
    position : absolute
}

.fecss .pos.fix {
    position : fixed
}

.fecss .zi.zi-minus {
    z-index : -1
}

.fecss .zi.zi-null {
    z-index : 0
}

.fecss .zi.zi-base {
    z-index : 1
}

.fecss .zi.zi-top {
    z-index : 10
}

.fecss .zi.zi-modal {
    z-index : 100
}

.fecss .margin-center {
    margin-right : auto;
    margin-left  : auto
}

.fecss .overflow-hidden {
    overflow : hidden
}

.fecss .hidden {
    visibility : hidden !important
}

.fecss .hoverdown > div.viewonhover {
    display : none
}

.fecss .hoverdown.hovered, .fecss .hoverdown:hover {
    position : relative
}

.fecss .hoverdown.hovered > div.viewonhover, .fecss .hoverdown:hover > div.viewonhover {
    display  : block;
    position : absolute;
    left     : 0;
    top      : 100%
}

.fecss .hoverdown.hovered > div.viewonhover > ul, .fecss .hoverdown:hover > div.viewonhover > ul {
    display         : block;
    list-style-type : none
}

.fecss .hoverdown.hovered > div.viewonhover > ul > li, .fecss .hoverdown:hover > div.viewonhover > ul > li {
    list-style-type : none
}

.fecss .hoverdown.hovered > div.viewonhover > ul > li > div.viewonhover, .fecss .hoverdown:hover > div.viewonhover > ul > li > div.viewonhover {
    display : none
}

.fecss .hoverdown.hovered > div.viewonhover > ul > li.hovered, .fecss .hoverdown.hovered > div.viewonhover > ul > li:hover, .fecss .hoverdown:hover > div.viewonhover > ul > li.hovered, .fecss .hoverdown:hover > div.viewonhover > ul > li:hover {
    position : relative
}

.fecss .hoverdown.hovered > div.viewonhover > ul > li.hovered > div.viewonhover, .fecss .hoverdown.hovered > div.viewonhover > ul > li:hover > div.viewonhover, .fecss .hoverdown:hover > div.viewonhover > ul > li.hovered > div.viewonhover, .fecss .hoverdown:hover > div.viewonhover > ul > li:hover > div.viewonhover {
    display  : block;
    position : absolute;
    left     : 100%;
    top      : 0
}

.fecss .hover-scale {
    -webkit-transition : -webkit-transform 1s ease;
    transition         : -webkit-transform 1s ease;
    transition         : transform 1s ease;
    transition         : transform 1s ease, -webkit-transform 1s ease
}

.fecss .hover-scale:hover {
    display           : inline-block;
    -webkit-transform : scale(1.2);
    -ms-transform     : scale(1.2);
    transform         : scale(1.2)
}

.fecss .arrow {
    display        : inline-block;
    vertical-align : middle;
    width          : 4px;
    height         : 4px
}

.fecss .arrow.top {
    border-bottom : 4px solid #000;
    border-right  : 4px solid transparent;
    border-left   : 4px solid transparent
}

.fecss .arrow.right {
    border-left   : 4px solid #000;
    border-top    : 4px solid transparent;
    border-bottom : 4px solid transparent
}

.fecss .arrow.bottom {
    border-top   : 4px solid #000;
    border-right : 4px solid transparent;
    border-left  : 4px solid transparent
}

.fecss .arrow.left {
    border-right  : 4px solid #000;
    border-top    : 4px solid transparent;
    border-bottom : 4px solid transparent
}

.fecss .full-screen {
    position       : fixed;
    top            : 0;
    left           : 0;
    height         : 100%;
    width          : 100%;
    vertical-align : middle;
    text-align     : center;
    display        : none
}

.fecss .full-screen.active {
    z-index : 100;
    display : block
}

.fecss .full-screen.dark, .fecss .full-screen.semi-dark {
    background-color : rgba(0, 0, 0, .75);
    color            : #fff
}

.fecss .full-screen.page-loader {
    -webkit-transition : all .7s ease;
    transition         : all .7s ease;
    opacity            : 0;
    height             : 0%
}

.fecss .full-screen.page-loader.active {
    opacity : 1;
    height  : 100%
}

.fecss .full-screen.page-loader .process-container {
    display          : block;
    position         : relative;
    width            : 300px;
    height           : 3em;
    line-height      : 3em;
    margin           : 2em auto;
    white-space      : nowrap;
    text-transform   : lowercase;
    font-weight      : 700;
    font-size        : 1em;
    background-color : transparent;
    color            : #fff
}

.fecss .full-screen.page-loader .process-container .process-level {
    position          : absolute;
    left              : 50%;
    top               : 0;
    display           : block;
    width             : 0;
    height            : 100%;
    margin            : 0 auto;
    z-index           : 0;
    overflow-x        : hidden;
    text-align        : center;
    text-decoration   : none;
    background-color  : #fff;
    -webkit-animation : processloading 1s infinite;
    animation         : processloading 1s infinite
}

.fecss .full-screen.page-loader .close-loader {
    display            : block;
    margin             : 2em auto;
    width              : 30em;
    height             : 3em;
    line-height        : 3em;
    font-weight        : 700;
    font-size          : 1em;
    text-decoration    : none;
    text-transform     : uppercase;
    background-color   : #999;
    color              : rgba(0, 0, 0, .75);
    -webkit-transition : all .4s ease;
    transition         : all .4s ease
}

.fecss .full-screen.page-loader .close-loader:hover {
    background-color : #fff
}

.fecss .full-screen > .at-center {
    display        : table;
    text-align     : center;
    vertical-align : middle;
    height         : inherit;
    width          : inherit
}

.fecss .full-screen > .at-center > .middle {
    display        : table-cell;
    height         : inherit;
    width          : inherit;
    vertical-align : middle;
    text-align     : center
}

.fecss .text.blur, .fecss.text.blur {
    color       : transparent;
    text-shadow : 0 0 5px rgba(0, 0, 0, .5)
}

.fecss .text.shadow, .fecss.text.shadow {
    text-shadow : 1px 1px 1px #000
}

.fecss .filter.blur, .fecss.filter.blur {
    -webkit-filter : url(../css/fecss/svg-filters.svg#blur);
    filter         : url(../css/fecss/svg-filters.svg#blur)
}

.fecss .filter.grayscale, .fecss.filter.grayscale {
    -webkit-filter : url(../css/fecss/svg-filters.svg#grayscale);
    filter         : url(../css/fecss/svg-filters.svg#grayscale)
}

.fecss .filter.not-filter, .fecss.filter.not-filter {
    -webkit-filter : initial;
    filter         : initial
}

.fecss .go-to-top {
    position            : fixed;
    opacity             : 0;
    z-index             : -1;
    bottom              : 120%;
    right               : 10%;
    display             : inline-block;
    width               : 1px;
    height              : 1px;
    background-position : center center;
    background-repeat   : no-repeat;
    background-image    : url(../img/fecss/go-to-top.png);
    text-decoration     : none;
    -webkit-transition  : all 999ms ease;
    transition          : all 999ms ease
}

.fecss .go-to-top.active {
    width   : 65px;
    height  : 65px;
    bottom  : 10%;
    opacity : 1;
    z-index : 15
}

.fecss .go-to-top.active:hover {
    -webkit-transform : scale(1.3);
    -ms-transform     : scale(1.3);
    transform         : scale(1.3)
}

.fecss .h-line {
    border           : 0;
    height           : 1px;
    clear            : both;
    margin           : 1em 0;
    color            : #999;
    background-color : #999
}

.fecss.top-shadow:before {
    content    : "";
    position   : fixed;
    top        : -10px;
    left       : 0;
    width      : 100%;
    height     : 10px;
    box-shadow : 0 0 10px rgba(0, 0, 0, .8);
    z-index    : 100
}

@media (max-width : 767px) {
    .fecss .not-xs {
        display : none !important
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .fecss .not-sm {
        display : none !important
    }

    body.body-second {
        padding-top : 115px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .fecss .not-md {
        display : none !important
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .fecss .not-lg {
        display : none !important
    }
}

@media all and (orientation : portrait) {
    .fecss .not-portrait {
        display : none !important
    }
}

@media all and (orientation : landscape) {
    .fecss .not-landscape {
        display : none !important
    }
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-moz-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio : 3/2), only screen and (-ms-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    .fecss .not-retina {
        display : none !important
    }
}

@media print {
    .fecss .not-print {
        display : none !important
    }
}

.fecss:after, .fecss:before {
    content : '';
    display : table;
    clear   : both
}

a {
    color           : #39c;
    text-decoration : none
}

a:focus, a:hover {
    color           : #39c;
    text-decoration : underline
}

.btn-blue, .btn-blue:focus, .btn-blue:hover, .btn-footer:hover, .btn-green:hover, .btn-slider, .btn-slider:focus, .btn-slider:hover, a[href^='tel:'], a[href^='mailto:'] {
    text-decoration : none
}

.container, .container-fluid {
    padding-left  : 40px !important;
    padding-right : 40px !important
}

@media (min-width : 992px) and (max-width : 1199px) {
    .container, .container-fluid {
        padding-left : 15px
    }
}

.calcite-page {
    background     : url(../img/calcite/bg-calcite.jpg) center top no-repeat #000;
    padding-bottom : 75px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .container, .container-fluid {
        padding-left : 15px
    }

    .calcite-page {
        padding-bottom : 95px;
        background     : url(../img/calcite/bg-calcite-sm-left.png) left top no-repeat, url(../img/calcite/bg-calcite-sm-right.png) right top no-repeat #000
    }
}

@media (max-width : 767px) {
    body.body-second {
        padding-top : 95px
    }

    .container, .container-fluid {
        padding-left : 15px
    }

    .calcite-page {
        padding-bottom : 95px;
        background     : #000
    }

    .heading-block {
        word-break : break-word
    }

    ._land__flex {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap
    }
}

.btn-blue {
    color          : #fff;
    background     : rgba(51, 153, 204, .8);
    font-family    : proxima_nova_bold-webfont;
    text-transform : uppercase;
    display        : block;
    text-align     : center;
    padding        : 5px 15px 0;
    font-size      : 16px;
    line-height    : 24px;
    border-radius  : 10px;
    border         : none
}

.btn-footer, .btn-green, .btn-slider {
    display        : block;
    text-align     : center;
    font-family    : pfdindisplaypro-bold-webfont;
    font-size      : 14px;
    text-transform : uppercase
}

.btn-blue:focus, .btn-blue:hover {
    color      : #fff;
    background : rgba(51, 153, 204, .6)
}

.btn-green {
    line-height : 24px;
    color       : #fff;
    background  : #1c953f;
    padding     : 15px 10px;
    outline     : 0;
    border      : none
}

.btn-green:hover {
    color      : #fff;
    background : #146a2d
}

.btn-footer {
    line-height : 26px;
    color       : #cfc !important;
    border      : 2px solid #cfc;
    padding     : 10px 15px
}

.btn-footer:hover {
    border-color : #e6ffe6;
    color        : #e6ffe6
}

.btn-slider {
    padding     : 20px 10px;
    border      : 2px solid #fff;
    line-height : 12px;
    color       : #fff
}

.btn-slider:focus, .btn-slider:hover {
    color        : #3BAB47;
    border-color : #3BAB47
}

.bolus-img {
    position : absolute;
    z-index  : 10
}

@media (max-width : 1199px) {
    .bolus-img {
        display : none
    }
}

.bolus-left-1 {
    top  : -55px;
    left : 170px
}

.bolus-left-2 {
    bottom : -60px;
    left   : 700px
}

.bolus-left-3 {
    bottom : 220px;
    left   : -50px
}

.bolus-left-4 {
    bottom : 50px;
    left   : 700px
}

.bolus-left-5 {
    top  : 50px;
    left : 320px
}

@media (max-width : 1694px) {
    .bolus-left-5 {
        display : none
    }
}

.bolus-left-6 {
    top  : 330px;
    left : -50px
}

.bolus-right-1 {
    top   : 35px;
    right : 120px
}

@media (max-width : 1344px) {
    .bolus-right-1 {
        display : none
    }
}

.bolus-right-2 {
    top   : 195px;
    right : 60px
}

.bolus-right-3 {
    bottom : -50px;
    right  : 430px
}

.content-block {
    background : #fff
}

.heading-block {
    margin-bottom : 20px;
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 48px;
    line-height   : 56px;
    color         : #000
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .heading-block {
        font-size   : 36px;
        line-height : 44px
    }
}

@media (max-width : 480px) {
    .heading-block {
        font-size   : 26px;
        line-height : 34px
    }
}

.heading-block.green-heading {
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 48px;
    line-height : 56px;
    color       : #1c953f
}

@media (min-width : 992px) {
    .dropdown-form {
        border-radius : 0
    }
}

.dropdown-form .form-control {
    height        : 44px;
    border        : 1px solid #fff;
    border-right  : 0;
    border-radius : 0;
    background    : 0 0;
    font-family   : pfdindisplaypro-reg-webfont;
    font-size     : 16px;
    line-height   : inherit;
    color         : #fff
}

.dropdown-form .form-control::-webkit-input-placeholder {
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : inherit;
    color       : rgba(255, 255, 255, .7)
}

.dropdown-form .form-control:-moz-placeholder {
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : inherit;
    color       : rgba(255, 255, 255, .7)
}

.dropdown-form .form-control:focus {
    box-shadow   : none;
    border-color : #000
}

.dropdown-form .form-control:focus + .input-group-btn .btn {
    border-color : #000
}

.dropdown-form .btn {
    color         : #fff;
    background    : 0 0;
    border        : 1px solid #fff;
    border-left   : 0;
    border-radius : 0;
    padding       : 9px 12px;
    margin-left   : 0
}

.dropdown-form .btn:before {
    font-family : flaticon;
    content     : "\e006";
    display     : block;
    font-size   : 17px;
    color       : inherit
}

.dropdown-form .btn:active, .dropdown-form .btn:focus {
    outline    : 0;
    box-shadow : none
}

.product-menu-main-modal-close {
    opacity : .8 !important
}

.dairy-page {
    min-height : 3000px
}

._land__flex {
    display      : -webkit-box;
    display      : -webkit-flex;
    display      : -ms-flexbox;
    display      : flex;
    margin-left  : -15px;
    margin-right : -15px
}

._land__col {
    padding-left  : 15px;
    padding-right : 15px
}

body {
    -webkit-text-size-adjust : 100%;
    font-size                : 14px;
    line-height              : 24px
}

.full-screen {
    position       : fixed;
    top            : 0;
    left           : 0;
    height         : 100%;
    width          : 100%;
    vertical-align : middle;
    text-align     : center;
    display        : none
}

.full-screen > .at-center, .full-screen > .at-center > .middle {
    height         : inherit;
    width          : inherit;
    vertical-align : middle;
    text-align     : center
}

.full-screen.active {
    z-index : 100;
    display : block
}

.full-screen > .at-center {
    display : table
}

.full-screen > .at-center > .middle {
    display : table-cell
}

.full-screen.page-loader {
    -webkit-transition : all .7s ease;
    transition         : all .7s ease;
    opacity            : 0;
    height             : 0%
}

.full-screen.page-loader.active {
    opacity : 1;
    height  : 100%
}

.full-screen.page-loader.rkorma-style {
    overflow           : hidden;
    background-color   : #fff;
    opacity            : initial;
    z-index            : 5000;
    -webkit-transition : all .8s ease;
    transition         : all .8s ease
}

.full-screen.page-loader.rkorma-style.active, .full-screen.page-loader.rkorma-style.active .rkorma-container {
    opacity : 1
}

.full-screen.page-loader.rkorma-style .rkorma-container {
    background-image    : url(../img/logotip-200.png);
    background-position : center center;
    background-repeat   : no-repeat;
    position            : relative;
    overflow            : hidden;
    width               : 200px;
    height              : 200px;
    margin-left         : auto;
    margin-right        : auto;
    opacity             : 0;
    -webkit-transition  : all .2s ease;
    transition          : all .2s ease
}

.full-screen.page-loader.rkorma-style .rkorma-container .blind {
    position           : absolute;
    left               : -50%;
    bottom             : -50%;
    top                : -50%;
    right              : -50%;
    background-color   : #fff;
    border-radius      : 50%;
    -webkit-transition : all 40ms ease;
    transition         : all 40ms ease
}

.full-screen.page-loader.rkorma-style .load-word {
    display        : none;
    font-family    : pfagoraslabpro-blackital-webfont;
    color          : #1c953f;
    text-align     : center;
    font-size      : 1.7em;
    margin         : 1em 0 0 .6em;
    letter-spacing : .5em
}

._b-footer-nav__flex, .error404__page {
    display : -webkit-flex;
    display : -ms-flexbox;
    display : -webkit-box
}

.footer-site {
    height : 680px !important
}

@media (min-width : 800px) and (max-width : 1024px) {
    .footer-site {
        height : 730px !important
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    .footer-site {
        height : 700px !important
    }
}

.footer-nav-block {
    background  : url(../img/bg-footer.png) center;
    padding     : 50px 0 40px;
    color       : #fff;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 14px
}

._b-footer-nav__contacts a[href^="tel:"], ._b-footer-nav__item ul li.__heading, .footer-nav-block b, .navbar-default {
    font-family : pfdindisplaypro-bold-webfont
}

@media (min-width : 1400px) {
    .footer-nav-block {
        min-height : 620px
    }
}

.footer-nav-block a {
    color : #999
}

._b-footer-nav__item ul li.active a, .footer-autor-block a, .footer-nav-block a[href^="tel:"], .footer-nav-block a[href^="mailto:"] {
    color : #fff
}

._b-footer-nav__flex {
    display                 : -moz-flex;
    display                 : -ms-flex;
    display                 : flex;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-align-items     : flex-start;
    -moz-align-items        : flex-start;
    -ms-align-items         : flex-start;
    -webkit-box-align       : start;
    -ms-flex-align          : start;
    align-items             : flex-start;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    width                   : 100%;
    height                  : 100%
}

._b-footer-nav__contacts {
    font-size   : 16px;
    line-height : 30px;
    max-width   : 400px;
    width       : 100%
}

@media (min-width : 800px) and (max-width : 1024px) {
    .footer-nav-block {
        padding-top : 145px
    }

    ._b-footer-nav__contacts {
        max-width : 320px
    }

    .navbar-default .navbar-header {
        float : none
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    ._b-footer-nav__contacts {
        max-width : 340px
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    ._b-footer-nav__contacts {
        max-width : 270px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._b-footer-nav__contacts {
        max-width                 : 100%;
        -webkit-order             : 6;
        -moz-order                : 6;
        -ms-order                 : 6;
        -webkit-box-ordinal-group : 7;
        -ms-flex-order            : 6;
        order                     : 6;
        padding-top               : 35px;
        border-top                : 1px solid #cfc;
        margin                    : 0 15px;
        display                   : -webkit-flex;
        display                   : -moz-flex;
        display                   : -ms-flexbox;
        display                   : -ms-flex;
        display                   : -webkit-box;
        display                   : flex;
        font-size                 : 18px
    }

    ._b-footer-nav__contacts > div {
        max-width : 50%;
        width     : 100%
    }
}

@media (max-width : 767px) {
    .footer-nav-block .container-fluid {
        padding-left  : 20px !important;
        padding-right : 20px !important
    }

    ._b-footer-nav__contacts {
        max-width                 : 100%;
        -webkit-order             : 6;
        -moz-order                : 6;
        -ms-order                 : 6;
        -webkit-box-ordinal-group : 7;
        -ms-flex-order            : 6;
        order                     : 6;
        padding-top               : 35px;
        border-top                : 1px solid #cfc;
        margin                    : 0;
        display                   : -webkit-flex;
        display                   : -moz-flex;
        display                   : -ms-flexbox;
        display                   : -ms-flex;
        display                   : -webkit-box;
        display                   : flex;
        -webkit-flex-wrap         : wrap;
        -ms-flex-wrap             : wrap;
        flex-wrap                 : wrap;
        font-size                 : 18px
    }

    ._b-footer-nav__contacts > div {
        max-width : 50%;
        width     : 100%
    }
}

@media (max-width : 480px) {
    ._b-footer-nav__contacts > div {
        max-width : 100%;
        width     : 100%
    }
}

._b-footer-nav__logotip {
    margin-bottom : 50px
}

._b-footer-nav__contacts-phone {
    line-height : 20px;
    margin      : 15px 0
}

._b-footer-nav__contacts-map {
    max-width : 215px;
    margin    : 25px 0 15px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._b-footer-nav__contacts-map {
        max-width : 295px
    }

    ._b-footer-nav__contacts-map a {
        font-size : 16px;
        padding   : 18px
    }
}

._b-footer-nav__item {
    padding : 0 15px;
    width   : 100%
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._b-footer-nav__item {
        max-width     : 49% !important;
        margin-bottom : 40px;
        width         : 50%
    }
}

@media (max-width : 767px) {
    ._b-footer-nav__item {
        max-width     : 100% !important;
        margin-bottom : 30px;
        display       : -webkit-flex;
        display       : -moz-flex;
        display       : -ms-flexbox;
        display       : -ms-flex;
        display       : -webkit-box;
        display       : flex;
        padding       : 0
    }

    ._b-footer-nav__item ul li {
        word-break : break-word
    }
}

._b-footer-nav__item ul {
    list-style : none
}

._b-footer-nav__item ul li {
    line-height   : 18px;
    margin-bottom : 8px
}

._b-footer-nav__item ul li.__heading {
    text-transform : uppercase;
    font-size      : 16px;
    margin-bottom  : 17px
}

._b-footer-nav__item ul li.active a:hover {
    text-decoration : none;
    cursor          : default
}

._b-footer-nav__item.item1 {
    max-width : 195px
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    ._b-footer-nav__item.item1 {
        max-width : 145px
    }
}

._b-footer-nav__item.item2 {
    max-width : 170px
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    ._b-footer-nav__item.item2 {
        max-width : 130px
    }
}

._b-footer-nav__item.item3 {
    max-width : 185px
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    ._b-footer-nav__item.item3 {
        max-width : 135px
    }
}

._b-footer-nav__item.item4 {
    max-width : 135px
}

._b-footer-nav__item.item5 {
    max-width : 205px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._b-footer-nav__item ul li.__heading {
        margin-bottom : 30px
    }

    ._b-footer-nav__item ul li a {
        font-size   : 16px;
        line-height : 20px
    }

    ._b-footer-nav__item.item2 {
        -webkit-order             : 5;
        -moz-order                : 5;
        -ms-order                 : 5;
        -webkit-box-ordinal-group : 6;
        -ms-flex-order            : 5;
        order                     : 5
    }

    ._b-footer-nav__item.item3 {
        -webkit-order             : 3;
        -moz-order                : 3;
        -ms-order                 : 3;
        -webkit-box-ordinal-group : 4;
        -ms-flex-order            : 3;
        order                     : 3
    }

    ._b-footer-nav__item.item5 {
        -webkit-order             : 4;
        -moz-order                : 4;
        -ms-order                 : 4;
        -webkit-box-ordinal-group : 5;
        -ms-flex-order            : 4;
        order                     : 4
    }

    .navbar-default {
        min-height : 115px
    }

    .navbar-default .navbar-header {
        float : none
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    ._b-footer-nav__item.item5 {
        max-width : 155px
    }

    ._b-footer-nav__item.item5 ul li.__heading {
        word-wrap : break-word
    }
}

._b-nav__item-icon {
    width         : 80px;
    height        : 80px;
    margin-bottom : 25px
}

._b-nav__item-icon.icon1 {
    background : url(../img/footer-snippit.png) no-repeat
}

._b-nav__item-icon.icon2 {
    background : url(../img/footer-snippit.png) -252px 0 no-repeat
}

._b-nav__item-icon.icon3 {
    background : url(../img/footer-snippit.png) -504px 0 no-repeat
}

._b-nav__item-icon.icon4 {
    background : url(../img/footer-snippit.png) -756px 0 no-repeat
}

._b-nav__item-icon.icon5 {
    background : url(../img/footer-snippit.png) -1008px 0 no-repeat
}

@media (max-width : 767px) {
    ._b-nav__item-icon {
        margin-right : 50px
    }
}

@media (max-width : 480px) {
    ._b-nav__item-icon {
        margin-right : 20px;
        max-width    : 80px;
        width        : 100%
    }
}

.footer-autor-block {
    background : #292929;
    color      : #fff;
    padding    : 20px 0
}

.footer-autor-block a:hover {
    color : #cfc
}

.navbar-default {
    background : #fff;
    min-height : 115px;
    padding    : 10px 0;
    z-index    : 50
}

.navbar-default .navbar-brand {
    display     : inline-block;
    margin-left : 0 !important;
    margin-top  : 20px
}

.navbar-default .navbar-brand.white {
    display : none
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .navbar-default .navbar-brand {
        float   : left;
        display : block;
        width   : 45px;
        margin  : 25px 25px 0
    }
}

@media (max-width : 767px) {
    .navbar-default {
        min-height : 95px
    }

    .navbar-default .navbar-brand {
        max-width : 40px;
        margin    : 15px 0 0 15px !important
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background : #1c953f;
    width      : 36px;
    height     : 4px
}

.navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:focus, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background : 0 0
}

.navbar-default .navbar-nav {
    margin-top : 30px
}

.navbar-default .navbar-nav > li > a {
    text-transform : uppercase;
    color          : #333;
    letter-spacing : .5px
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration : underline
}

.navbar-default .navbar-nav > li > a.icon-magnifying {
    text-decoration : none
}

.navbar-default .navbar-nav > li > a.icon-magnifying:before {
    font-family : flaticon;
    content     : "\e006";
    display     : block;
    font-size   : 16px
}

.navbar-default .navbar-nav > li > a.active {
    text-decoration : underline
}

@media (min-width : 992px) {
    .navbar-default .navbar-nav > li .dropdown-form {
        top        : 115%;
        min-width  : 400px;
        padding    : 20px;
        background : #fff
    }
}

.navbar-default .navbar-nav > li .dropdown-form .form-control {
    border       : 1px solid #666;
    border-right : 0;
    background   : #fff;
    color        : #000
}

.navbar-default .navbar-nav > li .dropdown-form .form-control::-webkit-input-placeholder {
    color : #000
}

.navbar-default .navbar-nav > li .dropdown-form .form-control:-moz-placeholder {
    color : #000
}

.navbar-default .navbar-nav > li .dropdown-form .btn {
    color       : #000;
    background  : #fff;
    border      : 1px solid #666;
    border-left : 0
}

.navbar-default.bg-transparent {
    background : 0 0
}

@media (max-width : 767px) {
    .navbar-default.bg-transparent {
        background : #fff
    }
}

.navbar-default.bg-transparent .navbar-nav > li > a {
    color : #fff
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form {
    background : rgba(255, 255, 255, .3)
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form .form-control {
    border     : 1px solid #fff;
    background : rgba(255, 255, 255, .3);
    color      : #fff
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form .form-control::-webkit-input-placeholder {
    color : #fff
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form .form-control:-moz-placeholder {
    color : #fff
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form .form-control:focus, .navbar-default.bg-transparent .navbar-nav > li .dropdown-form .form-control:focus + .input-group-btn .btn {
    border-color : #1C9542
}

.navbar-default.bg-transparent .navbar-nav > li .dropdown-form .btn {
    color      : #fff;
    background : rgba(255, 255, 255, .3);
    border     : 1px solid #fff
}

.navbar-default.bg-transparent .hamburger.is-closed .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-closed .hamb-middle, .navbar-default.bg-transparent .hamburger.is-closed .hamb-top {
    background-color : #fff
}

.navbar-default.bg-transparent .hamburger.is-open .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-open .hamb-middle, .navbar-default.bg-transparent .hamburger.is-open .hamb-top {
    background-color : #1c953f
}

@media (max-width : 767px) {
    .navbar-default.bg-transparent .hamburger.is-closed .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-closed .hamb-middle, .navbar-default.bg-transparent .hamburger.is-closed .hamb-top {
        background-color : #1C9542 !important
    }

    .navbar-default.bg-transparent .hamburger.is-open .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-open .hamb-middle, .navbar-default.bg-transparent .hamburger.is-open .hamb-top {
        background-color : #000 !important
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .navbar-default.bg-transparent .hamburger.is-closed .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-closed .hamb-middle, .navbar-default.bg-transparent .hamburger.is-closed .hamb-top {
        background-color : #1C9542 !important
    }

    .navbar-default.bg-transparent .hamburger.is-open .hamb-bottom, .navbar-default.bg-transparent .hamburger.is-open .hamb-middle, .navbar-default.bg-transparent .hamburger.is-open .hamb-top {
        background-color : #000 !important
    }
}

@media (max-device-width : 1024px) {
    .navbar-default.bg-transparent .collapse-right .navbar-nav {
        margin : 25px -15px 7.5px;
        float  : none !important
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li {
        float : none !important
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li > a {
        color : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        border-color : #1c953f;
        color        : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        color : #a3a3a3
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        color : #a3a3a3
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus {
        border-color : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus + .input-group-btn .btn {
        border-color : #333;
        color        : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn {
        color        : #1c953f;
        background   : #fff;
        border-color : #1c953f
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .navbar-default.bg-transparent .collapse-right .navbar-nav {
        margin : 25px -15px 7.5px;
        float  : none !important
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li {
        float : none !important
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li > a {
        color : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        border-color : #1c953f;
        color        : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        color : #a3a3a3
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        color : #a3a3a3
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus {
        border-color : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus + .input-group-btn .btn {
        border-color : #333;
        color        : #333
    }

    .navbar-default.bg-transparent .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn {
        color        : #1c953f;
        background   : #fff;
        border-color : #1c953f
    }
}

.navbar-default.bg-white {
    background : #fff
}

.navbar-default.bg-white .navbar-nav > li > a {
    color : #333
}

.navbar-default.bg-white .hamburger.is-closed .hamb-bottom, .navbar-default.bg-white .hamburger.is-closed .hamb-middle, .navbar-default.bg-white .hamburger.is-closed .hamb-top {
    background-color : #1c953f
}

.navbar-default.bg-white .hamburger.is-open .hamb-bottom, .navbar-default.bg-white .hamburger.is-open .hamb-middle, .navbar-default.bg-white .hamburger.is-open .hamb-top {
    background-color : #333
}

.fp-viewing-0 .navbar-brand.white {
    display : inline-block
}

.fp-viewing-0 .navbar-brand.normal {
    display : none
}

._index__navbar {
    position : fixed;
    width    : 100%;
    z-index  : 999
}

@media (max-device-width : 1024px) {
    .navbar-absolute {
        position : fixed;
        top      : 0;
        width    : 100%;
        left     : 0;
        z-index  : 100
    }
}

.swipe-area {
    position : fixed;
    right    : 0;
    top      : 0;
    bottom   : 0;
    width    : 75px;
    z-index  : 50
}

@media (min-width : 800px) and (max-width : 1024px) {
    .collapse-right {
        position           : fixed;
        top                : 0;
        height             : 100%;
        width              : 340px;
        right              : -340px;
        -webkit-transition : right .4s ease-in-out;
        -webkit-transition : all .4s ease-in-out;
        transition         : all .4s ease-in-out;
        background         : #fff;
        z-index            : 9;
        padding            : 90px 45px 50px 55px
    }

    .collapse-right .navbar-nav {
        margin-top : 25px
    }

    .collapse-right .navbar-nav > li > a {
        color         : #333 !important;
        font-size     : 16px;
        padding       : 15px 10px;
        margin-bottom : 10px
    }

    .collapse-right .navbar-nav > li.dropdown a {
        display : none
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form {
        display    : block;
        position   : relative;
        border     : none;
        box-shadow : none;
        float      : none;
        padding    : 0;
        margin     : 25px 10px 0;
        min-width  : inherit;
        top        : 0
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        border-color : #1c953f;
        border-right : 0;
        color        : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        color : #a3a3a3
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        color : #a3a3a3
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus {
        border-color : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus + .input-group-btn .btn {
        border-color : #333;
        color        : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn {
        color        : #1c953f;
        background   : #fff;
        border-color : #1c953f;
        border-left  : 0
    }
}

@media (min-width : 800px) and (max-width : 1024px) and (max-width : 767px) {
    .collapse-right .navbar-nav > li > a {
        font-size   : 48px;
        line-height : 120px;
        text-align  : center
    }
}

@media (max-device-width : 1024px) {
    .collapse-right {
        position           : fixed;
        top                : 0;
        height             : 100%;
        width              : 340px;
        right              : -340px;
        -webkit-transition : right .4s ease-in-out;
        -webkit-transition : all .4s ease-in-out;
        transition         : all .4s ease-in-out;
        background         : #fff;
        z-index            : 9
    }

    .collapse-right .navbar-nav {
        margin-top : 25px
    }

    .collapse-right .navbar-nav > li > a {
        color         : #333;
        font-size     : 16px;
        padding       : 15px 10px;
        margin-bottom : 10px
    }
}

@media (max-device-width : 1024px) and (max-width : 767px) {
    .collapse-right .navbar-nav > li > a {
        font-size   : 48px;
        line-height : 120px;
        text-align  : center
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu a {
        word-break : break-word
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .collapse-right {
        padding : 90px 45px 50px 55px
    }

    .collapse-right .navbar-nav > li.dropdown a {
        display : none
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form {
        display    : block;
        position   : relative;
        border     : none;
        box-shadow : none;
        float      : none;
        padding    : 0;
        margin     : 25px 10px 0;
        min-width  : inherit;
        top        : 0
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        border-color : #1c953f;
        border-right : 0;
        color        : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        color : #a3a3a3
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        color : #a3a3a3
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus {
        border-color : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus + .input-group-btn .btn {
        border-color : #333;
        color        : #333
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn {
        color        : #1c953f;
        background   : #fff;
        border-color : #1c953f;
        border-left  : 0
    }
}

@media (max-width : 767px) {
    ._index__navbar {
        background : #fff
    }

    .collapse-right {
        padding    : 80px 45px 50px 55px;
        width      : 100%;
        right      : -100%;
        overflow-y : auto
    }

    .collapse-right .navbar-nav {
        margin-top : 0
    }

    .collapse-right .navbar-nav > li > a {
        font-size   : 22px;
        line-height : 28px;
        text-align  : center;
        padding     : 10px
    }

    .collapse-right .navbar-nav > li.dropdown a {
        margin  : 15px auto 0;
        width   : 100px;
        padding : 0
    }

    .collapse-right .navbar-nav > li.dropdown a:before {
        border-radius : 50%;
        width         : 90px;
        height        : 90px;
        border        : 1px solid #1c953f;
        color         : #1c953f;
        margin        : 0 auto;
        font-size     : 30px;
        line-height   : 90px
    }

    .collapse-right .navbar-nav > li.dropdown.open .dropdown-form {
        display : -webkit-flex;
        display : -moz-flex;
        display : -ms-flexbox;
        display : -ms-flex;
        display : -webkit-box;
        display : flex
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form {
        position                : fixed;
        top                     : 0;
        bottom                  : 0;
        left                    : 0;
        right                   : 0;
        border                  : none;
        box-shadow              : none;
        float                   : none;
        margin                  : 0;
        background              : #fff;
        -webkit-flex-direction  : column;
        -moz-flex-direction     : column;
        -ms-flex-direction      : column;
        -webkit-box-orient      : vertical;
        -webkit-box-direction   : normal;
        flex-direction          : column;
        -webkit-justify-content : center;
        -moz-justify-content    : center;
        -ms-justify-content     : center;
        -webkit-box-pack        : center;
        -ms-flex-pack           : center;
        justify-content         : center;
        padding                 : 0 70px
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .input-group {
        display                 : -webkit-flex;
        display                 : -moz-flex;
        display                 : -ms-flexbox;
        display                 : -ms-flex;
        display                 : -webkit-box;
        display                 : flex;
        -webkit-flex-direction  : column;
        -moz-flex-direction     : column;
        -ms-flex-direction      : column;
        -webkit-box-orient      : vertical;
        -webkit-box-direction   : normal;
        flex-direction          : column;
        -webkit-justify-content : center;
        -moz-justify-content    : center;
        -ms-justify-content     : center;
        -webkit-box-pack        : center;
        -ms-flex-pack           : center;
        justify-content         : center
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .input-group:before {
        content       : "\e006";
        font-family   : flaticon;
        border-radius : 50%;
        width         : 100px;
        height        : 100px;
        border        : 1px solid #1c953f;
        color         : #1c953f;
        margin        : 0 auto 75px;
        font-size     : 38px;
        line-height   : 100px;
        text-align    : center
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        border     : none;
        color      : #333;
        text-align : center;
        font-size  : 40px;
        box-shadow : none;
        height     : 75px;
        padding    : 0 15px
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        color       : #a3a3a3;
        font-size   : 48px;
        line-height : 48px;
        text-align  : center;
        font-family : pfdindisplaypro-light-webfont
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        color       : #a3a3a3;
        font-size   : 48px;
        line-height : 48px;
        text-align  : center;
        font-family : pfdindisplaypro-light-webfont
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus, .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:focus + .input-group-btn .btn {
        border : none
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .input-group-btn {
        max-width : 500px;
        width     : 100%;
        margin    : 50px auto 0;
        display   : block
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn {
        border     : none;
        color      : #fff !important;
        background : #1c953f !important;
        width      : 100%
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .btn:before {
        content        : 'Найти';
        font-size      : 30px;
        font-family    : pfdindisplaypro-bold-webfont;
        text-transform : uppercase;
        line-height    : 82px
    }
}

@media (max-width : 480px) {
    .collapse-right {
        padding : 65px 20px 20px
    }

    .collapse-right .navbar-nav > li > a {
        font-size   : 22px;
        line-height : 28px;
        text-align  : center
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form {
        padding : 0 20px
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .input-group:before {
        margin-bottom : 75px
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control {
        font-size : 28px;
        height    : 50px;
        padding   : 0
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control::-webkit-input-placeholder {
        font-size   : 22px;
        line-height : 22px
    }

    .collapse-right .navbar-nav > li.dropdown .dropdown-form .form-control:-moz-placeholder {
        font-size   : 22px;
        line-height : 22px
    }

    body.open-sidebar .hamburger {
        margin : 10px
    }
}

.hamburger.is-closed:before, .hamburger.is-open:before {
    font-size   : 14px;
    color       : #fff;
    line-height : 32px;
    content     : '';
    text-align  : center
}

body.open-sidebar .collapse-right {
    right : 0
}

body.open-sidebar .swipe-area {
    right : 340px
}

.hamburger {
    position         : relative;
    float            : right;
    padding          : 0;
    border           : none;
    margin-top       : 27px;
    margin-right     : 27px;
    margin-bottom    : 8px;
    background-color : transparent;
    background-image : none;
    width            : 36px;
    height           : 38px;
    z-index          : 100
}

@media (min-width : 992px) {
    .hamburger {
        display : none
    }
}

@media (max-device-width : 1024px) {
    .hamburger {
        display : block
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .hamburger {
        display : block
    }
}

@media (max-width : 767px) {
    .hamburger {
        max-width    : 48px;
        height       : 45px;
        width        : 100%;
        margin-right : 15px;
        margin-top   : 13px
    }
}

.hamburger:active, .hamburger:focus, .hamburger:hover {
    outline : 0
}

.hamburger.is-closed:before {
    display            : block;
    width              : 100px;
    opacity            : 0;
    -webkit-transform  : translate3d(0, 0, 0);
    -webkit-transition : all .35s ease-in-out
}

.hamburger.is-closed .hamb-bottom, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-top {
    position : absolute;
    left     : 0;
    height   : 4px;
    width    : 100%
}

@media (max-width : 767px) {
    .hamburger.is-closed .hamb-bottom, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-top {
        height : 6px
    }
}

.hamburger.is-closed .hamb-top {
    top                : 5px;
    -webkit-transition : all .35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%)
}

.hamburger.is-closed .hamb-bottom {
    bottom             : 5px;
    -webkit-transition : all .35s ease-in-out
}

@media (min-width : 768px) {
    .hamburger.is-closed:hover .hamb-top {
        top                : 0;
        -webkit-transition : all .35s ease-in-out
    }

    .hamburger.is-closed:hover .hamb-bottom {
        bottom             : 0;
        -webkit-transition : all .35s ease-in-out
    }

    .hamburger.is-closed:hover:before {
        opacity            : 1;
        display            : block;
        -webkit-transform  : translate3d(-100px, 0, 0);
        -webkit-transition : all .35s ease-in-out
    }
}

.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-top {
    -webkit-transition : -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
}

.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-top {
    position : absolute;
    left     : 0;
    height   : 4px;
    width    : 100%
}

@media (max-width : 767px) {
    .hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-top {
        height : 8px
    }
}

.hamburger.is-open .hamb-bottom, .hamburger.is-open .hamb-top {
    top        : 50%;
    margin-top : -2px
}

.hamburger.is-open .hamb-top {
    -webkit-transform : rotate(45deg)
}

.hamburger.is-open .hamb-middle {
    display : none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform : rotate(-45deg)
}

.hamburger.is-open:before {
    display            : block;
    width              : 100px;
    opacity            : 0;
    -webkit-transform  : translate3d(0, 0, 0);
    -webkit-transition : all .35s ease-in-out
}

.hamburger.is-open:hover:before {
    opacity            : 1;
    display            : block;
    -webkit-transform  : translate3d(-100px, 0, 0);
    -webkit-transition : all .35s ease-in-out
}

.fp-viewing-1 .navbar-default, .fp-viewing-3 .navbar-default, .fp-viewing-5 .navbar-default {
    background : #fff
}

.fp-viewing-1 .navbar-default .navbar-nav > li > a, .fp-viewing-3 .navbar-default .navbar-nav > li > a, .fp-viewing-5 .navbar-default .navbar-nav > li > a {
    color : #333
}

.fp-viewing-1 .navbar-default .hamburger.is-closed .hamb-bottom, .fp-viewing-1 .navbar-default .hamburger.is-closed .hamb-middle, .fp-viewing-1 .navbar-default .hamburger.is-closed .hamb-top, .fp-viewing-3 .navbar-default .hamburger.is-closed .hamb-bottom, .fp-viewing-3 .navbar-default .hamburger.is-closed .hamb-middle, .fp-viewing-3 .navbar-default .hamburger.is-closed .hamb-top, .fp-viewing-5 .navbar-default .hamburger.is-closed .hamb-bottom, .fp-viewing-5 .navbar-default .hamburger.is-closed .hamb-middle, .fp-viewing-5 .navbar-default .hamburger.is-closed .hamb-top {
    background-color : #1c953f
}

.fp-viewing-1 .navbar-default .hamburger.is-open .hamb-bottom, .fp-viewing-1 .navbar-default .hamburger.is-open .hamb-middle, .fp-viewing-1 .navbar-default .hamburger.is-open .hamb-top, .fp-viewing-3 .navbar-default .hamburger.is-open .hamb-bottom, .fp-viewing-3 .navbar-default .hamburger.is-open .hamb-middle, .fp-viewing-3 .navbar-default .hamburger.is-open .hamb-top, .fp-viewing-5 .navbar-default .hamburger.is-open .hamb-bottom, .fp-viewing-5 .navbar-default .hamburger.is-open .hamb-middle, .fp-viewing-5 .navbar-default .hamburger.is-open .hamb-top {
    background-color : #333
}

.scroll-container .scroll-line, .scroll-container .scroll-line .scroll {
    background-color : #D5D5D5;
    position         : absolute
}

.hover-scale {
    -webkit-transition : -webkit-transform .4s ease;
    transition         : -webkit-transform .4s ease;
    transition         : transform .4s ease;
    transition         : transform .4s ease, -webkit-transform .4s ease
}

.hover-scale:hover {
    display           : inline-block;
    -webkit-transform : scale(1.3);
    -ms-transform     : scale(1.3);
    transform         : scale(1.3)
}

.scroll-hide {
    overflow : hidden
}

.scroll-hide .scroll-element, .scroll-hide .scroll-element .scroll-overflow {
    overflow : auto
}

.scroll-container {
    position : absolute
}

.scroll-container.horizontal {
    width  : 100%;
    height : 5px;
    left   : 0;
    bottom : 10px
}

.scroll-container.horizontal.top {
    top : 10px
}

.scroll-container.horizontal.bottom {
    bottom : 10px
}

.scroll-container.horizontal .scroll-line {
    width  : 96%;
    height : 1px;
    left   : 2%;
    top    : 50%
}

.scroll-container.horizontal .scroll-line .scroll {
    width  : 10%;
    height : 500%;
    top    : -200%
}

.scroll-container.horizontal .scroll-line .scroll.ball > .scroll-ball {
    width  : 1em;
    height : 1em;
    left   : 50%;
    top    : -.2em
}

.scroll-container.vertical {
    width  : 5px;
    height : 100%;
    left   : 10px;
    top    : 0
}

.scroll-container.vertical.left {
    left  : 10px;
    right : inherit
}

.scroll-container.vertical.right {
    left  : inherit;
    right : 10px
}

.scroll-container.vertical .scroll-line {
    width  : 1px;
    height : 100%;
    top    : 0;
    left   : 50%
}

.scroll-container.vertical .scroll-line .scroll {
    width  : 500%;
    height : 10%;
    left   : -200%
}

.scroll-container.vertical .scroll-line .scroll.ball > .scroll-ball {
    width  : 1.5em;
    height : 1.5em;
    left   : -.55em;
    top    : 50%
}

.scroll-container .scroll-line .scroll {
    left          : 0;
    top           : 0;
    border-radius : 4px
}

.scroll-container .scroll-line .scroll > .scroll-ball {
    display : none
}

.scroll-container .scroll-line .scroll.ball {
    background-color : transparent
}

.scroll-container .scroll-line .scroll.ball > .scroll-ball {
    display          : block;
    content          : '';
    position         : absolute;
    background-color : #D5D5D5;
    border-radius    : 50%
}

.error404__page {
    min-height              : 930px;
    position                : relative;
    padding-bottom          : 50px;
    display                 : -moz-flex;
    display                 : -ms-flex;
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    text-align              : center;
    font-family             : pfdindisplaypro-med-webfont;
    font-size               : 18px;
    line-height             : 24px;
    color                   : inherit
}

._cb__text, ._cb__text-heading {
    font-family : pfdindisplaypro-light-webfont;
    color       : inherit
}

._be404__content {
    padding           : 0 15px;
    -webkit-transform : translateY(-40px);
    -ms-transform     : translateY(-40px);
    transform         : translateY(-40px)
}

._be404__content img {
    margin-bottom : 40px
}

._be404-btn {
    max-width : 200px;
    margin    : 20px auto
}

.contacts__page {
    position       : relative;
    padding-bottom : 50px
}

._cb__container {
    width : 100%
}

@media (max-width : 767px) {
    .error404__page {
        min-height : 650px
    }

    .contacts__page {
        padding-bottom : 0
    }

    ._cb__heading {
        font-size   : 60px;
        line-height : 72px
    }

    .contacts-map__page {
        padding-bottom : 100px
    }
}

@media (max-width : 480px) {
    ._cb__heading {
        font-size   : 40px;
        line-height : 52px
    }
}

.contacts-map__page {
    position      : relative;
    
}

@media (min-width : 1295px) and (max-width : 1399px) {
    .contacts-map__page {
        margin-bottom : 150px
    }
}

._cb__flex {
    position                : absolute;
    max-width               : 535px;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-direction  : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    top                     : 50px
}

@media (max-width : 767px) {
    ._cb__flex, ._cb__flex > div {
        max-width : 100%
    }

    ._cb__flex {
        position               : relative;
        -webkit-box-orient     : horizontal;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction     : row;
        flex-direction         : row;
        -webkit-flex-wrap      : wrap;
        -ms-flex-wrap          : wrap;
        flex-wrap              : wrap;
        top                    : inherit;
        bottom                 : inherit;
        -webkit-box-align      : center;
        -webkit-align-items    : center;
        -ms-flex-align         : center;
        -ms-grid-row-align     : center;
        align-items            : center
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._cb__flex {
        position               : relative;
        max-width              : 100%;
        -webkit-box-orient     : horizontal;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction     : row;
        flex-direction         : row;
        top                    : inherit;
        bottom                 : inherit;
        -webkit-box-align      : center;
        -webkit-align-items    : center;
        -ms-flex-align         : center;
        -ms-grid-row-align     : center;
        align-items            : center
    }

    ._cb__flex > div {
        max-width : 60%
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._cb__flex {
        position               : relative;
        max-width              : 100%;
        -webkit-box-orient     : horizontal;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction     : row;
        flex-direction         : row;
        top                    : inherit;
        bottom                 : inherit
    }

    ._cb__flex > div {
        max-width : 60%
    }
}

._manb__modal ._pn-modal__item, ._manb__nav-item a, ._prodib__col-left, ._sb__bg-servise {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal
}

._cb__text {
    font-size   : 16px;
    line-height : 24px;
    margin      : 75px 0 0 45px;
    position    : relative;
    z-index     : 10
}

@media (max-width : 767px) {
    ._cb__text {
        margin : 0 0 30px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._cb__text {
        margin        : 0;
        padding-right : 40px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._cb__text {
        margin : 0
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .contacts-map__page {
        min-height : 750px
    }

    ._cb__flex {
        max-width : 395px
    }

    ._cb__text {
        margin : 65px 0 0
    }
}

._cb__spec-mail a:before, ._cb__spec-tel a:before {
    display        : inline-block;
    width          : 14px;
    height         : 14px;
    vertical-align : middle;
    margin-right   : 10px;
    content        : ''
}

._cb__text-heading {
    font-size     : 28px;
    line-height   : 36px;
    font-weight   : 400;
    margin-bottom : 15px
}

._cb__spec {
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #9b9b9b
}

._cb__spec > div {
    margin-bottom : 5px
}

._cb__spec-heading {
    font-family    : pfdindisplaypro-bold-webfont;
    font-size      : 13px;
    line-height    : 18px;
    color          : inherit;
    text-transform : uppercase
}

._cb__spec-mail a, ._cb__spec-tel a {
    font-family     : pfdindisplaypro-light-webfont;
    font-size       : 16px;
    color           : inherit;
    text-decoration : none
}

._cb__spec-tel a {
    line-height : 24px
}

._cb__spec-tel a:before {
    background : url(../img/contacts/icon-cont-tel.png) center no-repeat
}

._cb__spec-mail a {
    line-height : 24px
}

._cb-tooltip__region, ._cb__btn-close, ._cb__btn-modal .btn-green, ._cb__tooltip {
    font-family : pfdindisplaypro-reg-webfont
}

._cb__spec-mail a:before {
    background : url(../img/contacts/icon-cont-mail.png) center no-repeat
}

._cb__btn-modal {
    margin-top : 20px
}

._cb__btn-modal .btn-green {
    font-size   : 12px;
    line-height : 24px;
    color       : #fff;
    padding     : 10px 33px
}

._cb__map {
    margin-top : -6em
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._cb__map {
        position   : relative;
        height     : 550px;
        top        : inherit;
        left       : inherit;
        background : url(../img/contacts/bg-map-sm.jpg) center no-repeat
    }

    ._cb__map svg {
        display : none !important;
        opacity : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._cb__map {
        position : relative;
        left     : 0;
        height   : auto;
        width    : 100%
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._cb__map {
        position : absolute;
        top      : -80px;
        height   : 1020px;
        left     : 100px;
        width    : 100%
    }

    ._cb__map svg {
        width      : 100%;
        height     : auto;
        margin-top : -100px
    }
}

._cb__map svg {
    max-width : 100%;
    width     : 100%
}

._cb__map svg ._cb__region {
    fill   : #EBEBEB;
    cursor : pointer
}

@media (max-width : 767px) {
    ._cb__map svg {
        display : none !important;
        opacity : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._cb__map svg {
        width  : 100%;
        height : auto
    }
}

._cb__region-item ._cb__region {
    fill   : #EBEBEB;
    cursor : pointer
}

._cb__region-item ._cb__region-point:hover {
    fill   : #fff;
    cursor : pointer
}

._cb__region-item:hover ._cb__region {
    fill : #dedede
}

._cb__region-item:hover ._cb__region-point {
    fill : #fff
}

._cb__region-item text {
    cursor         : pointer;
    text-transform : uppercase
}

._cb__tooltip {
    max-width  : 340px;
    width      : 100%;
    background : #fff;
    padding    : 30px;
    box-shadow : 10px 10px 35px rgba(0, 0, 0, .09);
    position   : relative;
    border     : 1px solid #e6e6e6;
    z-index    : 200
}

._cb__tooltip .tooltip-close-btn {
    position            : absolute;
    right               : 1em;
    top                 : 1em;
    width               : 1em;
    height              : 1em;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(../img/fecss/.can-close/close-btn.png)
}

._cb__tooltip:before {
    content      : '';
    position     : absolute;
    border-top   : 10px solid #fff;
    border-left  : 10px solid rgba(255, 255, 255, 0);
    border-right : 10px solid rgba(255, 255, 255, 0);
    bottom       : -10px;
    left         : 10%
}

._cb__tooltip._cb__tooltip-sm {
    display : none
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._cb__tooltip._cb__tooltip-sm {
        margin  : 20px auto;
        display : block
    }

    ._cb__tooltip._cb__tooltip-sm:before {
        display : none
    }
}

._cb-tooltip__mail a:before, ._cb-tooltip__tel a:before {
    display        : inline-block;
    width          : 14px;
    height         : 14px;
    margin-right   : 10px;
    content        : '';
    vertical-align : middle
}

._cb-tooltip__region {
    font-size     : 24px;
    line-height   : 36px;
    color         : #000;
    font-weight   : 400;
    margin-bottom : 5px
}

._cb-tooltip__spec-item {
    margin-bottom : 20px
}

._cb-tooltip__spec {
    color          : #9b9b9b;
    font-size      : 12px;
    text-transform : uppercase;
    margin-bottom  : 10px;
    line-height    : 18px
}

._cb-tooltip__name {
    color          : #000;
    font-size      : 18px;
    text-transform : none;
    line-height    : 20px
}

._cb-tooltip__mail a, ._cb-tooltip__tel a {
    font-size       : 16px;
    color           : inherit;
    text-decoration : none
}

._cb__btn-close, ._manb__item-btn, ._manb__verdana-item-heading, ._manb__verdana-item-heading-small {
    text-transform : uppercase;
    text-align     : center
}

._cb-tooltip__tel a:before {
    background : url(../img/contacts/icon-cont-tel.png) center no-repeat
}

._cb-tooltip__mail a:before {
    background : url(../img/contacts/icon-cont-mail.png) center no-repeat
}

._cb__modal .modal-dialog {
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translate(-50%, -50%) !important;
    -ms-transform     : translate(-50%, -50%) !important;
    transform         : translate(-50%, -50%) !important
}

@media (min-width : 992px) {
    ._cb__modal .modal-dialog {
        width : 700px
    }
}

._cb__modal .modal-content {
    padding : 30px 10px 30px 0
}

@media (max-width : 767px) {
    ._cb-tooltip__name {
        margin-top : 1em
    }

    ._cb__modal .modal-dialog {
        width             : 100%;
        height            : 100%;
        margin            : 0;
        top               : 0;
        left              : 0;
        -webkit-transform : translate(0, 0) !important;
        -ms-transform     : translate(0, 0) !important;
        transform         : translate(0, 0) !important;
        bottom            : 0;
        background        : #fff
    }

    ._cb__modal .modal-content {
        box-shadow : none;
        border     : none;
        padding    : 30px 10px 5px 25px
    }

    ._cb__modal .modal-contacts {
        display : block
    }
}

._cb__modal .modal-contacts {
    width      : 50%;
    position   : absolute;
    height     : 100%;
    top        : 0;
    right      : 0;
    background : #f0f0f0;
    z-index    : 1;
    padding    : 30px 40px
}

._cb__modal .modal-body {
    padding : 0
}

._cb__modal ._sb__scroll {
    height : 400px
}

@media (max-width : 767px) and (orientation : portrait) {
    ._cb__modal ._sb__scroll {
        height : 360px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._cb__modal ._sb__scroll {
        height : 215px
    }
}

._cb__modal .scroll-element {
    padding-left : 0
}

._cb__modal .scroll-container {
    z-index : 5
}

._cb__modal-list {
    width : 65%
}

@media (max-width : 767px) {
    ._cb__modal .scroll-container {
        display : none
    }

    ._cb__modal-list {
        width : 100%
    }
}

._cb__modal-reg .modal-dialog {
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translate(-50%, -50%) !important;
    -ms-transform     : translate(-50%, -50%) !important;
    transform         : translate(-50%, -50%) !important;
    width             : 100%;
    margin            : 0 auto;
    padding           : 0 20px
}

._cb__modal-reg .modal-body {
    padding : 20px 30px
}

._cb__btn-close {
    outline     : 0;
    font-size   : 12px;
    line-height : 24px;
    color       : #333;
    border      : none;
    background  : #fff;
    padding     : 10px 45px;
    margin      : 20px auto;
    display     : block;
    box-shadow  : none
}

._manb__item, ._manb__nav-item:last-child {
    border-bottom : 1px solid #e8e8e8
}

._cb__btn-close:hover, ._cb__region-list-item.active {
    background : #f0f0f0
}

._cb__region-list {
    margin : 20px 0 0
}

._cb__region-list-item {
    padding : 0 25px 0 40px
}

._cb__region-list-item a {
    font-family : pfdindisplaypro-bold-webfont;
    font-size   : 18px;
    line-height : 46px;
    color       : #333
}

@media (max-width : 767px) {
    ._cb__btn-close {
        margin : 20px 0 0;
        width  : 100%
    }

    ._cb__region-list-item {
        padding       : 0;
        margin-bottom : 5px
    }

    ._manb__container {
        padding-left  : 15px !important;
        padding-right : 15px !important
    }
}

.manufacture__page {
    padding-bottom : 35px
}

._manb__container {
    width : 100%
}

._manb__flex-block {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex
}

._manb__col-left {
    width : 25%
}

@media (max-width : 767px) {
    ._manb__flex-block {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap
    }

    ._manb__col-left {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__col-left {
        width : 30%
    }
}

@media (min-width : 1400px) {
    .contacts-map__page {
        min-height : 1050px
    }

    ._manb__heading {
        margin-bottom : 35px
    }

    ._manb__col-left {
        width : 21%
    }
}

._manb__col-center {
    width : 75%
}

@media (max-width : 767px) {
    ._manb__col-center {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__col-center {
        width : 70%
    }
}

._manb__col-right {
    display : none
}

@media (min-width : 1400px) {
    ._manb__col-center {
        width : 52%
    }

    ._manb__col-right {
        display             : block;
        width               : 27%;
        height              : 800px;
        background-repeat   : no-repeat;
        background-position : center
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._manb__nav-block {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display : flex
    }

    ._manb__nav-item {
        width      : 50%;
        border-top : 1px solid #e8e8e8
    }
}

._manb__nav-item {
    font-family         : pfdindisplaypro-med-webfont;
    font-size           : 18px;
    line-height         : 24px;
    color               : #666;
    background-position : -400px center;
    background-repeat   : no-repeat;
    -webkit-transition  : all ease .7s;
    transition          : all ease .7s;
    padding             : 0 35px;
    border-left         : 1px solid #e8e8e8
}

._manb__nav-item a {
    text-decoration         : none;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-direction  : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    height                  : 220px;
    color                   : inherit
}

._manb__nav-item.active, ._manb__nav-item:hover {
    background-position : 0 center;
    color               : #fff
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__nav-item {
        padding     : 0 25px;
        font-size   : 16px;
        line-height : 22px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._manb__nav-item {
        font-size   : 16px;
        line-height : 22px
    }
}

._manb__nav-item-heading {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 36px;
    line-height   : 48px;
    margin-bottom : 10px
}

@media (max-width : 767px) {
    ._manb__nav-item {
        border-right : 1px solid #e8e8e8
    }

    ._manb__nav-item a {
        height : 150px
    }

    ._manb__nav-item-heading {
        font-size   : 20px;
        line-height : 33px
    }

    ._manb__nav-item-note {
        display : none
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__nav-item-heading {
        font-size   : 20px;
        line-height : 32px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._manb__nav-item-heading {
        font-size   : 26px;
        line-height : 38px
    }
}

._manb__list-item {
    border-left  : 1px solid #e8e8e8;
    border-right : 1px solid #e8e8e8
}

._manb__item {
    padding     : 35px 40px 45px;
    font-size   : 16px;
    color       : #666;
    font-family : pfdindisplaypro-reg-webfont;
    line-height : 20px
}

._manb__item-btn, ._manb__item-heading {
    font-family : pfagoraslabpro-black-webfont
}

._manb__item.note {
    line-height    : 24px;
    padding-top    : 20px;
    padding-bottom : 29px
}

._manb__item.note ._manb__item-heading {
    font-size : 28px;
    color     : #4c995b
}

._manb__item > div, ._manb__item > p, ._manb__item > ul {
    margin-bottom : 12px
}

._manb__item > div:last-child, ._manb__item > p:last-child, ._manb__item > ul:last-child {
    margin-bottom : 0
}

._manb__item > ol, ._manb__item > ul {
    padding-left : 20px
}

@media (max-width : 767px) {
    ._manb__item.note {
        padding : 20px
    }

    ._manb__item.note ._manb__item-heading {
        font-size   : 22px;
        line-height : 26px
    }

    ._manb__item {
        padding : 20px
    }
}

._manb__item-heading {
    font-size     : 28px;
    line-height   : 36px;
    color         : #333;
    margin-bottom : 7px
}

@media (max-width : 767px) {
    ._manb__item-heading {
        font-size   : 22px;
        line-height : 26px
    }

    ._manb__item-link {
        margin-bottom : 30px
    }

    ._manb__item-link:last-child {
        margin-bottom : 0
    }
}

._manb__item-flex {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    margin-left       : -15px;
    margin-right      : -15px;
    margin-top        : 12px;
    padding-top       : 10px;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap
}

._manb__item-link {
    padding-left  : 15px;
    padding-right : 15px;
    width         : 33.3333%;
    line-height   : 18px
}

._manb__item-link > div {
    max-width : 250px
}

@media (max-width : 767px) and (orientation : portrait) {
    ._manb__item-link {
        width : 100%
    }

    ._manb__item-link > div {
        max-width : 100%
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._manb__item-link {
        width : 50%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._manb__item-link {
        width         : 50%;
        margin-bottom : 25px
    }
}

._manb__item-btn {
    font-size          : 20px;
    line-height        : 36px;
    color              : #409158;
    outline            : 0;
    border             : 1px solid #59b073;
    display            : inline-block;
    text-decoration    : none;
    -webkit-transition : all ease .3s;
    transition         : all ease .3s;
    padding            : 8px 20px;
    margin-bottom      : 15px
}

._manb__verdana-hover-line, ._manb__verdana-item-line {
    border : 1px solid rgba(255, 255, 255, .5);
    width  : 100%;
    height : 100%
}

._manb__verdana, ._manb__verdana-item-line {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox
}

._manb__item-btn:focus {
    color           : #409158;
    text-decoration : none
}

._manb__item-btn:hover, ._manb__verdana-item, ._manb__verdana-item:hover {
    color           : #fff;
    text-decoration : none
}

._manb__item-btn:hover {
    background : #59b073
}

@media (max-width : 767px) {
    ._manb__item-btn {
        margin-bottom : 7px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__item-btn {
        font-size   : 16px;
        line-height : 22px
    }
}

._manb__verdana {
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-left       : -5px;
    margin-right      : -5px
}

._manb__verdana-item {
    width         : 50%;
    padding       : 0 5px;
    margin-bottom : 10px;
    position      : relative;
    font-family   : pfdindisplaypro-light-webfont;
    font-size     : 16px;
    max-width     : 420px;
    margin-left   : auto;
    margin-right  : auto
}

@media (max-width : 1279px) {
    ._manb__verdana-item {
        width : 100%
    }
}

@media (min-width : 1280px) {
    ._manb__verdana-item:nth-child(1) ._manb__verdana-hover {
        top  : -100%;
        left : -100%
    }

    ._manb__verdana-item:nth-child(1):hover ._manb__verdana-hover {
        top  : 0;
        left : 0
    }

    ._manb__verdana-item:nth-child(2) ._manb__verdana-hover {
        top   : -100%;
        right : -100%;
        left  : inherit
    }

    ._manb__verdana-item:nth-child(2):hover ._manb__verdana-hover {
        top   : 0;
        right : 0;
        left  : inherit
    }

    ._manb__verdana-item:nth-child(3) ._manb__verdana-hover {
        top    : inherit;
        left   : -100%;
        bottom : -100%
    }

    ._manb__verdana-item:nth-child(3):hover ._manb__verdana-hover {
        top    : inherit;
        left   : 0;
        bottom : 0
    }

    ._manb__verdana-item:nth-child(4) ._manb__verdana-hover {
        top    : inherit;
        left   : inherit;
        right  : -100%;
        bottom : -100%
    }

    ._manb__verdana-item:nth-child(4):hover ._manb__verdana-hover {
        top    : inherit;
        left   : inherit;
        right  : 0;
        bottom : 0
    }
}

._manb__verdana-item:hover ._manb__verdana-hover {
    top  : 0;
    left : 0
}

._manb__verdana-rel {
    position : relative;
    overflow : hidden;
    height   : 288px
}

._manb__verdana-item-inner {
    height   : 288px;
    position : relative;
    padding  : 13px 15px
}

._manb__verdana-item-inner:before {
    content    : '';
    position   : absolute;
    left       : 0;
    right      : 0;
    bottom     : 0;
    top        : 0;
    background : rgba(0, 0, 0, .4)
}

._manb__verdana-item-line {
    position                : relative;
    z-index                 : 5;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    padding-bottom          : 10px
}

._manb__verdana-hover-line, ._partb__flex {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox
}

._manb__verdana-item-heading-small {
    margin-bottom  : 5px;
    letter-spacing : 2px
}

._manb__verdana-item-heading {
    font-family    : pfagoraslabpro-black-webfont;
    font-size      : 22px;
    letter-spacing : 1px
}

._manb__verdana-hover {
    overflow           : scroll;
    position           : absolute;
    left               : -100%;
    height             : 100%;
    width              : 100%;
    background         : #5c992d;
    padding            : 13px 15px;
    -webkit-transition : all ease .7s;
    transition         : all ease .7s;
    z-index            : 10
}

._manb__verdana-hover-line {
    padding                 : 20px 25px;
    line-height             : 23px;
    position                : relative;
    z-index                 : 5;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : flex-start;
    -webkit-align-items     : flex-start;
    -ms-flex-align          : flex-start;
    align-items             : flex-start
}

@media (max-width : 767px) and (orientation : portrait) {
    ._manb__verdana-hover-line {
        padding     : 20px 15px;
        font-size   : 14px;
        line-height : 17px
    }
}

._manb__verdana-hover-t {
    display : table
}

._manb__modal ._pn-modal__item {
    width                  : 50% !important;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column
}

._manb__modal ._pn-modal__item .texted {
    font-family       : pfagoraslabpro-black-webfont;
    font-size         : 48px;
    -webkit-transform : translateY(70px) !important;
    -ms-transform     : translateY(70px) !important;
    transform         : translateY(70px) !important
}

._manb__modal ._pn-modal__item .noted {
    position          : relative;
    z-index           : 5;
    font-size         : 24px;
    font-family       : pfdindisplaypro-reg-webfont;
    line-height       : 30px;
    text-transform    : none;
    max-width         : 500px;
    text-align        : center;
    -webkit-transform : translateY(100px);
    -ms-transform     : translateY(100px);
    transform         : translateY(100px);
    display           : table
}

._manb__modal ._pn-modal__item.icon-livecow:before {
    width      : 140px;
    height     : 110px;
    background : url(../img/manufacture/icon-livecow.png) center no-repeat
}

._manb__modal ._pn-modal__item.icon-verdana:before {
    width      : 160px;
    height     : 110px;
    background : url(../img/manufacture/icon-verdana.png) center no-repeat
}

@media (max-width : 767px) {
    ._manb__modal ._pn-modal__item {
        width : 100% !important
    }

    ._manb__modal ._pn-modal__item .texted {
        font-size         : 28px;
        -webkit-transform : translateY(30px) !important;
        -ms-transform     : translateY(30px) !important;
        transform         : translateY(30px) !important
    }

    ._manb__modal ._pn-modal__item .noted {
        display : none
    }

    ._manb__modal ._pn-modal__item.icon-livecow {
        height : 50%
    }

    ._manb__modal ._pn-modal__item.icon-livecow:before {
        width           : 80px;
        height          : 70px;
        background-size : 80px
    }

    ._manb__modal ._pn-modal__item.icon-verdana {
        height : 50%
    }

    ._manb__modal ._pn-modal__item.icon-verdana:before {
        width           : 80px;
        height          : 70px;
        background-size : 80px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._manb__modal ._pn-modal__item.icon-livecow, ._manb__modal ._pn-modal__item.icon-verdana {
        width  : 50% !important;
        height : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._manb__modal ._pn-modal__item, ._manb__modal ._pn-modal__item.icon-verdana {
        width : 100% !important
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._manb__modal ._pn-modal__item .texted {
        -webkit-transform : translateY(100px) !important;
        -ms-transform     : translateY(100px) !important;
        transform         : translateY(100px) !important
    }

    ._manb__modal ._pn-modal__item .noted {
        max-width         : 400px;
        -webkit-transform : translateY(130px);
        -ms-transform     : translateY(130px);
        transform         : translateY(130px)
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._manb__modal ._pn-modal__item .texted {
        -webkit-transform : translateY(100px) !important;
        -ms-transform     : translateY(100px) !important;
        transform         : translateY(100px) !important
    }

    ._manb__modal ._pn-modal__item .noted {
        max-width         : 400px;
        -webkit-transform : translateY(130px);
        -ms-transform     : translateY(130px);
        transform         : translateY(130px)
    }
}

._manb__modal._servb__modal ._pn-modal__item:before {
    display : none
}

._manb__modal._servb__modal ._pn-modal__item .texted {
    text-transform    : none;
    font-size         : 42px;
    line-height       : 50px;
    text-align        : center;
    -webkit-transform : translateY(0) !important;
    -ms-transform     : translateY(0) !important;
    transform         : translateY(0) !important
}

@media (max-width : 767px) {
    ._manb__modal._servb__modal ._pn-modal__item .texted {
        font-size   : 24px;
        line-height : 32px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._manb__modal._servb__modal ._pn-modal__item:nth-child(1), ._manb__modal._servb__modal ._pn-modal__item:nth-child(2), ._manb__modal._servb__modal ._pn-modal__item:nth-child(3), ._manb__modal._servb__modal ._pn-modal__item:nth-child(4) {
        width : 50% !important
    }

    ._manb__modal._servb__modal ._pn-modal__item .texted {
        font-size   : 30px;
        line-height : 38px
    }
}

.partners__page {
    opacity        : .7;
    position       : relative;
    padding-bottom : 50px;
    min-height     : 800px
}

._partb__container {
    width : 100%
}

._partb__flex {
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap
}

._partb__item, ._partb__modal ._partb__modal-flex {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox
}

._partb__item {
    width                   : 25%;
    height                  : 375px;
    text-decoration         : none;
    border                  : 1px solid #b5b5b5;
    padding                 : 15px 30px;
    position                : relative;
    z-index                 : 1;
    margin                  : -1px 0 0 -1px;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-filter          : grayscale(100%);
    filter                  : grayscale(100%)
}

._partb__item:hover {
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);
    border-color   : #1c953f;
    z-index        : 2
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._partb__item {
        height : 350px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._partb__item {
        height : 290px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._partb__item {
        width  : 33%;
        height : 265px
    }
}

@media (max-width : 767px) {
    ._partb__item {
        width  : 100%;
        height : 265px
    }
}

._partb__modal .modal-dialog {
    width       : 995px;
    font-family : pfdindisplaypro-light-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : inherit
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._partb__modal .modal-dialog {
        width        : auto;
        margin-left  : 10px;
        margin-right : 10px
    }
}

@media (max-device-width : 1024px) {
    ._partb__modal .modal-dialog {
        width        : auto;
        margin-left  : 10px;
        margin-right : 10px
    }
}

._partb__modal .modal-dialog a {
    color           : #1c953f;
    text-decoration : underline
}

._partb__modal .modal-dialog a:hover {
    text-decoration : none
}

._partb__modal ._partb__modal-flex {
    padding : 60px;
    display : flex;
    margin  : 0 -25px
}

@media (max-width : 767px) {
    ._partb__modal ._partb__modal-flex {
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : column;
        -ms-flex-direction     : column;
        flex-direction         : column;
        padding                : 60px 25px 25px
    }

    ._partb__modal ._partb__modal-flex > div {
        max-width : inherit
    }
}

._partb__modal ._partb__modal-flex > div {
    padding : 0 25px;
    width   : 100%
}

._partb__modal .close {
    font-size   : 40px;
    padding     : 20px 15px;
    line-height : 20px;
    position    : absolute;
    right       : 0;
    outline     : 0
}

._partb__modal ._partb__modal-preview {
    max-width : 260px
}

._partb__modal ._partb__modal-preview a {
    font-size   : 18px;
    line-height : 24px
}

@media (max-width : 767px) {
    ._partb__modal ._partb__modal-preview {
        margin-bottom : 20px
    }
}

._partb__modal ._partb__modal-note {
    max-width : 660px
}

._partb__modal ._partb__modal-heading {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 36px;
    line-height   : 36px;
    color         : inherit;
    margin-bottom : 10px
}

._partb__modal ._partb__modal-img {
    margin-bottom : 30px
}

.production__nav {
    padding : 10px 0
}

._prodnav__container {
    width : 100%
}

._prodnav__heading-block {
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between
}

._prodnav__heading {
    display : inline-block
}

._prodnav__modal-flex, ._prodnav__navbar {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodnav__heading {
        font-size   : 36px !important;
        line-height : 44px !important
    }
}

@media (max-width : 767px) {
    ._prodnav__heading {
        font-size   : 28px;
        line-height : 42px
    }
}

._prodnav__heading:hover {
    color : #000
}

._prodnav__navbar {
    display                 : -moz-flex;
    display                 : -ms-flex;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-justify-content : flex-end;
    -moz-justify-content    : flex-end;
    -ms-justify-content     : flex-end;
    -webkit-box-pack        : end;
    -ms-flex-pack           : end;
    justify-content         : flex-end;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    width                   : 100%;
    max-width               : 250px
}

._prodnav__navbar ul {
    list-style    : none;
    margin-bottom : 15px
}

._prodnav__navbar ul li {
    display : inline-block
}

._prodnav__navbar ul li._heading {
    font-family  : pfdindisplaypro-med-webfont;
    font-size    : 16px;
    line-height  : 24px;
    color        : #333;
    margin-right : 20px
}

._prodnav__navbar ul li .icon {
    margin-right    : 10px;
    text-decoration : none
}

._prodnav__navbar ul li .icon:before {
    font-family : flaticon;
    color       : #d5d5d5;
    font-size   : 15px;
    line-height : 15px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodnav__navbar ul li._heading {
        display : none
    }

    ._prodnav__navbar ul li .icon:before {
        font-size   : 35px;
        line-height : 35px
    }
}

._prodnav__navbar ul li .icon.icon-image:before {
    content : "\e004"
}

._prodnav__navbar ul li .icon.icon-gallery:before {
    content : "\e003"
}

._blb_scroll-line:before, ._prodb__item:after, ._sb__nav-content ul > li.active a:before, ._sb__page-content ul li:before {
    content : ''
}

._prodnav__navbar ul li .text {
    font-family : pfdindisplaypro-med-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #b5b5b5;
    margin-left : 15px
}

._prodnav__navbar ul li.active .icon:before {
    color : #1c953f
}

._prodnav__navbar ul li:hover .icon {
    outline        : #1c953f solid 2px;
    outline-offset : 3px
}

._prodnav__navbar ul:last-child {
    margin-left : 15px
}

@media (max-width : 767px) {
    ._prodnav__navbar {
        display : none
    }

    ._prodnav__heading-dropdown ._prodnav__heading-dropdown-menu a {
        word-break : break-word
    }
}

._prodnav__dropdown {
    position : relative
}

@media (min-width : 992px) {
    ._prodnav__dropdown {
        border  : 1px solid #e6e6e6;
        padding : 17px 20px
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu {
        list-style : none;
        margin     : 0
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu > li {
        display      : inline-block;
        margin-right : 45px
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu > li > a {
        font-family : pfdindisplaypro-med-webfont;
        font-size   : 16px;
        line-height : 24px;
        color       : #b5b5b5
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu > li.active a {
        color           : #1c953f;
        text-decoration : underline
    }
}

@media (max-device-width : 1024px) {
    ._prodnav__dropdown {
        max-width     : 416px;
        margin-bottom : 30px
    }

    ._prodnav__dropdown > a {
        font-family : pfdindisplaypro-med-webfont;
        font-size   : 18px;
        line-height : 32px;
        color       : #1c953f
    }

    ._prodnav__dropdown > a:focus, ._prodnav__dropdown > a:hover {
        text-decoration : none
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu {
        position         : absolute;
        top              : 100%;
        left             : 0;
        z-index          : 1000;
        display          : none;
        float            : left;
        min-width        : 416px;
        font-size        : 14px;
        text-align       : left;
        list-style       : none;
        background-color : #fff;
        background-clip  : padding-box;
        padding          : 20px 15px 15px
    }

    ._prodnav__dropdown ._prodnav__dropdown-menu a {
        font-family   : pfdindisplaypro-med-webfont;
        font-size     : 20px;
        line-height   : 32px;
        color         : #b5b5b5;
        margin-bottom : 15px;
        display       : inline-block
    }

    ._prodnav__dropdown.open > a {
        color : #1c953f
    }

    ._prodnav__dropdown.open > a .caret {
        -webkit-transform : rotate(-180deg) translateX(0) translateY(50%);
        -ms-transform     : rotate(-180deg) translateX(0) translateY(50%);
        transform         : rotate(-180deg) translateX(0) translateY(50%)
    }

    ._prodnav__dropdown.open ._prodnav__dropdown-menu {
        display    : block;
        box-shadow : 20px 20px 50px rgba(0, 0, 0, .2)
    }
}

@media (max-device-width : 1024px) and (max-width : 767px) {
    ._prodnav__dropdown ._prodnav__dropdown-menu {
        max-width : 100%;
        min-width : inherit;
        width     : 100%
    }
}

._prodnav__heading-dropdown {
    position : relative;
    width    : 100%;
    cursor   : pointer
}

._prodnav__heading-dropdown ._prodnav__heading-dropdown-menu {
    position         : absolute;
    top              : 100%;
    left             : 0;
    z-index          : 1000;
    display          : none;
    float            : left;
    min-width        : 416px;
    font-size        : 14px;
    text-align       : left;
    list-style       : none;
    background-color : #fff;
    background-clip  : padding-box;
    padding          : 20px 15px 15px
}

._prodnav__heading-dropdown ._prodnav__heading-dropdown-menu a {
    font-family   : pfdindisplaypro-med-webfont;
    font-size     : 20px;
    line-height   : 32px;
    color         : #b5b5b5;
    margin-bottom : 15px;
    display       : inline-block
}

@media (max-width : 767px) {
    ._prodnav__heading-dropdown ._prodnav__heading-dropdown-menu {
        max-width : 100%;
        min-width : inherit;
        width     : 100%
    }
}

._prodnav__heading-dropdown.open .caret {
    -webkit-transform : rotate(-180deg) translateX(0) translateY(50%);
    -ms-transform     : rotate(-180deg) translateX(0) translateY(50%);
    transform         : rotate(-180deg) translateX(0) translateY(50%)
}

._prodnav__heading-dropdown.open ._prodnav__heading-dropdown-menu {
    display    : block;
    box-shadow : 20px 20px 50px rgba(0, 0, 0, .2)
}

._prodnav__modal {
    padding : 0 !important
}

._prodnav__modal .modal-dialog {
    margin : 0;
    width  : 100%;
    height : 100%
}

._prodnav__modal .modal-content {
    height : 100%
}

._prodnav__modal .modal-content .close {
    position  : absolute;
    top       : 15px;
    outline   : 0;
    right     : 15px;
    z-index   : 10;
    color     : #fff;
    font-size : 45px
}

._prodnav__modal-flex {
    display                 : flex;
    height                  : 100%;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center
}

._prodb__prod-block, ._prodnav__modal-flex ._pn-modal__item {
    display : -webkit-flex;
    display : -ms-flexbox;
    display : -webkit-box
}

._prodnav__modal-flex ._pn-modal__item {
    display                 : flex;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    position                : relative;
    background-size         : cover !important;
    -webkit-transition      : all .2s ease;
    transition              : all .2s ease;
    font-family             : pfagoraslabpro-black-webfont;
    font-size               : 24px;
    line-height             : 32px;
    color                   : #fff;
    text-decoration         : none;
    text-transform          : uppercase;
    overflow                : hidden
}

._prodnav__modal-flex ._pn-modal__item span.imaged {
    position            : absolute;
    left                : -10%;
    top                 : -10%;
    width               : 120%;
    height              : 120%;
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : auto 100%;
    z-index             : 4;
    -webkit-transition  : all .5s ease;
    transition          : all .5s ease
}

.nav-rub, .nav-rub__block {
    -webkit-transition : all .5s ease-out;
    bottom             : 0
}

._prodnav__modal-flex ._pn-modal__item span.texted {
    position          : relative;
    z-index           : 5;
    -webkit-transform : translateY(30px);
    -ms-transform     : translateY(30px);
    transform         : translateY(30px)
}

._prodnav__modal-flex ._pn-modal__item:before {
    content           : '';
    background        : url(../img/footer-snippit.png) no-repeat;
    width             : 80px;
    height            : 80px;
    position          : absolute;
    top               : 44%;
    left              : 50%;
    z-index           : 5;
    -webkit-transform : translateX(-50%) translateY(-100%);
    -ms-transform     : translateX(-50%) translateY(-100%);
    transform         : translateX(-50%) translateY(-100%)
}

._prodnav__modal-flex ._pn-modal__item.icon-krs:before {
    background-position : 0 0
}

._prodnav__modal-flex ._pn-modal__item.icon-pig:before {
    background-position : -252px 0
}

._prodnav__modal-flex ._pn-modal__item.icon-bird:before {
    background-position : -504px 0
}

._prodnav__modal-flex ._pn-modal__item.icon-bolus:before {
    background-position : -756px 0
}

._prodnav__modal-flex ._pn-modal__item.icon-korm:before {
    background-position : -1008px 0
}

._prodnav__modal-flex ._pn-modal__item:nth-child(1), ._prodnav__modal-flex ._pn-modal__item:nth-child(2), ._prodnav__modal-flex ._pn-modal__item:nth-child(3) {
    width : 50%;
}

._prodnav__modal-flex ._pn-modal__item:nth-child(4), ._prodnav__modal-flex ._pn-modal__item:nth-child(5) {
    width : 50%
}

._prodnav__modal-flex ._pn-modal__item:hover {
    position : relative;
    z-index  : 5
}

._prodnav__modal-flex ._pn-modal__item:hover span.imaged {
    background-size : auto 130%
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._prodnav__modal-flex ._pn-modal__item {
        width : 50% !important
    }

    ._prodnav__modal-flex ._pn-modal__item:nth-child(1) {
        width : 100% !important
    }
}

.production__page {
    padding : 20px 0 30px
}

@media (max-width : 767px) {
    ._prodnav__modal-flex ._pn-modal__item {
        width       : 100% !important;
        height      : 250px;
        font-size   : 18px;
        line-height : 24px
    }

    .production__page {
        padding-top : 0
    }

    ._prodb__prod-list {
        padding-right : 0
    }
}

._prodb__container {
    width      : 100%;
    overflow-x : hidden
}

._prodb__prod-block {
    display             : -moz-flex;
    display             : -ms-flex;
    display             : flex;
    -webkit-align-items : stretch;
    -moz-align-items    : stretch;
    -ms-align-items     : stretch;
    -webkit-box-align   : stretch;
    -ms-flex-align      : stretch;
    align-items         : stretch;
    margin-bottom       : 35px;
    position            : relative
}

._prodb__scroll-container {
    width : 100%
}

._prodb__prod-list {
    display           : -webkit-flex;
    display           : -moz-flex;
    display           : -ms-flexbox;
    display           : -ms-flex;
    display           : -webkit-box;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin            : 1px
}

._prodb__item {
    width           : 25%;
    height          : 325px;
    text-decoration : none;
    border          : 1px solid #b5b5b5;
    padding         : 15px 30px;
    position        : relative;
    z-index         : 1;
    margin          : -1px 0 0 -1px;
    overflow        : hidden;
    font-family     : pfdindisplaypro-light-webfont;
    font-size       : 16px;
    line-height     : 24px;
    color           : #9b9b9b
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._prodb__item {
        width : 33%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodb__item {
        width   : 33%;
        height  : 265px;
        padding : 15px 22px
    }
}

@media (max-width : 767px) {
    ._prodb__item {
        width   : 100%;
        height  : inherit;
        padding : 20px 30px 30px
    }
}

._prodb__item > span {
    display : block
}

._prodb__item:focus, ._prodb__item:hover {
    text-decoration : none;
    color           : #1c953f;
    border-color    : #1c953f;
    z-index         : 2
}

._prodb__item.active {
    color        : #1c953f;
    border-color : #1c953f
}

._prodb__item:after {
    position          : absolute;
    bottom            : 0;
    left              : 0;
    right             : 0;
    height            : 60px;
    background-image  : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background-image  : linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    background-repeat : repeat-x;
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0)
}

._prodb__item-heading {
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 30px;
    line-height : 42px;
    color       : inherit
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodb__item-heading {
        font-size   : 22px;
        line-height : 32px;
        word-break  : break-all
    }
}

@media (max-width : 767px) {
    ._prodb__item:after {
        display : none
    }

    ._prodb__item-heading {
        font-size   : 20px;
        line-height : 32px;
        word-break  : break-all
    }
}

._prodb__item-heading-small {
    font-family   : pfdindisplaypro-med-webfont;
    font-size     : 18px;
    line-height   : 24px;
    color         : inherit;
    margin-bottom : 15px
}

._prodb__item-note {
    overflow : hidden
}

._prodb__contacts {
    text-align  : center;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : inherit
}

._prodb__contacts b, ._prodib__heading-small {
    font-family : pfdindisplaypro-med-webfont
}

._prodb__contacts a {
    color : #333
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodb__contacts {
        max-width : 530px;
        margin    : 0 auto
    }

    .production-slider__page ._inp-carousel__caption-logo {
        display : none
    }
}

._prodb-carousel__inner {
    max-width : 100% !important
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .production-slider__page ._inp-carousel__control {
        display : block
    }

    ._prodib__flex-block {
        height : inherit
    }
}

._prodib__col-left, ._prodib__flex-block {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box
}

.production-item__page {
    padding-bottom : 40px
}

._prodib__flex-block {
    display             : flex;
    -webkit-align-items : stretch;
    -moz-align-items    : stretch;
    -ms-align-items     : stretch;
    -webkit-box-align   : stretch;
    -ms-flex-align      : stretch;
    align-items         : stretch;
    min-height          : 690px;
    margin-left         : -15px;
    margin-right        : -15px
}

[class^="_prodib__col-"] {
    padding-left  : 15px;
    padding-right : 15px;
    width         : 100%
}

@media (max-width : 767px) {
    ._prodb__item-heading-small {
        font-size : 16px
    }

    ._prodb__item-note {
        height : inherit
    }

    ._prodib__flex-block {
        height                 : inherit;
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column
    }

    [class^="_prodib__col-"] {
        width : 100%
    }
}

._prodib__col-left {
    max-width               : 255px;
    display                 : flex;
    -webkit-flex-direction  : column;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between
}

@media (max-width : 767px) {
    ._prodib__col-left {
        max-width     : 100%;
        margin-bottom : 20px
    }

    ._prodb__container {
        overflow-x : inherit
    }
}

._prodib__col-center {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box;
    display : flex
}

._prodib__col-right {
    max-width : 526px
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._prodib__col-right {
        display : none
    }
}

@media (max-device-width : 1024px) {
    ._prodib__col-right {
        display : none
    }
}

._prodib__scroll {
    width         : 105%;
    padding-right : 55px;
    padding-left  : 15px;
    height        : 690px;
    overflow      : auto
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._prodib__scroll {
        padding-left  : 0;
        padding-right : 15px;
        height        : 510px
    }
}

._prodib__heading {
    margin-bottom : 0
}

._prodib__heading-small {
    font-size   : 24px;
    line-height : 32px;
    color       : inherit
}

._prodib__item-preview {
    margin-bottom : 15px
}

._prodib__btn .btn-slider {
    color        : #1c953f;
    border-color : #1c953f
}

._prodib__btn .btn-slider:hover {
    color        : #146a2d;
    border-color : #146a2d
}

.search-cont {
    width : 69% !important
}

@media (max-width : 767px) {
    ._prodib__scroll {
        overflow : inherit;
        height   : inherit;
        padding  : 0
    }

    ._prodib__item-preview img {
        margin : 0 auto
    }

    ._prodib__btn .btn-slider {
        max-width : 200px;
        margin    : 0 auto
    }

    .search-cont {
        width : 100% !important
    }

    .search-right {
        display : none !important
    }
}

.search-cont .search-result-ol li {
    margin    : 2em 0;
    font-size : 13px
}

.search-cont .search-result-ol h3 {
    font-size   : 16px;
    font-weight : 700
}

.search-cont .search-result-ol p {
    font-size : 13px
}

.search-cont .search-result-ol .search-result-a {
    color : #1c953f
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .search-cont {
        width : 100% !important
    }

    .search-right {
        display : none !important
    }
}

.servises__page {
    position       : relative;
    padding-bottom : 50px
}

.servises__page ._manb__verdana {
    margin : 0
}

._sb__container {
    width : 100%
}

@media (max-width : 767px) {
    ._sb__heading {
        font-size     : 28px;
        line-height   : 40px;
        margin-bottom : 30px
    }
}

._sb__flex-block {
    display             : -webkit-flex;
    display             : -moz-flex;
    display             : -ms-flexbox;
    display             : -ms-flex;
    display             : -webkit-box;
    display             : flex;
    -webkit-align-items : stretch;
    -moz-align-items    : stretch;
    -ms-align-items     : stretch;
    -webkit-box-align   : stretch;
    -ms-flex-align      : stretch;
    align-items         : stretch;
    height              : 770px;
    margin-left         : -15px;
    margin-bottom       : -15px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__flex-block {
        height : inherit
    }
}

[class^="_sb__col-"] {
    padding-left  : 15px;
    padding-right : 15px
}

@media (max-width : 767px) {
    ._sb__flex-block {
        height                 : inherit;
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column
    }

    [class^="_sb__col-"] {
        width : 100%
    }
}

._sb__col-left {
    max-width : 360px;
    width     : 100%;
    height    : 100%
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._sb__col-left {
        max-width : 270px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__col-left {
        max-width : 290px;
        width     : 40%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._sb__col-left {
        max-width : inherit;
        width     : 30%
    }
}

@media (max-width : 767px) {
    ._sb__col-left {
        max-width : inherit;
        display   : none
    }
}

._sb__bg-servise {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-flex-direction  : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    background-color        : #f9f9f9;
    height                  : 100%;
    padding-top             : 40px
}

._sb__col-center {
    width    : 70%;
    display  : -webkit-block;
    display  : -moz-block;
    display  : -ms-blockbox;
    display  : -ms-block;
    display  : block;
    position : relative
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._sb__col-center {
        width : 100%
    }

    ._sb__col-right {
        display : none
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__col-center {
        width : 60%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._sb__col-center {
        width : 70%
    }
}

@media (max-width : 767px) {
    ._sb__col-center {
        width : 100%
    }

    ._sb__col-center .scroll-container.vertical {
        display : none
    }
}

._sb__col-right {
    width : 30%
}

@media (max-device-width : 1024px) {
    ._sb__col-right {
        display : none
    }
}

._sb__nav-content ul {
    list-style : none
}

._sb__nav-content ul > li a {
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #b5b5b5;
    display     : block;
    padding     : 0 35px;
    position    : relative;
    cursor      : pointer
}

._sb__nav-content ul > li a > span {
    border-bottom  : 1px solid #e8e8e8;
    display        : table-cell;
    vertical-align : middle;
    height         : 120px
}

._sb__nav-content ul > li a > span span {
    display : block
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._sb__nav-content ul > li a {
        padding : 0 20px
    }

    ._sb__nav-content ul > li a span {
        height : 90px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__nav-content ul > li a {
        padding : 0 25px
    }
}

@media (max-width : 767px) {
    ._sb__nav-content ul > li a {
        height          : inherit;
        padding         : 40px 0;
        margin          : 0 40px;
        color           : #1c953f;
        font-size       : 36px;
        line-height     : 44px;
        text-decoration : none;
        border-top      : 1px solid #e6e6e6
    }
}

._sb__nav-content ul > li.active a {
    color            : #fff;
    background-color : #1c953f;
    text-decoration  : none
}

._sb__nav-content ul > li.active a > span {
    border-color : #1c953f
}

._sb__nav-content ul > li.active a:hover {
    text-decoration : none
}

._sb__nav-content ul > li.active a:before {
    position      : absolute;
    right         : -19px;
    border-left   : 19px solid #1c953f;
    border-top    : 60px solid rgba(28, 149, 63, 0);
    border-bottom : 60px solid rgba(28, 149, 63, 0)
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._sb__nav-content ul > li.active a:before {
        border-top    : 45px solid rgba(28, 149, 63, 0);
        border-bottom : 45px solid rgba(28, 149, 63, 0)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__nav-content ul > li.active a {
        background : #1c953f !important
    }
}

@media (max-width : 767px) {
    ._sb__nav-content ul > li.active a {
        background : #fff !important;
        color      : #1c953f
    }
}

._sb__nav-content ul > li:hover a {
    background-position : center center
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__nav-content ul > li:hover a {
        background : #1c953f !important
    }
}

@media (max-width : 767px) {
    ._sb__nav-content ul > li:hover a {
        background : #fff !important;
        color      : #1c953f
    }

    ._sb__nav-content.open, ._sb__nav-content.open ._sb__nav-dropdown {
        box-shadow : 20px 20px 50px rgba(0, 0, 0, .06)
    }

    ._sb__nav-content {
        max-width     : 630px;
        margin-bottom : 30px
    }

    ._sb__nav-content > a {
        font-family     : pfagoraslabpro-black-webfont;
        font-size       : 36px;
        line-height     : 44px;
        color           : #1c953f;
        text-decoration : none;
        padding         : 40px;
        position        : relative
    }

    ._sb__nav-content > a .caret {
        position          : absolute;
        right             : 50px;
        top               : 50%;
        border-top        : 13px dashed;
        border-right      : 13px solid transparent;
        border-left       : 13px solid transparent;
        -webkit-transform : rotate(0) translateX(0) translateY(-50%);
        -ms-transform     : rotate(0) translateX(0) translateY(-50%);
        transform         : rotate(0) translateX(0) translateY(-50%)
    }

    ._sb__nav-content ._sb__nav-dropdown {
        position         : absolute;
        top              : 100%;
        left             : 0;
        z-index          : 1000;
        display          : none;
        float            : left;
        min-width        : 160px;
        font-size        : 14px;
        text-align       : left;
        list-style       : none;
        background-color : #fff;
        background-clip  : padding-box
    }

    ._sb__nav-content.open > a .caret {
        -webkit-transform : rotate(-180deg) translateX(0) translateY(50%);
        -ms-transform     : rotate(-180deg) translateX(0) translateY(50%);
        transform         : rotate(-180deg) translateX(0) translateY(50%)
    }

    ._sb__nav-content.open ._sb__nav-dropdown {
        display : block
    }

    ._sb__contacts-panel {
        display : none
    }
}

@media (max-width : 480px) {
    ._sb__nav-content {
        display : none
    }
}

._sb__contacts-panel {
    max-width   : 270px;
    margin      : 0 auto 35px;
    padding     : 15px 20px;
    border      : 1px solid #cdcdcd;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 14px;
    line-height : 17px;
    color       : #c4c4c4
}

._sb__contacts-panel a {
    color : inherit
}

._sb__contacts-panel b {
    font-family : pfdindisplaypro-bold-webfont
}

._sb__contacts-panel div {
    margin-bottom : 10px
}

._sb__contacts-panel div:last-child {
    margin-bottom : 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__contacts-panel {
        max-width : 200px;
        margin    : 0 auto 5px;
        padding   : 15px 40px 15px 20px
    }
}

._sb__page-content {
    margin-bottom : 100px;
    font-family   : pfdindisplaypro-reg-webfont;
    font-size     : 16px;
    line-height   : 24px;
    color         : #333
}

._sb__page-content div, ._sb__page-content p {
    margin-bottom : 15px
}

._sb__page-content h4 {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 20px;
    line-height   : 28px;
    color         : inherit;
    margin-bottom : 10px
}

._sb__page-content ol {
    padding-left : 20px
}

._sb__page-content ul {
    list-style : none
}

._sb__page-content ul li {
    margin-bottom : 10px
}

._sb__page-content ul li:before {
    width          : 5px;
    height         : 5px;
    border-radius  : 50%;
    background     : #1c953f;
    display        : inline-block;
    margin-right   : 5px;
    vertical-align : middle
}

@media (max-width : 767px) {
    ._sb__page-content {
        font-size   : 15px;
        line-height : 24px;
        word-break  : break-word
    }
}

._sb__content-heading {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 36px;
    line-height   : 44px;
    color         : #333;
    margin-bottom : 25px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__content-heading {
        font-size     : 30px;
        line-height   : 38px;
        margin-bottom : 20px
    }
}

@media (max-width : 767px) {
    ._sb__content-heading {
        font-size   : 46px;
        line-height : 54px
    }

    ._sb_scroll-line {
        display : none
    }
}

@media (max-width : 480px) {
    ._sb__content-heading {
        font-size   : 22px;
        line-height : 34px;
        word-break  : break-word
    }
}

._sb_scroll-line {
    -webkit-transform : translateX(-8px);
    -ms-transform     : translateX(-8px);
    transform         : translateX(-8px)
}

@media (max-device-width : 1024px) {
    ._sb_scroll-line {
        -webkit-order             : 1;
        -moz-order                : 1;
        -ms-order                 : 1;
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        -webkit-transform         : translateX(8px);
        -ms-transform             : translateX(8px);
        transform                 : translateX(8px)
    }
}

._sb__scroll-container {
    overflow-x : hidden
}

._sb__scroll-block {
    position     : relative;
    margin-right : 10px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__scroll-block {
        width         : 100%;
        height        : 510px;
        padding-right : 30px;
        margin-right  : 0 !important
    }
}

._sb__scroll {
    width         : 105%;
    padding-right : 55px;
    padding-left  : 15px;
    height        : 720px;
    position      : relative;
    overflow      : auto
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._sb__scroll {
        padding-left  : 15px;
        padding-right : 15px;
        width         : 104%;
        height        : 510px
    }
}

@media (max-width : 767px) {
    ._sb__scroll-block {
        margin-right : 0 !important
    }

    ._sb__scroll {
        overflow : inherit;
        height   : inherit;
        padding  : 0;
        width    : 100%
    }
}

._sb__ancor-nav {
    margin-bottom : 45px !important
}

._sb__ancor-nav div {
    margin-bottom : 20px
}

._sb__ancor-nav a {
    color       : #1c953f;
    font-family : pfdindisplaypro-bold-webfont
}

.blog__page {
    padding     : 10px 0 50px;
    position    : relative;
    font-family : pfdindisplaypro-med-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #fff
}

._blb__scroll-box {
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-align-items     : stretch;
    -moz-align-items        : stretch;
    -ms-align-items         : stretch;
    -webkit-box-align       : stretch;
    -ms-flex-align          : stretch;
    align-items             : stretch;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between
}

._blb_scroll {
    width         : 100%;
    padding-right : 15px;
    height        : 795px;
    overflow-y    : hidden
}

._blb_scroll-line {
    position : relative;
    width    : 18px
}

@media (max-width : 767px) {
    ._blb_heading {
        font-size   : 36px;
        line-height : 34px
    }

    ._blb_scroll {
        overflow-y : inherit;
        height     : initial;
        padding    : 0
    }

    ._blb_scroll-line {
        display : none
    }
}

._blb_scroll-line:before {
    top               : 0;
    background        : #d5d5d5;
    width             : 2px;
    bottom            : 0;
    position          : absolute;
    left              : 50%;
    -webkit-transform : translateX(-50%);
    -ms-transform     : translateX(-50%);
    transform         : translateX(-50%)
}

._blb_scroll-line .scroll {
    border-radius : 50%;
    position      : absolute;
    background    : #d5d5d5;
    width         : 18px;
    height        : 18px;
    top           : 0
}

._blb__list-block {
    display : none
}

@media (min-width : 1400px) {
    ._blb__list-block {
        display : block
    }
}

._blb__line, .blog-bord__block {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box
}

._i-blog__list._blb__list {
    border-color : #85ce88;
    color        : #85ce88
}

._i-blog__list._blb__list ._i-blog__list-item {
    border-bottom : none
}

._blb__line {
    display                : flex;
    -webkit-flex-direction : row;
    -moz-flex-direction    : row;
    -ms-flex-direction     : row;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    flex-direction         : row;
    -webkit-align-items    : stretch;
    -moz-align-items       : stretch;
    -ms-align-items        : stretch;
    -webkit-box-align      : stretch;
    -ms-flex-align         : stretch;
    align-items            : stretch;
    margin-bottom          : 30px;
    min-height             : 493px
}

._bbord__item, ._daih__flex, .application-content__list {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal
}

._blb__line:last-child {
    margin-bottom : 0 !important
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._blb__line {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap
    }

    ._blb__line > div {
        width : 50%
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._blb__line {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap;
        min-height        : 355px
    }

    ._blb__line > div {
        width : 50%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._blb__line {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap;
        min-height        : 285px
    }

    ._blb__line > div {
        width : 50%
    }
}

@media (max-width : 767px) {
    ._blb__line {
        margin-bottom          : 0;
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column
    }

    ._blb__line > div {
        margin-bottom : 20px;
        width         : 100%;
        height        : 400px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .first-line {
        margin-bottom : 0
    }

    .first-line > div {
        height        : 270px;
        margin-bottom : 30px
    }
}

.second-line {
    min-height : 330px
}

@media (min-width : 992px) and (max-width : 1199px) {
    .first-line {
        margin-bottom : 0
    }

    .first-line > div {
        height        : 355px;
        margin-bottom : 30px
    }

    .second-line {
        min-height : 355px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .first-line {
        margin-bottom : 0
    }

    .first-line > div {
        margin-bottom : 30px;
        height        : 270px
    }

    .second-line {
        min-height : 235px
    }
}

.blog-bord__block {
    height                  : 260px;
    position                : relative;
    font-family             : pfagoraslabpro-black-webfont;
    font-size               : 24px;
    line-height             : 26px;
    color                   : #fff;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-align-content   : stretch;
    -ms-align-content       : stretch;
    -ms-flex-line-pack      : stretch;
    align-content           : stretch;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between
}

._bbord__item, ._bbord__item:focus, ._bbord__item:hover {
    color           : inherit;
    text-decoration : none
}

._bbord__item {
    width                   : 50%;
    padding                 : 15px 60px;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-flex-direction  : column;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column
}

._bbord__item ._i-blog__item-time {
    font-size     : 16px;
    font-family   : pfdindisplaypro-reg-webfont;
    margin-bottom : 10px
}

._bbord__item ._i-blog__item-bg {
    background : rgba(0, 0, 0, .25)
}

@media (min-width : 992px) {
    ._bbord__item:first-child {
        -webkit-align-items : flex-end;
        -moz-align-items    : flex-end;
        -ms-align-items     : flex-end;
        -webkit-box-align   : end;
        -ms-flex-align      : end;
        -ms-grid-row-align  : flex-end;
        align-items         : flex-end;
        text-align          : right
    }

    ._bbord__item-header {
        max-width : 500px
    }
}

@media (max-width : 767px) {
    .blog-bord__block {
        height : inherit
    }

    ._bbord__item {
        width   : 100%;
        height  : 400px;
        padding : 20px
    }

    ._bbord__item ._i-blog__item-time {
        font-size     : 16px;
        margin-bottom : 15px
    }

    ._bbord__item ._i-blog__item-time:before {
        width         : 16px !important;
        height        : 16px !important;
        border        : 1px solid !important;
        border-top    : 3px solid !important;
        border-radius : 4px !important
    }

    ._bbord__item-header {
        font-size   : 36px !important;
        line-height : 46px !important
    }
}

@media (max-width : 480px) {
    ._bbord__item-header {
        font-size   : 26px !important;
        line-height : 36px !important
    }
}

.blog-item__page {
    padding     : 70px 0 60px;
    position    : relative;
    font-family : pfdindisplaypro-light-webfont;
    font-size   : 18px;
    line-height : 28px;
    color       : #333
}

.nav-rub, .nav-rub__block, .nav-rub__btn {
    position : absolute;
    top      : 0
}

._bib__item-time, ._bib__preview-note {
    font-family : pfdindisplaypro-reg-webfont
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .blog-item__page {
        padding : 10px 0 45px
    }
}

@media (min-width : 1400px) {
    ._bib__container {
        width : 1200px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._bib__container {
        width : 1000px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._bib__container {
        width : 830px
    }
}

@media (max-width : 767px) {
    .blog-item__page {
        padding     : 10px 0 75px;
        font-size   : 18px;
        line-height : 26px
    }

    ._bib__container {
        padding-right : 125px
    }
}

@media (max-width : 480px) {
    ._bib__container {
        padding-right : 15px
    }
}

._bib__header-block {
    text-align    : center;
    margin-bottom : 45px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__header-block {
        text-align    : left;
        margin-bottom : 20px
    }
}

@media (max-width : 767px) {
    ._bib__header-block {
        text-align    : left;
        margin-bottom : 20px
    }
}

._bib__item-time {
    margin-bottom : 10px;
    font-size     : 16px;
    line-height   : inherit;
    color         : #bababa
}

._bib_heading {
    margin-bottom : 30px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib_heading {
        margin-bottom : 25px
    }
}

@media (max-width : 767px) {
    ._bib__item-time {
        font-size   : 16px;
        line-height : 24px
    }

    ._bib_heading {
        word-break    : break-word;
        margin-bottom : 40px;
        font-size     : 22px;
        line-height   : 30px
    }
}

._bib__tags {
    margin : 0 auto
}

@media (min-width : 992px) {
    ._bib__tags {
        max-width   : 555px;
        border-top  : 1px solid #dadada;
        text-align  : center;
        padding-top : 20px
    }
}

._bib__tags-item {
    display   : inline-block;
    margin    : 0 15px 10px;
    color     : #bababa;
    font-size : 16px
}

._bib__tags-item:focus, ._bib__tags-item:hover {
    color : inherit
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__tags-item {
        margin    : 0 15px 10px 0;
        font-size : 18px
    }
}

._bib__preview {
    display     : none;
    padding-top : 5px
}

@media (min-width : 1400px) {
    ._bib__preview {
        display : block
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._bib__preview {
        display : block
    }
}

._bib__preview-note {
    font-size   : 16px;
    line-height : 20px;
    color       : #c2c2c2;
    margin-top  : 20px
}

._bib__quote {
    border-top    : 1px solid #c1c1c1;
    border-bottom : 1px solid #c1c1c1;
    margin        : 40px 0;
    padding       : 30px 0;
    font-family   : pfagoraslabpro-blackital-webfont;
    font-size     : 24px;
    line-height   : 29px;
    color         : #333
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__quote {
        margin : 30px 0
    }
}

@media (max-width : 767px) {
    ._bib__quote {
        font-size   : 22px;
        line-height : 32px;
        padding     : 30px 0;
        margin      : 30px 0 35px
    }
}

._bib__big-preview {
    height : 660px;
    margin : 30px 0 40px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__big-preview {
        height : 365px;
        margin : 30px 0
    }
}

._bib__note table {
    width     : 100%;
    max-width : 100%;
    margin    : 25px 0;
    font-size : 16px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__note table {
        margin : 25px 0 30px
    }
}

._bib__note table thead td, ._bib__note table thead th {
    background  : #85ce88;
    color       : #fff;
    font-family : pfdindisplaypro-bold-webfont;
    padding     : 20px 15px
}

._bib__note table tbody th {
    font-family : pfdindisplaypro-bold-webfont
}

._bib__note table tbody td {
    font-family : pfdindisplaypro-reg-webfont
}

._bib__note table tbody td:last-child {
    border-right : 1px solid #e6e6e6
}

._bib__note table tbody td, ._bib__note table tbody th {
    padding       : 20px 15px;
    border-bottom : 1px solid #e6e6e6
}

._bib__note table tbody td:first-child, ._bib__note table tbody th:first-child {
    border-left : 1px solid #e6e6e6
}

._bib__note table tbody th + td {
    border-left : 0
}

._bib__inform-block {
    border-top  : 1px solid #1c953f;
    margin-top  : 20px;
    padding-top : 25px
}

._bib__inform-block .green {
    display      : inline-block;
    margin-right : 20px;
    font-family  : pfagoraslabpro-black-webfont;
    font-size    : 16px;
    line-height  : inherit;
    color        : #1c953f
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__inform-block {
        padding-top : 35px
    }

    ._bib__inform-block .green {
        font-size    : 18px;
        margin-right : 30px
    }
}

@media (max-width : 767px) {
    ._bib__big-preview {
        height : 300px
    }

    ._bib__inform-block {
        margin-top : 40px
    }

    ._bib__inform-block .green {
        font-size : 36px;
        display   : block;
        margin    : 0 0 20px
    }
}

@media (max-width : 480px) {
    ._bib__inform-block .green {
        font-size : 26px
    }
}

._bib__tags-bottom {
    margin-bottom : 20px
}

._bib__tags-bottom a {
    color     : #a0a0a0;
    font-size : 16px;
    display   : inline-block;
    margin    : 0 10px 5px 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__tags-bottom a {
        font-size : 18px
    }
}

@media (max-width : 767px) {
    ._bib__tags-bottom a {
        font-size : 36px;
        display   : block;
        margin    : 0 0 15px
    }

    ._bib__tags-bottom {
        margin : 0 0 55px
    }
}

@media (max-width : 480px) {
    ._bib__tags-bottom a {
        font-size : 26px
    }
}

._bib__socnet .icon-soc {
    text-decoration : none;
    display         : inline-block;
    margin-right    : 15px
}

._bib__socnet .icon-soc:before {
    font-family   : flaticon;
    width         : 37px;
    display       : block;
    line-height   : 37px;
    font-size     : 18px;
    border        : 1px solid #1c953f;
    border-radius : 50%;
    text-align    : center;
    color         : #1c953f
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._bib__socnet .icon-soc:before {
        width       : 50px;
        line-height : 50px;
        font-size   : 22px
    }

    ._bib__socnet .icon-soc {
        margin-right : 25px
    }
}

@media (max-width : 767px) {
    ._bib__socnet .icon-soc:before {
        width       : 100px;
        line-height : 98px;
        font-size   : 45px
    }

    ._bib__socnet .icon-soc {
        margin-right  : 40px;
        margin-bottom : 20px
    }
}

@media (max-width : 480px) {
    ._bib__socnet .icon-soc {
        display   : block;
        max-width : 100px;
        margin    : 0 auto 20px
    }

    .nav-rub {
        display : none
    }
}

.nav-rub__form, .nav-rub__rub-list {
    margin-bottom : 40px
}

._bib__socnet .icon-soc.icon-vk:before {
    content : "\e00a"
}

._bib__socnet .icon-soc.icon-fb:before {
    content : "\e002"
}

._bib__socnet .icon-soc.icon-ok:before {
    content : "\e007"
}

.nav-rub {
    right      : 0;
    overflow   : hidden;
    width      : 395px;
    height     : 100%;
    transition : all .5s ease-out
}

.nav-rub__block {
    background : #1c953f;
    right      : -310px;
    width      : 335px;
    padding    : 50px 45px;
    transition : all .5s ease-out
}

.nav-rub__btn {
    right              : 0;
    -webkit-transition : all .5s ease-out;
    transition         : all .5s ease-out
}

.nav-rub__btn-item {
    display            : block;
    width              : 235px;
    height             : 60px;
    border             : none;
    background         : #e6e6e6;
    position           : relative;
    font-size          : 16px;
    font-family        : pfdindisplaypro-light-webfont;
    text-align         : left;
    right              : -150px;
    -webkit-transition : all .3s ease-out;
    transition         : all .3s ease-out
}

.nav-rub__btn-item span {
    display : inline-block
}

.nav-rub__btn-item:before {
    font-family : flaticon;
    display     : inline-block;
    width       : 60px;
    line-height : 60px;
    text-align  : center
}

.nav-rub__btn-item.btn-search {
    background : #1c953f;
    color      : #fff
}

.nav-rub__btn-item.btn-pubNext, .nav-rub__btn-item.btn-pubPrev {
    color : #b4b4b4
}

.nav-rub__btn-item.btn-search:before {
    content : "\e006"
}

.nav-rub__btn-item.btn-pubPrev:before {
    content : "\e005"
}

.nav-rub__btn-item.btn-pubNext:before {
    content : "\e008"
}

.nav-rub__btn-item:hover {
    right : 25px
}

.nav-rub__btn-item:focus {
    outline : 0
}

.open-sidebar-rub .nav-rub {
    width : 395px
}

.open-sidebar-rub .nav-rub__block {
    right : 0
}

.open-sidebar-rub .nav-rub__btn {
    right : 155px
}

.open-sidebar-rub .nav-rub__btn-item, .open-sidebar-rub .nav-rub__btn-item:hover {
    right : 0
}

.open-sidebar-rub .nav-rub__btn-item.btn-search:before {
    content : "\e000"
}

@media (max-width : 767px) {
    .nav-rub__form {
        line-height : 20px
    }
}

.nav-rub__rub-list {
    list-style  : none;
    font-family : pfdindisplaypro-med-webfont;
    font-size   : 16px;
    line-height : 28px;
    color       : rgba(255, 255, 255, .7)
}

.nav-rub__rub-list > li {
    margin-bottom : 15px
}

.nav-rub__rub-list > li.__header {
    font-family    : pfagoraslabpro-black-webfont;
    text-transform : uppercase
}

.nav-rub__rub-list > li a {
    color : inherit
}

.calcite-header {
    position   : relative;
    color      : #ccc;
    min-height : 645px
}

.calcite-header a {
    color : #1d8bc2
}

@media (max-width : 767px) {
    .nav-rub__rub-list {
        font-size : 24px
    }

    .calcite-header {
        min-height : 1745px
    }
}

.calcite-header__inner {
    background : url(../img/calcite/bg-header.png) right top no-repeat;
    min-height : 715px;
    position   : absolute;
    z-index    : 10;
    top        : 0;
    width      : 100%
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .calcite-header__inner {
        background : url(../img/calcite/bg-header-sm.png) right top no-repeat
    }

    .calcite-navpage {
        position : relative;
        z-index  : 20
    }
}

@media (max-width : 767px) {
    .calcite-header__inner {
        background : url(../img/calcite/bg-header-xs.png) right bottom no-repeat;
        min-height : 1615px;
        top        : 150px
    }
}

.calcite-navpage {
    background : rgba(51, 153, 204, .25);
    z-index    : 20;
    position   : relative
}

.calcite-collapse {
    width : 100%
}

.calcite-hamburger {
    float         : none;
    margin-top    : 42px;
    position      : relative;
    z-index       : 30;
    margin-bottom : 20px
}

.calcite-header__content, .calcite-navbar {
    z-index  : 50;
    position : relative
}

.calcite-hamburger.is-closed .hamb-bottom, .calcite-hamburger.is-closed .hamb-middle, .calcite-hamburger.is-closed .hamb-top, .calcite-hamburger.is-open .hamb-bottom, .calcite-hamburger.is-open .hamb-middle, .calcite-hamburger.is-open .hamb-top {
    background-color : #fff
}

.calcite-navbar > li {
    float        : left;
    margin-right : 50px
}

.calcite-navbar > li > a {
    font-family        : proxima_nova_bold-webfont;
    font-size          : 15px;
    line-height        : 30px;
    color              : #6cf;
    text-transform     : uppercase;
    border-bottom      : 3px solid transparent;
    padding            : 16px 0 11px;
    -webkit-transition : all .2s ease-out;
    transition         : all .2s ease-out
}

.calcite-navbar > li > a:focus, .calcite-navbar > li > a:hover {
    background   : 0 0;
    border-color : #6cf
}

.calcite-navbar > li.active > a {
    color        : #fff;
    border-color : #fff
}

.calcite-header__content {
    padding : 45px 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .calcite-header__content {
        padding : 25px 0
    }
}

@media (max-width : 767px) {
    .calcite-header__content {
        padding : 115px 0 50px
    }
}

._c-reklama__note-desc, .calcite-review-block {
    padding-top : 20px
}

.quote-block {
    border-left  : 10px solid #39c;
    padding-left : 18px
}

.calcite-header__phone {
    font-family : proxima_nova_light-webfont;
    font-size   : 14px;
    line-height : 14px;
    color       : #fff;
    margin      : 40px 0 110px
}

.calcite-header__phone div {
    margin-bottom : 10px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .calcite-header__phone div {
        margin-bottom : 20px
    }

    .calcite-header__phone {
        font-size   : 16px;
        line-height : 16px;
        margin      : 40px 0 95px
    }
}

.calcite-header__phone .__phone {
    color         : #fff;
    font-family   : proxima_nova_semibold-webfont;
    font-size     : 20px;
    line-height   : 22px;
    margin-bottom : 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .calcite-header__phone .__phone {
        font-size   : 24px;
        line-height : 26px
    }

    .calcite-header__heading {
        margin-bottom : 25px
    }
}

.calcite-header__phone .__phone a {
    color : #fff
}

.calcite-header__heading {
    font-size   : 48px;
    line-height : 48px;
    color       : #ccc
}

@media (max-width : 767px) {
    .calcite-header__heading {
        font-size   : 60px;
        line-height : 74px
    }
}

@media (max-width : 480px) {
    .calcite-header__heading {
        font-size   : 40px;
        line-height : 54px
    }
}

.calcite-header__note {
    font-family : proxima_nova_light-webfont;
    font-size   : 24px;
    line-height : 24px;
    color       : inherit
}

._c-reklama__heading, ._c-reklama__note {
    color       : #fff;
    font-family : proxima_nova_bold-webfont
}

.calcite-header__note a {
    text-decoration : none;
    border-bottom   : 1px solid rgba(51, 153, 204, .5)
}

.calcite-header__note a:hover {
    border-color : transparent
}

@media (max-width : 767px) {
    .calcite-header__note {
        font-size   : 40px;
        line-height : 58px
    }
}

@media (max-width : 480px) {
    .calcite-header__note {
        font-size   : 30px;
        line-height : 48px
    }
}

.calcite-reklama-block {
    min-height    : 948px;
    background    : url(../img/calcite/bg-bolus.jpg) center top no-repeat;
    position      : relative;
    margin-bottom : 50px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .calcite-header__note a {
        margin-top : 10px;
        display    : inline-block
    }

    .calcite-reklama-block {
        min-height    : 673px;
        background    : url(../img/calcite/bg-bolus-sm.jpg) center top no-repeat;
        margin-bottom : 90px
    }
}

@media (max-width : 767px) {
    .calcite-reklama-block {
        min-height    : 1023px;
        background    : url(../img/calcite/bg-bolus.jpg) center top no-repeat;
        margin-bottom : 90px
    }

    .calcite-reklama-block .container {
        position : relative;
        z-index  : 2
    }

    ._c-reklama__inner {
        display : none
    }
}

._c-reklama__inner {
    background : url(../img/calcite/bg-bolus.png) center bottom no-repeat;
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0
}

._c-reklama__content {
    max-width  : 805px;
    margin     : 220px auto 0;
    text-align : center
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reklama__inner {
        background : url(../img/calcite/bg-bolus-sm.png) center bottom no-repeat
    }

    ._c-reklama__content {
        margin    : 155px auto 0;
        max-width : 550px
    }
}

@media (max-width : 767px) {
    ._c-reklama__content {
        margin : 150px auto 0
    }

    ._c-reklama__note .blue {
        margin-top : 160px
    }
}

._c-reklama__heading {
    font-size   : 40px;
    line-height : 86px
}

._c-reklama__heading span {
    font-size : 100px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reklama__heading {
        font-size   : 30px;
        line-height : 66px
    }

    ._c-reklama__heading span {
        font-size : 70px
    }
}

@media (max-width : 480px) {
    ._c-reklama__heading {
        font-size   : 30px;
        line-height : 56px
    }

    ._c-reklama__heading span {
        font-size : 40px
    }
}

._c-reklama__note {
    font-size   : 78px;
    line-height : 62px;
    display     : -webkit-flex;
    display     : -moz-flex;
    display     : -ms-flexbox;
    display     : -ms-flex;
    display     : -webkit-box;
    display     : flex
}

._c-reklama__note .blue {
    font-size     : 100px;
    color         : #39c;
    line-height   : 74px;
    margin-bottom : 5px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reklama__note {
        font-size   : 56px;
        line-height : 47px
    }

    ._c-reklama__note .blue {
        font-size   : 70px;
        line-height : 42px
    }
}

._c-reklama__note-number {
    font-family : proxima_nova_bold-webfont;
    font-size   : 400px;
    line-height : 320px;
    color       : #39c
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reklama__note-number {
        font-size   : 285px;
        line-height : 230px
    }
}

@media (max-width : 767px) {
    ._c-reklama__note {
        display : block
    }

    ._c-reklama__note-number:after {
        content   : 'г';
        font-size : 115px
    }

    ._c-reklama__note-desc-xs {
        margin-top : 150px
    }
}

@media (max-width : 480px) {
    ._c-reklama__note-number {
        font-size   : 200px;
        line-height : 170px
    }

    ._c-reklama__note-number:after {
        content   : 'г';
        font-size : 115px
    }

    ._c-reklama__note-desc-xs {
        margin-top : -20px;
        font-size  : 65px
    }
}

._c-reviews__heading:after, ._daih__list > li span:before, ._daii2__note:before {
    content : ''
}

._c-panel {
    margin-bottom : 120px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-panel {
        margin-bottom : 130px
    }
}

._c-panel__blog {
    border        : 1px solid rgba(137, 137, 137, .46);
    max-width     : 835px;
    margin        : 0 auto;
    padding       : 45px;
    border-radius : 10px;
    font-family   : proxima_nova_extrabold-webfont;
    font-size     : 32px;
    line-height   : 42px;
    color         : #fff;
    text-align    : center
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-panel__blog {
        padding     : 55px 45px;
        line-height : 38px
    }
}

@media (max-width : 767px) {
    ._c-panel__blog {
        padding : 30px 25px
    }
}

._c-panel__blog-btn {
    max-width : 200px;
    margin    : 25px auto 0;
    padding   : 15px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-panel__blog-btn {
        max-width : 230px;
        margin    : 15px auto 0;
        padding   : 20px 15px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._c-contacts > .row > .col-lg-4 {
        width : 30%
    }

    ._c-contacts > .row > .col-lg-8 {
        width : 70%
    }
}

._c-contacts__address {
    text-align    : right;
    color         : #999;
    padding-right : 30px;
    padding-top   : 5px
}

._c-contacts__address a[href^='tel:'] {
    text-decoration : none;
    color           : #999
}

._c-contacts__address img {
    margin-left : auto
}

._c-contacts__logotip {
    margin-bottom : 40px
}

._c-contacts__orel {
    line-height   : 18px;
    margin-bottom : 30px
}

._c-contacts__heading {
    font-weight : 700
}

._c-reviews__block {
    border-left    : 3px solid #333;
    padding-left   : 30px;
    margin-left    : 5px;
    max-width      : 595px;
    padding-bottom : 50px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reviews__block {
        border-left  : none;
        padding-left : 0;
        max-width    : 100%;
        margin       : 0 auto
    }
}

@media (max-width : 767px) {
    ._c-reviews__block {
        border-left  : none;
        padding-left : 0;
        max-width    : 100%;
        margin       : 0 auto
    }
}

._c-reviews__heading {
    font-family   : proxima_nova_bold-webfont;
    font-size     : 25px;
    line-height   : 29px;
    color         : #fff;
    max-width     : 500px;
    margin-bottom : 35px
}

._c-reviews__heading:after {
    background : #39c;
    display    : block;
    width      : 60px;
    height     : 4px;
    margin-top : 30px
}

@media (max-width : 767px) {
    ._c-reviews__heading {
        font-size   : 36px;
        line-height : 44px;
        max-width   : 100%;
        text-align  : center
    }

    ._c-reviews__heading:after {
        margin : 30px auto 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reviews__heading {
        font-size   : 36px;
        line-height : 44px;
        max-width   : 100%;
        text-align  : center
    }

    ._c-reviews__heading:after {
        margin : 30px auto 0
    }

    ._c-reviews__form {
        max-width : 560px;
        margin    : 0 auto
    }
}

._c-reviews__form .form-control {
    background    : #353535;
    border        : 1px solid #353535;
    height        : 50px;
    padding       : 6px 22px;
    margin-bottom : 35px;
    color         : #fff
}

._c-reviews__form .form-control::-webkit-input-placeholder {
    font-family : proxima_nova_light-webfont;
    font-size   : 16px;
    line-height : 25px;
    color       : #909090
}

._c-reviews__form .form-control:-moz-placeholder {
    font-family : proxima_nova_light-webfont;
    font-size   : 16px;
    line-height : 25px;
    color       : #909090
}

._c-reviews__form .form-control:focus {
    border-color : #39c
}

._c-reviews__form textarea.form-control {
    max-width : 100%;
    height    : 120px
}

._c-reviews__btn {
    padding        : 15px;
    max-width      : 200px;
    width          : 100%;
    text-transform : capitalize;
    font-size      : 18px
}

._c-reviews__btn:focus {
    outline : 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._c-reviews__btn {
        margin         : 65px auto 0;
        padding        : 17px 15px;
        max-width      : 240px;
        text-transform : uppercase
    }
}

@media (max-width : 767px) {
    ._c-reviews__btn {
        margin         : 65px auto 0;
        padding        : 17px 15px;
        max-width      : 240px;
        text-transform : uppercase
    }
}

._c-btn__top {
    border            : 3px solid #333;
    background        : url(../img/calcite/icon-arrow-top.png) center no-repeat;
    display           : inline-block;
    width             : 68px;
    height            : 68px;
    border-radius     : 10px;
    -webkit-transform : rotate(0) translateX(-40%) translateY(0);
    -ms-transform     : rotate(0) translateX(-40%) translateY(0);
    transform         : rotate(0) translateX(-40%) translateY(0)
}

._c-btn__top:hover {
    background-color : rgba(255, 255, 255, .19);
    cursor           : pointer
}

.slider-fullpage {
    color         : #ccc;
    margin-bottom : 10px
}

.slider-item {
    position   : relative;
    min-height : 700px
}

@media (max-width : 767px) {
    .slider-fullpage {
        background : url(../img/calcite/bg-calcite-xs-left.png) left top no-repeat, url(../img/calcite/bg-calcite-xs-right.png) right top no-repeat #000
    }

    .slider-item {
        min-height : 1200px
    }
}

.img-bolus {
    position          : absolute;
    top               : 50%;
    left              : 50%;
    -webkit-transform : rotate(0) translateX(-50%) translateY(-50%);
    -ms-transform     : rotate(0) translateX(-50%) translateY(-50%);
    transform         : rotate(0) translateX(-50%) translateY(-50%);
    z-index           : 10
}

@media (max-width : 480px) {
    .slider-item {
        min-height : 0;
        padding    : 40px 0
    }

    .img-bolus {
        display : none
    }
}

._daih__flex, .slider-item__flex {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox
}

.slider-item__flex {
    display                 : -moz-flex;
    display                 : -ms-flex;
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    position                : absolute;
    width                   : 100%;
    height                  : 100%;
    overflow                : hidden
}

@media (max-width : 767px) {
    .img-bolus.img-bolus-left {
        left              : auto;
        right             : 0;
        -webkit-transform : rotate(0) translateX(30%) translateY(-50%);
        -ms-transform     : rotate(0) translateX(30%) translateY(-50%);
        transform         : rotate(0) translateX(30%) translateY(-50%)
    }

    .img-bolus.img-bolus-right {
        left              : 0;
        -webkit-transform : rotate(0) translateX(-30%) translateY(-50%);
        -ms-transform     : rotate(0) translateX(-30%) translateY(-50%);
        transform         : rotate(0) translateX(-30%) translateY(-50%)
    }

    .slider-item__flex {
        -webkit-justify-content : flex-start;
        -moz-justify-content    : flex-start;
        -ms-justify-content     : flex-start;
        -webkit-box-pack        : start;
        -ms-flex-pack           : start;
        justify-content         : flex-start;
        -webkit-flex-wrap       : wrap;
        -ms-flex-wrap           : wrap;
        flex-wrap               : wrap
    }
}

.slider-item1 {
    background : url(../img/calcite/bg-bounce1.png) center top no-repeat
}

.heading-slide {
    font-family       : proxima_nova_regular-webfont;
    font-size         : 36px;
    line-height       : 43px;
    color             : inherit;
    width             : 100%;
    max-width         : 235px;
    margin-right      : 0;
    -webkit-transform : rotate(0) translateX(-75px) translateY(0);
    -ms-transform     : rotate(0) translateX(-75px) translateY(0);
    transform         : rotate(0) translateX(-75px) translateY(0);
    text-align        : right
}

@media (max-width : 767px) {
    .heading-slide {
        -webkit-transform : rotate(0) translateX(0) translateY(50%);
        -ms-transform     : rotate(0) translateX(0) translateY(50%);
        transform         : rotate(0) translateX(0) translateY(50%);
        text-align        : left;
        padding           : 0 15px;
        max-width         : 505px;
        font-size         : 40px;
        line-height       : 50px
    }
}

@media (max-width : 480px) {
    .slider-item__flex {
        display  : block;
        position : relative
    }

    .heading-slide {
        -webkit-transform : rotate(0) translateX(0) translateY(0);
        -ms-transform     : rotate(0) translateX(0) translateY(0);
        transform         : rotate(0) translateX(0) translateY(0);
        text-align        : center;
        font-size         : 40px;
        line-height       : 50px
    }
}

.slider-time {
    font-family       : proxima_nova_extrabold-webfont;
    font-size         : 70px;
    line-height       : 45px;
    color             : #39c;
    -webkit-transform : rotate(0) translateX(65px) translateY(0);
    -ms-transform     : rotate(0) translateX(65px) translateY(0);
    transform         : rotate(0) translateX(65px) translateY(0);
    width             : 100%;
    max-width         : 235px
}

.slider-time span {
    display           : block;
    -webkit-transform : rotate(0) translateX(0) translateY(0);
    -ms-transform     : rotate(0) translateX(0) translateY(0);
    transform         : rotate(0) translateX(0) translateY(0);
    font-size         : 90px;
    font-size         : 180px;
    line-height       : 130px
}

@media (max-width : 767px) {
    .slider-time {
        padding           : 0 15px;
        max-width         : 100%;
        -webkit-transform : rotate(0) translateX(5px) translateY(-50%);
        -ms-transform     : rotate(0) translateX(5px) translateY(-50%);
        transform         : rotate(0) translateX(5px) translateY(-50%);
        font-size         : 175px;
        line-height       : 140px
    }

    .slider-time span {
        font-size   : 440px;
        line-height : 240px
    }
}

@media (max-width : 480px) {
    .slider-time {
        -webkit-transform : rotate(0) translateX(0) translateY(5%);
        -ms-transform     : rotate(0) translateX(0) translateY(5%);
        transform         : rotate(0) translateX(0) translateY(5%);
        font-size         : 109px;
        line-height       : 140px;
        text-align        : center
    }

    .slider-time span {
        -webkit-transform : rotate(0) translateX(0) translateY(25%);
        -ms-transform     : rotate(0) translateX(0) translateY(25%);
        transform         : rotate(0) translateX(0) translateY(25%);
        font-size         : 240px;
        line-height       : 180px
    }
}

.slider-item2 {
    background : url(../img/calcite/bg-bounce2.png) center no-repeat
}

.slider-note__item2-left {
    width             : 100%;
    max-width         : 375px;
    text-align        : right;
    -webkit-transform : rotate(0) translateX(-115px) translateY(0);
    -ms-transform     : rotate(0) translateX(-115px) translateY(0);
    transform         : rotate(0) translateX(-115px) translateY(0);
    font-family       : proxima_nova_light-webfont;
    font-size         : 35px;
    line-height       : 45px;
    color             : #fff
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slider-fullpage {
        margin-bottom : 60px
    }

    .slider-note__item2-left {
        max-width         : 305px;
        -webkit-transform : rotate(0) translateX(-49px) translateY(0);
        -ms-transform     : rotate(0) translateX(-49px) translateY(0);
        transform         : rotate(0) translateX(-49px) translateY(0)
    }
}

@media (max-width : 767px) {
    .slider-note__item2-left {
        max-width         : 100%;
        text-align        : left;
        padding           : 0 15px 0 115px;
        font-size         : 49px;
        -webkit-transform : rotate(0) translateX(0) translateY(30%);
        -ms-transform     : rotate(0) translateX(0) translateY(30%);
        transform         : rotate(0) translateX(0) translateY(30%)
    }
}

@media (max-width : 480px) {
    .slider-note__item2-left {
        margin-top        : 40px;
        padding           : 0 15px;
        text-align        : center;
        -webkit-transform : rotate(0) translateX(0) translateY(-10%);
        -ms-transform     : rotate(0) translateX(0) translateY(-10%);
        transform         : rotate(0) translateX(0) translateY(-10%)
    }
}

.slider-note__item2-left .__heading {
    font-family : proxima_nova_extrabold-webfont;
    font-size   : 59px;
    line-height : 55px;
    color       : #39c
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slider-note__item2-left .__heading {
        font-size : 47px
    }
}

@media (max-width : 767px) {
    .slider-note__item2-left .__heading {
        font-size   : 52px;
        line-height : 65px
    }
}

.slider-note__item2-left .__heading-big {
    font-family : proxima_nova_extrabold-webfont;
    font-size   : 84px;
    line-height : 65px;
    color       : #39c
}

@media (max-width : 767px) {
    .slider-note__item2-left .__heading-big {
        font-size   : 115px;
        line-height : 105px
    }
}

.slider-note__item2-right {
    width             : 100%;
    max-width         : 285px;
    font-family       : proxima_nova_light-webfont;
    font-size         : 20px;
    line-height       : 25px;
    color             : #39c;
    -webkit-transform : rotate(0) translateX(35px) translateY(0);
    -ms-transform     : rotate(0) translateX(35px) translateY(0);
    transform         : rotate(0) translateX(35px) translateY(0)
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slider-note__item2-right {
        max-width         : 340px;
        font-size         : 24px;
        line-height       : 30px;
        -webkit-transform : rotate(0) translateX(105px) translateY(0);
        -ms-transform     : rotate(0) translateX(105px) translateY(0);
        transform         : rotate(0) translateX(105px) translateY(0)
    }
}

@media (max-width : 767px) {
    .slider-note__item2-right {
        max-width         : 100%;
        padding           : 0 15px 0 115px;
        font-size         : 34px;
        line-height       : 44px;
        -webkit-transform : rotate(0) translateX(0) translateY(-70%);
        -ms-transform     : rotate(0) translateX(0) translateY(-70%);
        transform         : rotate(0) translateX(0) translateY(-70%)
    }
}

@media (max-width : 480px) {
    .slider-note__item2-right {
        padding           : 0 15px;
        -webkit-transform : rotate(0) translateX(0) translateY(10%);
        -ms-transform     : rotate(0) translateX(0) translateY(10%);
        transform         : rotate(0) translateX(0) translateY(10%)
    }
}

.slider-note__item3-left {
    width             : 100%;
    max-width         : 460px;
    text-align        : right;
    -webkit-transform : rotate(0) translateX(-205px) translateY(0);
    -ms-transform     : rotate(0) translateX(-205px) translateY(0);
    transform         : rotate(0) translateX(-205px) translateY(0);
    font-family       : proxima_nova_regular-webfont;
    font-size         : 25px;
    line-height       : 30px;
    color             : #fff
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slider-note__item3-left {
        -webkit-transform : rotate(0) translateX(-195px) translateY(0);
        -ms-transform     : rotate(0) translateX(-195px) translateY(0);
        transform         : rotate(0) translateX(-195px) translateY(0)
    }
}

@media (max-width : 767px) {
    .slider-note__item3-left {
        -webkit-transform : rotate(0) translateX(0) translateY(30%);
        -ms-transform     : rotate(0) translateX(0) translateY(30%);
        transform         : rotate(0) translateX(0) translateY(30%);
        max-width         : 100%;
        padding           : 0 115px 0 15px
    }
}

@media (max-width : 480px) {
    .slider-note__item3-left {
        padding           : 0 15px;
        -webkit-transform : rotate(0) translateX(0) translateY(0);
        -ms-transform     : rotate(0) translateX(0) translateY(0);
        transform         : rotate(0) translateX(0) translateY(0)
    }
}

.slider-note__item3-left .__heading div {
    -webkit-transform : rotate(0) translateX(-65px) translateY(0);
    -ms-transform     : rotate(0) translateX(-65px) translateY(0);
    transform         : rotate(0) translateX(-65px) translateY(0);
    margin-bottom     : 5px
}

.slider-note__item3-left .__heading span {
    font-family : proxima_nova_extrabold-webfont;
    font-size   : 83px;
    line-height : 28px;
    color       : #39c
}

.slider-note__item3-left .__note {
    max-width      : 195px;
    width          : 100%;
    display        : inline-block;
    font-size      : 35px;
    line-height    : 40px;
    margin-bottom  : 55px;
    vertical-align : middle
}

.slider-note__item3-left .__vit {
    display        : inline-block;
    vertical-align : middle;
    font-family    : proxima_nova_black-webfont;
    font-size      : 280px;
    line-height    : 250px;
    color          : #39c
}

.slider-note__item3-left .__vit sub {
    font-size   : 74px;
    line-height : 74px
}

.slider-note__item3-right {
    width             : 100%;
    max-width         : 200px;
    font-family       : proxima_nova_light-webfont;
    font-size         : 24px;
    line-height       : 29px;
    color             : #39c;
    -webkit-transform : rotate(0) translateX(-45px) translateY(80px);
    -ms-transform     : rotate(0) translateX(-45px) translateY(80px);
    transform         : rotate(0) translateX(-45px) translateY(80px)
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slider-note__item3-right {
        height : 445px
    }

    .slider-note__item3-right .__note {
        max-width      : 195px;
        width          : 100%;
        display        : inline-block;
        font-size      : 36px;
        line-height    : 45px;
        margin-bottom  : 35px;
        vertical-align : middle;
        color          : #fff
    }
}

@media (max-width : 767px) {
    .slider-note__item3-right {
        max-width         : 100%;
        padding           : 0 115px 0 15px;
        -webkit-transform : rotate(0) translateX(0) translateY(-20%);
        -ms-transform     : rotate(0) translateX(0) translateY(-20%);
        transform         : rotate(0) translateX(0) translateY(-20%);
        font-size         : 38px;
        line-height       : 48px;
        text-align        : right
    }

    .slider-note__item3-right .__note {
        color : #fff
    }
}

@media (max-width : 480px) {
    .slider-note__item3-right {
        padding           : 0 15px;
        -webkit-transform : rotate(0) translateX(0) translateY(0);
        -ms-transform     : rotate(0) translateX(0) translateY(0);
        transform         : rotate(0) translateX(0) translateY(0)
    }
}

.dairy-header {
    background  : url(../img/dairy/bg-header.jpg) center -15px no-repeat;
    color       : #fff;
    text-align  : center;
    font-family : 'Open Sans', sans-serif
}

@media (max-width : 767px) {
    .dairy-header {
        background-position : 0 0
    }
}

@media (min-width : 1400px) {
    .dairy-header .container {
        width : 100%
    }
}

._daih__flex {
    display                : flex;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    padding                : 115px 0 35px
}

@media (max-width : 767px) {
    ._daih__flex {
        padding : 45px 0 15px
    }
}

._daih__block-heading-small {
    font-family   : bebasneue_light-webfont;
    font-size     : 70px;
    line-height   : 88px;
    margin-bottom : 35px;
    font-weight   : 300
}

@media (max-width : 767px) {
    ._daih__block-heading-small {
        font-size     : 50px;
        line-height   : 62px;
        margin-bottom : 10px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._daih__flex {
        padding : 25px 0
    }

    ._daih__block-heading-small {
        margin-bottom : 5px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .dairy-header {
        background-position : center -140px
    }

    ._daih__flex {
        padding : 75px 0 35px
    }

    ._daih__block-heading-small {
        font-size     : 50px;
        line-height   : 68px;
        margin-bottom : 25px
    }
}

._daih__block-heading {
    font-family   : bebasneue_bold-webfont;
    font-size     : 260px;
    line-height   : 220px;
    margin-bottom : 185px
}

@media (max-width : 767px) {
    ._daih__block-heading {
        font-size     : 50px;
        line-height   : 40px;
        margin-bottom : 35px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._daih__block-heading {
        font-size     : 100px;
        line-height   : 70px;
        margin-bottom : 50px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._daih__flex {
        padding : 35px 0
    }

    ._daih__block-heading {
        font-size     : 190px;
        line-height   : 150px;
        margin-bottom : 135px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daih__block-heading {
        font-size     : 240px;
        margin-bottom : 135px
    }
}

._daih__list {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    list-style              : none;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    font-family             : opensanscondlight-webfont;
    font-size               : 36px;
    line-height             : 52px;
    font-weight             : 300;
    text-shadow             : 2px 4px 5px rgba(0, 0, 1, .17);
    max-width               : 1630px;
    margin                  : 15px auto 0
}

._daih__list > li {
    margin : 0 35px 20px
}

._daih__list > li span {
    position     : relative;
    padding-left : 25px;
    display      : inline-block
}

._daih__list > li span:before {
    border-radius     : 50%;
    background-color  : #f56a3f;
    width             : 7px;
    height            : 7px;
    position          : absolute;
    left              : 0;
    top               : 10px;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%)
}

@media (max-width : 767px) {
    ._daih__list {
        max-width               : 265px;
        font-size               : 24px;
        line-height             : 40px;
        -webkit-box-pack        : justify;
        -webkit-justify-content : space-between;
        -ms-flex-pack           : justify;
        justify-content         : space-between;
        margin-top              : 0;
        text-align              : left
    }

    ._daih__list > li {
        margin : 0 0 15px
    }
}

._daii2__note, ._daii3__heading, ._daii4__heading, ._daii5__note, ._daii6__heading, ._daii6__table tbody td:nth-child(2), ._daii6__table thead th:nth-child(2) {
    text-align : center
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daih__list {
        font-size               : 24px;
        line-height             : 40px;
        -webkit-box-pack        : justify;
        -webkit-justify-content : space-between;
        -ms-flex-pack           : justify;
        justify-content         : space-between
    }

    ._daih__list > li {
        padding : 0 20px;
        margin  : 0 0 15px;
        width   : 40%
    }

    ._daih__list > li:last-child {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._daih__list {
        font-size               : 34px;
        line-height             : 50px;
        -webkit-box-pack        : justify;
        -webkit-justify-content : space-between;
        -ms-flex-pack           : justify;
        justify-content         : space-between
    }

    ._daih__list > li {
        padding : 0 20px;
        margin  : 0 0 15px;
        width   : 40%
    }

    ._daih__list > li:last-child {
        width : 100%
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._daih__list {
        font-size   : 24px;
        line-height : 40px
    }

    ._daih__list > li {
        margin : 0 20px 15px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daih__list {
        font-size   : 26px;
        line-height : 42px
    }

    ._daih__list > li {
        margin : 0 25px 20px
    }
}

@media (min-width : 1400px) and (max-width : 1550px) {
    ._daih__list {
        font-size   : 26px;
        line-height : 42px
    }

    ._daih__list > li {
        margin : 0 25px 20px
    }
}

.dairy-info2 {
    background  : #fff;
    font-family : proxima_nova_light-webfont;
    color       : #333;
    font-size   : 24px;
    line-height : 36px;
    padding     : 120px 0 160px
}

@media (max-width : 767px) {
    .dairy-info2 {
        padding     : 35px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .dairy-info2 {
        padding     : 50px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

._daii2__note {
    max-width : 800px;
    margin    : 0 auto
}

._daii2__note:before {
    display    : block;
    width      : 70px;
    height     : 45px;
    background : url(../img/dairy/cow-icon.png) center no-repeat;
    margin     : 0 auto 55px
}

.dairy-info3 {
    background  : url(../img/dairy/bg-step.jpg) top center;
    font-family : 'Open Sans', sans-serif;
    color       : #333;
    font-size   : 27px;
    line-height : 40px;
    font-weight : 400;
    padding     : 80px 0 90px
}

@media (max-width : 767px) {
    ._daii2__note:before {
        margin : 0 auto 35px
    }

    .dairy-info3 {
        padding     : 35px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .dairy-info3 {
        padding     : 50px 0 75px;
        font-size   : 20px;
        line-height : 32px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .dairy-info3 {
        background-size     : auto 100%;
        background-position : 40% 0;
        font-size           : 18px;
        line-height         : 30px
    }
}

._daii3__heading {
    font-family   : bebasneueregular-webfont;
    color         : #000;
    font-size     : 72px;
    font-weight   : 400;
    line-height   : 92px;
    margin-bottom : 100px
}

._daii3__list > li:before, .dairy-info4 {
    font-family : 'Open Sans', sans-serif
}

@media (max-width : 767px) {
    ._daii3__heading {
        font-size     : 28px;
        line-height   : 48px;
        margin-bottom : 55px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._daii3__heading {
        font-size   : 24px;
        line-height : 34px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii3__heading {
        font-size   : 42px;
        line-height : 62px
    }
}

._daii3__list {
    counter-reset : list;
    list-style    : none;
    max-width     : 50%;
    margin-left   : auto
}

._daii3__list > li {
    position      : relative;
    margin-bottom : 60px
}

._daii3__list > li:last-child {
    margin-bottom : 0
}

._daii3__list > li:before {
    counter-increment : list;
    content           : "0" counter(list);
    font-size         : 60px;
    line-height       : 45px;
    font-weight       : 700;
    position          : absolute;
    top               : -30px;
    left              : 0;
    z-index           : 1;
    color             : #78b9e2;
    overflow          : hidden;
    height            : 35px
}

._daii4__opt-item:before, ._daii5__note:before, .application-content__list li:after, .application-content__list li:before {
    content : ''
}

@media (max-width : 767px) {
    ._daii3__list {
        max-width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii3__list {
        max-width : 55%
    }
}

.dairy-info4 {
    background  : url(../img/dairy/bg-option.jpg) center -65px no-repeat;
    color       : #333;
    font-size   : 24px;
    line-height : 36px;
    font-weight : 400;
    padding     : 200px 0 90px;
    min-height  : 1125px
}

@media (max-width : 767px) {
    .dairy-info4 {
        padding             : 35px 0 0;
        font-size           : 18px;
        line-height         : 28px;
        background-size     : 760px;
        min-height          : 840px;
        background-position : center bottom;
        background-color    : #fff
    }
}

@media (min-width : 350px) and (max-width : 767px) {
    .dairy-info4 {
        min-height : 730px
    }
}

@media (min-width : 375px) and (max-width : 767px) {
    .dairy-info4 {
        min-height : 730px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    .dairy-info4 {
        min-height : 700px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .dairy-info4 {
        padding     : 50px 0 75px;
        font-size   : 20px;
        line-height : 32px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .dairy-info4 {
        font-size           : 18px;
        line-height         : 30px;
        min-height          : 1035px;
        background-position : center -130px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii3__list {
        max-width : 60%
    }

    .dairy-info4 {
        background-size     : 1530px;
        padding-top         : 60px;
        min-height          : 795px;
        font-size           : 20px;
        line-height         : 32px;
        background-position : center -160px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .dairy-info4 {
        background-size     : 1530px;
        padding-top         : 60px;
        min-height          : 895px;
        font-size           : 20px;
        line-height         : 32px;
        background-position : center -160px
    }
}

@media (min-width : 1400px) {
    .dairy-info4 .container {
        width : 1370px
    }
}

@media (min-width : 1600px) {
    .dairy-info4 .container {
        width : 1530px
    }
}

._daii4__heading {
    font-family   : bebasneueregular-webfont;
    color         : #0d0d0d;
    font-size     : 72px;
    font-weight   : 400;
    line-height   : 92px;
    margin-bottom : 50px
}

@media (max-width : 767px) {
    ._daii4__heading {
        font-size     : 28px;
        line-height   : 48px;
        margin-bottom : 35px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._daii4__heading {
        font-size   : 24px;
        line-height : 34px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__heading {
        font-size   : 42px;
        line-height : 62px
    }
}

@media (min-width : 1400px) {
    ._daii4__heading {
        margin-bottom : 90px
    }
}

._daii4__opt {
    position : relative
}

._daii4__opt-item {
    border-bottom  : 1px solid #d1d1d1;
    position       : absolute;
    padding-bottom : 12px
}

._daii4__opt-item:before {
    position   : absolute;
    height     : 1px;
    background : #d1d1d1
}

._daii4__opt-item1 {
    top           : 305px;
    left          : 0;
    padding-right : 70px
}

._daii4__opt-item1:before {
    right             : -197px;
    bottom            : -15px;
    width             : 200px;
    -webkit-transform : rotate(8deg);
    -ms-transform     : rotate(8deg);
    transform         : rotate(8deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item {
        border         : none;
        position       : inherit;
        padding-bottom : 0;
        margin-bottom  : 20px;
        text-align     : center
    }

    ._daii4__opt-item:before {
        display : none
    }

    ._daii4__opt-item1 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item {
        border         : none;
        position       : inherit;
        padding-bottom : 0;
        margin-bottom  : 20px;
        text-align     : center
    }

    ._daii4__opt-item:before {
        display : none
    }

    ._daii4__opt-item1 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__heading {
        font-size   : 52px;
        line-height : 72px
    }

    ._daii4__opt-item1 {
        top           : 296px;
        padding-right : 0
    }

    ._daii4__opt-item1:before {
        right  : -107px;
        bottom : -8px;
        width  : 110px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__heading {
        font-size   : 52px;
        line-height : 72px
    }

    ._daii4__opt-item1 {
        top           : 265px;
        padding-right : 0
    }
}

@media (min-width : 1400px) and (max-width : 1599px) {
    ._daii4__opt-item1 {
        padding-right : 20px
    }
}

._daii4__opt-item2 {
    top           : 70px;
    left          : 25px;
    padding-right : 15px
}

._daii4__opt-item2:before {
    right             : -115px;
    bottom            : -53px;
    width             : 140px;
    -webkit-transform : rotate(49deg);
    -ms-transform     : rotate(49deg);
    transform         : rotate(49deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item2 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item2 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__opt-item2 {
        top           : 70px;
        left          : 0;
        padding-right : 15px;
        width         : 220px
    }

    ._daii4__opt-item2:before {
        right  : -32px;
        bottom : -16px;
        width  : 40px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__opt-item2 {
        top  : 90px;
        left : 0
    }

    ._daii4__opt-item2:before {
        right  : -74px;
        bottom : -35px;
        width  : 90px
    }
}

@media (min-width : 1400px) and (max-width : 1599px) {
    ._daii4__opt-item2:before {
        right  : -74px;
        bottom : -35px;
        width  : 90px
    }
}

._daii4__opt-item3 {
    top  : 30px;
    left : 395px
}

._daii4__opt-item3:before {
    right             : -91px;
    bottom            : -67px;
    width             : 140px;
    -webkit-transform : rotate(72deg);
    -ms-transform     : rotate(72deg);
    transform         : rotate(72deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item3 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item3 {
        top     : inherit;
        left    : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__opt-item3 {
        top  : 10px;
        left : 185px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__opt-item3 {
        left : 305px
    }
}

._daii4__opt-item4 {
    top   : -5px;
    right : 240px
}

._daii4__opt-item4:before {
    left              : -126px;
    bottom            : -65px;
    width             : 160px;
    -webkit-transform : rotate(126deg);
    -ms-transform     : rotate(126deg);
    transform         : rotate(126deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item4 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item4 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__opt-item4 {
        right : 0
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__opt-item4 {
        top   : 5px;
        right : 90px
    }
}

@media (min-width : 1400px) and (max-width : 1599px) {
    ._daii4__opt-item4 {
        right : 100px
    }
}

._daii4__opt-item5 {
    top   : 180px;
    right : 5px
}

._daii4__opt-item5:before {
    left              : -86px;
    bottom            : -45px;
    width             : 110px;
    -webkit-transform : rotate(126deg);
    -ms-transform     : rotate(126deg);
    transform         : rotate(126deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item5 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item5 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__opt-item5 {
        top   : 110px;
        right : 0;
        width : 190px
    }

    ._daii4__opt-item5:before {
        left              : -60px;
        bottom            : -25px;
        width             : 70px;
        -webkit-transform : rotate(136deg);
        -ms-transform     : rotate(136deg);
        transform         : rotate(136deg)
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__opt-item5 {
        top   : 150px;
        right : 35px;
        width : 200px
    }

    ._daii4__opt-item5:before {
        left              : -106px;
        bottom            : -14px;
        width             : 110px;
        -webkit-transform : rotate(166deg);
        -ms-transform     : rotate(166deg);
        transform         : rotate(166deg)
    }
}

@media (min-width : 1400px) and (max-width : 1599px) {
    ._daii4__opt-item5 {
        right : 25px;
        width : 240px
    }

    ._daii4__opt-item5:before {
        left              : -106px;
        bottom            : -14px;
        width             : 110px;
        -webkit-transform : rotate(166deg);
        -ms-transform     : rotate(166deg);
        transform         : rotate(166deg)
    }
}

._daii4__opt-item6 {
    top   : 356px;
    right : 105px
}

._daii4__opt-item6:before {
    left              : -135px;
    bottom            : -12px;
    width             : 140px;
    -webkit-transform : rotate(171deg);
    -ms-transform     : rotate(171deg);
    transform         : rotate(171deg)
}

@media (max-width : 767px) {
    ._daii4__opt-item6 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii4__opt-item6 {
        top     : inherit;
        right   : inherit;
        padding : 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._daii4__opt-item6 {
        top   : 296px;
        right : 0
    }

    ._daii4__opt-item6:before {
        left   : -77px;
        bottom : -7px;
        width  : 80px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._daii4__opt-item6 {
        top   : 296px;
        right : 35px
    }
}

@media (min-width : 1400px) and (max-width : 1599px) {
    ._daii4__opt-item6 {
        right : 25px
    }
}

.dairy-info5 {
    background  : #e3e8de;
    font-family : proxima_nova_light-webfont;
    color       : #222121;
    font-size   : 24px;
    line-height : 30px;
    padding     : 125px 0 160px
}

@media (max-width : 767px) {
    .dairy-info5 {
        padding     : 35px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .dairy-info5 {
        padding     : 50px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .dairy-info5 {
        padding : 75px 0
    }
}

._daii5__note {
    margin : 0 auto
}

._daii5__note:before {
    display    : block;
    width      : 120px;
    height     : 120px;
    background : url(../img/dairy/icon-petri.png) center no-repeat;
    margin     : 0 auto 110px
}

.dairy-info6 {
    background  : #fff;
    font-family : 'Open Sans', sans-serif;
    color       : #222121;
    font-size   : 16px;
    line-height : 36px;
    padding     : 110px 0 160px
}

@media (max-width : 767px) {
    ._daii5__note:before {
        margin : 0 auto 35px
    }

    .dairy-info6 {
        padding : 35px 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._daii5__note:before {
        margin : 0 auto 35px
    }

    .dairy-info6 {
        padding : 50px 0
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .dairy-info6 {
        padding : 75px 0
    }
}

._daii6__heading-small {
    font-family   : proxima_nova_light-webfont;
    text-align    : center;
    margin-bottom : 45px;
    font-size     : 24px;
    line-height   : 36px
}

@media (max-width : 767px) {
    ._daii6__heading-small {
        font-size     : 16px;
        line-height   : 28px;
        margin-bottom : 15px
    }
}

._daii6__heading {
    text-transform : uppercase;
    font-family    : bebasneueregular-webfont;
    font-size      : 120px;
    line-height    : 120px;
    margin-bottom  : 75px
}

@media (max-width : 767px) {
    ._daii6__heading {
        font-size     : 45px;
        line-height   : 55px;
        margin-bottom : 35px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii6__heading {
        font-size   : 80px;
        line-height : 80px
    }
}

._daii6__table {
    width : 100%
}

._daii6__table tbody td:nth-child(3), ._daii6__table thead th:nth-child(3) {
    text-align : right
}

._daii6__table thead td, ._daii6__table thead th {
    color          : #1a7e51;
    font-size      : 24px;
    line-height    : 36px;
    font-weight    : 400;
    border-bottom  : 2px solid #1a7e51;
    padding-bottom : 10px
}

@media (max-width : 767px) {
    ._daii6__table thead td, ._daii6__table thead th {
        font-size   : 16px;
        line-height : 28px;
        padding     : 0 10px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._daii6__table thead td, ._daii6__table thead th {
        font-size   : 20px;
        line-height : 32px
    }
}

._daii6__table tbody td, ._daii6__table tbody th {
    border-bottom : 1px solid rgba(26, 126, 81, .3)
}

._daii6__table tbody tr:last-child td, ._daii6__table tbody tr:last-child th {
    border-bottom : 1px solid rgba(26, 126, 81, 0)
}

._daii6__table caption {
    font-family    : opensanscondlight-webfont;
    color          : #666;
    font-size      : 24px;
    font-weight    : 300;
    line-height    : 30px;
    text-align     : center;
    vertical-align : bottom;
    padding-top    : 45px
}

.dairy-reviews {
    background : url(../img/dairy/bg-reviews.jpg) center 0 no-repeat;
    color      : #fff;
    padding    : 110px 0
}

@media (min-width : 1400px) {
    ._daii6__table-box {
        max-width : 1005px;
        margin    : 0 auto
    }

    .dairy-reviews .container {
        width : 1255px
    }
}

._dair__form-heading {
    font-family    : 'Open Sans', sans-serif;
    text-transform : uppercase;
    font-size      : 48px;
    line-height    : 60px;
    text-align     : center;
    color          : #1a1919;
    font-weight    : 700;
    margin-bottom  : 75px
}

@media (max-width : 767px) {
    .dairy-reviews {
        padding : 35px 0
    }

    ._dair__form-heading {
        font-size     : 25px;
        line-height   : 35px;
        margin-bottom : 25px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._dair__form-heading {
        font-size   : 40px;
        line-height : 52px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._dair__form-heading {
        font-size   : 50px;
        line-height : 62px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._dair__form-heading {
        font-size   : 44px;
        line-height : 56px
    }
}

._dair__form-area {
    max-width : 555px;
    margin    : 0 auto
}

._dair__form-area input, ._dair__form-area textarea {
    width              : 100%;
    background         : 0 0;
    outline            : 0;
    border             : 1px solid #898989;
    height             : 50px;
    margin-bottom      : 30px;
    padding            : 10px 20px;
    color              : #000;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease;
    font-size          : 16px;
    font-family        : 'Open Sans', sans-serif
}

._dair__form-area input::-webkit-input-placeholder, ._dair__form-area textarea::-webkit-input-placeholder {
    font-size          : 16px;
    color              : #333;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._dair__form-area input:-moz-placeholder, ._dair__form-area textarea:-moz-placeholder {
    font-size          : 16px;
    color              : #333;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._dair__form-area input:focus, ._dair__form-area textarea:focus {
    background   : #fff;
    border-color : #252525
}

._dair__form-area input:focus::-webkit-input-placeholder, ._dair__form-area textarea:focus::-webkit-input-placeholder {
    color : #000
}

._dair__form-area input:focus:-moz-placeholder, ._dair__form-area textarea:focus:-moz-placeholder {
    color : #000
}

._dair__form-area textarea {
    height : 105px
}

._dair__form-area button[type=submit] {
    display            : block;
    margin             : 5px auto;
    border-radius      : 10px;
    background-color   : #fc3b3b;
    font-size          : 14px;
    line-height        : 48px;
    padding            : 0 55px;
    color              : #fff;
    text-transform     : uppercase;
    border             : none;
    outline            : 0;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._dair__form-area button[type=submit]:hover {
    background : #fb0909
}

.highdry-application {
    background : url(../img/highdry/bg-application-top.jpg) center top no-repeat, url(../img/highdry/bg-application-bottom.jpg) center bottom no-repeat #eeecec;
    min-height : 680px;
    padding    : 90px 0;
    position   : relative
}

@media (max-width : 767px) {
    .highdry-application {
        padding    : 30px 0;
        min-height : inherit
    }

    .highdry-application .round-blue {
        display : none
    }
}

._hd-application__content {
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    min-height              : 520px;
    position                : relative;
    font-family             : proxima_nova_regular-webfont;
    font-size               : 20px;
    line-height             : 29px;
    color                   : #333
}

.application-content__quest {
    width      : 100%;
    max-width  : 400px;
    min-height : 440px;
    background : url(../img/highdry/bg-application.png) center right no-repeat
}

@media (max-width : 767px) {
    ._hd-application__content {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column
    }

    .application-content__quest {
        display : none
    }
}

.application-content__list {
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-flex-direction  : column;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    min-height              : 130px;
    list-style              : none;
    -webkit-transform       : rotate(0) translateX(10px) translateY(52px);
    -ms-transform           : rotate(0) translateX(10px) translateY(52px);
    transform               : rotate(0) translateX(10px) translateY(52px)
}

.application-content__list li {
    padding-left : 25px;
    position     : relative
}

.application-content__list li:before {
    position          : absolute;
    top               : 50%;
    left              : 0;
    width             : 18px;
    height            : 18px;
    border-radius     : 50%;
    -webkit-transform : rotate(0) translateX(0) translateY(-50%);
    -ms-transform     : rotate(0) translateX(0) translateY(-50%);
    transform         : rotate(0) translateX(0) translateY(-50%);
    border            : 1px solid #48b3d9
}

.application-content__list li:after, .round-blue {
    position      : absolute;
    top           : 50%;
    left          : 0;
    border-radius : 50%
}

.application-content__list li:after {
    width             : 10px;
    height            : 10px;
    -webkit-transform : rotate(0) translateX(0) translateY(-50%);
    -ms-transform     : rotate(0) translateX(0) translateY(-50%);
    transform         : rotate(0) translateX(0) translateY(-50%);
    background        : #48b3d9;
    margin            : 0 4px
}

@media (max-width : 767px) {
    .application-content__list li {
        padding-left  : 35px;
        margin-bottom : 20px
    }

    .application-content__list {
        -webkit-transform : rotate(0) translateX(0) translateY(52px);
        -ms-transform     : rotate(0) translateX(0) translateY(52px);
        transform         : rotate(0) translateX(0) translateY(52px)
    }
}

.application-content__panel {
    background     : #96cde0;
    position       : absolute;
    width          : 600px;
    top            : 13%;
    right          : 43px;
    border-left    : 15px solid #09c;
    font-family    : proxima_nova_bold-webfont;
    font-size      : 30px;
    line-height    : 36px;
    color          : #333;
    text-transform : uppercase;
    padding        : 5px 15px;
    border-bottom  : 1px solid #3a9dcd
}

.application-content__panel b {
    font-family : proxima_nova_extrabold-webfont
}

@media (max-width : 767px) {
    .application-content__panel {
        width                     : 100%;
        max-width                 : 100%;
        right                     : 0;
        position                  : relative;
        -webkit-box-ordinal-group : 0;
        -webkit-order             : -1;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

._hd-header__content-flex, ._i-blog__item {
    -webkit-flex-direction : column;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal
}

.round-blue {
    width  : 103px;
    height : 103px;
    border : 1px solid #bababa
}

.reklama-content__list li:before, .round-blue:after {
    position          : absolute;
    top               : 50%;
    left              : 0;
    border-radius     : 50%;
    -webkit-transform : rotate(0) translateX(0) translateY(-50%);
    -ms-transform     : rotate(0) translateX(0) translateY(-50%);
    content           : ''
}

.round-blue:after {
    width      : 73px;
    height     : 73px;
    transform  : rotate(0) translateX(0) translateY(-50%);
    background : #aed6e5;
    margin     : 0 15px
}

.application-content__left-line {
    position          : absolute;
    height            : 1px;
    width             : 320px;
    background        : #94c0e9;
    bottom            : 20px;
    left              : 290px;
    -webkit-transform : rotate(120deg) translateX(0) translateY(0);
    -ms-transform     : rotate(120deg) translateX(0) translateY(0);
    transform         : rotate(120deg) translateX(0) translateY(0)
}

.application-content__right-line {
    position          : absolute;
    height            : 1px;
    width             : 350px;
    background        : #94c0e9;
    bottom            : -3px;
    left              : 430px;
    -webkit-transform : rotate(70deg) translateX(0) translateY(0);
    -ms-transform     : rotate(70deg) translateX(0) translateY(0);
    transform         : rotate(70deg) translateX(0) translateY(0)
}

.bg-line1 {
    position   : absolute;
    top        : -112px;
    width      : 270px;
    height     : 271px;
    background : url(../img/highdry/bg-line1.png) center top no-repeat;
    z-index    : 20;
    left       : 815px
}

@media (max-width : 1819px) {
    .bg-line1 {
        display : none
    }
}

._hd-header__content-flex, ._hd-reklama__content {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box
}

.highdry-header {
    background : url(../img/highdry/bg-header-screen.jpg) center top no-repeat
}

._hd-header__content, ._hd-header__content a {
    color : #333
}

._hd-header__content-flex {
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    display                 : flex;
    min-height              : 515px;
    padding-top             : 10px;
    padding-bottom          : 10px
}

._hd-header__phone {
    font-family : proxima_nova_light-webfont;
    font-size   : 14px;
    line-height : 14px;
    color       : inherit;
    margin      : 40px 0 110px
}

._hd-header__phone div {
    margin-bottom : 10px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-header__phone div {
        margin-bottom : 20px
    }

    ._hd-header__phone {
        font-size   : 16px;
        line-height : 16px;
        margin      : 40px 0 95px
    }
}

._hd-header__phone .__phone {
    font-family   : proxima_nova_extrabold-webfont;
    font-size     : 24px;
    line-height   : 28px;
    color         : inherit;
    margin-bottom : 0
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-header__phone .__phone {
        font-size   : 24px;
        line-height : 26px
    }

    .highdry-reklama .round-grey {
        display : none
    }
}

._hd-header__phone .__phone a {
    color : inherit
}

._hd-header__heading {
    font-family : proxima_nova_bold-webfont;
    font-size   : 72px;
    line-height : 62px;
    color       : #161616
}

.highdry-answer {
    background : url(../img/highdry/bg-answer.png) right bottom no-repeat #48b3d9;
    color      : #fafafa;
    padding    : 40px 0
}

._hd-answer__content {
    font-family : proxima_nova_semibold-webfont;
    font-size   : 72px;
    line-height : 67px;
    color       : inherit
}

.highdry-reklama {
    padding-top : 15px;
    position    : relative
}

@media (max-width : 767px) {
    ._hd-header__content-flex {
        -webkit-justify-content : flex-end;
        -moz-justify-content    : flex-end;
        -ms-justify-content     : flex-end;
        -webkit-box-pack        : end;
        -ms-flex-pack           : end;
        justify-content         : flex-end
    }

    ._hd-header__phone {
        display : none
    }

    .highdry-answer {
        background-size : 530px
    }

    .highdry-reklama .round-grey {
        display : none
    }

    .highdry-reklama {
        padding-top : 45px
    }
}

._hd-reklama__content {
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    min-height              : 410px;
    font-family             : proxima_nova_regular-webfont;
    font-size               : 20px;
    line-height             : 29px;
    color                   : #333
}

@media (max-width : 767px) {
    ._hd-reklama__content {
        min-height : 340px
    }
}

.reklama-content__quest {
    width                   : 100%;
    max-width               : 420px;
    min-height              : 280px;
    margin                  : 0 70px;
    background              : url(../img/highdry/bg-reklama-quest.png) center right no-repeat;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    font-family             : proxima_nova_extrabold-webfont;
    font-size               : 36px;
    line-height             : 36px;
    color                   : #1e93f6;
    text-transform          : uppercase
}

@media (min-width : 992px) and (max-width : 1199px) {
    .reklama-content__quest {
        margin : 0 35px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .reklama-content__quest {
        margin              : 0 10px;
        background-position : center left;
        max-width           : 280px;
        background-size     : 250px
    }
}

@media (max-width : 767px) {
    .reklama-content__quest {
        margin            : 0;
        position          : absolute;
        left              : -150px;
        width             : 280px;
        top               : 50%;
        -webkit-transform : translateY(-50%);
        -ms-transform     : translateY(-50%);
        transform         : translateY(-50%)
    }
}

.reklama-content__quest ._quest {
    font-family    : proxima_nova_bold-webfont;
    font-size      : 150px;
    line-height    : 120px;
    color          : #f8f8f8;
    vertical-align : middle
}

.reklama-content__quest > div {
    -webkit-transform : rotate(0) translateX(-20px) translateY(0);
    -ms-transform     : rotate(0) translateX(-20px) translateY(0);
    transform         : rotate(0) translateX(-20px) translateY(0);
    display           : inline-block
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .reklama-content__quest ._quest {
        font-size   : 70px;
        line-height : 90px
    }

    .reklama-content__quest > div {
        -webkit-transform : rotate(0) translateX(50px) translateY(10px);
        -ms-transform     : rotate(0) translateX(50px) translateY(10px);
        transform         : rotate(0) translateX(50px) translateY(10px)
    }
}

.reklama-content__note {
    max-width : 420px;
    width     : 100%;
    margin    : 0 70px
}

@media (min-width : 992px) and (max-width : 1199px) {
    .reklama-content__note {
        margin : 0 0 0 35px
    }
}

.reklama-content__quest-device {
    display        : none;
    font-family    : proxima_nova_extrabold-webfont;
    font-size      : 36px;
    line-height    : 36px;
    color          : #1e93f6;
    text-align     : center;
    text-transform : uppercase
}

@media (max-width : 767px) {
    .reklama-content__quest > div {
        display : none
    }

    .reklama-content__note {
        max-width    : 100%;
        margin       : 0;
        padding-left : 120px
    }

    .reklama-content__quest-device {
        display : block
    }
}

._i-about__flex, .reklama-content__list {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box
}

.reklama-content__quest-device .white {
    color : #1e93f6
}

._hb-panel__blog, ._hd-reviews__heading {
    font-family : proxima_nova_bold-webfont;
    color       : #333;
    text-align  : center
}

.reklama-content__list {
    display                 : flex;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-flex-direction  : column;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    -webkit-box-orient      : vertical;
    -webkit-box-direction   : normal;
    flex-direction          : column;
    min-height              : 240px;
    list-style              : none
}

.reklama-content__list li {
    padding-left : 25px;
    position     : relative
}

.reklama-content__list li:before {
    width     : 18px;
    height    : 18px;
    transform : rotate(0) translateX(0) translateY(-50%);
    border    : 1px solid #48b3d9
}

.reklama-content__list li:after, .round-grey {
    border-radius : 50%;
    position      : absolute;
    top           : 50%;
    left          : 0
}

.reklama-content__list li:after {
    content           : '';
    width             : 10px;
    height            : 10px;
    -webkit-transform : rotate(0) translateX(0) translateY(-50%);
    -ms-transform     : rotate(0) translateX(0) translateY(-50%);
    transform         : rotate(0) translateX(0) translateY(-50%);
    background        : #48b3d9;
    margin            : 0 4px
}

.reklama-content__list li:nth-of-type(1) {
    -webkit-transform : rotate(0) translateX(-33%) translateY(0);
    -ms-transform     : rotate(0) translateX(-33%) translateY(0);
    transform         : rotate(0) translateX(-33%) translateY(0)
}

.reklama-content__list li:nth-of-type(2), .reklama-content__list li:nth-of-type(3) {
    -webkit-transform : rotate(0) translateX(-26%) translateY(0);
    -ms-transform     : rotate(0) translateX(-26%) translateY(0);
    transform         : rotate(0) translateX(-26%) translateY(0)
}

.reklama-content__list li:nth-of-type(4) {
    -webkit-transform : rotate(0) translateX(-33%) translateY(0);
    -ms-transform     : rotate(0) translateX(-33%) translateY(0);
    transform         : rotate(0) translateX(-33%) translateY(0)
}

@media (min-width : 992px) and (max-width : 1199px) {
    .reklama-content__list li:nth-of-type(1) {
        -webkit-transform : rotate(0) translateX(-13%) translateY(0);
        -ms-transform     : rotate(0) translateX(-13%) translateY(0);
        transform         : rotate(0) translateX(-13%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(2), .reklama-content__list li:nth-of-type(3) {
        -webkit-transform : rotate(0) translateX(-6%) translateY(0);
        -ms-transform     : rotate(0) translateX(-6%) translateY(0);
        transform         : rotate(0) translateX(-6%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(4) {
        -webkit-transform : rotate(0) translateX(-13%) translateY(0);
        -ms-transform     : rotate(0) translateX(-13%) translateY(0);
        transform         : rotate(0) translateX(-13%) translateY(0)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .reklama-content__list li:nth-of-type(1) {
        -webkit-transform : rotate(0) translateX(-13%) translateY(0);
        -ms-transform     : rotate(0) translateX(-13%) translateY(0);
        transform         : rotate(0) translateX(-13%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(2), .reklama-content__list li:nth-of-type(3) {
        -webkit-transform : rotate(0) translateX(-6%) translateY(0);
        -ms-transform     : rotate(0) translateX(-6%) translateY(0);
        transform         : rotate(0) translateX(-6%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(4) {
        -webkit-transform : rotate(0) translateX(-13%) translateY(0);
        -ms-transform     : rotate(0) translateX(-13%) translateY(0);
        transform         : rotate(0) translateX(-13%) translateY(0)
    }
}

@media (max-width : 767px) {
    .reklama-content__list li:nth-of-type(1) {
        -webkit-transform : rotate(0) translateX(-3%) translateY(0);
        -ms-transform     : rotate(0) translateX(-3%) translateY(0);
        transform         : rotate(0) translateX(-3%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(2), .reklama-content__list li:nth-of-type(3) {
        -webkit-transform : rotate(0) translateX(4%) translateY(0);
        -ms-transform     : rotate(0) translateX(4%) translateY(0);
        transform         : rotate(0) translateX(4%) translateY(0)
    }

    .reklama-content__list li:nth-of-type(4) {
        -webkit-transform : rotate(0) translateX(-3%) translateY(0);
        -ms-transform     : rotate(0) translateX(-3%) translateY(0);
        transform         : rotate(0) translateX(-3%) translateY(0)
    }

    .highdry-reviews .bg-line {
        display : none
    }
}

.round-grey {
    width  : 64px;
    height : 64px;
    border : 1px solid #bababa
}

.round-grey:after {
    content           : '';
    position          : absolute;
    top               : 50%;
    left              : 0;
    width             : 46px;
    height            : 46px;
    border-radius     : 50%;
    -webkit-transform : rotate(0) translateX(0) translateY(-50%);
    -ms-transform     : rotate(0) translateX(0) translateY(-50%);
    transform         : rotate(0) translateX(0) translateY(-50%);
    background        : #bababa;
    margin            : 0 8px
}

.highdry-reviews {
    background     : url(../img/highdry/bg-reviews.jpg) center top no-repeat;
    min-height     : 1120px;
    padding-bottom : 70px;
    position       : relative
}

._hd-panel {
    margin : 140px 0 130px
}

._hb-panel__blog {
    max-width     : 675px;
    margin        : 0 auto;
    padding       : 40px;
    border-radius : 10px;
    font-size     : 36px;
    line-height   : 43px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hb-panel__blog {
        padding     : 55px 45px;
        line-height : 38px
    }
}

@media (max-width : 767px) {
    ._hb-panel__blog {
        padding   : 10px 15px;
        font-size : 30px
    }
}

._hd-panel__blog-btn {
    max-width  : 200px;
    margin     : 25px auto 0;
    padding    : 15px;
    background : #f44932
}

._hd-panel__blog-btn:hover {
    background : #f55e4a
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-panel__blog-btn {
        max-width : 230px;
        margin    : 15px auto 0;
        padding   : 20px 15px
    }
}

._hd-reviews__block {
    max-width      : 725px;
    margin         : 0 auto;
    padding-bottom : 50px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-reviews__block {
        border-left  : none;
        padding-left : 0;
        max-width    : 100%;
        margin       : 0 auto
    }
}

@media (max-width : 767px) {
    ._hd-reviews__block {
        border-left  : none;
        padding-left : 0;
        max-width    : 100%;
        margin       : 0 auto
    }
}

._hd-reviews__heading {
    font-size     : 36px;
    line-height   : 43px;
    margin-bottom : 25px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-reviews__heading {
        font-size   : 36px;
        line-height : 44px;
        max-width   : 100%;
        text-align  : center
    }
}

@media (max-width : 767px) {
    ._hd-reviews__heading {
        font-size   : 22px;
        line-height : 34px;
        max-width   : 100%;
        text-align  : center
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-reviews__form {
        max-width : 560px;
        margin    : 0 auto
    }
}

._hd-reviews__form .form-control {
    background    : rgba(255, 255, 255, .7);
    border        : 1px solid rgba(255, 255, 255, .7);
    height        : 50px;
    padding       : 6px 22px;
    margin-bottom : 15px;
    color         : #000
}

._hd-reviews__form .form-control::-webkit-input-placeholder {
    font-family : proxima_nova_regular-webfont;
    font-size   : 20px;
    line-height : 25px;
    color       : #909090
}

._hd-reviews__form .form-control:-moz-placeholder {
    font-family : proxima_nova_regular-webfont;
    font-size   : 20px;
    line-height : 25px;
    color       : #909090
}

._hd-reviews__form .form-control:focus {
    border-color : #39c
}

._hd-reviews__form textarea.form-control {
    max-width : 100%;
    height    : 120px
}

._hd-reviews__btn {
    padding    : 15px;
    max-width  : 200px;
    width      : 100%;
    font-size  : 18px;
    margin     : 25px auto 0;
    background : #f44932
}

._hd-reviews__btn:hover {
    background : #f55e4a
}

._hd-reviews__btn:focus {
    outline    : 0;
    background : #f55e4a
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._hd-reviews__btn {
        margin         : 25px auto 0;
        padding        : 17px 15px;
        max-width      : 240px;
        text-transform : uppercase
    }
}

@media (max-width : 767px) {
    ._hd-reviews__btn {
        margin         : 65px auto 0;
        padding        : 17px 15px;
        max-width      : 240px;
        text-transform : uppercase
    }
}

.bg-line {
    position   : absolute;
    top        : -184px;
    width      : 100%;
    height     : 365px;
    background : url(../img/highdry/bg-line.png) center top no-repeat;
    z-index    : 20
}

._i-blog__item-header, ._i-blog__item-time {
    z-index  : 50;
    position : relative
}

.index__about {
    background  : #fff;
    position    : relative;
    padding     : 125px 0 20px;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #333
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .index__about {
        padding-top : 110px;
        font-family : pfdindisplaypro-light-webfont;
        font-size   : 18px
    }
}

@media (min-height : 980px) and (min-width : 1800px) {
    .index__about {
        padding-top : 125px
    }
}

@media (max-width : 767px) {
    .index__about {
        font-size   : 18px;
        line-height : 28px;
        font-family : pfdindisplaypro-light-webfont
    }

    ._i-about__container {
        padding-left  : 25px !important;
        padding-right : 25px !important
    }
}

@media (min-width : 1400px) {
    ._i-about__container {
        width : 1330px
    }
}

._i-about__heading {
    font-family    : pfagoraslabpro-black-webfont;
    font-size      : 44px;
    line-height    : 56px;
    color          : #1c953f;
    text-align     : center;
    margin-bottom  : 25px;
    text-transform : uppercase
}

._i-about__note, .index__blog {
    font-family : pfdindisplaypro-med-webfont
}

@media (min-width : 1900px) {
    ._i-about__heading {
        -webkit-transform : translateY(10px);
        -ms-transform     : translateY(10px);
        transform         : translateY(10px)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-about__heading {
        font-size   : 38px;
        max-width   : 450px;
        margin      : 0 auto 10px;
        line-height : 46px
    }
}

@media (max-width : 767px) {
    ._i-about__heading {
        font-size   : 28px;
        line-height : 52px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._i-about__heading {
        font-size   : 40px;
        line-height : 52px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._i-about__heading {
        font-size   : 40px;
        line-height : 52px
    }
}

._i-about__note {
    font-size   : 18px;
    line-height : inherit;
    color       : inherit;
    text-align  : center;
    max-width   : 755px;
    margin      : 0 auto 30px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-about__note {
        margin : 0 auto 75px
    }
}

@media (max-width : 767px) {
    ._i-about__note {
        max-width     : 650px;
        text-align    : left;
        margin-bottom : 40px;
        font-size     : 26px;
        line-height   : 38px;
        word-break    : break-word
    }
}

._i-about__flex {
    display                 : flex;
    -webkit-justify-content : flex-start;
    -moz-justify-content    : flex-start;
    -ms-justify-content     : flex-start;
    -webkit-box-pack        : start;
    -ms-flex-pack           : start;
    justify-content         : flex-start;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    margin-left             : -15px;
    margin-right            : -15px
}

@media (min-width : 1600px) {
    ._i-about__container {
        width : 1500px
    }

    ._i-about__flex {
        margin-left  : -30px;
        margin-right : -30px
    }
}

._i-about__item {
    padding-left  : 15px;
    padding-right : 15px;
    width         : 25%;
    text-align    : center;
    margin-bottom : 30px
}

@media (max-width : 767px) {
    ._i-about__item {
        width         : 100%;
        margin-bottom : 125px
    }
}

@media (max-width : 480px) {
    ._i-about__item {
        padding-left  : 20px;
        padding-right : 20px;
        margin-bottom : 55px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-about__item {
        width         : 50%;
        padding-left  : 60px;
        padding-right : 60px;
        margin-bottom : 80px
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    ._i-about__item {
        width         : 50%;
        padding-left  : 60px;
        padding-right : 60px;
        margin-bottom : 80px
    }
}

@media (min-width : 1600px) {
    ._i-about__item {
        padding-left  : 30px;
        padding-right : 30px
    }
}

._i-about__icon {
    border-radius : 50%;
    margin        : 0 auto 25px;
    border        : 1px solid #cfc
}

@media (min-width : 768px) {
    ._i-about__icon {
        width  : 177px;
        height : 177px
    }
}

@media (max-width : 767px) {
    ._i-about__icon {
        width  : 200px;
        height : 200px;
        margin : 0 auto 40px;
        border : 4px solid #cfc
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._i-about__note {
        font-size : 16px
    }

    ._i-about__icon {
        width  : 150px;
        height : 150px
    }
}

._i-about__icon.icon1 {
    background : url(../img/index/about-item1.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-about__icon.icon1 {
        background-size : 65px
    }
}

@media (max-width : 767px) {
    ._i-about__icon.icon1 {
        background-size : 95px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._i-about__note {
        font-size : 16px
    }

    ._i-about__icon {
        width  : 150px;
        height : 150px
    }

    ._i-about__icon.icon1 {
        background-size : 60px
    }
}

._i-about__icon.icon2 {
    background : url(../img/index/about-item3.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-about__icon.icon2 {
        background-size : 70px
    }
}

@media (max-width : 767px) {
    ._i-about__icon.icon2 {
        background-size : 100px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._i-about__icon.icon2 {
        background-size : 65px
    }
}

._i-about__icon.icon3 {
    background : url(../img/index/about-item2.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-about__icon.icon3 {
        background-size : 70px
    }
}

@media (max-width : 767px) {
    ._i-about__icon.icon3 {
        background-size : 100px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._i-about__icon.icon3 {
        background-size : 65px
    }
}

._i-about__icon.icon4 {
    background : url(../img/index/about-item4.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-about__icon.icon4 {
        background-size : 100px
    }
}

@media (max-width : 767px) {
    ._i-about__icon.icon4 {
        background-size : 120px
    }
}

.partner-block {
    border-top              : 1px solid #e6e6e6;
    max-width               : 1800px;
    margin                  : 30px auto 0;
    padding                 : 20px 10px 0;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -webkit-justify-content : space-between;
    -moz-justify-content    : space-between;
    -ms-justify-content     : space-between;
    -webkit-box-pack        : justify;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center;
    min-height              : 100px
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .partner-block {
        margin    : 20px auto 0;
        max-width : 850px
    }

    .partner__item {
        display : none
    }

    .partner__item:nth-of-type(1), .partner__item:nth-of-type(2), .partner__item:nth-of-type(3) {
        display : block
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._i-about__icon.icon4 {
        background-size : 95px
    }

    .partner-block {
        margin : 15px auto 0
    }
}

.partner__item {
    margin-bottom : 20px;
    padding       : 0 15px
}

.index__blog {
    background  : url(../img/index/bg-blog.jpg) center top;
    padding     : 115px 0 20px;
    position    : relative;
    font-size   : 16px;
    line-height : 24px;
    color       : #fff
}

._i-blog__container {
    width : 100%
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .index__blog {
        padding : 110px 0 20px
    }

    ._i-blog__container {
        width     : 100%;
        min-width : 700px;
        max-width : 900px;
        font-size : 18px
    }
}

._i-blog__heading {
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 60px;
    line-height : 80px;
    color       : inherit
}

._i-blog__btn {
    margin-top : 50px
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .index__blog {
        background-size : cover
    }

    ._i-blog__btn {
        margin-top : 20px;
        width      : 250px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-blog__btn {
        margin-top : 30px;
        max-width  : 305px
    }

    ._i-blog__btn .btn-slider {
        font-size   : 16px;
        font-family : pfdindisplaypro-bold-webfont;
        line-height : 20px
    }
}

@media (max-width : 767px) {
    .index__blog {
        padding    : 15px 0 50px;
        background : #fff
    }

    ._i-blog__container {
        padding-left  : 20px !important;
        padding-right : 20px !important
    }

    ._i-blog__heading {
        color : #333
    }

    ._i-blog__btn {
        margin-top   : 30px;
        max-width    : 500px;
        margin-left  : auto;
        margin-right : auto
    }

    ._i-blog__btn .btn-slider {
        font-size    : 30px;
        font-family  : pfdindisplaypro-bold-webfont;
        line-height  : 54px;
        color        : #1c953f;
        border-color : #1c953f
    }

    ._i-blog__btn .btn-slider:focus, ._i-blog__btn .btn-slider:hover {
        color        : #333;
        border-color : #333
    }
}

.line {
    display             : -webkit-flex;
    display             : -moz-flex;
    display             : -ms-flexbox;
    display             : -ms-flex;
    display             : -webkit-box;
    display             : flex;
    -webkit-align-items : stretch;
    -moz-align-items    : stretch;
    -ms-align-items     : stretch;
    -webkit-box-align   : stretch;
    -ms-flex-align      : stretch;
    align-items         : stretch;
    min-height          : 500px;
    margin-bottom       : 40px
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .line {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .line {
        margin-bottom : 30px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    .line {
        min-height : 440px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .line {
        min-height : 355px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .line {
        min-height    : 325px;
        margin-bottom : 20px
    }

    .line > div {
        width : 50%
    }
}

@media (max-width : 767px) {
    .line {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column;
        margin-bottom          : 20px;
        height                 : inherit
    }
}

.line.line1 {
    min-height    : 330px;
    margin-bottom : 0
}

@media (min-width : 800px) and (max-width : 1024px) {
    ._i-blog__btn {
        margin-top : 35px
    }

    .line.line1 {
        min-height : 300px
    }

    .line.line1 > div {
        width : 50%
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .line.line1 {
        min-height : 240px
    }

    .line.line1 .col-blog-2 {
        display : none !important
    }

    .line.line1 .col-blog-4 {
        width : 50%
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .line.line1 {
        min-height : 355px
    }

    .line.line1 > div {
        width : 50%
    }
}

@media (max-width : 767px) {
    .line.line1 {
        height : initial !important
    }

    .line.line1 > div {
        width         : 100%;
        height        : 400px;
        margin-bottom : 20px
    }

    .line.line1 > div:empty {
        display : none
    }
}

[class^=col-blog] {
    padding-left  : 15px;
    padding-right : 15px;
    position      : relative
}

.col-blog-2 {
    width : 20%
}

.col-blog-4 {
    width : 40%
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .line-top > div {
        width         : 50%;
        height        : 270px;
        margin-bottom : 20px
    }

    .line-top > div:nth-of-type(2) {
        -webkit-order             : -1;
        -moz-order                : -1;
        -ms-order                 : -1;
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .line-top > div {
        height : 240px !important
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .line-top > div {
        width         : 33.33333%;
        height        : 355px;
        margin-bottom : 20px
    }

    .line-top > div:nth-of-type(2) {
        -webkit-order             : -1;
        -moz-order                : -1;
        -ms-order                 : -1;
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .line-top {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap
    }

    .line-top > div {
        width  : 50%;
        height : 300px
    }

    .line-top > div:nth-of-type(2) {
        width                     : 100%;
        margin-bottom             : 40px;
        height                    : inherit;
        -webkit-order             : -1;
        -moz-order                : -1;
        -ms-order                 : -1;
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .line.line1 {
        min-height : 235px
    }

    .line-top > div {
        margin-bottom : 20px;
        width         : 31%;
        height        : 300px;
        margin-top    : 20px
    }

    .line-top > div:nth-of-type(2) {
        width                     : 38%;
        margin-top                : 0;
        -webkit-order             : -1;
        -moz-order                : -1;
        -ms-order                 : -1;
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1
    }
}

@media (max-width : 767px) {
    .line-top > div {
        margin-bottom : 20px;
        width         : 100%;
        height        : 400px;
        margin-top    : 20px
    }

    .line-top > div:nth-of-type(2) {
        width                     : 100%;
        margin-top                : 0;
        -webkit-order             : -1;
        -moz-order                : -1;
        -ms-order                 : -1;
        -webkit-box-ordinal-group : 0;
        -ms-flex-order            : -1;
        order                     : -1;
        height                    : auto
    }
}

._i-blog__item-box {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 15px;
    right    : 15px;
    overflow : hidden
}

._i-blog__item, ._i-blog__item-bg {
    position : absolute;
    right    : 0;
    bottom   : 0
}

._i-blog__item {
    top                     : 0;
    left                    : 0;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-justify-content : flex-end;
    -moz-justify-content    : flex-end;
    -ms-justify-content     : flex-end;
    -webkit-box-pack        : end;
    -ms-flex-pack           : end;
    justify-content         : flex-end;
    padding                 : 25px 30px;
    color                   : inherit
}

._i-blog__item-time:before, .index__header .header-arrow:before {
    content : '';
    display : inline-block
}

._i-blog__item span.hover-img {
    position                 : absolute;
    width                    : 120%;
    height                   : 120%;
    left                     : -10%;
    top                      : -10%;
    background-size          : auto 100%;
    -webkit-transform-origin : center center;
    -ms-transform-origin     : center center;
    transform-origin         : center center;
    -webkit-transition       : background-size .5s ease;
    transition               : background-size .5s ease;
    background-position      : center center;
    background-repeat        : no-repeat
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._i-blog__item span.hover-img {
        height : 250%
    }
}

._i-blog__item:focus, ._i-blog__item:hover {
    color           : inherit;
    text-decoration : none
}

._i-blog__item:focus span.hover-img, ._i-blog__item:hover span.hover-img {
    background-size : auto 125%
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-blog__item {
        padding    : 20px 25px;
        word-break : break-word
    }
}

@media (max-width : 480px) {
    ._i-blog__btn .btn-slider {
        font-size   : 20px;
        line-height : 44px
    }

    ._i-blog__item {
        padding    : 20px 25px;
        word-break : break-word
    }
}

._i-blog__item-bg {
    background-image  : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background-image  : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat : repeat-x;
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    top               : 0;
    left              : 0
}

._i-blog__item-time:before {
    border        : 1px solid;
    border-top    : 3px solid;
    border-radius : 1px;
    margin-right  : 5px;
    width         : 11px;
    height        : 11px
}

._i-blog__item-header {
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 20px;
    line-height : 1.2;
    color       : inherit
}

._i-blog__item-header a {
    color : inherit
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._i-blog__item-header {
        font-size   : 18px;
        line-height : 24px;
        word-break  : break-word
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._i-blog__item-header {
        font-size   : 22px;
        line-height : 28px;
        word-break  : break-word
    }
}

._i-blog__list {
    border     : 3px solid #fff;
    padding    : 21px 31px;
    min-height : 330px
}

._i-blog__list-item {
    border-bottom  : 2px solid #fff;
    margin-bottom  : 20px;
    padding-bottom : 20px
}

._i-blog__list-item:last-child {
    border-bottom  : 0;
    margin-bottom  : 0;
    padding-bottom : 0
}

._i-blog__list-item ._i-blog__item-time {
    margin-bottom : 5px
}

._i-blog__list-item ._i-blog__item-header {
    font-size   : 18px;
    line-height : 21px
}

.index__header {
    position    : relative;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 20px;
    line-height : 30px;
    color       : #fff
}

.slide-header {
    height : 100%;
}

.slide-header .owl-stage-outer {
    height : 100%;
}

.slide-header .owl-stage-outer .owl-stage {
    height : 100%;
}

.slide-header .owl-item {
    height : 100%;
}

.slide-header .slide-header-item {
    height              : 100%;
    background-position : center -17px, 100% -17px;
    background-repeat   : no-repeat, no-repeat;
    background-size     : cover, cover;
    text-align          : center;
    display             : flex;
    justify-content     : center;
    align-items         : center;
    flex-direction      : column;
}

.slide-header-caption {
    max-width   : 900px;
    text-align  : center;
    font-family : pfagoraslabpro-blackital-webfont;
    font-size   : 72px;
    line-height : 76px;
    color       : inherit;
    margin      : 0 auto 80px;
}

.slide-header-description {
    max-width : 900px;
}

.slide-header .owl-nav {
    display         : flex;
    position        : absolute;
    width           : 100%;
    top             : 50%;
    transform       : translateY(-50%);
    justify-content : space-between;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
    width         : 50px;
    height        : 50px;
    text-align    : center;
    padding       : 10px 0;
    border-radius : 50%;
    border        : 2px solid #fff;
    box-shadow    : 1px 1px 2px rgba(0, 0, 0, .15);
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    margin-left : 40px;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    margin-right : 40px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev::before {
    content       : '';
    display       : inline-block;
    border-top    : 8px solid rgba(255, 255, 255, 0);
    border-bottom : 8px solid rgba(255, 255, 255, 0);
    border-right  : 8px solid #fff;
    margin-right  : 3px;
}

.owl-carousel .owl-controls .owl-nav .owl-next::before {
    content       : '';
    display       : inline-block;
    border-top    : 8px solid rgba(255, 255, 255, 0);
    border-bottom : 8px solid rgba(255, 255, 255, 0);
    border-left   : 8px solid #fff;
    margin-left   : 3px;
}

@media (max-width : 767px) {
    .index__header {
        background-position : center 0, 100% 0;
        background-repeat   : no-repeat, no-repeat;
        background-size     : 550px, 550px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    .index__header {
        background-position : center -330px, 100% -330px;
        background-repeat   : no-repeat, no-repeat;
        background-size     : 790px, 790px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    .index__header {
        background-size : cover !important
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .index__header {
        background-size : 1100px
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    .index__header {
        background-size : 1100px
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .index__header {
        background-size : 1400px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    .index__header {
        background-size : 1450px
    }
}

@media (min-width : 1450px) and (max-width : 1600px) {
    .index__header {
        background-size : 1650px
    }
}

.index__header .header-arrow {
    position           : absolute;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease;
    top                : 50%;
    width              : 50px;
    height             : 50px;
    text-align         : center;
    padding            : 10px 0;
    border-radius      : 50%;
    border             : 2px solid #fff;
    box-shadow         : 1px 1px 2px rgba(0, 0, 0, .15)
}

.index__header .header-arrow:before {
    border-top    : 8px solid rgba(255, 255, 255, 0);
    border-bottom : 8px solid rgba(255, 255, 255, 0)
}

.index__header .header-arrow.left {
    left          : 40px;
    padding-right : 4px
}

.index__header .header-arrow.left:before {
    border-right : 8px solid #fff
}

.index__header .header-arrow.right {
    right        : 40px;
    padding-left : 4px
}

.index__header .header-arrow.right:before {
    border-left : 8px solid #fff
}

.index__header .header-arrow:hover {
    -webkit-transform : scale(1.04);
    -ms-transform     : scale(1.04);
    transform         : scale(1.04)
}

._ih__flex {
    height                  : 100%;
    -webkit-transition      : all .8s ease;
    transition              : all .8s ease;
    width                   : 100%;
    left                    : 0;
    top                     : 0;
    position                : absolute;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-orient      : vertical;
    -webkit-box-direction   : normal;
    -webkit-flex-direction  : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center
}

._ih__flex:nth-child(1) {
    opacity : 1
}

._ih__flex:nth-child(2), ._ih__flex:nth-child(3), ._ih__flex:nth-child(4), .index__header.mod-1 ._ih__flex:nth-child(1), .index__header.mod-1 ._ih__flex:nth-child(3), .index__header.mod-1 ._ih__flex:nth-child(4) {
    opacity : 0
}

.index__header.mod-1 ._ih__flex:nth-child(2) {
    opacity : 1
}

.index__header.mod-2 ._ih__flex:nth-child(1), .index__header.mod-2 ._ih__flex:nth-child(2), .index__header.mod-2 ._ih__flex:nth-child(4) {
    opacity : 0
}

.index__header.mod-2 ._ih__flex:nth-child(3) {
    opacity : 1
}

.index__header.mod-3 ._ih__flex:nth-child(1), .index__header.mod-3 ._ih__flex:nth-child(2), .index__header.mod-3 ._ih__flex:nth-child(3) {
    opacity : 0
}

.index__header.mod-3 ._ih__flex:nth-child(4) {
    opacity : 1
}

._ih__heading {
    max-width   : 900px;
    text-align  : center;
    font-family : pfagoraslabpro-blackital-webfont;
    font-size   : 72px;
    line-height : 76px;
    color       : inherit
}

._ih__scroll-next:after, ._ih__scroll-next:before {
    font-family : flaticon;
    display     : block;
    width       : 48px;
    text-align  : center
}

@media (min-width : 992px) {
    .slide-header-caption {

    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {

    .slide-header-caption {
        font-size   : 56px;
        line-height : 60px;
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .slide-header-caption {
        font-size   : 52px;
        line-height : 56px;
    }
}

@media (max-width : 767px) {
    .slide-header-caption {
        font-size   : 30px;
        line-height : 42px;
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .slide-header-caption {
        max-width   : 430px;
        font-size   : 32px;
        line-height : 46px;
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    .slide-header-caption {
        max-width   : 430px;
        font-size   : 32px;
        line-height : 46px;
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .slide-header-caption {
        font-size   : 52px;
        line-height : 56px;
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    .slide-header-caption {
        font-size   : 62px;
        line-height : 66px;
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    .slide-header-caption {

    }
}

@media (min-height : 980px) and (min-width : 1800px) {
    .slide-header-caption {

    }
}

@media (min-width : 992px) {
    .slide-header-description {

    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .slide-header-description {
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    .slide-header-description {
        font-size   : 20px;
        line-height : 24px
    }
}

@media (max-width : 767px) {
    .slide-header-description {
        font-size   : 18px;
        line-height : 30px;
        padding     : 0 15px
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    .slide-header-description {
        font-size   : 16px;
        line-height : 24px;
    }
}

@media (min-height : 600px) and (max-height : 1024px) and (min-width : 1081px) and (max-width : 1280px) {
    .slide-header-description {
        font-size   : 16px;
        line-height : 24px;
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    .slide-header-description {
        font-size   : 18px;
        line-height : 26px;
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    .slide-header-description {
        font-size   : 18px;
        line-height : 28px;
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    .slide-header-description {
    }
}

@media (min-height : 980px) and (min-width : 1800px) {
    .slide-header-description {
    }
}

@-webkit-keyframes animated-mouse {
    0%, 100% {
        bottom            : 60px;
        -webkit-transform : scale(.95);
        transform         : scale(.95)
    }
    50% {
        bottom            : 65px;
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
}

@keyframes animated-mouse {
    0%, 100% {
        bottom            : 60px;
        -webkit-transform : scale(.95);
        transform         : scale(.95)
    }
    50% {
        bottom            : 65px;
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    @-webkit-keyframes animated-mouse {
        0%, 100% {
            bottom            : 30px;
            -webkit-transform : scale(.95);
            transform         : scale(.95)
        }
        50% {
            bottom            : 35px;
            -webkit-transform : scale(1);
            transform         : scale(1)
        }
    }@keyframes animated-mouse {
         0%, 100% {
             bottom            : 30px;
             -webkit-transform : scale(.95);
             transform         : scale(.95)
         }
         50% {
             bottom            : 35px;
             -webkit-transform : scale(1);
             transform         : scale(1)
         }
     }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    @-webkit-keyframes animated-mouse {
        0%, 100% {
            -webkit-transform : scale(.65);
            transform         : scale(.65)
        }
        50% {
            -webkit-transform : scale(1);
            transform         : scale(1)
        }
    }@keyframes animated-mouse {
         0%, 100% {
             -webkit-transform : scale(.65);
             transform         : scale(.65)
         }
         50% {
             -webkit-transform : scale(1);
             transform         : scale(1)
         }
     }
}

._ih__scroll-next {
    position          : absolute;
    bottom            : 60px;
    left              : 50%;
    color             : #fff;
    -webkit-transform : translateX(-50%);
    -ms-transform     : translateX(-50%);
    transform         : translateX(-50%)
}

._ih__scroll-next:focus, ._ih__scroll-next:hover {
    color           : #fff;
    text-decoration : none
}

._ih__scroll-next:before {
    content       : "\e001";
    font-size     : 48px;
    line-height   : 44px;
    font-weight   : 700;
    margin-bottom : 10px
}

._ih__scroll-next:after {
    -webkit-animation-duration        : 1s;
    animation-duration                : 1s;
    -webkit-animation-fill-mode       : both;
    animation-fill-mode               : both;
    -webkit-animation-iteration-count : infinite;
    animation-iteration-count         : infinite;
    -webkit-animation-name            : animated-mouse;
    animation-name                    : animated-mouse;
    -webkit-transform-origin          : center top;
    -ms-transform-origin              : center top;
    transform-origin                  : center top;
    content                           : "\e009"
}

._inp-carousel__control:before, ._lch__list > li:before, ._lct__tabs-item:after {
    content : ''
}

@media (max-device-width : 1024px) {
    ._ih__scroll-next {
        display : none
    }
}

.index__new-products {
    background  : #fff;
    position    : relative;
    padding     : 105px 0 20px;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 16px;
    line-height : 24px;
    color       : #333
}

._inp__cont {
    width : 100%
}

._inp__heading {
    margin-bottom : 25px;
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 48px;
    line-height   : 54px;
    color         : #333
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .index__new-products {
        min-height : 730px;
        padding    : 135px 0 0
    }

    ._inp__cont {
        width     : 100%;
        min-width : 700px;
        max-width : 900px
    }

    ._inp__heading {
        font-size     : 36px;
        line-height   : 42px;
        margin-bottom : 20px
    }

    ._inp__carousel {
        display : -webkit-flex;
        display : -moz-flex;
        display : -ms-flexbox;
        display : -ms-flex;
        display : -webkit-box;
        display : flex
    }
}

@media (max-width : 767px) {
    .index__new-products {
        padding : 55px 0 20px
    }

    ._inp__cont {
        padding-left  : 20px !important;
        padding-right : 20px !important
    }

    ._inp__heading {
        font-size     : 72px;
        line-height   : 76px;
        margin-bottom : 45px
    }
}

@media (max-width : 480px) {
    ._inp__heading {
        font-size   : 40px;
        line-height : 54px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._ih__scroll-next {
        bottom : 40px
    }

    ._inp__heading {
        font-size   : 34px;
        line-height : 42px
    }
}

._inp__carousel .carousel-inner .item {
    background-size : cover !important
}

._inp__carousel .carousel-inner .item ._inp-carousel__caption {
    z-index : 5
}

._inp__carousel .carousel-inner .item:after {
    content          : '';
    z-index          : 4;
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, .15)
}

._inp-carousel__control {
    position           : absolute;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease;
    top                : 50%;
    width              : 50px;
    height             : 50px;
    text-align         : center;
    padding            : 14px 0;
    border-radius      : 50%;
    border             : 2px solid #fff;
    box-shadow         : 1px 1px 2px rgba(0, 0, 0, .15)
}

._inp-carousel__control:before {
    border-top    : 8px solid rgba(255, 255, 255, 0);
    border-bottom : 8px solid rgba(255, 255, 255, 0);
    display       : inline-block
}

._inp-carousel__control.left {
    left          : 40px;
    padding-right : 4px
}

._inp-carousel__control.left:before {
    border-right : 8px solid #fff
}

._inp-carousel__control.right {
    right        : 40px;
    padding-left : 4px
}

._inp-carousel__control.right:before {
    border-left : 8px solid #fff
}

._inp-carousel__control:hover {
    -webkit-transform : scale(1.04);
    -ms-transform     : scale(1.04);
    transform         : scale(1.04)
}

._inp-carousel__rect {
    display    : none;
    position   : absolute;
    background : #fff
}

@media (min-width : 992px) {
    ._inp-carousel__rect {
        height : 20px;
        bottom : 0
    }

    ._inp-carousel__rect.rect-left {
        border-radius      : 0 35px 0 0;
        width              : 7%;
        left               : 0;
        -webkit-transition : width .4s ease;
        transition         : width .4s ease
    }

    ._inp-carousel__rect.rect-right {
        right              : 0;
        width              : 93%;
        border-radius      : 35px 0 0;
        -webkit-transition : width .4s ease;
        transition         : width .4s ease
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-carousel__control {
        display : none
    }

    ._inp-carousel__rect {
        width : 20px !important;
        right : 0
    }

    ._inp-carousel__rect.rect-left {
        border-radius : 0 0 0 35px;
        height        : 13%;
        top           : 0;
        left          : inherit
    }

    ._inp-carousel__rect.rect-right {
        bottom        : 0;
        height        : 87%;
        border-radius : 35px 0 0
    }
}

._i-products__item .item-bg, ._inp-carousel__caption {
    left                   : 0;
    right                  : 0;
    -webkit-flex-direction : column;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    top                    : 0;
    bottom                 : 0
}

._inp-carousel__inner {
    margin-bottom : 40px
}

._inp-carousel__inner.l-arrow ._inp-carousel__rect.rect-left {
    width : 7%
}

._inp-carousel__inner.l-arrow ._inp-carousel__rect.rect-right {
    width : 93%
}

._inp-carousel__inner.c-arrow ._inp-carousel__rect.rect-left {
    width : 40%
}

._inp-carousel__inner.c-arrow ._inp-carousel__rect.rect-right {
    width : 60%
}

._inp-carousel__inner.r-arrow ._inp-carousel__rect.rect-left {
    width : 72.5%
}

._inp-carousel__inner.r-arrow ._inp-carousel__rect.rect-right {
    width : 27.5%
}

@media (min-width : 992px) {
    ._inp-carousel__inner .item {
        height : 640px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-carousel__inner {
        max-width : 68.666666%
    }

    ._inp-carousel__inner .item {
        height          : 480px;
        background-size : auto 480px !important
    }

    ._inp-carousel__inner .item > img {
        display : none
    }

    ._inp-carousel__caption {
        padding    : 0 45px;
        text-align : center
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    ._inp__heading {
        font-size   : 34px;
        line-height : 42px
    }

    ._inp-carousel__inner .item {
        height : 380px
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    ._inp__heading {
        font-size   : 34px;
        line-height : 42px
    }

    ._inp-carousel__inner {
        margin-bottom : 20px
    }

    ._inp-carousel__inner .item {
        height : 380px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._inp-carousel__inner {
        margin-bottom : 20px
    }

    ._inp-carousel__inner .item {
        height : 450px
    }
}

@media (min-height : 800px) and (max-height : 979px) and (min-width : 1800px) {
    ._inp-carousel__inner .item {
        height : 550px
    }
}

@media (min-height : 980px) and (min-width : 1800px) {
    ._inp-carousel__inner .item {
        height : 660px
    }
}

._inp-carousel__caption {
    position                : absolute;
    font-family             : pfdindisplaypro-reg-webfont;
    font-size               : 24px;
    line-height             : 32px;
    color                   : #fff;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center
}

._inp-carousel__caption-logo {
    -webkit-transform : translateY(-40px);
    -ms-transform     : translateY(-40px);
    transform         : translateY(-40px)
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    ._inp-carousel__caption-logo {
        display : none
    }
}

._inp-carousel__caption-heading {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 36px;
    line-height   : 42px;
    color         : inherit;
    margin-bottom : 10px
}

._inp-carousel__caption-heading-small {
    margin-bottom : 20px
}

._inp-carousel__caption-note {
    max-width   : 660px;
    width       : 100%;
    font-family : pfdindisplaypro-reg-webfont;
    font-size   : 18px;
    line-height : 24px;
    color       : inherit;
    text-align  : center
}

._inp-carousel__caption-btn {
    width : 160px
}

._inp-carousel__caption-btn .btn-slider:focus, ._inp-carousel__caption-btn .btn-slider:hover {
    color        : #3dda6e !important;
    border-color : #3dda6e !important
}

@media (min-width : 800px) and (max-width : 1024px) {
    ._inp-carousel__caption-logo {
        display : none
    }

    ._inp-carousel__caption-btn {
        -webkit-transform : translateY(55px);
        -ms-transform     : translateY(55px);
        transform         : translateY(55px)
    }
}

@media (min-width : 992px) {
    ._inp-carousel__caption-btn {
        -webkit-transform : translateY(55px);
        -ms-transform     : translateY(55px);
        transform         : translateY(55px)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-carousel__caption-btn {
        width             : 200px;
        -webkit-transform : translateY(40px);
        -ms-transform     : translateY(40px);
        transform         : translateY(40px)
    }

    ._inp-carousel__caption-btn .btn-slider {
        padding : 25px 10px
    }
}

@media (max-width : 767px) {
    ._inp-carousel__caption-btn {
        max-width  : 400px;
        margin-top : 25px;
        width      : 100%
    }

    ._inp-carousel__caption-btn .btn-slider {
        width        : 100%;
        color        : #1c953f;
        border-color : #1c953f;
        font-size    : 20px;
        line-height  : 46px
    }

    ._inp-carousel__caption-btn .btn-slider:focus, ._inp-carousel__caption-btn .btn-slider:hover {
        color        : #333 !important;
        border-color : #333 !important
    }
}

._inp-carousel__carousel-indicators {
    display      : -webkit-flex;
    display      : -moz-flex;
    display      : -ms-flexbox;
    display      : -ms-flex;
    display      : -webkit-box;
    display      : flex;
    list-style   : none;
    margin-left  : -10px;
    margin-right : -10px
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._inp-carousel__carousel-indicators {
        -webkit-justify-content : space-between;
        -moz-justify-content    : space-between;
        -ms-justify-content     : space-between;
        -webkit-box-pack        : justify;
        -ms-flex-pack           : justify;
        justify-content         : space-between
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._inp-carousel__carousel-indicators {
        -webkit-justify-content : space-between;
        -moz-justify-content    : space-between;
        -ms-justify-content     : space-between;
        -webkit-box-pack        : justify;
        -ms-flex-pack           : justify;
        justify-content         : space-between
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-carousel__carousel-indicators {
        max-width               : 33.333333%;
        -webkit-flex-direction  : column;
        -moz-flex-direction     : column;
        -ms-flex-direction      : column;
        -webkit-box-orient      : vertical;
        -webkit-box-direction   : normal;
        flex-direction          : column;
        -webkit-justify-content : space-between;
        -moz-justify-content    : space-between;
        -ms-justify-content     : space-between;
        -webkit-box-pack        : justify;
        -ms-flex-pack           : justify;
        justify-content         : space-between;
        padding-left            : 35px;
        max-height              : 480px
    }
}

@media (min-width : 800px) and (max-width : 1024px) {
    ._inp-carousel__carousel-indicators {
        display : none
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._inp-carousel__carousel-indicators {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display : flex
    }
}

._i-products__flex, ._inp-carousel__carousel-indicators li {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flexbox;
    display : -ms-flex;
    display : -webkit-box
}

@media (max-width : 767px) {
    ._inp-carousel__carousel-indicators {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column;
        margin                 : 0
    }
}

._inp-carousel__carousel-indicators li {
    width              : 100%;
    max-width          : 33.33333%;
    padding-left       : 10px;
    padding-right      : 10px;
    margin-left        : -10px;
    margin-right       : -10px;
    cursor             : pointer;
    -webkit-transition : all .2s ease-out;
    transition         : all .2s ease-out;
    display            : flex;
    font-family        : pfdindisplaypro-reg-webfont;
    font-size          : 16px;
    line-height        : 21px;
    color              : #333
}

._inp-carousel__carousel-indicators li .__note, ._inp-carousel__carousel-indicators li .__preview {
    opacity            : .35;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._inp-carousel__carousel-indicators li.active .__note, ._inp-carousel__carousel-indicators li.active .__preview, ._inp-carousel__carousel-indicators li:hover .__note, ._inp-carousel__carousel-indicators li:hover .__preview {
    opacity : 1
}

@media (min-width : 1400px) {
    ._inp-carousel__carousel-indicators li > div {
        padding-left  : 10px;
        padding-right : 10px;
        width         : 50%
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._inp-carousel__carousel-indicators li {
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap;
        max-width         : 25%
    }

    ._inp-carousel__carousel-indicators li > div {
        width : 100%
    }

    ._inp-carousel__carousel-indicators li > div.__preview {
        margin-bottom : 10px
    }
}

@media (min-height : 648px) and (max-height : 768px) and (min-width : 1250px) and (max-width : 1366px) {
    ._inp-carousel__carousel-indicators li {
        max-width : 33.33333%
    }

    ._inp-carousel__carousel-indicators li > div {
        padding-left  : 10px;
        padding-right : 10px
    }

    ._inp-carousel__carousel-indicators li .__preview {
        display : none
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._inp-carousel__carousel-indicators li {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column;
        margin                 : 0
    }

    ._inp-carousel__carousel-indicators li > div {
        padding : 0;
        width   : 100%
    }

    ._inp-carousel__carousel-indicators li > div.__preview {
        margin-bottom : 20px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-carousel__carousel-indicators li {
        max-width : 100%;
        padding   : 0;
        margin    : 10px 0
    }

    ._inp-carousel__carousel-indicators li .__preview {
        display : none
    }
}

@media (max-width : 767px) {
    ._inp-carousel__carousel-indicators li {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column;
        max-width              : 100%;
        margin-bottom          : 50px;
        opacity                : 1;
        cursor                 : default
    }

    ._inp-carousel__carousel-indicators li .__preview {
        margin-bottom : 25px
    }

    ._inp-carousel__carousel-indicators li .__note {
        font-size   : 36px;
        line-height : 48px
    }

    ._inp-carousel__carousel-indicators li:hover {
        opacity : 1
    }
}

@media (max-width : 480px) {
    ._inp-carousel__carousel-indicators li .__note {
        font-size   : 20px;
        line-height : 26px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._inp-carousel__caption-btn {
        -webkit-transform : translateY(35px);
        -ms-transform     : translateY(35px);
        transform         : translateY(35px)
    }

    ._inp-carousel__carousel-indicators li .__note {
        font-size   : 14px;
        line-height : 20px
    }
}

._inp-indicators__heading {
    font-family   : pfagoraslabpro-black-webfont;
    font-size     : 24px;
    line-height   : 30px;
    color         : inherit;
    margin-bottom : 10px;
    margin-top    : -5px
}

@media (max-width : 767px) {
    ._inp-indicators__heading {
        font-size   : 48px;
        line-height : 54px
    }
}

@media (max-width : 480px) {
    ._inp-indicators__heading {
        font-size   : 30px;
        line-height : 42px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._inp-indicators__heading {
        font-size   : 20px;
        line-height : 23px
    }
}

@media (min-height : 780px) and (max-height : 900px) and (min-width : 1380px) and (max-width : 1600px) {
    ._inp-indicators__heading {
        font-size   : 18px;
        line-height : 24px
    }
}

.index__products {
    position    : relative;
    font-family : pfagoraslabpro-black-webfont;
    font-size   : 18px;
    line-height : 24px;
    color       : #fff
}

._i-products__flex {
    height                  : 100%;
    display                 : flex;
    -webkit-justify-content : flex-start;
    -moz-justify-content    : flex-start;
    -ms-justify-content     : flex-start;
    -webkit-box-pack        : start;
    -ms-flex-pack           : start;
    justify-content         : flex-start;
    -webkit-align-items     : stretch;
    -moz-align-items        : stretch;
    -ms-align-items         : stretch;
    -webkit-box-align       : stretch;
    -ms-flex-align          : stretch;
    align-items             : stretch
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-products__flex {
        height : 730px
    }
}

._i-products__item {
    width     : 100%;
    max-width : 33.33333%;
    overflow  : hidden;
    position  : relative;
    color     : #fff
}

@media (max-width : 767px) {
    .index__products {
        font-size   : 30px;
        line-height : 56px
    }

    ._i-products__flex {
        -webkit-flex-direction : column;
        -moz-flex-direction    : column;
        -ms-flex-direction     : column;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        flex-direction         : column
    }

    ._i-products__item {
        max-width : 100%;
        height    : 860px
    }
}

@media (max-width : 480px) {
    ._i-products__item {
        height : 550px
    }
}

._i-products__item .item-bg {
    position                : absolute;
    -webkit-transition      : all .2s ease-out;
    transition              : all .2s ease-out;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : -ms-flex;
    display                 : -webkit-box;
    display                 : flex;
    -moz-flex-direction     : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    -ms-justify-content     : center;
    -webkit-box-pack        : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-align-items     : center;
    -moz-align-items        : center;
    -ms-align-items         : center;
    -webkit-box-align       : center;
    -ms-flex-align          : center;
    align-items             : center
}

._i-products__item .item-bg:hover {
    -webkit-transform : scale(1.1);
    -ms-transform     : scale(1.1);
    transform         : scale(1.1);
    color             : #fff
}

._i-products__item .item-bg.item1 {
    background : url(../img/index/product-item1.jpg) center left no-repeat
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-products__item .item-bg.item1 {
        background-size : 800px
    }
}

._i-products__item .item-bg.item2 {
    background : url(../img/index/product-item2.jpg) center no-repeat
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-products__item .item-bg.item2 {
        background-size : 800px
    }
}

._i-products__item .item-bg.item3 {
    background : url(../img/index/product-item3.jpg) center right no-repeat
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._i-products__item .item-bg.item3 {
        background      : url(../img/index/product-item3.jpg) 80% center no-repeat;
        background-size : 800px
    }
}

._i-products__item .item-bg__icon {
    border        : 1px solid #9f9;
    border-radius : 50%;
    margin-bottom : 30px
}

@media (min-width : 768px) {
    ._i-products__item .item-bg__icon {
        width  : 158px;
        height : 158px
    }
}

@media (max-width : 767px) {
    ._i-products__item .item-bg__icon {
        width  : 325px;
        height : 325px;
        border : 4px solid #cfc
    }

    ._i-products__item .item-bg__header {
        -webkit-transform : translateY(15px);
        -ms-transform     : translateY(15px);
        transform         : translateY(15px)
    }
}

._i-products__item .item-bg__icon.icon1 {
    background : url(../img/index/products-icon1.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-products__item .item-bg__icon.icon1 {
        background-size : 71px
    }
}

@media (max-width : 480px) {
    ._i-products__item .item-bg__icon {
        width  : 200px;
        height : 200px
    }

    ._i-products__item .item-bg__icon.icon1 {
        background-size : 75px
    }
}

._i-products__item .item-bg__icon.icon2 {
    background : url(../img/index/products-icon2.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-products__item .item-bg__icon.icon2 {
        background-size : 63px
    }
}

@media (max-width : 480px) {
    ._i-products__item .item-bg__icon.icon2 {
        background-size : 68px
    }
}

._i-products__item .item-bg__icon.icon3 {
    background : url(../img/index/products-icon3.png) center no-repeat
}

@media (min-width : 768px) {
    ._i-products__item .item-bg__icon.icon3 {
        background-size : 70px
    }
}

@media (max-width : 480px) {
    ._i-products__item .item-bg__icon.icon3 {
        background-size : 75px
    }
}

._i-products__item .item-bg__header {
    text-transform : uppercase
}

.livecow-header {
    background : url(../img/livecow/bg-header.jpg) center -30px no-repeat
}

._lch__block {
    min-height              : 707px;
    -webkit-box-orient      : vertical;
    -webkit-box-direction   : normal;
    -webkit-flex-direction  : column;
    -ms-flex-direction      : column;
    flex-direction          : column;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    padding-top             : 125px;
    padding-bottom          : 55px
}

._lch__list, ._opi__list {
    -webkit-flex-wrap : wrap;
    list-style        : none
}

@media (min-width : 1400px) {
    .livecow-header .container {
        width : 1460px
    }

    ._lch__block {
        max-width : 840px
    }
}

._lch__block-heading {
    color       : #00ad5d;
    font-family : kel-webfont;
    font-size   : 180px;
    line-height : 180px
}

@media (max-width : 767px) {
    .livecow-header {
        background-position : 45% -30px
    }

    ._lch__block {
        padding-top : 35px;
        min-height  : 500px
    }

    ._lch__block-heading {
        font-size   : 55px;
        line-height : 65px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .livecow-header {
        background-size : 1400px
    }

    ._lch__block {
        padding-top : 45px;
        min-height  : 500px
    }

    ._lch__block-heading {
        font-size   : 105px;
        line-height : 105px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._lch__block-heading {
        font-size   : 140px;
        line-height : 140px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._lch__block-heading {
        font-size   : 150px;
        line-height : 150px
    }
}

._lch__block-heading-small {
    color          : #333;
    font-size      : 31px;
    letter-spacing : .9px;
    line-height    : 70.26px;
    padding-left   : 8px;
    text-transform : uppercase
}

@media (max-width : 767px) {
    ._lch__block-heading-small {
        font-size    : 20px;
        line-height  : 32px;
        padding-left : 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._lch__block-heading-small {
        font-size    : 25px;
        line-height  : 60px;
        padding-left : 3px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._lch__block-heading-small {
        padding-left : 5px
    }
}

._lch__list-block {
    margin-left : 12px
}

@media (max-width : 767px) {
    ._lch__list-block {
        margin : 15px 0 0
    }
}

._lch__list {
    font-size      : 16px;
    font-family    : proxima_nova_regular-webfont;
    text-transform : uppercase;
    -ms-flex-wrap  : wrap;
    flex-wrap      : wrap;
    margin-bottom  : -35px
}

._lch__list > li {
    width         : 49%;
    position      : relative;
    margin-bottom : 35px;
    line-height   : 21px
}

._lch__list > li:nth-child(2n+1) {
    width : 42%
}

@media (max-width : 767px) {
    ._lch__list > li {
        width         : 100%;
        margin-bottom : 15px
    }

    ._lch__list > li:nth-child(2n+1) {
        width : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._lch__list {
        font-size : 14px
    }

    ._lch__list > li {
        width : 53%
    }

    ._lch__list > li:nth-child(2n+1) {
        width : 40%
    }
}

._lch__list > li:before {
    position   : absolute;
    top        : 0;
    bottom     : 0;
    width      : 4px;
    background : #00ad5d
}

._lch__list > li span {
    display     : inline-block;
    margin-left : 23px
}

.livecow-company {
    background  : #d6ebff;
    text-align  : center;
    font-family : 'Open Sans', sans-serif;
    font-weight : 300;
    font-size   : 24px;
    line-height : 36px;
    padding     : 85px 0 110px;
    box-shadow  : inset 0 5px 15px #a3bfdb
}

@media (max-width : 767px) {
    .livecow-company {
        padding     : 35px 0;
        font-size   : 18px;
        line-height : 30px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .livecow-company {
        font-size   : 20px;
        line-height : 32px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    .livecow-company {
        font-size   : 22px;
        line-height : 34px
    }
}

._lcc__heading {
    font-size     : 60px;
    font-weight   : 400;
    font-family   : bebasneueregular-webfont;
    line-height   : 72px;
    margin-bottom : 40px
}

._lcc__heading span {
    color : #34a04b
}

@media (max-width : 767px) {
    ._lcc__heading {
        font-size     : 25px;
        line-height   : 37px;
        margin-bottom : 20px
    }
}

@media (min-width : 375px) and (max-width : 767px) {
    ._lcc__heading {
        font-size   : 30px;
        line-height : 42px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._lcc__heading {
        font-size   : 40px;
        line-height : 52px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._lcc__heading {
        font-size   : 50px;
        line-height : 62px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._lcc__heading {
        font-size   : 50px;
        line-height : 62px
    }
}

.livecow-tabs-block {
    background  : #fff;
    text-align  : center;
    font-family : 'Open Sans', sans-serif;
    font-weight : 300;
    font-size   : 18px;
    line-height : 30px;
    padding     : 90px 0 103px
}

._lcr__form-heading, ._lct__tabs {
    font-family    : bebasneueregular-webfont;
    text-transform : uppercase
}

@media (min-width : 1400px) {
    .livecow-company .container {
        width : 1360px
    }

    .livecow-tabs-block .container {
        width : 1225px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .livecow-tabs-block {
        font-size   : 14px;
        line-height : 26px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    .livecow-tabs-block {
        font-size   : 16px;
        line-height : 26px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    .livecow-tabs-block {
        font-size   : 16px;
        line-height : 26px
    }
}

._lct__tabs {
    list-style              : none;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    font-size               : 30px;
    letter-spacing          : 1.4px;
    margin-bottom           : 15px
}

._lct__tabs > li a {
    text-decoration : none
}

@media (max-width : 767px) {
    .livecow-tabs-block {
        padding : 35px 0
    }

    ._lct__tabs {
        text-align : left;
        font-size  : 22px
    }

    ._lct__tabs > li {
        margin-bottom : 5px
    }

    ._lct__tabs > li.active a {
        border-bottom : 2px solid
    }
}

._lct__dry a, ._lct__dry span {
    color : #06f
}

._lct__dairy a, ._lct__dairy span {
    color : #269a65
}

._lct__heifer a, ._lct__heifer span {
    color : #ffae00
}

._lct__tabs-item {
    list-style              : none;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    position                : relative;
    margin-bottom           : 30px
}

._lct__tabs-item:after {
    display  : block;
    height   : 1px;
    position : absolute;
    left     : 15px;
    right    : 15px;
    bottom   : 0
}

._lct__tabs-item > li > a {
    text-decoration    : none;
    color              : inherit;
    display            : inline-block;
    border-bottom      : 6px solid transparent;
    padding-bottom     : 17px;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._lct__col-table {
    width : 50%
}

@media (max-width : 767px) {
    ._lct__tabs-item, ._lct__tabs-item > li {
        margin-bottom : 10px
    }

    ._lct__tabs-item:after {
        display : none
    }

    ._lct__tabs-item > li:last-child {
        margin-bottom : 0
    }

    ._lct__tabs-item > li > a {
        border-bottom  : 3px solid transparent;
        padding-bottom : 5px
    }

    ._lct__col-table {
        width : 100%
    }
}

._lct__table {
    width      : 100%;
    text-align : left
}

._lct__table td {
    border-bottom : 1px solid;
    line-height   : 35px
}

._lct__table td:last-child {
    text-align : right
}

@media (min-width : 768px) {
    ._lct__table tr:last-child td {
        border : none
    }
}

._lct__table-line {
    margin-bottom : 40px
}

._lct__table-no-border th {
    font-weight : 400
}

._lct__table-no-border td, ._lct__table-no-border th {
    padding-right : 40px;
    line-height   : 35px
}

._lct__table-no-border td:last-child, ._lct__table-no-border th:last-child {
    padding-right : 0
}

@media (max-width : 767px) {
    ._lct__table-no-border {
        margin-bottom : 25px
    }

    ._lct__table-no-border th {
        text-align : center
    }
}

._lct__dry-item ._lct__tabs-item:after {
    background : #06f
}

._lct__dry-item ._lct__tabs-item > li.active:nth-child(1) > a {
    border-color : #06f
}

._lct__dry-item ._lct__tabs-item > li.active:nth-child(2) > a {
    border-color : #269a65
}

._lct__dry-item ._lct__tabs-item > li.active:nth-child(3) > a {
    border-color : #ffae00
}

._lct__dry-item ._lct__table td {
    border-color : #06f
}

._lct__dairy-item ._lct__tabs-item:after {
    background : #269a65
}

._lct__dairy-item ._lct__table td, ._lct__dairy-item ._lct__tabs-item > li.active > a {
    border-color : #269a65
}

._lct__heifer-item ._lct__tabs-item:after {
    background : #ffae00
}

._lct__heifer-item ._lct__table td, ._lct__heifer-item ._lct__tabs-item > li.active > a {
    border-color : #ffae00
}

._lcr__form-inner:before, ._lcr__form:before {
    border-left : 1px solid #fff;
    left        : 0
}

._lct__tar {
    text-align : right
}

.livecow-reviews {
    background : url(../img/livecow/bg-reviews.jpg) center 0 no-repeat;
    color      : #fff;
    padding    : 100px 0
}

@media (min-width : 1400px) {
    .livecow-reviews .container {
        width : 1255px
    }
}

._lcr__form:after, ._lcr__form:before {
    width      : 130px;
    height     : 90px;
    border-top : 1px solid #fff;
    top        : 0
}

._lcr__form {
    position : relative
}

._lcr__form-inner:before, ._lcr__form:after, ._lcr__form:before {
    position : absolute;
    content  : ''
}

._lcr__form:after {
    border-right : 1px solid #fff;
    right        : 0
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._lcr__form:after, ._lcr__form:before {
        width : 50px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._lct__tabs {
        font-size : 26px
    }

    ._lcr__form:after, ._lcr__form:before {
        width : 90px
    }
}

._lcr__form-inner {
    min-height    : 600px;
    border-bottom : 1px solid #fff;
    border-right  : 1px solid #fff
}

._lcr__form-inner:before {
    width         : 130px;
    height        : 110px;
    border-bottom : 1px solid #fff;
    bottom        : 0
}

@media (max-width : 767px) {
    ._lct__tar {
        text-align : center
    }

    .livecow-reviews {
        padding : 35px 0
    }

    ._lcr__form:after, ._lcr__form:before {
        display : none
    }

    ._lcr__form-inner {
        min-height : inherit;
        border     : none
    }

    ._lcr__form-inner:before {
        display : none
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._lcr__form-inner {
        border-left : 1px solid #fff
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._lct__tabs {
        font-size : 26px
    }

    ._lcr__form-inner {
        border-left : 1px solid #fff
    }
}

._lcr__form-heading {
    font-size         : 60px;
    line-height       : 72px;
    text-align        : center;
    -webkit-transform : translateY(-35px);
    -ms-transform     : translateY(-35px);
    transform         : translateY(-35px)
}

._lcr__form-heading:after {
    content    : '';
    width      : 75px;
    height     : 2px;
    display    : block;
    background : #fff;
    margin     : 33px auto 5px
}

@media (max-width : 767px) {
    ._lcr__form-heading:after {
        margin : 25px auto
    }

    ._lcr__form-heading {
        font-size         : 25px;
        line-height       : 35px;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._lcr__form-heading {
        font-size         : 40px;
        line-height       : 52px;
        -webkit-transform : translateY(-25px);
        -ms-transform     : translateY(-25px);
        transform         : translateY(-25px)
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._lcr__form-heading {
        font-size         : 50px;
        line-height       : 62px;
        -webkit-transform : translateY(-30px);
        -ms-transform     : translateY(-30px);
        transform         : translateY(-30px)
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._lcr__form-heading {
        font-size   : 44px;
        line-height : 56px
    }
}

._lcr__form-area {
    max-width : 555px;
    margin    : 0 auto
}

._lcr__form-area input, ._lcr__form-area textarea {
    width              : 100%;
    background         : 0 0;
    outline            : 0;
    border             : 1px solid #fff;
    height             : 50px;
    margin-bottom      : 30px;
    padding            : 10px 20px;
    color              : #000;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease;
    font-size          : 16px;
    font-family        : 'Open Sans', sans-serif
}

._lcr__form-area input::-webkit-input-placeholder, ._lcr__form-area textarea::-webkit-input-placeholder {
    font-size          : 16px;
    color              : #fff;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._lcr__form-area input:-moz-placeholder, ._lcr__form-area textarea:-moz-placeholder {
    font-size          : 16px;
    color              : #fff;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._lcr__form-area input:focus, ._lcr__form-area textarea:focus {
    background   : #fff;
    border-color : #292929
}

._lcr__form-area input:focus::-webkit-input-placeholder, ._lcr__form-area textarea:focus::-webkit-input-placeholder {
    color : #333
}

._lcr__form-area input:focus:-moz-placeholder, ._lcr__form-area textarea:focus:-moz-placeholder {
    color : #333
}

._lcr__form-area textarea {
    height : 105px
}

._lcr__form-area button[type=submit] {
    display            : block;
    margin             : 5px auto;
    border-radius      : 10px;
    background-color   : #fa917a;
    font-size          : 14px;
    line-height        : 40px;
    padding            : 0 55px;
    color              : #fff;
    text-transform     : uppercase;
    border             : none;
    outline            : 0;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._lcr__form-area button[type=submit]:hover {
    background : #f86849
}

.optima-header {
    background  : url(../img/optima/bg-header.jpg) center -130px no-repeat;
    color       : #fff;
    text-align  : center;
    font-size   : 24px;
    line-height : 36px;
    font-family : 'Open Sans', sans-serif
}

@media (max-width : 767px) {
    .optima-header {
        font-size           : 18px;
        line-height         : 30px;
        background-position : 56% -430px
    }
}

._oph__block-heading-small {
    font-family   : intro-webfont;
    font-size     : 48px;
    line-height   : 60px;
    margin-bottom : 25px
}

._oph__flex {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    min-height              : 800px;
    padding                 : 215px 0 35px
}

@media (max-width : 767px) {
    ._oph__block-heading-small {
        font-size   : 28px;
        line-height : 34px
    }

    ._oph__flex {
        min-height : 390px;
        padding    : 45px 0 35px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    .optima-header {
        background-size     : 1550px;
        background-position : 56% -340px
    }

    ._oph__block-heading-small {
        margin-bottom : 5px
    }

    ._oph__flex {
        min-height : 320px;
        padding    : 25px 0
    }
}

._oph__block-heading {
    font-family   : intro_inline-webfont;
    font-size     : 120px;
    line-height   : 120px;
    margin-bottom : 20px
}

@media (max-width : 767px) {
    ._oph__block-heading {
        font-size   : 26px;
        line-height : 26px;
        font-family : intro-webfont
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    .optima-header {
        background-position : 10% -250px
    }

    ._oph__flex {
        min-height : 660px;
        padding    : 75px 0 35px
    }

    ._oph__block-heading {
        font-size   : 70px;
        line-height : 70px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    .optima-header {
        background-position : center -190px
    }

    ._oph__flex {
        min-height : 700px;
        padding    : 155px 0 35px
    }

    ._oph__block-heading {
        font-size   : 100px;
        line-height : 100px
    }
}

.optima-info {
    background  : #fff;
    font-family : Georgia, 'Century Schoolbook L', Serif;
    color       : #333;
    font-size   : 24px;
    line-height : 36px;
    padding     : 35px 0 0
}

.optima-info .container {
    width   : 100%;
    padding : 0 !important
}

._opi__item1 {
    color          : #666;
    font-size      : 20px;
    line-height    : 26px;
    background     : url(../img/optima/bg-info-item1.png) 145px 90px no-repeat;
    max-width      : 1450px;
    min-height     : 550px;
    padding-bottom : 35px;
    margin-bottom  : 90px
}

._opi__item1-heading, ._opi__item2-heading {
    color       : #ffc65b;
    font-weight : 700;
    font-family : 'Open Sans', sans-serif
}

@media (max-width : 767px) {
    ._opi__item1 {
        background     : 0 0;
        min-height     : inherit;
        padding-left   : 25px;
        padding-right  : 25px;
        font-size      : 18px;
        line-height    : 24px;
        margin-bottom  : 35px;
        padding-bottom : 0;
        max-width      : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opi__item1 {
        background-size     : 300px;
        background-position : 10px 30px;
        min-height          : 440px
    }
}

._opi__item1-inner {
    max-width   : 805px;
    margin-left : auto;
    padding-top : 230px
}

@media (max-width : 767px) {
    ._opi__item1-inner {
        padding-top   : 0;
        padding-right : 0;
        max-width     : 100%
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opi__item1-inner {
        max-width     : 565px;
        padding-top   : 100px;
        padding-right : 35px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._opi__item1 {
        background-size     : 400px;
        background-position : 30px 30px;
        min-height          : 440px
    }

    ._opi__item1-inner {
        max-width   : 715px;
        padding-top : 130px
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._opi__item1 {
        background-size     : 510px;
        background-position : 30px 30px;
        min-height          : 500px
    }

    ._opi__item1-inner {
        padding-top   : 150px;
        padding-right : 70px
    }
}

@media (min-width : 1400px) and (max-width : 1550px) {
    ._opi__item1 {
        background-position : 70px 90px
    }

    ._opi__item1-inner {
        padding-right : 150px;
        max-width     : 905px
    }
}

._opi__item1-heading {
    font-size     : 24px;
    line-height   : 28px;
    margin-bottom : 10px
}

._opi__item1-note {
    margin-left : 65px
}

._opi__item2 {
    padding-bottom : 50px;
    background     : url(../img/optima/bg-info-item3.png) 100% 120% no-repeat
}

@media (max-width : 767px) {
    ._opi__item1-heading {
        text-align  : center;
        font-size   : 20px;
        line-height : 24px
    }

    ._opi__item1-note {
        margin : 0
    }

    ._opi__item2 {
        padding-left   : 25px;
        padding-right  : 25px;
        padding-bottom : 35px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._opi__item2 {
        padding-bottom      : 15px;
        background-position : 100% center;
        background-size     : 200px
    }
}

._opi__item2-heading {
    font-size   : 48px;
    line-height : 72px;
    max-width   : 885px;
    margin      : 0 auto;
    background  : url(../img/optima/bg-info-item2.png) -270px 40px no-repeat;
    overflow    : hidden
}

._opi__item2-heading span {
    display : block
}

._opi__item2-heading span:nth-child(1) {
    letter-spacing : 3px
}

._opi__item2-heading span:nth-child(2) {
    -webkit-transform : translateX(150px);
    -ms-transform     : translateX(150px);
    transform         : translateX(150px);
    letter-spacing    : 2px
}

._opi__item2-heading span:nth-child(3) {
    -webkit-transform : translateX(250px);
    -ms-transform     : translateX(250px);
    transform         : translateX(250px);
    letter-spacing    : 2.5px
}

@media (max-width : 767px) {
    ._opi__item2-heading {
        font-size   : 26px;
        line-height : 32px;
        text-align  : center;
        background  : 0 0
    }

    ._opi__item2-heading span {
        display : inline-block
    }

    ._opi__item2-heading span:nth-child(2), ._opi__item2-heading span:nth-child(3) {
        -webkit-transform : none;
        -ms-transform     : none;
        transform         : none
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opi__item2-heading {
        font-size   : 36px;
        line-height : 60px;
        padding     : 0 115px
    }

    ._opi__item2-heading span:nth-child(2) {
        -webkit-transform : translateX(50px);
        -ms-transform     : translateX(50px);
        transform         : translateX(50px)
    }

    ._opi__item2-heading span:nth-child(3) {
        -webkit-transform : translateX(100px);
        -ms-transform     : translateX(100px);
        transform         : translateX(100px)
    }
}

._opi__item3 {
    background : url(../img/optima/bg-info-item4.png) -40px 10px no-repeat;
    min-height : 700px
}

@media (max-width : 767px) {
    ._opi__item3 {
        padding-left        : 25px;
        padding-right       : 25px;
        font-size           : 18px;
        line-height         : 24px;
        background-size     : 300px;
        padding-bottom      : 320px;
        background-position : -40px 100%
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._opi__item3 {
        min-height : 490px
    }
}

@media (min-width : 375px) and (max-width : 767px) {
    ._opi__item3 {
        background-size : 360px;
        padding-bottom  : 380px
    }
}

@media (min-width : 490px) and (max-width : 767px) and (orientation : landscape) {
    ._opi__item3 {
        background-position : -40px 50px;
        background-size     : 180px;
        min-height          : 300px;
        padding-bottom      : 20px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opi__item3 {
        background-size     : 300px;
        min-height          : 500px;
        background-position : -40px 10px;
        font-size           : 18px;
        line-height         : 24px
    }
}

._opi__list {
    display       : -webkit-box;
    display       : -webkit-flex;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap;
    margin-left   : auto;
    max-width     : 1170px;
    padding-top   : 100px
}

._opi__list > li {
    width          : 33.3333%;
    padding-left   : 40px;
    padding-right  : 15px;
    position       : relative;
    padding-bottom : 65px
}

._opi__list > li:before {
    content           : '';
    border-radius     : 50%;
    background-color  : #42a6f3;
    width             : 13px;
    height            : 13px;
    display           : block;
    position          : absolute;
    left              : 0;
    top               : 0;
    -webkit-transform : translateY(100%);
    -ms-transform     : translateY(100%);
    transform         : translateY(100%)
}

@media (max-width : 767px) {
    ._opi__list {
        padding-top : 20px
    }

    ._opi__list > li {
        width          : 100%;
        padding-bottom : 35px;
        padding-right  : 0
    }

    ._opi__list > li:before {
        -webkit-transform : translateY(50%);
        -ms-transform     : translateY(50%);
        transform         : translateY(50%)
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._opi__list > li {
        padding-bottom : 10px
    }
}

@media (min-width : 490px) and (max-width : 767px) and (orientation : landscape) {
    ._opi__list {
        max-width : 400px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opi__list {
        max-width   : 450px;
        padding-top : 20px
    }

    ._opi__list > li {
        width          : 100%;
        padding-bottom : 30px
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    ._opi__item3 {
        background-size : 460px;
        min-height      : 600px
    }

    ._opi__list {
        max-width   : 550px;
        padding-top : 90px;
        font-size   : 18px;
        line-height : 24px
    }

    ._opi__list > li {
        width : 50%
    }
}

@media (min-width : 1200px) and (max-width : 1399px) {
    ._opi__item3 {
        background-size : 460px;
        min-height      : 600px
    }

    ._opi__list {
        max-width   : 700px;
        padding-top : 40px
    }

    ._opi__list > li {
        width : 50%
    }
}

@media (min-width : 1400px) and (max-width : 1550px) {
    ._opi__item3 {
        background-size : 460px;
        min-height      : 550px
    }

    ._opi__list {
        max-width : 960px
    }
}

._opi__item4 {
    font-size   : 30px;
    line-height : 48px;
    font-family : 'Open Sans', sans-serif;
    color       : #666;
    background  : url(../img/optima/bg-info-item5.png) center bottom no-repeat;
    min-height  : 710px
}

._opi__item4-heading-note {
    text-align        : center;
    max-width         : 400px;
    margin            : 0 auto 30px;
    -webkit-transform : translateY(-65px);
    -ms-transform     : translateY(-65px);
    transform         : translateY(-65px)
}

@media (max-width : 767px) {
    ._opi__item4 {
        font-size           : 26px;
        line-height         : 38px;
        padding             : 35px 25px 150px;
        min-height          : 600px;
        background-position : 55% 0
    }

    ._opi__item4-heading-note {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

._opi__item4-heading {
    font-family : Optima LT Std Demi;
    text-align  : center;
    color       : #151414;
    font-size   : 72px;
    line-height : 90px;
    max-width   : 700px;
    margin      : 0 auto
}

@media (max-width : 767px) {
    ._opi__item4-heading {
        font-size   : 32px;
        line-height : 50px
    }
}

@media (min-width : 375px) and (max-width : 767px) {
    ._opi__item4-heading {
        font-size   : 38px;
        line-height : 56px
    }
}

._opi__item4-heading-small {
    text-align : center;
    color      : #333
}

.optima-composition {
    background     : #fff;
    font-family    : Georgia;
    color          : #333;
    font-size      : 24px;
    line-height    : 36px;
    font-weight    : 400;
    letter-spacing : .24px;
    padding        : 105px 0 110px
}

._op__com-heading, ._op__com-list > li:before {
    font-weight : 700;
    font-family : 'Open Sans', sans-serif
}

@media (min-width : 1400px) {
    .optima-composition .container {
        width : 1325px
    }
}

@media (max-width : 767px) {
    .optima-composition {
        padding     : 35px 0;
        font-size   : 18px;
        line-height : 28px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .optima-composition {
        padding     : 50px 0 75px;
        font-size   : 20px;
        line-height : 32px
    }
}

._op__com-heading {
    color          : #ffc65b;
    font-size      : 48px;
    line-height    : 58px;
    text-align     : center;
    max-width      : 500px;
    margin         : 0 auto 60px;
    text-transform : uppercase
}

@media (max-width : 767px) {
    ._op__com-heading {
        font-size     : 26px;
        line-height   : 38px;
        max-width     : 100%;
        margin-bottom : 25px
    }

    ._op__com-heading br {
        display : none
    }
}

._op__com-list {
    list-style              : none;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    counter-reset           : list
}

._op__com-list > li {
    width         : 50%;
    padding-left  : 40px;
    padding-right : 15px;
    padding-top   : 35px;
    position      : relative;
    margin-bottom : 65px
}

._op__com-list > li span {
    position : relative;
    z-index  : 2
}

._op__com-list > li:before {
    counter-increment : list;
    content           : counter(list);
    color             : #80c8ff;
    font-size         : 100px;
    position          : absolute;
    top               : 10px;
    left              : 5px;
    z-index           : 1
}

@media (max-width : 767px) {
    ._op__com-list > li {
        width         : 100%;
        padding-top   : 0;
        padding-left  : 45px;
        margin-bottom : 30px
    }

    ._op__com-list > li:before {
        font-size : 60px
    }
}

@media (max-width : 767px) and (orientation : landscape) {
    ._op__com-list > li {
        padding-left : 65px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) {
    ._op__com-list > li:before {
        font-size : 80px
    }
}

._op__com-note {
    font-family : 'Open Sans', sans-serif;
    color       : #609dd4;
    font-size   : 22px;
    font-weight : 300;
    line-height : 32px
}

._op__com-note:before {
    display : none
}

@media (max-width : 767px) {
    ._op__com-note {
        padding-left : 15px !important;
        font-size    : 18px;
        line-height  : 28px
    }
}

.optima-reviews {
    background : url(../img/optima/bg-reviews.jpg) center 0 no-repeat;
    color      : #fff;
    padding    : 110px 0
}

@media (min-width : 1400px) {
    ._op__com-list > li {
        width : 45%
    }

    .optima-reviews .container {
        width : 1255px
    }
}

._opr__form-heading {
    font-family    : 'Open Sans', sans-serif;
    text-transform : uppercase;
    font-size      : 48px;
    line-height    : 60px;
    text-align     : center;
    color          : #1a1919;
    font-weight    : 700;
    margin-bottom  : 75px
}

@media (max-width : 767px) {
    .optima-reviews {
        padding : 35px 0
    }

    ._opr__form-heading {
        font-size     : 25px;
        line-height   : 35px;
        margin-bottom : 25px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
    ._opr__form-heading {
        font-size   : 40px;
        line-height : 52px
    }
}

@media (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
    ._opr__form-heading {
        font-size   : 50px;
        line-height : 62px
    }
}

@media (min-width : 1025px) and (max-width : 1199px) {
    ._opr__form-heading {
        font-size   : 44px;
        line-height : 56px
    }
}

._opr__form-area {
    max-width : 555px;
    margin    : 0 auto
}

._opr__form-area input, ._opr__form-area textarea {
    width              : 100%;
    background         : #fff;
    outline            : 0;
    border             : 1px solid #fff;
    height             : 50px;
    margin-bottom      : 30px;
    padding            : 10px 20px;
    color              : #000;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease;
    font-size          : 16px;
    font-family        : 'Open Sans', sans-serif
}

._opr__form-area input::-webkit-input-placeholder, ._opr__form-area textarea::-webkit-input-placeholder {
    font-size          : 16px;
    color              : #333;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._opr__form-area input:-moz-placeholder, ._opr__form-area textarea:-moz-placeholder {
    font-size          : 16px;
    color              : #333;
    font-family        : 'Open Sans', sans-serif;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._opr__form-area input:focus, ._opr__form-area textarea:focus {
    background   : #fff;
    border-color : #ffc65b
}

._opr__form-area input:focus::-webkit-input-placeholder, ._opr__form-area textarea:focus::-webkit-input-placeholder {
    color : #000
}

._opr__form-area input:focus:-moz-placeholder, ._opr__form-area textarea:focus:-moz-placeholder {
    color : #000
}

._opr__form-area textarea {
    height : 105px
}

._opr__form-area button[type=submit] {
    display            : block;
    margin             : 5px auto;
    border-radius      : 10px;
    background-color   : #ffc65b;
    font-size          : 14px;
    line-height        : 40px;
    padding            : 0 55px;
    color              : #fff;
    text-transform     : uppercase;
    border             : none;
    outline            : 0;
    -webkit-transition : all .3s ease;
    transition         : all .3s ease
}

._opr__form-area button[type=submit]:hover {
    background : #ffb428
}

@-webkit-keyframes processloading {
    0%, 100%, 60% {
        width : 0;
        left  : 50%
    }
    30% {
        width : 100%;
        left  : 0
    }
}

@keyframes processloading {
    0%, 100%, 60% {
        width : 0;
        left  : 50%
    }
    30% {
        width : 100%;
        left  : 0
    }
}

@-webkit-keyframes animated-bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1);
        -webkit-transform                 : translate3d(0, 0, 0);
        transform                         : translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function : cubic-bezier(.755, .05, .855, .06);
        animation-timing-function         : cubic-bezier(.755, .05, .855, .06);
        -webkit-transform                 : translate3d(0, -30px, 0);
        transform                         : translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function : cubic-bezier(.755, .05, .855, .06);
        animation-timing-function         : cubic-bezier(.755, .05, .855, .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 animated-bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1);
        -webkit-transform                 : translate3d(0, 0, 0);
        transform                         : translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function : cubic-bezier(.755, .05, .855, .06);
        animation-timing-function         : cubic-bezier(.755, .05, .855, .06);
        -webkit-transform                 : translate3d(0, -30px, 0);
        transform                         : translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function : cubic-bezier(.755, .05, .855, .06);
        animation-timing-function         : cubic-bezier(.755, .05, .855, .06);
        -webkit-transform                 : translate3d(0, -15px, 0);
        transform                         : translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform : translate3d(0, -4px, 0);
        transform         : translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes animated-flash {
    50%, from, to {
        opacity : 1
    }
    25%, 75% {
        opacity : 0
    }
}

@keyframes animated-flash {
    50%, from, to {
        opacity : 1
    }
    25%, 75% {
        opacity : 0
    }
}

@-webkit-keyframes animated-pulse {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform : scale3d(1.05, 1.05, 1.05);
        transform         : scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes animated-pulse {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform : scale3d(1.05, 1.05, 1.05);
        transform         : scale3d(1.05, 1.05, 1.05)
    }
}

@-webkit-keyframes animated-rubberBand {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform : scale3d(1.25, .75, 1);
        transform         : scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform : scale3d(.75, 1.25, 1);
        transform         : scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform : scale3d(1.15, .85, 1);
        transform         : scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform : scale3d(.95, 1.05, 1);
        transform         : scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform : scale3d(1.05, .95, 1);
        transform         : scale3d(1.05, .95, 1)
    }
}

@keyframes animated-rubberBand {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform : scale3d(1.25, .75, 1);
        transform         : scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform : scale3d(.75, 1.25, 1);
        transform         : scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform : scale3d(1.15, .85, 1);
        transform         : scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform : scale3d(.95, 1.05, 1);
        transform         : scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform : scale3d(1.05, .95, 1);
        transform         : scale3d(1.05, .95, 1)
    }
}

@-webkit-keyframes animated-shake {
    from, to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform : translate3d(-10px, 0, 0);
        transform         : translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform : translate3d(10px, 0, 0);
        transform         : translate3d(10px, 0, 0)
    }
}

@keyframes animated-shake {
    from, to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform : translate3d(-10px, 0, 0);
        transform         : translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform : translate3d(10px, 0, 0);
        transform         : translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes animated-swing {
    20% {
        -webkit-transform : rotate3d(0, 0, 1, 15deg);
        transform         : rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform : rotate3d(0, 0, 1, -10deg);
        transform         : rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform : rotate3d(0, 0, 1, 5deg);
        transform         : rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform : rotate3d(0, 0, 1, -5deg);
        transform         : rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform : rotate3d(0, 0, 1, 0deg);
        transform         : rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes animated-swing {
    20% {
        -webkit-transform : rotate3d(0, 0, 1, 15deg);
        transform         : rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform : rotate3d(0, 0, 1, -10deg);
        transform         : rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform : rotate3d(0, 0, 1, 5deg);
        transform         : rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform : rotate3d(0, 0, 1, -5deg);
        transform         : rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform : rotate3d(0, 0, 1, 0deg);
        transform         : rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes animated-tada {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform : scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform         : scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform         : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform         : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes animated-tada {
    from, to {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform : scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform         : scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform         : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform         : scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@-webkit-keyframes animated-wobble {
    from, to {
        -webkit-transform : none;
        transform         : none
    }
    15% {
        -webkit-transform : translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform         : translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform : translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform         : translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform : translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform         : translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform : translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform         : translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform : translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform         : translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes animated-wobble {
    from, to {
        -webkit-transform : none;
        transform         : none
    }
    15% {
        -webkit-transform : translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform         : translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform : translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform         : translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform : translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform         : translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform : translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform         : translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform : translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform         : translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@-webkit-keyframes animated-jello {
    11.1%, from, to {
        -webkit-transform : none;
        transform         : none
    }
    22.2% {
        -webkit-transform : skewX(-12.5deg) skewY(-12.5deg);
        transform         : skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform : skewX(6.25deg) skewY(6.25deg);
        transform         : skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform : skewX(-3.125deg) skewY(-3.125deg);
        transform         : skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform : skewX(1.5625deg) skewY(1.5625deg);
        transform         : skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform : skewX(-.78125deg) skewY(-.78125deg);
        transform         : skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform : skewX(.390625deg) skewY(.390625deg);
        transform         : skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform : skewX(-.1953125deg) skewY(-.1953125deg);
        transform         : skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes animated-jello {
    11.1%, from, to {
        -webkit-transform : none;
        transform         : none
    }
    22.2% {
        -webkit-transform : skewX(-12.5deg) skewY(-12.5deg);
        transform         : skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform : skewX(6.25deg) skewY(6.25deg);
        transform         : skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform : skewX(-3.125deg) skewY(-3.125deg);
        transform         : skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform : skewX(1.5625deg) skewY(1.5625deg);
        transform         : skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform : skewX(-.78125deg) skewY(-.78125deg);
        transform         : skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform : skewX(.390625deg) skewY(.390625deg);
        transform         : skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform : skewX(-.1953125deg) skewY(-.1953125deg);
        transform         : skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes animated-bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform : scale3d(.9, .9, .9);
        transform         : scale3d(.9, .9, .9)
    }
    60% {
        opacity           : 1;
        -webkit-transform : scale3d(1.03, 1.03, 1.03);
        transform         : scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform : scale3d(.97, .97, .97);
        transform         : scale3d(.97, .97, .97)
    }
    to {
        opacity           : 1;
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
}

@keyframes animated-bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform : scale3d(.9, .9, .9);
        transform         : scale3d(.9, .9, .9)
    }
    60% {
        opacity           : 1;
        -webkit-transform : scale3d(1.03, 1.03, 1.03);
        transform         : scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform : scale3d(.97, .97, .97);
        transform         : scale3d(.97, .97, .97)
    }
    to {
        opacity           : 1;
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1)
    }
}

@-webkit-keyframes animated-bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : translate3d(0, -3000px, 0);
        transform         : translate3d(0, -3000px, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(0, 25px, 0);
        transform         : translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform : translate3d(0, -10px, 0);
        transform         : translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform : translate3d(0, 5px, 0);
        transform         : translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : translate3d(0, -3000px, 0);
        transform         : translate3d(0, -3000px, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(0, 25px, 0);
        transform         : translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform : translate3d(0, -10px, 0);
        transform         : translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform : translate3d(0, 5px, 0);
        transform         : translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : translate3d(-3000px, 0, 0);
        transform         : translate3d(-3000px, 0, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(25px, 0, 0);
        transform         : translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform : translate3d(-10px, 0, 0);
        transform         : translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform : translate3d(5px, 0, 0);
        transform         : translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity           : 0;
        -webkit-transform : translate3d(-3000px, 0, 0);
        transform         : translate3d(-3000px, 0, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(25px, 0, 0);
        transform         : translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform : translate3d(-10px, 0, 0);
        transform         : translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform : translate3d(5px, 0, 0);
        transform         : translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity           : 0;
        -webkit-transform : translate3d(3000px, 0, 0);
        transform         : translate3d(3000px, 0, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(-25px, 0, 0);
        transform         : translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform : translate3d(10px, 0, 0);
        transform         : translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform : translate3d(-5px, 0, 0);
        transform         : translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity           : 0;
        -webkit-transform : translate3d(3000px, 0, 0);
        transform         : translate3d(3000px, 0, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(-25px, 0, 0);
        transform         : translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform : translate3d(10px, 0, 0);
        transform         : translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform : translate3d(-5px, 0, 0);
        transform         : translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 3000px, 0);
        transform         : translate3d(0, 3000px, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(0, -20px, 0);
        transform         : translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform : translate3d(0, 10px, 0);
        transform         : translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform : translate3d(0, -5px, 0);
        transform         : translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes animated-bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function : cubic-bezier(.215, .61, .355, 1);
        animation-timing-function         : cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 3000px, 0);
        transform         : translate3d(0, 3000px, 0)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translate3d(0, -20px, 0);
        transform         : translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform : translate3d(0, 10px, 0);
        transform         : translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform : translate3d(0, -5px, 0);
        transform         : translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animated-bounceOut {
    20% {
        -webkit-transform : scale3d(.9, .9, .9);
        transform         : scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity           : 1;
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
}

@keyframes animated-bounceOut {
    20% {
        -webkit-transform : scale3d(.9, .9, .9);
        transform         : scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity           : 1;
        -webkit-transform : scale3d(1.1, 1.1, 1.1);
        transform         : scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes animated-bounceOutDown {
    20% {
        -webkit-transform : translate3d(0, 10px, 0);
        transform         : translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity           : 1;
        -webkit-transform : translate3d(0, -20px, 0);
        transform         : translate3d(0, -20px, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
}

@keyframes animated-bounceOutDown {
    20% {
        -webkit-transform : translate3d(0, 10px, 0);
        transform         : translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity           : 1;
        -webkit-transform : translate3d(0, -20px, 0);
        transform         : translate3d(0, -20px, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes animated-bounceOutLeft {
    20% {
        opacity           : 1;
        -webkit-transform : translate3d(20px, 0, 0);
        transform         : translate3d(20px, 0, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
}

@keyframes animated-bounceOutLeft {
    20% {
        opacity           : 1;
        -webkit-transform : translate3d(20px, 0, 0);
        transform         : translate3d(20px, 0, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes animated-bounceOutRight {
    20% {
        opacity           : 1;
        -webkit-transform : translate3d(-20px, 0, 0);
        transform         : translate3d(-20px, 0, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
}

@keyframes animated-bounceOutRight {
    20% {
        opacity           : 1;
        -webkit-transform : translate3d(-20px, 0, 0);
        transform         : translate3d(-20px, 0, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes animated-bounceOutUp {
    20% {
        -webkit-transform : translate3d(0, -10px, 0);
        transform         : translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity           : 1;
        -webkit-transform : translate3d(0, 20px, 0);
        transform         : translate3d(0, 20px, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
}

@keyframes animated-bounceOutUp {
    20% {
        -webkit-transform : translate3d(0, -10px, 0);
        transform         : translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity           : 1;
        -webkit-transform : translate3d(0, 20px, 0);
        transform         : translate3d(0, 20px, 0)
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes animated-fadeIn {
    from {
        opacity : 0
    }
    to {
        opacity : 1
    }
}

@keyframes animated-fadeIn {
    from {
        opacity : 0
    }
    to {
        opacity : 1
    }
}

@-webkit-keyframes animated-fadeInDown {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInDown {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInDownBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInDownBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInLeft {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInLeft {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInLeftBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInLeftBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInRight {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInRight {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInRightBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInRightBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeInUpBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-fadeInUpBig {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-fadeOut {
    from {
        opacity : 1
    }
    to {
        opacity : 0
    }
}

@keyframes animated-fadeOut {
    from {
        opacity : 1
    }
    to {
        opacity : 0
    }
}

@-webkit-keyframes animated-fadeOutDown {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
}

@keyframes animated-fadeOutDown {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes animated-fadeOutDownBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
}

@keyframes animated-fadeOutDownBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, 2000px, 0);
        transform         : translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes animated-fadeOutLeft {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
}

@keyframes animated-fadeOutLeft {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes animated-fadeOutLeftBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
}

@keyframes animated-fadeOutLeftBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(-2000px, 0, 0);
        transform         : translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes animated-fadeOutRight {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
}

@keyframes animated-fadeOutRight {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes animated-fadeOutRightBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
}

@keyframes animated-fadeOutRightBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(2000px, 0, 0);
        transform         : translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes animated-fadeOutUp {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
}

@keyframes animated-fadeOutUp {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes animated-fadeOutUpBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
}

@keyframes animated-fadeOutUpBig {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(0, -2000px, 0);
        transform         : translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes animated-flip {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    40% {
        -webkit-transform                 : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform                         : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    50% {
        -webkit-transform                 : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform                         : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    80% {
        -webkit-transform                 : perspective(400px) scale3d(.95, .95, .95);
        transform                         : perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    to {
        -webkit-transform                 : perspective(400px);
        transform                         : perspective(400px);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
}

@keyframes animated-flip {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    40% {
        -webkit-transform                 : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform                         : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    50% {
        -webkit-transform                 : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform                         : perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    80% {
        -webkit-transform                 : perspective(400px) scale3d(.95, .95, .95);
        transform                         : perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    to {
        -webkit-transform                 : perspective(400px);
        transform                         : perspective(400px);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
}

@-webkit-keyframes animated-flipInX {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform                         : perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in;
        opacity                           : 0
    }
    40% {
        -webkit-transform                 : perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform                         : perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    60% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
}

@keyframes animated-flipInX {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform                         : perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in;
        opacity                           : 0
    }
    40% {
        -webkit-transform                 : perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform                         : perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    60% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
}

@-webkit-keyframes animated-flipInY {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in;
        opacity                           : 0
    }
    40% {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    60% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
}

@keyframes animated-flipInY {
    from {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in;
        opacity                           : 0
    }
    40% {
        -webkit-transform                 : perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform                         : perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    60% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
}

@-webkit-keyframes animated-flipOutX {
    from {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
    30% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity           : 1
    }
    to {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity           : 0
    }
}

@keyframes animated-flipOutX {
    from {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
    30% {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity           : 1
    }
    to {
        -webkit-transform : perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform         : perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity           : 0
    }
}

@-webkit-keyframes animated-flipOutY {
    from {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
    30% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity           : 1
    }
    to {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity           : 0
    }
}

@keyframes animated-flipOutY {
    from {
        -webkit-transform : perspective(400px);
        transform         : perspective(400px)
    }
    30% {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity           : 1
    }
    to {
        -webkit-transform : perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform         : perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity           : 0
    }
}

@-webkit-keyframes animated-lightSpeedIn {
    from {
        -webkit-transform : translate3d(100%, 0, 0) skewX(-30deg);
        transform         : translate3d(100%, 0, 0) skewX(-30deg);
        opacity           : 0
    }
    60% {
        -webkit-transform : skewX(20deg);
        transform         : skewX(20deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : skewX(-5deg);
        transform         : skewX(-5deg);
        opacity           : 1
    }
    to {
        -webkit-transform : none;
        transform         : none;
        opacity           : 1
    }
}

@keyframes animated-lightSpeedIn {
    from {
        -webkit-transform : translate3d(100%, 0, 0) skewX(-30deg);
        transform         : translate3d(100%, 0, 0) skewX(-30deg);
        opacity           : 0
    }
    60% {
        -webkit-transform : skewX(20deg);
        transform         : skewX(20deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : skewX(-5deg);
        transform         : skewX(-5deg);
        opacity           : 1
    }
    to {
        -webkit-transform : none;
        transform         : none;
        opacity           : 1
    }
}

@-webkit-keyframes animated-lightSpeedOut {
    from {
        opacity : 1
    }
    to {
        -webkit-transform : translate3d(100%, 0, 0) skewX(30deg);
        transform         : translate3d(100%, 0, 0) skewX(30deg);
        opacity           : 0
    }
}

@keyframes animated-lightSpeedOut {
    from {
        opacity : 1
    }
    to {
        -webkit-transform : translate3d(100%, 0, 0) skewX(30deg);
        transform         : translate3d(100%, 0, 0) skewX(30deg);
        opacity           : 0
    }
}

@-webkit-keyframes animated-rotateIn {
    from {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : rotate3d(0, 0, 1, -200deg);
        transform                : rotate3d(0, 0, 1, -200deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@keyframes animated-rotateIn {
    from {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : rotate3d(0, 0, 1, -200deg);
        transform                : rotate3d(0, 0, 1, -200deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@-webkit-keyframes animated-rotateInDownLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@keyframes animated-rotateInDownLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@-webkit-keyframes animated-rotateInDownRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@keyframes animated-rotateInDownRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@-webkit-keyframes animated-rotateInUpLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@keyframes animated-rotateInUpLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@-webkit-keyframes animated-rotateInUpRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -90deg);
        transform                : rotate3d(0, 0, 1, -90deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@keyframes animated-rotateInUpRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -90deg);
        transform                : rotate3d(0, 0, 1, -90deg);
        opacity                  : 0
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : none;
        transform                : none;
        opacity                  : 1
    }
}

@-webkit-keyframes animated-rotateOut {
    from {
        -webkit-transform-origin : center;
        transform-origin         : center;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : rotate3d(0, 0, 1, 200deg);
        transform                : rotate3d(0, 0, 1, 200deg);
        opacity                  : 0
    }
}

@keyframes animated-rotateOut {
    from {
        -webkit-transform-origin : center;
        transform-origin         : center;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : center;
        transform-origin         : center;
        -webkit-transform        : rotate3d(0, 0, 1, 200deg);
        transform                : rotate3d(0, 0, 1, 200deg);
        opacity                  : 0
    }
}

@-webkit-keyframes animated-rotateOutDownLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
}

@keyframes animated-rotateOutDownLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 45deg);
        transform                : rotate3d(0, 0, 1, 45deg);
        opacity                  : 0
    }
}

@-webkit-keyframes animated-rotateOutDownRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
}

@keyframes animated-rotateOutDownRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
}

@-webkit-keyframes animated-rotateOutUpLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
}

@keyframes animated-rotateOutUpLeft {
    from {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate3d(0, 0, 1, -45deg);
        transform                : rotate3d(0, 0, 1, -45deg);
        opacity                  : 0
    }
}

@-webkit-keyframes animated-rotateOutUpRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 90deg);
        transform                : rotate3d(0, 0, 1, 90deg);
        opacity                  : 0
    }
}

@keyframes animated-rotateOutUpRight {
    from {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        opacity                  : 1
    }
    to {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate3d(0, 0, 1, 90deg);
        transform                : rotate3d(0, 0, 1, 90deg);
        opacity                  : 0
    }
}

@-webkit-keyframes animated-hinge {
    0% {
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    20%, 60% {
        -webkit-transform                 : rotate3d(0, 0, 1, 80deg);
        transform                         : rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    40%, 80% {
        -webkit-transform                 : rotate3d(0, 0, 1, 60deg);
        transform                         : rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out;
        opacity                           : 1
    }
    to {
        -webkit-transform : translate3d(0, 700px, 0);
        transform         : translate3d(0, 700px, 0);
        opacity           : 0
    }
}

@keyframes animated-hinge {
    0% {
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    20%, 60% {
        -webkit-transform                 : rotate3d(0, 0, 1, 80deg);
        transform                         : rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    40%, 80% {
        -webkit-transform                 : rotate3d(0, 0, 1, 60deg);
        transform                         : rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out;
        opacity                           : 1
    }
    to {
        -webkit-transform : translate3d(0, 700px, 0);
        transform         : translate3d(0, 700px, 0);
        opacity           : 0
    }
}

@-webkit-keyframes animated-rollIn {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform         : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@keyframes animated-rollIn {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform         : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity           : 1;
        -webkit-transform : none;
        transform         : none
    }
}

@-webkit-keyframes animated-rollOut {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform         : translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes animated-rollOut {
    from {
        opacity : 1
    }
    to {
        opacity           : 0;
        -webkit-transform : translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform         : translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@-webkit-keyframes animated-zoomIn {
    from {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    50% {
        opacity : 1
    }
}

@keyframes animated-zoomIn {
    from {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    50% {
        opacity : 1
    }
}

@-webkit-keyframes animated-zoomInDown {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomInDown {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-zoomInLeft {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomInLeft {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-zoomInRight {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomInRight {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-zoomInUp {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomInUp {
    from {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-zoomOut {
    from {
        opacity : 1
    }
    50% {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    to {
        opacity : 0
    }
}

@keyframes animated-zoomOut {
    from {
        opacity : 1
    }
    50% {
        opacity           : 0;
        -webkit-transform : scale3d(.3, .3, .3);
        transform         : scale3d(.3, .3, .3)
    }
    to {
        opacity : 0
    }
}

@-webkit-keyframes animated-zoomOutDown {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin          : center bottom;
        transform-origin                  : center bottom;
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomOutDown {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin          : center bottom;
        transform-origin                  : center bottom;
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-zoomOutLeft {
    40% {
        opacity           : 1;
        -webkit-transform : scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform         : scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translate3d(-2000px, 0, 0);
        transform                : scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin : left center;
        transform-origin         : left center
    }
}

@keyframes animated-zoomOutLeft {
    40% {
        opacity           : 1;
        -webkit-transform : scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform         : scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translate3d(-2000px, 0, 0);
        transform                : scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin : left center;
        transform-origin         : left center
    }
}

@-webkit-keyframes animated-zoomOutRight {
    40% {
        opacity           : 1;
        -webkit-transform : scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform         : scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translate3d(2000px, 0, 0);
        transform                : scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin : right center;
        transform-origin         : right center
    }
}

@keyframes animated-zoomOutRight {
    40% {
        opacity           : 1;
        -webkit-transform : scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform         : scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translate3d(2000px, 0, 0);
        transform                : scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin : right center;
        transform-origin         : right center
    }
}

@-webkit-keyframes animated-zoomOutUp {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin          : center bottom;
        transform-origin                  : center bottom;
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes animated-zoomOutUp {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform                         : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function : cubic-bezier(.55, .055, .675, .19);
        animation-timing-function         : cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity                           : 0;
        -webkit-transform                 : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform                         : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin          : center bottom;
        transform-origin                  : center bottom;
        -webkit-animation-timing-function : cubic-bezier(.175, .885, .32, 1);
        animation-timing-function         : cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes animated-slideInDown {
    from {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes animated-slideInDown {
    from {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animated-slideInLeft {
    from {
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes animated-slideInLeft {
    from {
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animated-slideInRight {
    from {
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes animated-slideInRight {
    from {
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animated-slideInUp {
    from {
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes animated-slideInUp {
    from {
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0);
        visibility        : visible
    }
    to {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animated-slideOutDown {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
}

@keyframes animated-slideOutDown {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, 100%, 0);
        transform         : translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes animated-slideOutLeft {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
}

@keyframes animated-slideOutLeft {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(-100%, 0, 0);
        transform         : translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes animated-slideOutRight {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
}

@keyframes animated-slideOutRight {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(100%, 0, 0);
        transform         : translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes animated-slideOutUp {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
}

@keyframes animated-slideOutUp {
    from {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
    to {
        visibility        : hidden;
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
}

.animated {
    -webkit-animation-duration  : 1s;
    animation-duration          : 1s;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both
}

.animated.infinite {
    -webkit-animation-iteration-count : infinite;
    animation-iteration-count         : infinite
}

.animated.hinge {
    -webkit-animation-duration : 2s;
    animation-duration         : 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration : .8s;
    animation-duration         : .8s
}

.animated.bounce {
    -webkit-animation-name   : animated-bounce;
    animation-name           : animated-bounce;
    -webkit-transform-origin : center bottom;
    -ms-transform-origin     : center bottom;
    transform-origin         : center bottom
}

.animated.flash {
    -webkit-animation-name : animated-flash;
    animation-name         : animated-flash
}

.animated.pulse {
    -webkit-animation-name : animated-pulse;
    animation-name         : animated-pulse
}

.animated.rubberBand {
    -webkit-animation-name : animated-rubberBand;
    animation-name         : animated-rubberBand
}

.animated.shake {
    -webkit-animation-name : animated-shake;
    animation-name         : animated-shake
}

.animated.swing {
    -webkit-transform-origin : top center;
    -ms-transform-origin     : top center;
    transform-origin         : top center;
    -webkit-animation-name   : animated-swing;
    animation-name           : animated-swing
}

.animated.tada {
    -webkit-animation-name : animated-tada;
    animation-name         : animated-tada
}

.animated.wobble {
    -webkit-animation-name : animated-wobble;
    animation-name         : animated-wobble
}

.animated.jello {
    -webkit-animation-name   : animated-jello;
    animation-name           : animated-jello;
    -webkit-transform-origin : center;
    -ms-transform-origin     : center;
    transform-origin         : center
}

.animated.bounceIn {
    -webkit-animation-name : animated-bounceIn;
    animation-name         : animated-bounceIn
}

.animated.bounceInDown {
    -webkit-animation-name : animated-bounceInDown;
    animation-name         : animated-bounceInDown
}

.animated.bounceInLeft {
    -webkit-animation-name : animated-bounceInLeft;
    animation-name         : animated-bounceInLeft
}

.animated.bounceInRight {
    -webkit-animation-name : animated-bounceInRight;
    animation-name         : animated-bounceInRight
}

.animated.bounceInUp {
    -webkit-animation-name : animated-bounceInUp;
    animation-name         : animated-bounceInUp
}

.animated.bounceOut {
    -webkit-animation-name : animated-bounceOut;
    animation-name         : animated-bounceOut
}

.animated.bounceOutDown {
    -webkit-animation-name : animated-bounceOutDown;
    animation-name         : animated-bounceOutDown
}

.animated.bounceOutLeft {
    -webkit-animation-name : animated-bounceOutLeft;
    animation-name         : animated-bounceOutLeft
}

.animated.bounceOutRight {
    -webkit-animation-name : animated-bounceOutRight;
    animation-name         : animated-bounceOutRight
}

.animated.bounceOutUp {
    -webkit-animation-name : animated-bounceOutUp;
    animation-name         : animated-bounceOutUp
}

.animated.fadeIn {
    -webkit-animation-name : animated-fadeIn;
    animation-name         : animated-fadeIn
}

.animated.fadeInDown {
    -webkit-animation-name : animated-fadeInDown;
    animation-name         : animated-fadeInDown
}

.animated.fadeInDownBig {
    -webkit-animation-name : animated-fadeInDownBig;
    animation-name         : animated-fadeInDownBig
}

.animated.fadeInLeft {
    -webkit-animation-name : animated-fadeInLeft;
    animation-name         : animated-fadeInLeft
}

.animated.fadeInLeftBig {
    -webkit-animation-name : animated-fadeInLeftBig;
    animation-name         : animated-fadeInLeftBig
}

.animated.fadeInRight {
    -webkit-animation-name : animated-fadeInRight;
    animation-name         : animated-fadeInRight
}

.animated.fadeInRightBig {
    -webkit-animation-name : animated-fadeInRightBig;
    animation-name         : animated-fadeInRightBig
}

.animated.fadeInUp {
    -webkit-animation-name : animated-fadeInUp;
    animation-name         : animated-fadeInUp
}

.animated.fadeInUpBig {
    -webkit-animation-name : animated-fadeInUpBig;
    animation-name         : animated-fadeInUpBig
}

.animated.fadeOut {
    -webkit-animation-name : animated-fadeOut;
    animation-name         : animated-fadeOut
}

.animated.fadeOutDown {
    -webkit-animation-name : animated-fadeOutDown;
    animation-name         : animated-fadeOutDown
}

.animated.fadeOutDownBig {
    -webkit-animation-name : animated-fadeOutDownBig;
    animation-name         : animated-fadeOutDownBig
}

.animated.fadeOutLeft {
    -webkit-animation-name : animated-fadeOutLeft;
    animation-name         : animated-fadeOutLeft
}

.animated.fadeOutLeftBig {
    -webkit-animation-name : animated-fadeOutLeftBig;
    animation-name         : animated-fadeOutLeftBig
}

.animated.fadeOutRight {
    -webkit-animation-name : animated-fadeOutRight;
    animation-name         : animated-fadeOutRight
}

.animated.fadeOutRightBig {
    -webkit-animation-name : animated-fadeOutRightBig;
    animation-name         : animated-fadeOutRightBig
}

.animated.fadeOutUp {
    -webkit-animation-name : animated-fadeOutUp;
    animation-name         : animated-fadeOutUp
}

.animated.fadeOutUpBig {
    -webkit-animation-name : animated-fadeOutUpBig;
    animation-name         : animated-fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility : visible;
    backface-visibility         : visible;
    -webkit-animation-name      : animated-flip;
    animation-name              : animated-flip
}

.animated.flipInX {
    -webkit-backface-visibility : visible !important;
    backface-visibility         : visible !important;
    -webkit-animation-name      : animated-flipInX;
    animation-name              : animated-flipInX
}

.animated.flipInY, .animated.flipOutX {
    -webkit-backface-visibility : visible !important
}

.animated.flipInY {
    backface-visibility    : visible !important;
    -webkit-animation-name : animated-flipInY;
    animation-name         : animated-flipInY
}

.animated.flipOutX {
    -webkit-animation-name : animated-flipOutX;
    animation-name         : animated-flipOutX;
    backface-visibility    : visible !important
}

.animated.flipOutY {
    -webkit-backface-visibility : visible !important;
    backface-visibility         : visible !important;
    -webkit-animation-name      : animated-flipOutY;
    animation-name              : animated-flipOutY
}

.animated.lightSpeedIn {
    -webkit-animation-name            : animated-lightSpeedIn;
    animation-name                    : animated-lightSpeedIn;
    -webkit-animation-timing-function : ease-out;
    animation-timing-function         : ease-out
}

.animated.lightSpeedOut {
    -webkit-animation-name            : animated-lightSpeedOut;
    animation-name                    : animated-lightSpeedOut;
    -webkit-animation-timing-function : ease-in;
    animation-timing-function         : ease-in
}

.animated.rotateIn {
    -webkit-animation-name : animated-rotateIn;
    animation-name         : animated-rotateIn
}

.animated.rotateInDownLeft {
    -webkit-animation-name : animated-rotateInDownLeft;
    animation-name         : animated-rotateInDownLeft
}

.animated.rotateInDownRight {
    -webkit-animation-name : animated-rotateInDownRight;
    animation-name         : animated-rotateInDownRight
}

.animated.rotateInUpLeft {
    -webkit-animation-name : animated-rotateInUpLeft;
    animation-name         : animated-rotateInUpLeft
}

.animated.rotateInUpRight {
    -webkit-animation-name : animated-rotateInUpRight;
    animation-name         : animated-rotateInUpRight
}

.animated.rotateOut {
    -webkit-animation-name : animated-rotateOut;
    animation-name         : animated-rotateOut
}

.animated.rotateOutDownLeft {
    -webkit-animation-name : animated-rotateOutDownLeft;
    animation-name         : animated-rotateOutDownLeft
}

.animated.rotateOutDownRight {
    -webkit-animation-name : animated-rotateOutDownRight;
    animation-name         : animated-rotateOutDownRight
}

.animated.rotateOutUpLeft {
    -webkit-animation-name : animated-rotateOutUpLeft;
    animation-name         : animated-rotateOutUpLeft
}

.animated.rotateOutUpRight {
    -webkit-animation-name : animated-rotateOutUpRight;
    animation-name         : animated-rotateOutUpRight
}

.animated.hinge {
    -webkit-animation-name : animated-hinge;
    animation-name         : animated-hinge
}

.animated.rollIn {
    -webkit-animation-name : animated-rollIn;
    animation-name         : animated-rollIn
}

.animated.rollOut {
    -webkit-animation-name : animated-rollOut;
    animation-name         : animated-rollOut
}

.animated.zoomIn {
    -webkit-animation-name : animated-zoomIn;
    animation-name         : animated-zoomIn
}

.animated.zoomInDown {
    -webkit-animation-name : animated-zoomInDown;
    animation-name         : animated-zoomInDown
}

.animated.zoomInLeft {
    -webkit-animation-name : animated-zoomInLeft;
    animation-name         : animated-zoomInLeft
}

.animated.zoomInRight {
    -webkit-animation-name : animated-zoomInRight;
    animation-name         : animated-zoomInRight
}

.animated.zoomInUp {
    -webkit-animation-name : animated-zoomInUp;
    animation-name         : animated-zoomInUp
}

.animated.zoomOut {
    -webkit-animation-name : animated-zoomOut;
    animation-name         : animated-zoomOut
}

.animated.zoomOutDown {
    -webkit-animation-name : animated-zoomOutDown;
    animation-name         : animated-zoomOutDown
}

.animated.zoomOutLeft {
    -webkit-animation-name : animated-zoomOutLeft;
    animation-name         : animated-zoomOutLeft
}

.animated.zoomOutRight {
    -webkit-animation-name : animated-zoomOutRight;
    animation-name         : animated-zoomOutRight
}

.animated.zoomOutUp {
    -webkit-animation-name : animated-zoomOutUp;
    animation-name         : animated-zoomOutUp
}

.animated.slideInDown {
    -webkit-animation-name : animated-slideInDown;
    animation-name         : animated-slideInDown
}

.animated.slideInLeft {
    -webkit-animation-name : animated-slideInLeft;
    animation-name         : animated-slideInLeft
}

.animated.slideInRight {
    -webkit-animation-name : animated-slideInRight;
    animation-name         : animated-slideInRight
}

.animated.slideInUp {
    -webkit-animation-name : animated-slideInUp;
    animation-name         : animated-slideInUp
}

.animated.slideOutDown {
    -webkit-animation-name : animated-slideOutDown;
    animation-name         : animated-slideOutDown
}

.animated.slideOutLeft {
    -webkit-animation-name : animated-slideOutLeft;
    animation-name         : animated-slideOutLeft
}

.animated.slideOutRight {
    -webkit-animation-name : animated-slideOutRight;
    animation-name         : animated-slideOutRight
}

.animated.slideOutUp {
    -webkit-animation-name : animated-slideOutUp;
    animation-name         : animated-slideOutUp
}

.caret.big {
    border-top   : 10px dashed;
    border-top   : 10px solid \9;
    border-right : 10px solid transparent;
    border-left  : 10px solid transparent
}

#custom-tabs-navigation {
    overflow : hidden;
    clear    : both;
}

#custom-tabs-navigation span {
    color              : #ABAAAA;
    padding-bottom     : 5px;
    display            : inline-block;
    vertical-align     : top;
    border-bottom      : 3px solid #D5D5D5;
    text-transform     : uppercase;
    font-size          : 14px;
    font-weight        : bold;
    line-height        : 1.3;
    margin-left        : 25px;
    -webkit-transition : all 0.4s ease;
    transition         : all 0.4s ease;
    cursor             : pointer;
    margin-bottom      : 15px;
}

#custom-tabs-navigation span.active {
    color         : #000;
    border-bottom : 3px solid #1C953F;
}

#custom-tabs-navigation span:not(.active):hover {
    border-bottom : 3px solid #636262;
}

#custom-tabs-navigation span:first-child {
    margin-left : 15px;
}

#product-info-blocks {
    position : relative;
    overflow : hidden;

}


#my-post-decor-img {
    max-height : 450px;
}

.pib-block {
    padding-right : 25px;
}

@media screen and (max-width : 1470px) {
    ._sb__col-left {
        max-width : 300px;
    }
}

@media screen and (max-width : 1410px) {
    ._sb__flex-block {
        height : 800px;
    }
}

@media screen and (max-width : 1200px) {
    ._sb__col-right {
        display : block;
    }
}


@media screen and (max-width : 1050px) {
    #custom-tabs-navigation span {
        font-size   : 12px;
        margin-left : 15px;
    }
}


@media screen and (max-width : 1200px) {
    ._sb__flex-block {
        flex-flow : row wrap;
        height    : auto;
    }

    .page-template-product-item ._sb__col-center {
        width : calc(100% - 300px);
    }

    .page-template-product-item ._sb__col-right {
        width       : 100%;
        display     : block;
        padding-top : 25px;
    }

    .page-template-product-item .feedback-form.vert-form {
        margin-left  : auto;
        margin-right : auto;
    }
}


@media screen and (max-width : 800px) {
    ._sb__flex-block {
        display    : block;
        text-align : center;
    }

    .page-template-product-item ._sb__col-center {
        width : 100%;
    }

    .page-template-product-item ._sb__col-right {
        width      : 100%;
        text-align : center;
        display    : block;
    }

    .pib-block {
        text-align : left;
    }

    .page-template-product-item ._sb__col-left {
        text-align : center;
        max-width  : 100%;
    }

    .page-template-product-item ._sb__col-left > div,
    .page-template-product-item ._sb__col-left > img {
        margin-left  : auto;
        margin-right : auto;
    }

    .page-template-product-item ._sb__col-left > div .img-responsive {
        margin-left  : auto;
        margin-right : auto;
    }

    .page-template-product-item ._sb__col-left {
        text-align : center;
    }

    .page-template-product-item ._prodib__btn.my-btn {
        margin  : 0 !important;
        padding : 30px 0;
    }

    .page-template-product-item .btn-all.history-back {
        display  : inline-block;
        padding  : 0 25px;
        position : static;
        width    : auto;
    }

    ._sb__container.container {
        padding-left  : 0px;
        padding-right : 0px;
    }
}


li {
    list-style-position : inside;
}


.navbar-default #navbarSite.navbar-nav > li > a {
    padding : 10px 10px;
}

.navbar-default.bg-white .navbar-nav > li > a {
    padding : 10px 5px;
}

/******************/

._prodib__btn.my-btn {
    background  : #fff;
    height      : 60px;
    width       : 100%;
    position    : absolute;
    bottom      : -15px;
    margin      : 0;
    padding-top : 15px;
}

._prodib__btn.my-btn .btn-all.history-back {
    position : static;
}



/*--------- New Code 12.2024 ----------*/

._prodb__prod-list.subtitle h2 {
    margin: 40px 0 20px;
    padding: 0;
    line-height: 36px;
    font-family: pfagoraslabpro-black-webfont;
    font-weight: 900;
    font-size: 30px;
    color: #9B9B9B;
}

._prodb__item.our {
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    min-height: 250px;
    padding: 20px;
}

._prodb__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    z-index: 0;
    transition: 1s;
}

._prodb__item.our:hover ._prodb__item-bg {
    transform: scale(1.2);
}

._prodb__item.our::after {
    display: none;
}

._prodb__item-loop {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

._prodb__item-loop-txt {
    display: inline-block;
    width: fit-content;
    margin-bottom: 8px;
    padding: 0 10px;
    border: 2px solid #299924;
    border-radius: 5px;
    text-transform: uppercase;
    line-height: 18px;
    font-family: pfdindisplaypro-light-webfont;
    font-weight: 400;
    font-size: 10px;
    color: #299924;
}

._prodb__item-loop-txt:last-child {
    margin: 0;
}

.page-template-product-item-pro ._prodb__item-loop {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

.page-template-product-item-pro ._prodb__item-loop-txt {
    margin: 0 8px 8px 0;
}


.page-template-product-item ._prodib__btn.my-btn,
.page-template-product-item-pro ._prodib__btn.my-btn {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: auto;
}

.page-template-product-item ._prodib__btn.my-btn .btn-all.history-back
.page-template-product-item-pro ._prodib__btn.my-btn .btn-all.history-back {
    width: auto;
}

.page-template-product-item ._sb__col-left,
.page-template-product-item-pro ._sb__col-left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

._prodb__item-landos {
    display: block;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 56px;
    background: #1C953F;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

._prodb__item-landos:hover {
    text-decoration: none;
    color: #146a2d;
}

._prodb__item-logo-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 20px;
}


._prodb__item-logo-img.our {
    display: block;
    margin: 0 auto;  
    max-height: 200px;
}

._sb__col-left-top {
    margin-bottom: 20px;
    text-align: center;
}

._sb__col-left-bot {
    text-align: center;
}

._prodb__item span,
._prodb__item-loop {
    position: relative;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .page-template-product-item ._sb__flex-block,
    .page-template-product-item-pro ._sb__flex-block {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .page-template-product-item ._sb__col-left {
        max-width: inherit;
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 768px) {
    ._prodb__prod-list.subtitle h2 {
        margin: 30px 0 20px;
        line-height: 46px;
        font-size: 30px;
    }

    ._sb__flex-block ._sb__col-left {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .page-template-product-item ._sb__col-left {
        text-align: left;
    }

    .page-template-product-item ._sb__col-left > div .img-responsive {
        margin: 0;
    }


    ._sb__col-left-top {
        width: 40%;
    }

    ._sb__col-left-bot {
        width: 60%;
        margin-bottom: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        text-align: left;
    }

    ._prodb__item-landos {
        max-width: 250px;
    }

    ._sb__flex-block ._sb__col-center {
        width: 100%;
    }

    .page-template-product-item-pro ._prodb__item-loop {
        margin-bottom: 26px;
        margin-left: 15px;
    }

    .page-template-product-item-pro ._prodib__btn.my-btn {
        margin-bottom: 50px;
    }

    .page-template-product-item ._sb__scroll,
    .page-template-product-item-pro ._sb__scroll {
        height: auto;
    }

    .page-template-product-item .scroll-container,
    .page-template-product-item-pro .scroll-container {
        display: none;
    }

    ._prodb__item-logo-img.our {
        margin: 0;
    }

    ._prodb__item.our {
        width: 50%;
    }
}

@media screen and (min-width: 1024px) {
    ._prodb__prod-list.subtitle h2 {
        margin: 40px 0 20px;
        line-height: 46px;
        font-size: 30px;
    }

    .page-template-product-item-pro ._prodib__btn.my-btn {
        margin-bottom: 0px;
    }

    ._prodb__item-logo-img {
        margin-top: 40px;
    }

    ._prodb__item-landos {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    ._prodb__item.our {
        width: 33%;
    }
}

@media screen and (min-width: 1200px) {
    ._prodb__prod-list.subtitle h2 {
        line-height: 56px;
        font-size: 36px;
    }

    ._prodb__item.our {
        min-height: 300px;
        padding: 20px 30px 30px;
    }

    ._sb__flex-block ._sb__col-left {
        display: flex;
        flex-direction: column;
        width: 30%;
        max-width: 300px;
        margin-bottom: 0;
    }

    .page-template-product-item ._sb__col-left {
        height: 100%;
    }

    .page-template-product-item ._sb__col-left-bot {
        display: flex;
        flex-direction: column;
        height: 100%;
        text-align: center;
    }

    .page-template-product-item ._sb__col-left > div .img-responsive,
    ._prodib__btn.my-btn .btn-all.history-back {
        margin: 0 auto;
    }

    ._sb__col-left-top {
        width: 100%;
        text-align: center;
    }

    ._sb__col-left-bot {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    #my-post-decor-img-our {
        width: auto;
        height: 100%;
        max-height: 350px;
        margin: 0 auto;
    }

    ._prodb__item-logo-img {
        display: inline-block;
    }

    ._prodb__item-logo-img.our {
        margin: 0 auto;
    }

    ._prodb__item-landos {
        display: inline-block;
        width: 80%;
    }

    ._sb__flex-block ._sb__col-center {
        width: 70%;
    }

    ._prodb__item-loop-txt {
        padding: 0 17px;
        line-height: 24px;
        font-size: 12px;
    }

    .page-template-product-item ._sb__scroll {
        height: 720px;
    }

    .page-template-product-item-pro ._sb__scroll {
        height: 660px;
    }

    .page-template-product-item .scroll-container,
    .page-template-product-item-pro .scroll-container {
        display: block;
    }

    .page-template-product-item ._prodib__btn.my-btn .btn-all.history-back {
        width: 100%;
        max-width: 200px;
    }

}


@media screen and (max-width: 800px) {
    .page-template-product-item-pro ._sb__col-right {
        width: 100%;
        text-align: center;
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .page-template-product-item-pro .feedback-form.vert-form {
        margin-left: auto;
        margin-right: auto;
    }

    .page-template-product-item-pro ._sb__col-right {
        width: 100%;
        display: block;
        padding-top: 25px;
    }
}

@media screen and (min-width: 1400px) {
    ._prodb__item.our {
        width: 25%;
    }
}

@media screen and (min-width: 1469px) {
    ._sb__flex-block ._sb__col-left {
        max-width: 100%;
    }
}



/*---------------- blog ----------------*/

.lineblog {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.index__blog {
    background: none;
    padding: 40px 0;
}

.col-blog-3 {
    width: 100%;
    height: 300px;
    margin-bottom: 25px;
}




@media screen and (min-width: 768px) {
    .col-blog-3 {
        width: 50%;
        height: 300px;
    }
}

@media screen and (min-width: 1026px) {
    .col-blog-3 {
        width: 33.3%;
        margin-bottom: 35px;
        height: 350px;
    }
}

@media screen and (min-width: 1150px) {
    .col-blog-3 {
        height: 350px;
    }
}

@media screen and (min-width: 1300px) {
    .col-blog-3 {
        height: 400px;
    }
}

@media screen and (min-width: 1600px) {
    .col-blog-3 {
        height: 500px;
    }
}


.cookie-banner {
    position: fixed;
    left: 20px;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    max-width: 480px;
    margin-left: auto;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 20px 24px;
    font-family: proxima_nova_regular-webfont, Arial, sans-serif;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.cookie-banner strong {
    font-family: proxima_nova_regular-webfont, Arial, sans-serif;
}

.cookie-banner.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.cookie-banner__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cookie-banner__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}

.cookie-banner__title {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
    color: #000000;
}

.cookie-banner__link {
    color: #0066cc;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.cookie-banner__link:hover,
.cookie-banner__link:focus {
    color: #004499;
}

.cookie-banner__button {
    align-self: flex-start;
    padding: 10px 24px;
    background-color: #000000;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.cookie-banner__button:hover {
    background-color: #333333;
}

.cookie-banner__button:active {
    transform: scale(0.98);
}

.cookie-banner__button:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .cookie-banner {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 16px 18px;
        max-width: none;
    }

    .cookie-banner__text {
        font-size: 13px;
    }
}

.\_i-blog__pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 40px 0;
}

/* Общий вид всех элементов: ссылки, текущая, многоточие */
.\_i-blog__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #1c953f;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1;
    color: #333;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Кликабельные ссылки при наведении */
.\_i-blog__pagination a.page-numbers:hover {
    background-color: #1c953f;
    border-color: #1c953f;
    color: #fff;
}

/* Текущая страница */
.\_i-blog__pagination .page-numbers.current {
    background-color: #1c953f;
    border-color: #1c953f;
    color: #fff;
    cursor: default;
}

/* Многоточие — не кликабельно, без рамки */
.\_i-blog__pagination .page-numbers.dots {
    border-color: transparent;
    background: none;
    color: #999;
}

/* Стрелки «назад / вперёд» */
.\_i-blog__pagination .page-numbers.prev,
.\_i-blog__pagination .page-numbers.next {
    font-size: 18px;
}