abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

main,section {
    display: block;
    position: relative
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body.prevent-scroll {
    overflow: hidden!important
}
.main-preloader {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 999999999;
      background-color: #fff;
      text-align: center;
    }
    .main-preloader .main-preloader-inner {
      position: absolute;
      top: 50%;
      width: 100%;
    }
    .main-preloader .preloader-percentage {
      color: #00b3cd;
	      font: 700 32px/100% ClearSans,sans-serif;
      margin: 0;
    }
    .main-preloader .preloader-percentage span {
      display: inline-block;
      float: center;
      font-size: 30px;
    }
.wrapper,body,html {
    height: 100%
}

footer {
    position: relative
}

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

li,nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none
}

ins {
    text-decoration: none
}

ins,mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

table, th, tr, td {
    border: 1px solid #ddd;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

button,input,select {
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 0
}

.clear {
    clear: both
}
.padding50 {
	padding: 50px 0;
	    max-width: 100%;
}
.padding100 {
	padding: 100px 0;
	    max-width: 100%;
}

@font-face {
    font-family: ClearSans;
    src: url(6a6a0beeba1c3d54e3e4ab473bf642dd.eot);
    src: url(./6a6a0beeba1c3d54e3e4ab473bf642dd.eot?#iefix) format("embedded-opentype"),url(a520f9c02c43a9fc26fbed3884b7ca02.woff2) format("woff2"),url(9781cd5f903ef868e0cd99271dc7cac2.woff) format("woff"),url(74c6fbc575fcf8f35b8aa49cc77d3e7b.ttf) format("truetype"),url(1e1a6fccae1ced60d905f17d22585866.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ClearSans;
    src: url(08f4f2163c142e4a3d1a1560e41260b5.eot);
    src: url(./08f4f2163c142e4a3d1a1560e41260b5.eot?#iefix) format("embedded-opentype"),url(b9d3acffbb33d10d60174f300476a3fa.woff2) format("woff2"),url(9a7c0a40718aa6cf0b9bd91c45c14941.woff) format("woff"),url(7cee616502eeab8982d766d282f13af8.ttf) format("truetype"),url(af95fc13b91002f421d7d50ebd81b2b1.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: PFDinTextCondPro;
    src: url(25891517ddf5c8278e6f5528d13aead3.eot);
    src: url(./25891517ddf5c8278e6f5528d13aead3.eot?#iefix) format("embedded-opentype"),url(9d4fe68546fafbbc1435330203d34826.woff2) format("woff2"),url(19f82e622966f324046cfa0564fe9501.woff) format("woff"),url(68742d2a498b6c92a2f1eb042d43c8fe.ttf) format("truetype"),url(853faff96d0fbda42a4f90fcdec1af62.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: MyriadPro;
    src: url(c19d18735bd9cda853cfae9b9fcfd53c.eot);
    src: url(./c19d18735bd9cda853cfae9b9fcfd53c.eot?#iefix) format("embedded-opentype"),url(3f78e80a5539ae4c805d2eebb54b0f48.woff2) format("woff2"),url(ccc86e3af3bc861a0109c4255f2b14c2.woff) format("woff"),url(4b512b3b198ee53091378272b26c6a3f.ttf) format("truetype"),url(3dcbb6f72a1431af5f553e21494a1533.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(403133b62f8d8150aeaed3b146e53f5a.eot);
    src: url(./403133b62f8d8150aeaed3b146e53f5a.eot?#iefix) format("embedded-opentype"),url(06d468fe2a29ba059dfd39c21743f926.woff2) format("woff2"),url(2d61575859e93b9d74a0af79c429b77d.woff) format("woff"),url(2563f6a7b9a9f3efa5d53ed2e2e06dfe.ttf) format("truetype"),url(87953235e9f7bf2d940163dc733ab3d4.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: url(c621d284298489e426af5e4bcdd7022a.eot);
    src: url(./c621d284298489e426af5e4bcdd7022a.eot?#iefix) format("embedded-opentype"),url(89a8cb91aa91affa9b2b7c5ddf2ee9ea.woff2) format("woff2"),url(fd51294788bcf490f12cf81c5e999e7f.woff) format("woff"),url(c5f60943cc2243062d9955f766fd9d42.ttf) format("truetype"),url(05422219b462ae97fdf6c008da8f85b6.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

h1 {
    font: 700 50px/1.1 ClearSans,sans-serif
}

h1,h2 {
    padding-top: 30px;
    margin-bottom: 30px;
    color: #000
}

h2 {
    font: 700 40px/1.1 ClearSans,sans-serif
}

h3 {
    font: 700 30px/1.1 ClearSans,sans-serif;
    padding-top: 30px;
    margin-bottom: 30px;
    color: #000
}
.main-team h3 {
    font-size: 25px;
    color: #00b3cd;
}

h4 {
    font: normal 26px/1.5 Arimo,sans-serif;
    margin-bottom: 10px
}

h4,h5 {
    padding-top: 25px;
    color: #000
}

h5 {
    font: 700 24px/1.1 ClearSans,sans-serif;
    margin-bottom: 18px
}

p {
    font: 400 14px/1.4 Arimo,sans-serif;
    margin-bottom: 15px;
    color: #000;
}

@media screen and (min-width: 1000px) {
    h3 {
        font-size:60px;
        line-height: 1.1
    }
}

.user-text h1 {
    font: 700 50px/1.1 ClearSans,sans-serif
}

.user-text h1,.user-text h2 {
    padding-top: 30px;
    margin-bottom: 30px;
    padding-right: 10px
}

.user-text h2 {
    font: 700 40px/1.1 ClearSans,sans-serif
}

.user-text h3 {
    font: 700 30px/1.1 ClearSans,sans-serif;
    padding-top: 30px;
    margin-bottom: 30px;
    padding-right: 10px
}

.user-text h4 {
    font: 700 24px/1.1 ClearSans,sans-serif;
    padding-top: 25px;
    margin-bottom: 18px;
    padding-right: 10px
}

.user-text h5 {
    font: 700 16px/1.5 Arimo,sans-serif;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px
}

.user-text strong {
    font: 700 11px/2 Arimo,sans-serif;
    color: #444d54;
    letter-spacing: .3em;
    text-transform: uppercase
}

.user-text p {
    font: 400 12px/1.57 Arimo,sans-serif;
    margin-bottom: 15px;
    color: #444d54;
    padding-right: 10px
}

.user-text ol,.user-text ul {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px
}

.user-text ol li,.user-text ul li {
    position: relative;
    font: 400 12px/1.57 Arimo,sans-serif;
    margin-bottom: 5px;
    color: #444d54;
    padding-left: 20px;
    padding-right: 10px
}

.user-text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px;
    height: 10px;
    background: url(dd2a58191f8b9beaca0e832ace2c94d4.png) no-repeat 50%;
    background-size: auto 100%
}

.user-text ol {
    counter-reset: myCounter;
    margin-left: 0
}

.user-text ol li {
    padding-left: 35px
}

.user-text ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    font: 700 14px ProximaNova,helvetica,sans-serif;
    letter-spacing: .01em;
    color: #00b3cd;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 0
}

.user-text ol li:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 20px;
    width: 2px;
    height: 2px;
    background: #00b3cd
}

.user-text .slider {
    padding-top: 0
}

.user-text .slider-text {
    width: 100vw;
    margin-left: -9.3%
}

.user-text .slider-text .swiper-button-next,.user-text .slider-text .swiper-button-prev {
    right: -9.3%
}

.user-text .slider-text p {
    position: relative;
    width: 84.4%;
    margin: 13px auto 15px;
    font: 400 italic 14px/1.57 Arimo,sans-serif;
    color: #a1a3a5;
    padding-left: 40px;
    box-sizing: border-box
}

.user-text .slider-text p:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 2px;
    background: #00b3cd
}

.user-text blockquote {
    position: relative;
    margin-top: 40px;
    margin-bottom: 35px;
    width: 100vw;
    margin-left: -9.3%;
    box-sizing: border-box;
    background: #00b3cd;
    padding: 45px 7.8% 85px
}

.user-text blockquote p {
    font: 700 16px/1.875 ClearSans,sans-serif
}

.user-text blockquote:after {
    content: "";
    width: 198%;
    height: 29px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(a5bdc802a5d88429fdb9e626ec2827c0.svg) repeat 50%;
    -webkit-animation: anim 30s linear infinite;
    animation: anim 30s linear infinite
}

.user-text a {
    display: inline-block;
    color: #444d54;
    transition: all .3s ease 0s
}

.user-text a:after {
    height: 2px
}

.user-text a:hover {
    background: #00b3cd
}

.user-text img {
    width: 100%;
    padding-top: 30px
}
ul.breadcrumb {
    display: none;
}

.headroom--pinned {

	opacity: 1;

}
.headroom--unpinned {

	opacity: 0;

}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	     transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);

}
.headroom--pinned {
    transform: translateY(0%);
	    transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.headroom--unpinned {
    transform: translateY(-100%);
	    transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (min-width: 640px) {
    .user-text li,.user-text p {
        margin-left:70px;
        font-size: 14px!important
    }

    .user-text strong {
        font-size: 12px
    }

    .user-text h1 {
        font-size: 60px
    }

    .user-text h2 {
        font-size: 50px
    }

    .user-text h3 {
        font-size: 40px;
        margin-bottom: 25px
    }

    .user-text h4,.user-text h5 {
        margin-left: 70px
    }

    .user-text h4 {
        margin-bottom: 22px
    }

    .user-text ol,.user-text ul {
        margin-bottom: 25px
    }

    .user-text .slider-text {
        margin-top: 50px;
        width: 91vw;
        margin-left: -10%;
        margin-bottom: 10px
    }

    .user-text .slider-text .swiper-button-next,.user-text .slider-text .swiper-button-prev {
        right: -16%
    }

    .user-text .slider-text p {
        padding-left: 200px
    }

    .user-text .slider-text p:before {
        width: 170px
    }

    .user-text blockquote {
        width: 100vw;
        margin-left: -15.7%;
        margin-top: 45px;
        margin-bottom: 45px;
        padding: 52px 16% 80px;
        padding-left: calc(16% + 70px)
    }
}

@media screen and (min-width: 1000px) {
	ul.breadcrumb {
    font: 400 14px/1.4 Arimo,sans-serif;
	margin-bottom: 40px;
	display: block;
}
ul.breadcrumb li {
    display: inline-block;
	margin-right: 10px;
}

ul.breadcrumb .fa{
    margin-right: 10px;
}
ul.breadcrumb li a{
    color: #9c9c9c;
}

ul.breadcrumb li .active {
    color: #000;
}
    .user-text {
        margin-left:70px;
        width: 77.4%
    }

    .user-text ol,.user-text ul {
        margin-left: 13px
    }

    .user-text ol li,.user-text ul li {
        margin-bottom: 7px;
        padding-left: 25px
    }

    .user-text ol li:before {
        top: 1px
    }

    .user-text ol li:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 15px;
        width: 2px;
        height: 2px;
        background: #00b3cd
    }

    .user-text .slider-text {
        margin-top: 55px;
        margin-left: 0
    }

    .user-text .slider-text .swiper-button-next,.user-text .slider-text .swiper-button-prev {
        right: -50px
    }

    .user-text .slider-text p {
        width: 90%
    }

    .user-text blockquote {
        padding: 52px 0 60px 30px
    }

    .user-text blockquote p {
        font-size: 18px!important;
        width: 53%;
        max-width: 750px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmffrs='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0,0%,100%,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmffrs='http://www.w3.org/2000/svg' xmffrs:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmffrs='http://www.w3.org/2000/svg' xmffrs:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(32%);
        transform: translateX(32%)
    }
}

@-webkit-keyframes more {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }
}

@-webkit-keyframes anim {
    0% {
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(674f50d287a8c48dc19ba404d20fe713.eot);
    src: url(./674f50d287a8c48dc19ba404d20fe713.eot?#iefix) format("embedded-opentype"),url(af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"),url(fee66e712a8a08eef5805a46892932ad.woff) format("woff"),url(b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"),url(./912ec66d7572ff821749319396470bde.svg?#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before,.fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before,.fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before,.fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before,.fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before,.fa-users:before {
    content: "\F0C0"
}

.fa-chain:before,.fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before,.fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before,.fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before,.fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before,.fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before,.fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before,.fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before,.fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\F155"
}

.fa-inr:before,.fa-rupee:before {
    content: "\F156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: "\F157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: "\F158"
}

.fa-krw:before,.fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before,.fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before,.fa-car:before {
    content: "\F1B9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before,.fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before,.fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before,.fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before,.fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before,.fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before,.fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before,.fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before,.fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before,.fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@keyframes load {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(32%);
        transform: translateX(32%)
    }
}

@keyframes more {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }
}

@keyframes anim {
    0% {
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.show320 {
    display: block!important
}

.show640 {
    display: none!important
}

.show320.show640 {
    display: block!important
}

.show1200 {
    font-family: Proxima Nova;
    font-size: 18px;
    color: #7a7a7a;
    line-height: 24px
}

.show640.show1200,.show1200 {
    display: none!important
}

span.show320 {
    display: inline!important
}

span.show640 {
    display: none!important
}

span.show320.show640 {
    display: inline!important
}

span.show640.show1200,span.show1200 {
    display: none!important
}

@media screen and (min-width: 640px) {
    .show320 {
        display:none!important
    }

    .show320.show640,.show640,.show640.show1200 {
        display: block!important
    }

    span.show320 {
        display: none!important
    }

    span.show320.show640,span.show640,span.show640.show1200 {
        display: inline!important
    }

    .more.show640 {
        display: inline-block!important
    }
}

@media screen and (min-width: 1000px) {
    .show320.show640,.show640 {
        display:none!important
    }

    .show640.show1200,.show1200 {
        display: block!important
    }

    span.show320.show640,span.show640 {
        display: none!important
    }

    span.show640.show1200,span.show1200 {
        display: inline!important
    }

    .more.show1200 {
        display: inline-block!important
    }
}

a {
    color: #00b3cd;
    position: relative
}


a:hover:after {
    background: transparent
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.wrapper {
    position: relative;
    width: 84.4%;
    margin: auto;
    max-width: 1200px
}

.prevent-scroll header {
    background: transparent!important
}

.prevent-scroll header .border-top,.prevent-scroll header .logo {
    opacity: 0!important
}

.prevent-scroll footer,.prevent-scroll main {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

footer,main {
    transition: all .5s ease 0s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98px;
    z-index: 101;
    background: #fff;
    transition: all .5s ease 0s
}

header.non {
    background: transparent!important
}

header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

header .logo {
    width: 180px;
    height: 41px;
    transition: all .3s ease 0s
}

header .logo:after {
    content: none
}

header .logo svg {
    display: block;
    width: 100%;
    height: 100%
}

header .logo svg .st0 {
    fill: #1a1313!important
}

header .menu-btn {
    position: relative;
    width: 45px;
    height: 45px;
    background: #00b3cd;
    margin-right: -10px;
    overflow: hidden
}

header .menu-btn .hamburger-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 16px;
    cursor: pointer;
    z-index: 101
}

header .menu-btn .hamburger-menu:hover .hover-bot,header .menu-btn .hamburger-menu:hover .hover-center,header .menu-btn .hamburger-menu:hover .hover-top {
    -webkit-transform: translate3d(0,-2px,0) rotate(.0001deg);
    transform: translate3d(0,-2px,0) rotate(.0001deg)
}

header .menu-btn .hamburger-menu .hover-top {
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .2s ease 0s
}

header .menu-btn .hamburger-menu .hover-center {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all .2s ease .1s
}

header .menu-btn .hamburger-menu .hover-bot {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .2s ease .2s
}

header .menu-btn .hamburger-menu .bar,header .menu-btn .hamburger-menu .bar-bot,header .menu-btn .hamburger-menu .bar-center,header .menu-btn .hamburger-menu .bar-top {
    width: 20px;
    height: 2px
}

header .menu-btn .hamburger-menu .bar {
    position: relative;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    transition: all 0ms .3s
}

header .menu-btn .hamburger-menu .bar-top {
    bottom: 7px
}

header .menu-btn .hamburger-menu .bar-center,header .menu-btn .hamburger-menu .bar-top {
    position: absolute;
    left: 0;
    background: #fff;
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

header .menu-btn .hamburger-menu .bar-center {
    top: 0;
    bottom: 0;
    margin: auto 0
}

header .menu-btn .hamburger-menu .bar-bot {
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

header .menu-btn .hamburger-menu .bar.animate .hover-bot,header .menu-btn .hamburger-menu .bar.animate .hover-center,header .menu-btn .hamburger-menu .bar.animate .hover-top {
    -webkit-transform: translate3d(0,-40px,0) rotate(.0001deg);
    transform: translate3d(0,-40px,0) rotate(.0001deg)
}

header .menu-btn .cross {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(06e9ad25c567e6f1bd04e64dbb781d9e.svg) no-repeat 50%;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
    transition: all .2s ease 0s
}

header .menu-btn .cross.animate {
    -webkit-transform: translateY(0) rotate(-180deg);
    transform: translateY(0) rotate(-180deg);
    transition: all .2s ease .2s
}

.main-page {
    padding-bottom: 0px
}

.home {
    position: relative;
    border-top: 1px solid transparent;
    min-height: 400px
}

.home .wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home .border {
    position: absolute;
    top: 95px;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: 10px solid #00b3cd;
    z-index: 10;
    pointer-events: none
}

.home .wrapper {
    z-index: 2
}

.home .container {
    overflow: hidden;
    position: relative;
    margin-top: 95px;
    height: calc(100% - 95px);
    color: #00b3cd
}

.home .container .text {
    position: relative;
    padding-top: 0
}
.home .container .pont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home .container .pont h3{
    display: table;
    padding: 0;
    margin: 0 60px 0 0;
    font-weight: normal;
}

.home .container .pont p{
        padding: 0 0 0 20px;
    border-left: 1px solid #fff;
}

.home .img {
    position: absolute;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: -1;
    z-index: 1
}

.home h1,.home h2,.home h3,.home h4,.home h5,.home p,.more {
    color: #fff;
}

.more {
    display: inline-block!important;
    font: 700 12px/40px ClearSans,sans-serif;
    height: 40px;
    padding-right: 20px;
    margin-top: 20px;
    letter-spacing: .7em;
    text-transform: uppercase
}

.mouse {
    border: 1px solid #ffffff;
    border-radius: 8px;
    bottom: 40px;
    display: block;
    height: 26px;
    left: 220px;
    margin: 5px 0;
    position: relative;
    width: 16px;
}
.mouse span {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: scroll;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid transparent;
    border-radius: 8px;
    display: block;
    height: 4px;
    margin: 2px auto;
    width: 2px;
}
@keyframes scroll {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}

.main-team {
    margin-top: 58px
}

.main-team .text, .main-catalog .text, .main-contact .text {
    margin-top: 30px;
    width: 92%;
    margin-left: 8%
}

.main-team .left {
    position: relative;
    width: 92.2%;
    height: 260px;
    margin-top: 65px;
    margin-left: 7.8%;
    overflow: hidden;
    background-size: cover
}

.main-catalog .left {
    position: relative;
    width: 92.2%;
    height: 260px;
    margin-top: 65px;
    margin-left: 7.8%;
    overflow: hidden;
    background-size: cover
}
.main-contact .left {
    position: relative;
    width: 92.2%;
    height: 260px;
    margin-top: 0px;
    margin-left: 7.8%;
    overflow: hidden;
    background-size: cover
}
#map {
    width: 100% !important;
	height: 100% !important;
    left: 0;
    top: 0;
    z-index: 10;
    position: relative;
    display: block;
}
.main-team .left:after {
    content: "";
    height: 29px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00b3cd;
    width: 100%;
}

.line {
    position: relative;
    font: 700 12px/1.66 ClearSans,sans-serif;
    letter-spacing: .7em;
    color: #00b3cd;
    text-transform: uppercase;
    padding-left: 80px;
    margin-top: 35px
}

.line:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 69px;
    height: 2px;
    background: #00b3cd
}

.button-wrap {
    text-align: center
}

.button {
    margin-top: 25px;
    position: relative;
    display: inline-block;
    font: 700 12px/100% ClearSans,sans-serif;
    letter-spacing: .7em;
    text-transform: uppercase;
    padding: 15px 35px;
    border: none;
    background: none;
    color: #fff;
    z-index: 1;
    background: #00b3cd;
    -webkit-backface-visibility: hidden;
    border: 2px solid #00b3cd;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .3s cubic-bezier(.2,1,.3,1),color .3s cubic-bezier(.2,1,.3,1),background .3s ease 0s
}

.button.load {
    background: #fff;
    color: transparent
}

.button.load:before {
    background-color: #fff
}

.button.load:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: url(bd5ec24d996d10944d0b51698bae2b79.svg) repeat 0;
    -webkit-animation: load 5s linear infinite;
    animation: load 5s linear infinite
}

.button.load:hover {
    color: #fff
}

.button.type-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotate(-45deg) translate3d(0,-3em,0);
    transform: rotate(-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s,background-color .3s;
    transition: transform .3s,opacity .3s,background-color .3s,-webkit-transform .3s
}

.button.type-1.active,.button.type-1:hover {
    color: #000
}

.button.type-1.active:before,.button.type-1:hover:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.button.type-2 {
    display: inline-block;
    margin-top: -11px;
    border: none;
    padding: 15px 25px;
    overflow: hidden;
    font: 700 16px/100% Arimo,sans-serif;
    letter-spacing: .05em;
    background: #00b3cd;
    text-transform: none
}

.button.type-2 span {
    position: relative;
    z-index: 1
}

.button.type-2:after {
    bottom: 0;
    width: 100%;
    height: 2px
}

.button.type-2:after,.button.type-2:before {
    content: "";
    position: absolute;
    left: 0;
    background: #ee7c18
}

.button.type-2:before {
    top: 0;
    width: 150%;
    height: 100%;
    border: 2px solid #ee7c18;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg) translate3d(0,3em,0);
    transform: rotate(45deg) translate3d(0,3em,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform .3s cubic-bezier(.75,0,.125,1);
    transition: transform .3s cubic-bezier(.75,0,.125,1);
    transition: transform .3s cubic-bezier(.75,0,.125,1),-webkit-transform .3s cubic-bezier(.75,0,.125,1)
}

.button.type-2.active:before,.button.type-2:hover:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.button.type-3,.button.type-4 {
    font: 700 16px/100% Arimo,sans-serif;
    letter-spacing: .05em;
    text-transform: none;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    margin-top: 0;
    background: #00b3cd
}

.button.type-3.active,.button.type-4.active {
    background: #fff
}

.button.type-3:after,.button.type-4:after {
    content: none
}

.button.type-3.active:before,.button.type-4.active:before {
    background: #00b3cd
}

.button.type-3.active:hover:before,.button.type-4.active:hover:before {
    background-color: #fff
}

.button.type-3:before,.button.type-4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotate(-45deg) translate3d(0,-3em,0);
    transform: rotate(-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s,background-color .3s;
    transition: transform .3s,opacity .3s,background-color .3s,-webkit-transform .3s
}

.button.type-3.active,.button.type-3:hover,.button.type-4.active,.button.type-4:hover {
    color: #000
}

.button.type-3.active:before,.button.type-3:hover:before,.button.type-4.active:before,.button.type-4:hover:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.button.type-4 {
    background: #00b3cd;
    text-align: left;
    padding-left: 20px
}

.button.type-4:before {
    background-color: #fff!important
}

.button.type-4:hover:before {
    background-color: #fff!important
}

.button.type-4.active {
    background: #fff!important
}

.button.type-4.active:before {
    background-color: #fff!important
}

.button.type-4.active .cross:after {
    background: #00b3cd
}

.button.type-4.active .cross:before {
    background: #00b3cd;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.button.type-4:hover .cross:after,.button.type-4:hover .cross:before {
    background: #00b3cd
}

.button.type-4 .cross {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 21px;
    height: 21px;
    z-index: 100
}

.button.type-4 .cross:after {
    top: 9px;
    left: -10px;
    width: 21px;
    height: 2px
}

.button.type-4 .cross:after,.button.type-4 .cross:before {
    content: "";
    position: absolute;
    background: #fff;
    transition: all .3s ease 0s
}

.button.type-4 .cross:before {
    top: 0;
    left: -1px;
    width: 2px;
    height: 21px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}
.content {
    margin-top: 90px
}
.main-projects {
    margin-top: 60px
}


.main-projects .container {
    padding-top: 30px
}


.main-projects .item .ico {
    background-size: 100%;
    height: 83px
}

.main-projects .item-1 .ico {
    width: 69px;
    background: url(ba84ec293e6677f72c0239ecf02b0413.svg) no-repeat 50%
}

.main-projects .item-2 .ico {
    width: 66px;
    background: url(a23de2778b64ec104d7d8547ec3cbe19.svg) no-repeat 50%
}

.main-projects .item-3 .ico {
    width: 57px;
    background: url(c5102c8f51586ff0cfd8738739b8152d.svg) no-repeat 50%
}

.main-projects .item-4 .ico {
    width: 61px;
    background: url(912939e2f0e70b43135ec4474debc433.svg) no-repeat 50%
}

.main-catalog {
    margin-top: 90px;
    background: #eff2f4;
    padding-top: 55px;
    padding-bottom: 110px
}
.main-contact {
    margin-top: 90px;
    background: #fff;
    padding-top: 55px;
    padding-bottom: 110px;
	    border-top: 1px solid #eaeaea;
}

.main-contact:before {
    content: "";
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
    background: #00b3cd;
    width: 40%;
}

.main-catalog .line {
    color: #00b3cd;
}

.main-catalog .line:after {
    background: #00b3cd;
}

.main-catalog .container {
    margin-top: 85px
}
.main-contact .container {
    margin-top: 85px
}
.main-catalog .item {
    margin-top: 60px
}
.main-contact .item {
    margin-top: 60px
}
.main-catalog .item .bg {
    position: relative;
    height: 180px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.main-contact .item .bg {
    position: relative;
    height: 180px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.main-catalog .item .bg:after {
    left: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    background: url(5e00f128cda4aa4995603403f138ee15.svg) no-repeat 50%;
    background-size: 100%;
    transition: all 1s ease 0s
}
.main-contact .item .bg:after {
    left: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    background: url(5e00f128cda4aa4995603403f138ee15.svg) no-repeat 50%;
    background-size: 100%;
    transition: all 1s ease 0s
}
.main-catalog .item .bg:after,.main-catalog .item .bg:before {
    content: "";
    position: absolute;
    top: -18px;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 48px;
    opacity: 0;
    z-index: 2
}
.main-contact .item .bg:after,.main-catalog .item .bg:before {
    content: "";
    position: absolute;
    top: -18px;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 48px;
    opacity: 0;
    z-index: 2
}
.main-catalog .item .bg:before {
    left: 20px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    background: url(145744215c9077f93ec6a982bd5077e9.svg) no-repeat 50%;
    background-size: 100%;
    transition: all .3s linear 0s
}
.main-contact .item .bg:before {
    left: 20px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    background: url(145744215c9077f93ec6a982bd5077e9.svg) no-repeat 50%;
    background-size: 100%;
    transition: all .3s linear 0s
}
.main-catalog .item .bg .ov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #404b43;
    opacity: 0;
    transition: all .3s ease 0s
}
.main-contact .item .bg .ov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #404b43;
    opacity: 0;
    transition: all .3s ease 0s
}
.main-catalog .item.show .bg:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-catalog .item:hover .type-2:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.main-catalog .item:hover .bg .ov {
    opacity: .5
}

.main-catalog .item:hover .bg:after {
    transition: all .3s ease 0s;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.main-catalog .item:hover .bg:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-docs {
    margin-top: 60px
}

.main-docs .morefiles {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
        justify-content: center !important;
    align-items: center;
    align-content: stretch;
    margin-bottom: 40px;
}
.main-docs .morebut{
    background: #fff;
    color: #000;
    font-size: 12px !important;
}

.main-docs .container {
    margin-top: 50px
}

.main-docs .item {
    margin-bottom: 40px;
}

.main-docs .item .text {
    
}

.main-docs .item .text h4 {
    padding-top: 0;
	font-size: 16px;
}

.main-docs .item .num {
    font: 700 100px ProximaNova,sans-serif;
    color: #00b3cd
}

.main-docs .button {
    margin-top: 38px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
	overflow: visible;
	font-size: 20px;
}
.main-docs .download:after {
    content: 'скачать';
    position: absolute;
    width: 100%;
    letter-spacing: 5px;
    color: #6b6b6b;
    padding-left: 40px;
    padding-right: 0;
    text-align: center;
	font-size: 11px;
}
.main-docs .ctrl {
    flex-basis: 5.25%;
}
.main-docs .partners {
        width: 80%;
}
.owl-carousel .owl-item img {
    display: block;
    width: auto !important; 
	    max-width: 100%;
}

.note {
    margin-top: 75px;
    position: relative;
    padding: 22px 0 30px;
    color: #ee7c18;
    font: 700 16px/1.875 Arimo,sans-serif;
    letter-spacing: .025em
}

.note:after {
    top: 0
}

.note:after,.note:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60px;
    height: 2px;
    background: #ee7c18
}

.note:before {
    bottom: 0
}

.main-partners {
    margin-top: 95px;
    padding-top: 50px;
    padding-bottom: 65px;
    background: #f6f6f6
}

.main-partners .container {
    text-align: center
}

.main-partners .part {
    padding: 35px 0
}

.main-partners .part:after {
    content: none
}

.main-partners .part .ico {
    max-height: 48px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease 0s
}

.main-partners .part:hover .ico {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

footer {
    height: 222px;
    z-index: 11;
    margin-top: 45px;
    background: #fff
}

footer .wrapper {
    max-width: 100%
}

footer .social-buttons {
    margin-top: 20px
}

footer .copyright {
    text-align: center;
    font: 400 12px Lato,sans-serif;
    letter-spacing: .01em
}


footer .dev a,footer .dev span {
    display: inline-block
}

footer .dev a {
    margin-left: 3px;
    padding-bottom: 3px;
    color: #000
}

footer .dev a img{
    width: 100%;
}

footer .dev a span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00b3cd;
    transition: all .2s ease 0s
}

footer .dev a:hover span:after {
    opacity: 0
}

.social-buttons {
    height: 44px;
    margin: 0 auto;
    font-size: 0;
    text-align: center
}

.social-button {
    display: inline-block;
    background-color: #f6f6f6;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.social-button:after {
    content: none
}

.social-button:before {
    content: "";
    background-color: #000;
    width: 150%;
    height: 150%;
    position: absolute;
    top: 150%;
    left: -150%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .35s ease
}

.social-button .fa {
    font-size: 23px;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: all .35s ease
}

.social-button .fa:before {
    color: #000;
    transition: color .3s ease 0s
}

.social-button:before {
    background-color: #00b3cd
}

.social-button .fa {
    color: #00b3cd
}

.social-button:focus:before,.social-button:hover:before {
    top: -25%;
    left: -25%
}

.social-button:focus .fa,.social-button:hover .fa {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.social-button:focus .fa:before,.social-button:hover .fa:before {
    color: #fff
}

.main-contact .input-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 19px
}

.main-contact .input-wrapper .input-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    color: #01192a;
    cursor: text;
    transition: all .3s ease;
    pointer-events: none;
    z-index: 5
}

.main-contact .input-wrapper .input-text {
    width: 100%;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    color: #01192a;
    box-sizing: border-box;
    position: relative;
    z-index: 4
}

.main-contact .input-wrapper .input-textarea {
    width: 100%;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #01192a;
    box-sizing: border-box;
    outline: none;
    resize: none;
    border: none;
    padding-top: 15px
}

.main-contact .input-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 2px;
    background: #00b3cd;
}

.main-contact .input-wrapper.focus .input-placeholder,.main-contact .input-wrapper.not-empty .input-placeholder {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
}

.signups {
    position: relative;
    z-index: 1000000
}

.signup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .5s ease 0s
}

.signup.active {
    pointer-events: auto
}

.signup.active,.signup.active.menu-signup nav a {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.signup.active.menu-signup nav a:first-child {
    transition-delay: .3s
}

.signup.active.menu-signup nav a:nth-child(2) {
    transition-delay: .4s
}

.signup.active.menu-signup nav a:nth-child(3) {
    transition-delay: .5s
}

.signup.active.menu-signup nav a:nth-child(4) {
    transition-delay: .6s
}

.signup.active.menu-signup .tel-cont {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition-delay: .7s
}

.signup.active.menu-signup .button {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition-delay: .8s
}

.signup .signup-overflow {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2
}

.signup.menu-signup {
    background: #00b3cd
}

.signup.menu-signup .signup-inner {
    padding-top: 70px;
    padding-bottom: 70px
}

.signup.menu-signup nav {
    text-align: center
}

.signup.menu-signup nav a {
    position: relative;
    font: 700 18px ClearSans,sans-serif;
    color: #000;
    padding: 14px 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    transition: all .3s ease 0s
}

.signup.menu-signup nav a:after {
    content: none
}

.signup.menu-signup nav a span {
    display: block
}

.signup.menu-signup nav a span:last-child {
    display: block;
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.signup.menu-signup nav a:hover span:first-child {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all .2s ease 0s
}

.signup.menu-signup nav a:hover span:last-child {
    opacity: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .2s ease .1s
}

.signup.menu-signup nav a.active {
    color: #ee7c18
}

.signup.menu-signup .tel-cont {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    transition: all .3s ease 0s
}

.signup.menu-signup .tel {
    text-align: center;
    font: 700 18px ClearSans,sans-serif;
    color: #000;
    padding: 14px 0;
    margin-top: 35px;
    transition: all .3s ease 0s
}

.signup.menu-signup .tel:hover {
    color: #ee7c18
}

.signup.menu-signup .button {
    margin-top: 20px;
    border-color: #fff;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    transition: all .3s ease 0s
}

.signup.convention-signup {
    background: #fff
}

.signup.convention-signup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: #00b3cd;
    box-sizing: border-box;
    border: 2px solid #00b3cd;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .3s cubic-bezier(.2,1,.3,1),color .3s cubic-bezier(.2,1,.3,1),background .3s ease 0s
}

.signup.convention-signup .close .cross {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(0) rotate(-180deg);
    transform: translateY(0) rotate(-180deg);
    z-index: 2
}

.signup.convention-signup .close .cls-1 {
    transition: all .3s ease 0s
}

.signup.convention-signup .close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #fff;
    z-index: 1;
    -webkit-transform: rotate(-45deg) translate3d(0,-3em,0);
    transform: rotate(-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s,background-color .3s;
    transition: transform .3s,opacity .3s,background-color .3s,-webkit-transform .3s
}

.signup.convention-signup .close:hover .cls-1 {
    fill: #000
}

.signup.convention-signup .close:hover:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.signup.convention-signup .convention {
    position: relative;
    padding-top: 50px;
    padding-bottom: 180px;
    z-index: 1
}

.signup.convention-signup .convention h4 {
    margin-bottom: 30px
}

.signup.convention-signup .convention .item {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center
}

.signup.convention-signup .convention .item .ico {
    display: inline-block;
    -ms-flex-preferred-size: 47px;
    flex-basis: 47px;
    width: 47px;
    height: auto
}

.signup.convention-signup .convention .item .discr {
    text-align: left;
    -ms-flex-preferred-size: calc(100% - 47px);
    flex-basis: calc(100% - 47px);
    margin-left: 20px
}

.signup.convention-signup .back {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 90px;
    width: 100%;
    background: #00b3cd;
    padding: 0;
    text-align: center;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.signup.convention-signup .back h4 {
    margin: 0;
    padding: 0;
    line-height: 90px;
    letter-spacing: .025em;
    text-transform: none
}

.signup.convention-signup .back:before {
    height: 170px;
    -webkit-transform: rotate(-45deg) translate3d(0,-11em,0);
    transform: rotate(-45deg) translate3d(0,-11em,0);
    transition-duration: .7s
}

.signup.convention-signup .back:hover:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.signup.signup-request {
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1000;
    height: 100%
}

.signup.signup-request .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .3s cubic-bezier(.2,1,.3,1),color .3s cubic-bezier(.2,1,.3,1),background .3s ease 0s
}

.signup.signup-request .close.show320 {
    display: block!important
}

.signup.signup-request .close .cross {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(0) rotate(-180deg);
    transform: translateY(0) rotate(-180deg);
    z-index: 2
}

.signup.signup-request .close .cls-1 {
    transition: all .3s ease 0s
}


.signup.signup-request .close:hover .cls-1 {
    fill: #000
}

.signup.signup-request .close:hover:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.signup.signup-request .signup-overflow {
    background: none;
    right: 0;
    margin: 0 auto
}

.signup.signup-request .container .wrapper {
    width: 100%
}

.signup.signup-request .container .wrapper .title {
    font-family: ClearSans,sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0,25em;
    color: #01192a;
    text-align: center;
    padding-top: 70px
}

.signup.signup-request .container .wrapper .form {
    padding: 30px 8% 15px;
    display: block
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 19px
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper .input-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    color: #01192a;
    cursor: text;
    transition: all .3s ease;
    pointer-events: none;
    z-index: 5
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper .input-text {
    width: 100%;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    color: #01192a;
    box-sizing: border-box;
    position: relative;
    z-index: 4
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper .input-textarea {
    width: 100%;
    font-family: Arimo,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #01192a;
    box-sizing: border-box;
    outline: none;
    resize: none;
    border: none;
    padding-top: 15px
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 2px;
    background: #00b3cd;
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.focus .input-placeholder,.signup.signup-request .container .wrapper .form .ffr .input-wrapper.not-empty .input-placeholder {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.error .input-placeholder {
    color: red!important
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox {
    margin-top: 27px
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox:after {
    display: none
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox .input-placeholder {
    font-size: 12px;
    color: #444d54;
    line-height: 1.5;
    position: relative;
    width: 80%;
    margin-left: 12px
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox .input-checkbox {
    position: absolute;
    width: 25px;
    height: 25px;
    top: -5px;
    left: -8px;
    z-index: 5;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    opacity: 0;
    cursor: pointer
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox .check {
    cursor: pointer;
    position: relative;
    vertical-align: top;
    top: 4px;
    display: inline-block;
    width: 12px;
    height: 12px;
    outline: 2px solid #ffcd01;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .2s ease
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox input:checked+.check {
    background: #ffcd01 url(320030811c63ef6ef16de847ec84f2a8.svg) no-repeat 50%
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox.focus .input-placeholder,.signup.signup-request .container .wrapper .form .ffr .input-wrapper.checkbox.not-empty .input-placeholder {
    -webkit-transform: initial;
    transform: none;
    opacity: 1
}

.signup.signup-request .container .wrapper .form .ffr .input-wrapper.textarea .input-placeholder {
    height: auto;
    line-height: 1.5;
    line-height: 44px;
    height: 44px
}

.signup.signup-request .container .wrapper .form .ffr .btn-wrap .btn-signup {
    cursor: pointer;
    padding: 19px 25px;
    background: #ffcd01;
    margin: 50px auto 95px;
    display: block;
    transition: all .4s ease;
    outline: 2px solid #ffcd01
}

.signup.signup-request .container .wrapper .form .ffr .btn-wrap .btn-signup span {
    text-transform: uppercase;
    font-family: ClearSans,sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .7em;
    color: #000
}

.signup.signup-request .container .wrapper .form .ffr .btn-wrap .btn-signup:hover {
    background: #fff
}

.signup.signup-request .responce {
    position: fixed;
    width: 100%;
    left: 0;
    top: 20%;
    opacity: 0;
    pointer-events: none
}

.signup.signup-request .responce.active {
    opacity: 1
}

.signup.signup-request .responce .responce-inner {
    font-family: ClearSans,sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0,25em;
    color: #01192a;
    text-align: center;
    padding: 50px;
    width: 40%;
    border: 2px solid #ffcd0f;
    margin: 0 auto;
    background: #fff
}

.signup.signup-request .responce .responce-inner .title {
    text-align: center
}

.signup.signup-request .responce .responce-inner .text {
    text-align: center;
    padding-top: 15px;
    font-size: 14px
}

.signup.signup-request.submit-success {
    pointer-events: none
}

.signup.signup-request.submit-success .close,.signup.signup-request.submit-success .signup-overflow {
    opacity: 0!important
}

.signup.signup-request.submit-success .responce {
    opacity: 1
}

.sistems {
    margin-top: 105px;
    padding-top: 35px;
    padding-bottom: 110px
}

.sistems .button-choise {
    padding-top: 5px
}

.sistems .button-choise .button:not(:first-child) {
    margin-top: -4px
}

.sistems .replaceable-top {
    margin-top: 40px;
    opacity: 0;
    transition: all .5s ease 0s
}

.sistems .replaceable-top.active {
    opacity: 1
}

.sistems .replaceable-middle {
    margin-top: 40px;
    opacity: 0;
    transition: all .5s ease 0s
}

.sistems .replaceable-middle.active {
    opacity: 1
}

.sistems .button-choise-middle {
    margin-top: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sistems .button-choise-middle .button {
    margin-top: 15px!important;
    background: none;
    background: #00b3cd
}

.sistems .button-choise-middle .button:after {
    background: #00b3cd;
    height: 2px
}

.sistems .button-choise-middle .button:before {
    background: #fff;
    border: none
}

.sistems .button-choise-middle .button.active {
    background: #fff
}

.sistems .replaceable-bottom {
    margin-left: -20px;
    margin-top: 50px;
    opacity: 0;
    transition: all .5s ease 0s
}

.sistems .replaceable-bottom.active {
    opacity: 1
}

.sistems .replaceable-bottom .button-choise {
    padding-left: 20px
}

.sistems .replaceable-bottom .replaceable-bottom {
    margin-top: 35px;
    margin-left: 0!important
}

.sistems .replaceable-bottom .weather {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sistems .replaceable-bottom .weather .ico {
    width: auto;
    height: 52px;
    min-height: 52px;
    max-height: 52px
}

.sistems .replaceable-bottom .weather .discr {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 15px
}

.sistems .replaceable-bottom .weather .discr p {
    margin-bottom: 0
}

.sistems .replaceable-bottom .scheme {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: 35px;
    background: #f7f7f7
}

.sistems .replaceable-bottom .scheme:after {
    content: "";
    position: absolute;
    top: 0;
    left: -10%;
    width: 10%;
    height: 100%;
    background: #f7f7f7
}

.sistems .replaceable-bottom .scheme:before {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    width: 10%;
    height: 100%;
    background: #f7f7f7
}

.sistems .replaceable-bottom .scheme .subdiscr {
    margin-top: 20px;
    padding-top: 20px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    border-top: 1px solid #cccdcd
}

.sistems .replaceable-bottom .scheme .subdiscr .item {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 40px;
    font: 400 14px/1.57 Arimo,sans-serif;
    color: #444d54
}

.sistems .replaceable-bottom .scheme .subdiscr .item.active:before {
    background: #00b3cd
}

.sistems .replaceable-bottom .scheme .subdiscr .item:before {
    content: "";
    font: 700 11px/20px ClearSans,sans-serif;
    color: #000;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #ededed
}

.sistems .replaceable-bottom .scheme .subdiscr .item:first-child:before {
    content: "1"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(2):before {
    content: "2"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(3):before {
    content: "3"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(4):before {
    content: "4"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(5):before {
    content: "5"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(6):before {
    content: "6"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(7):before {
    content: "7"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(8):before {
    content: "8"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(9):before {
    content: "9"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(10):before {
    content: "10"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(11):before {
    content: "11"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(12):before {
    content: "12"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(13):before {
    content: "13"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(14):before {
    content: "14"
}

.sistems .replaceable-bottom .scheme .subdiscr .item:nth-child(15):before {
    content: "15"
}

.sistems .replaceable-bottom .scheme .view-signup-toggle {
    text-align: right;
    cursor: pointer
}

.sistems .replaceable-bottom .scheme h4 {
    display: inline-block;
    position: relative;
    text-align: right;
    padding-right: 40px
}

.sistems .replaceable-bottom .scheme h4:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 38px);
    height: 2px;
    background: #00b3cd;
    transition: all .3s ease 0s
}

.sistems .replaceable-bottom .scheme h4:after {
    content: "?";
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 30px;
    height: 30px;
    background: #00b3cd;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    transition: all .3s ease 0s
}

.sistems .replaceable-bottom .scheme h4:hover:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sistems .replaceable-bottom .scheme h4:hover:before {
    opacity: 0
}

.sistems .replaceable-bottom .pdf {
    margin-top: 0;
    height: 90px;
    width: 100vw;
    margin-left: -9.2%;
    background: #00b3cd;
    padding: 0;
    text-align: center
}

.sistems .replaceable-bottom .pdf h4 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 90px;
    letter-spacing: .025em;
    text-transform: none
}

.sistems .replaceable-bottom .pdf h4:after {
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    right: 100%;
    height: 2px;
    background: #fff;
    transition: all .3s ease 0s
}

.sistems .replaceable-bottom .pdf:before {
    height: 170px;
    -webkit-transform: rotate(-45deg) translate3d(0,-11em,0);
    transform: rotate(-45deg) translate3d(0,-11em,0);
    transition-duration: .7s
}

.sistems .replaceable-bottom .pdf:hover:before {
    display: none
}

.sistems .replaceable-bottom .pdf:hover h4:after {
    right: 0
}

.sistems .replaceable-bottom .button-choise-middle {
    margin-top: 40px!important;
    padding-bottom: 20px
}

.sistems .replaceable-bottom .button-choise-middle .button {
    font-size: 21px
}

.sistems .replaceable-bottom .button-choise-middle .button.active span:first-child,.sistems .replaceable-bottom .button-choise-middle .button:hover span:first-child {
    -webkit-transform: translate3d(-50%,-170%,0);
    transform: translate3d(-50%,-170%,0)
}

.sistems .replaceable-sub-bottom {
    margin-top: 50px;
    opacity: 0;
    transition: all .5s ease 0s
}

.sistems .replaceable-sub-bottom .uncover-item .head {
    position: relative;
    font: 700 18px/1.33 Arimo,sans-serif;
    letter-spacing: .025em
}

.sistems .replaceable-sub-bottom .uncover-item .head:after {
    content: none
}

.sistems .replaceable-sub-bottom .uncover-item .head:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent;
    -webkit-transform: none;
    transform: none;
    z-index: 100
}

.sistems .replaceable-sub-bottom .uncover-item .bottom {
    width: calc(100% - 40px);
    margin-left: 20px;
    border-bottom: 2px solid #00b3cd;
    padding-bottom: 15px
}

.sistems .replaceable-sub-bottom .uncover-item .sub-bottom {
    margin-top: 17px;
    margin-right: 20px;
    font: 700 21px/1.04 ClearSans,sans-serif;
    letter-spacing: .025em;
    text-align: right;
    -webkit-transform: translateY(-59px);
    transform: translateY(-59px);
    transition: all .3s ease 0s
}

.sistems .replaceable-sub-bottom table {
    margin-top: 10px
}

.sistems .replaceable-sub-bottom table tr:first-child td {
    color: #bfbfbf
}

.sistems .replaceable-sub-bottom table td {
    position: relative;
    font: 400 14px/1.57 Arimo,sans-serif;
    color: #444d54;
    letter-spacing: .025em;
    padding-top: 10px
}

.sistems .replaceable-sub-bottom table td:first-child {
    width: 30px
}

.sistems .replaceable-sub-bottom table td:last-child {
    text-align: right;
    width: 50px
}

.sistems .replaceable-sub-bottom .uncover-item .bottom {
    transition: all .3s ease 0s
}

.sistems .replaceable-sub-bottom .uncover-item.active .bottom {
    max-height: 500px;
    padding-bottom: 70px
}

.sistems .replaceable-sub-bottom .uncover-item.active .sub-bottom {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px)
}

.sistems .replaceable-sub-bottom.active {
    opacity: 1
}

.Firefox .sistems {
    padding-bottom: 200px
}

.Firefox .sistems .bottom-page {
    margin-top: 0
}

.bottom-page {
    text-align: center;
    margin-top: 80px
}

.bottom-page .button {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.border-top {
    width: 100%;
    height: 2px;
    background: #00b3cd;
    transition: all .3s ease 0s
}

.border-bottom,.border-top {
    position: absolute;
    bottom: 0;
    left: 0
}

.border-bottom {
    width: 1200px;
    height: 10px;
    background: url(47d21fc3dcc40a9f2198e43d049c052b.png) 50%;
    background-size: 100%
}

.uncover-item:last-child h3 {
    margin-bottom: 0
}

.uncover-item .head {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    transition: all .3s ease 0s
}

.uncover-item .head:after {
    content: "";
    position: absolute;
    top: 50px;
    left: -10px;
    width: 21px;
    height: 2px;
    background: #00b3cd
}

.uncover-item .head:before {
    content: "";
    position: absolute;
    top: 41px;
    left: -1px;
    width: 2px;
    height: 21px;
    background: #00b3cd;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition: all .3s ease 0s
}

.uncover-item .bottom-wrap {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px
}

.uncover-item .bottom {
    overflow: hidden;
    max-height: 0;
    transition: all .7s ease 0s
}

.uncover-item .bottom>* {
    opacity: 0;
    transition: all .3s ease 0s
}

.uncover-item .bottom .button-choise {
    text-align: center;
    width: 232px;
    margin-top: 45px
}

.uncover-item .bottom-page {
    margin-top: 100px;
    padding-bottom: 0
}

.uncover-item.active>.head:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.uncover-item.active>.bottom {
    overflow: visible;
    max-height: 3000px
}

.uncover-item.active>.bottom>* {
    opacity: 1
}

.projects {

}
.pslide {
	margin-left: 13.2%;
}

.right {
	    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navigation {
    padding: 15px !important;
    background: #fff !important;
    color: #00b3cd;
    text-align: center !important;
    letter-spacing: 0 !important;
    width: 50px !important;
    border: 1px solid #ccc;
}
.button..navigation type-4:before {
    background-color: transperent!important;
}

.navigation a{
    text-decoration: none;
}
.main-projects .projects {
    margin-top: 0px;

}

.projects .button-choise {
    margin-top: 45px
}

.projects .button-choise .button {
    margin-top: 4px
}

.projects .replaceable-top {
    margin-top: 0px;
    opacity: 0;
    transition: all .3s ease 0s
}

.projects .replaceable-top.active {
    opacity: 1;
	display: block;
	transition: all 1.75s ease;
}
.tiles {
	display: none;
	transition: left 0.3s linear;
	min-height: 550px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.projects .replaceable-top .button.hidden {
    display: none
}

.projects .item {
    margin-top: 80px;
	    width: 80%;
}

.projects .item:after {
    content: none
}

.projects .item .bg {
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.main-projects .news {
    margin-top: 0px;

}

.news .button-choise {
    margin-top: 45px
}

.news .button-choise .button {
    margin-top: 4px
}

.news .replaceable-top {
    margin-top: 0px;
    opacity: 0;
    transition: all .3s ease 0s
}

.news .replaceable-top.active {
    opacity: 1;
	display: block;
	transition: all 1.75s ease;
}


.news .replaceable-top .button.hidden {
    display: none
}

.news .item {
    padding: 30px 0 40px 0;
    width: 80%;
    border-bottom: 1px solid #ddd;
}
.news .item:hover h5 {
    color: #00b3cd;
}

.news .item h5 {
    padding-top: 0px; 
	font-size: 24px;
}

.news .item img{
    max-width: 100%;
	padding-bottom: 20px;
}
.news .item  .button{
    overflow: visible;
}
.news .item  p.morenews:after{
    content: 'подробно';
	    position: absolute;
    margin-left: 40px;
	    letter-spacing: 5px;
    color: #6b6b6b;
    padding-right: 0;
    text-align: center;
    font-size: 11px;
}


.news .item:after {
    content: none
}

.news .item .bg {
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.catalog .button-choise {
    margin-top: 45px
}

.catalog .button-choise .button {
    margin-top: 4px
}

.catalog .replaceable-top {
    margin-top: 0px;
    opacity: 0;
    transition: all .3s ease 0s
}

.catalog .replaceable-top.active {
    opacity: 1;
	display: block;
	transition: all 1.75s ease;
}

.catalog .replaceable-top .button.hidden {
    display: none
}
.catalog .catalog-list {
	margin-top: 80px;
}

.catalog .item {
	    width: 80%;
}

.catalog .item:after {
    content: none
}

.catalog .item .bg {
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}


.contacts {
    margin-top: 105px;
    padding-top: 35px;
    padding-bottom: 110px
}

.contacts .mail {
    font: 400 26px ClearSans,sans-serif;
    color: #000;
    letter-spacing: .025em;
    display: inline-block;
    margin-top: 50px;
    padding-bottom: 7px;
    margin-bottom: 30px
}

.contacts .mail:after {
    height: 2px
}

.contacts .tel-container {
    margin-top: 50px
}

.contacts .tel {
    margin-top: 30px;
    font: 700 14px ClearSans,sans-serif
}

.contacts .tel p {
    margin-bottom: 0
}

.contacts .tel a {
    color: #000;
    letter-spacing: .05em
}

.contacts .tel a:after {
    content: none
}

.contacts .map {
    margin-top: 85px;
    height: 540px
}

.contacts .map .map-view {
    height: 100%
}

.project {
    padding-bottom: 110px
}

.project .info {
    margin-top: 55px
}

.project .info .item-text {
    margin-top: 45px
}

.project .info .item-aside {
    position: relative;
    margin-top: 70px;
    background: #00b3cd;
    padding-top: 60px;
    padding-bottom: 85px
}

.project .info .item-aside:after {
    content: "";
    height: 29px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(07fcf5e6358ecb2881da151188ad2f5f.jpg) repeat 50%;
    width: 198%;
    -webkit-animation: anim 30s linear infinite;
    animation: anim 30s linear infinite
}

.project .info .item-aside .item {
    padding-top: 15px
}

.project .info .item-aside .item .num {
    color: #fff;
    font: 700 50px ProximaNova,sans-serif;
    letter-spacing: .01em;
    white-space: nowrap
}

.project .info .item-aside .item .num span {
    font: 700 30px ProximaNova,sans-serif
}

.project .bottom-page {
    margin-top: 75px;
    padding-bottom: 0
}

.slider-text {
    margin-top: 60px
}

.slider-text .swiper-button-next {
    position: absolute;
    top: 30px;
    right: 0;
    width: 70px;
    height: 270px;
    background: #00b3cd;
    margin: 0;
    padding: 0;
    transition: all .3s ease 0s;
    font: 700 12px ClearSans,sans-serif;
    letter-spacing: .7em;
    text-transform: uppercase;
    cursor: pointer
}

.slider-text .swiper-button-next:after {
    content: "";
    position: absolute;
    bottom: 43px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 27px;
    height: 8px;
    background: url(bfbeb7f93d6acf7a9c4933b784a332cd.svg) no-repeat 50%;
    background-size: 100%
}

.slider-text .swiper-button-next span {
    position: absolute;
    width: 130px;
    height: 12px;
    top: -50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    -webkit-transform: rotate(90deg) translateY(27px);
    transform: rotate(90deg) translateY(27px)
}

.slider-text .swiper-button-prev {
    position: absolute;
    top: 300px;
    left: auto;
    right: 0;
    width: 70px;
    height: 90px;
    background: #ee7c18;
    margin: 0;
    padding: 0;
    transition: all .3s ease 0s;
    cursor: pointer
}

.slider-text .swiper-button-prev:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 27px;
    height: 8px;
    background: url(7bc2d8975575325bb6806bb289d3a420.svg) no-repeat 50%;
    background-size: 100%
}

.slider-text .swiper-button-disabled {
    background: #f6f6f6;
    opacity: 1
}

.slider-text .swiper-slide .img {
    height: 420px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.text-page {
    margin-top: 105px;
    padding-top: 35px;
    padding-bottom: 110px
}

.text-page .top h3 {
    padding-top: 45px;
    font-size: 35px
}

.text-page .user-text {
    margin-top: 55px
}

.not-page .l {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.not-page .l .header {
    font: 700 100px ClearSans,sans-serif;
    color: #00b3cd
}

.not-page .l .header,.not-page .l .sub-header {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.not-page .l .sub-header {
    font: 700 20px ClearSans,sans-serif
}

.not-page .l .button-wrap {
    width: 100%
}

@media screen and (min-width: 640px) {
    .wrapper {
        width:76%
    }

    header {
        height: 108px
    }

    header .logo {
        margin-left: -38px
    }

    header .menu-btn {
        margin-right: -42px
    }

    .signup.convention-signup .convention .item {
        margin-top: 30px
    }

    .signup.signup-request {
        background: rgba(0,0,0,.7);
        height: 100%
    }

    .signup.signup-request .close {
        right: 0px;
        top: 7.5%
    }

    .signup.signup-request .close.show320 {
        display: none!important
    }

    .signup.signup-request .signup-overflow {
        width: 75%;
        overflow: auto;
        top: 7.5%
    }

    .signup.signup-request .container {
        background: #fff
    }

    .signup.signup-request .container .wrapper .form {
        padding: 0 8% 15px
    }

    .home {
        min-height: 510px
    }

    .home .border {
        top: 105px;
        border: 20px solid #00b3cd
    }

    .home .container {
        margin-top: 105px;
        height: calc(100% - 105px)
    }

    .home .container h3 {
        margin-top: 0;
        font-size: 48px;
        padding-top: 40px;
        margin-bottom: 40px;
        line-height: 1.04
    }

    .more {
        position: relative;
        margin-top: 33px;
        padding-right: 25px
    }

    .main-team {
        margin-top: 60px;
        padding-top: 75px
    }
	.main-team h3, .main-catalog .top h3, .main-contact .top h3{
    font-size: 25px;
    color: #00b3cd;
}


    .main-team .text, .main-catalog .text, .main-contact .text {
        width: auto;
        margin-left: 15%;
        margin-right: 15%
    }
	
    .main-team .left {
        margin-left: 12%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
	
	.main-catalog .left {
        margin-left: 12%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
.main-contact .left {
        margin-left: 12%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }
    .line {
        margin-top: -5px;
        padding-left: 200px;
        padding-bottom: 20px
    }

    .line:after {
        width: 168px
    }

    .left {
        margin-top: 72px;
        height: 390px;
        margin-left: 12%
    }

    .main-projects {
        margin-top: 90px
    }

    .main-projects .container {
        padding-top: 0
    }

    .main-projects .container .item {
        margin-left: 15%
    }

    .main-catalog {
        margin-top: 115px;
        padding-top: 75px
    }
.main-contact {
        margin-top: 115px;
        padding-top: 75px
    }
    .main-catalog .container {
        margin-top: 0
    }
.main-contact .container {
        margin-top: 0
    }
    .main-catalog .item {
        width: 71.5%;
        margin: 50px auto 0
    }
.main-contact .item {
        width: 71.5%;
        margin: 50px auto 0
    }
    .main-docs {
        margin-top: 75px
    }

    .main-docs .item {
        padding-top: 0px;
        padding-bottom: 60px
    }

    .main-docs .item .text {
       
    }

    .main-docs .button {
        margin-top: 8px;
        width: auto;
        padding-left: 35px;
        padding-right: 35px
    }
	.content {
        padding-top: 120px;
    }
    .note {
        width: 84.8%;
        margin: 75px auto 0
    }

    .main-partners {
        margin-top: 110px;
        padding-top: 80px;
        padding-bottom: 75px
    }

    .main-partners .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-partners .container .part {
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%
    }

    .border-top {
        left: -38px;
        right: -42px;
        width: auto
    }

    .sistems .button-choise {
        padding-top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 42px)
    }

    .sistems .button-choise h4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: left
    }

    .sistems .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 35px;
        white-space: nowrap
    }

    .sistems .button-choise .button:not(:first-child) {
        margin-top: 0
    }

    .sistems .replaceable-top {
        margin-top: 80px
    }

    .sistems .replaceable-bottom {
        margin-left: -60px;
        margin-top: 0
    }

    .sistems .replaceable-bottom .weather {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .sistems .replaceable-bottom .weather .discr {
        margin-left: 25px
    }

    .sistems .replaceable-bottom .scheme {
        margin-top: 40px;
        text-align: center
    }

    .sistems .replaceable-bottom .scheme * {
        text-align: left
    }

    .sistems .replaceable-bottom .scheme img {
        max-width: 400px
    }

    .sistems .replaceable-bottom .scheme:before {
        right: -20%;
        width: 20%
    }

    .sistems .replaceable-bottom .scheme:after {
        left: -20%;
        width: 20%
    }

    .sistems .replaceable-bottom .scheme.helio img {
        max-width: 500px
    }

    .sistems .replaceable-bottom .scheme .subdiscr {
        margin-top: 30px;
        padding-top: 30px
    }

    .sistems .replaceable-bottom .scheme .subdiscr .item:first-child {
        margin-top: 0
    }

    .sistems .replaceable-bottom .pdf {
        margin-left: -18.2%
    }

    .sistems .replaceable-bottom .pdf h4 {
        padding-left: 60px;
        position: relative;
        display: inline-block
    }

    .sistems .replaceable-bottom .pdf h4:after {
        left: 60px
    }

    .sistems .replaceable-bottom .pdf h4 svg {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 50px;
        height: 65px
    }

    .sistems .button-choise-middle {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sistems .button-choise-middle .button {
        margin-right: 20px
    }

    .sistems .replaceable-sub-bottom .uncover-item {
        margin-top: 30px
    }

    .sistems .replaceable-sub-bottom .uncover-item .head {
        padding-left: 23px
    }

    .sistems .replaceable-sub-bottom .uncover-item .head:before {
        height: 50px
    }

    .sistems .replaceable-sub-bottom .uncover-item .bottom {
        margin-top: 10px
    }

    .sistems .replaceable-sub-bottom .uncover-item .sub-bottom {
        -webkit-transform: translateY(-71px);
        transform: translateY(-71px)
    }

    .sistems .replaceable-sub-bottom table {
        margin-top: 10px;
        width: calc(100% + 40px);
        margin-left: -40px
    }

    .sistems .replaceable-sub-bottom table td {
        position: relative;
        font: 400 14px/1.57 Arimo,sans-serif;
        color: #444d54;
        letter-spacing: .025em;
        padding-top: 10px
    }

    .sistems .replaceable-sub-bottom table td:first-child {
        width: 40px
    }

    .sistems .replaceable-sub-bottom table td:last-child,.sistems .replaceable-sub-bottom table td:nth-child(3),.sistems .replaceable-sub-bottom table td:nth-child(4) {
        width: 60px;
        text-align: right
    }

    .sistems .replaceable-sub-bottom .uncover-item .bottom {
        transition: all .3s ease 0s
    }

    .sistems .replaceable-sub-bottom .uncover-item.active .bottom {
        max-height: 500px;
        padding-bottom: 70px
    }

    .sistems .replaceable-sub-bottom .uncover-item.active .sub-bottom {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    .sistems .replaceable-sub-bottom.active {
        opacity: 1
    }

    .sistems .bottom-page {
        padding-bottom: 0
    }

    .bottom-page {
        width: 80%;
        margin: 125px auto 0
    }

    .bottom-page .button {
        width: auto;
        padding: 15px 35px
    }

    .uncover-item {
        margin-top: 40px
    }

    .uncover-item h3 {
        font-size: 30px
    }

    .uncover-item .head {
        padding-left: 70px
    }

    .uncover-item .head:after {
        top: 45px;
        left: -28px;
        width: 60px;
        height: 4px
    }

    .uncover-item .head:before {
        top: 18px;
        left: 0;
        width: 4px;
        height: 60px
    }

    .uncover-item .bottom-wrap {
        width: 100%;
        box-sizing: border-box;
        padding-left: 70px
    }

    .uncover-item .bottom {
        margin-top: 60px
    }

    .uncover-item .bottom .button-choise {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 45px
    }

    .uncover-item .bottom .replaceable-bottom .button-choise {
        margin-top: 22px;
        padding-left: 55px
    }

    .projects .button-choise {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .projects .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 80px 15px 35px;
        white-space: nowrap;
        margin-top: 5px;
        margin-right: 5px
    }

    .projects .item .line {
        padding-bottom: 0
    }

    .projects .replaceable-top .button {
        margin-top: 60px
    }

    .contacts .container {
        width: 355px;
        margin-left: -45px;
        padding-left: 45px;
        padding-right: 45px;
        box-sizing: border-box;
        position: absolute;
        z-index: 1;
        background: #fff;
        padding-bottom: 85px
    }

    .contacts .map {
        margin-top: 230px
    }

    .project .info .item-aside {
        margin-top: 85px;
        padding-bottom: 75px
    }

    .project .info .item-aside .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .project .info .item-aside .container .item {
        -ms-flex-preferred-size: 44.5%;
        flex-basis: 44.5%
    }

    .project .bottom-page {
        margin-top: 100px
    }
    .catalog .button-choise {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .catalog .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 80px 15px 35px;
        white-space: nowrap;
        margin-top: 5px;
        margin-right: 5px
    }

    .catalog .item .line {
        padding-bottom: 0
    }

    .catalog .replaceable-top .button {
        margin-top: 60px
    }
    .slider-text {
        width: 90.6%;
        margin: 90px auto 0
    }

    .slider-text .swiper-button-next,.slider-text .swiper-button-prev {
        right: 0
    }

    .text-page .top h3 {
        font-size: 50px
    }

    .text-page .user-text {
        margin-top: 40px
    }
}

@media screen and (min-width: 640px) and (orientation:landscape) {
    .more.show640 {
        display:none!important
    }
}

@media screen and (min-width: 1000px) {
    .wrapper {
        width:88.3%
    }

    .scroll-block {
        -webkit-transform: translate3d(0,50px,0)!important;
        transform: translate3d(0,50px,0)!important;
        opacity: 0!important;
        transition: all .5s ease 0s
    }

    .scroll-block.show {
        opacity: 1!important
    }

    .scroll-block.img-scroll,.scroll-block.show {
        -webkit-transform: translateZ(0)!important;
        transform: translateZ(0)!important
    }

    .scroll-block.img-scroll:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: #fff;
        transition: all .5s ease 0s
    }

    .scroll-block.img-scroll.show:before {
        height: 0
    }

    .prevent-scroll header {
        background: #fff
    }

    .prevent-scroll header .border-top,.prevent-scroll header .logo {
        opacity: 1
    }

    .signup.convention-signup,.prevent-scroll footer,.prevent-scroll main {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .signup.convention-signup {
        background: rgba(0,0,0,.7)
    }

    .signup.convention-signup .close {
        width: 60px;
        height: 60px;
        top: 60px;
        right: calc(50% - 385px)
    }

    .signup.convention-signup .signup-overflow {
        width: 650px;
        top: 60px;
        bottom: 60px;
        right: 0;
        margin: 0 auto;
        height: auto;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
        transition: all .5s ease 0s
    }

    .signup.convention-signup .container {
        background: #fff
    }

    .signup.convention-signup .convention {
        padding-bottom: 90px
    }

    .signup.convention-signup .back {
        display: block;
        position: relative;
        width: 650px;
        margin-left: -6.7%
    }

    .signup.convention-signup.active .signup-overflow {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .signup.signup-request .close {
        width: 60px;
        height: 60px;
        top: 0;
        right: 0px
    }

    .signup.signup-request .close.show1200 {
        display: block!important
    }

    .signup.signup-request .signup-overflow {
        width: 29%;
        overflow: visible;
        top: 60px;
        min-width: 557px;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
        transition: all .5s ease
    }

    .signup.signup-request .form .ffr {
        padding-left: 18px
    }

    .signup.signup-request.active .signup-overflow {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    header {
        height: 138px
    }

    header .scroll-block {
        -webkit-transform: translateY(-100%)!important;
        transform: translateY(-100%)!important;
        transition: all .7s ease .2s
    }

    header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 5.89%;
        height: 100%;
        background: #fff
    }

    header .wrapper {
        max-width: none
    }

    header .logo {
        margin-left: 0;
		margin-right: 30px;
    }

    header .container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    header nav {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-left: 33px;
        margin-top: 11px
    }

    header nav a {
        position: relative;
        font: 700 14px ClearSans,sans-serif!important;
        color: #000;
        margin: 0 15px;
        padding: 8px 0!important;
        background: none!important;
        text-align: center
    }

    header nav a:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
		left: 0;
        width: 100%;
        background: #00b3cd;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all .3s ease 0s
    }

    header nav a:hover:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #00b3cd
    }

    header nav a.active:after {
        content: none
    }

    header nav a.active:before {
        content: "";
        width: calc(100% + 30px);
        position: absolute;
        top: 0;
        left: -17px;
        height: 100%;
        border: 2px solid #00b3cd
    }

    header .right {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    header .right .tel {
        font: 700 14px ClearSans,sans-serif;
        color: #000;
        padding: 14px 0;
        transition: all .3s ease 0s;
        margin-right: 30px
    }

    header .right .tel:after {
        content: none
    }

    header .right .tel:hover {
        color: #ee7c18
    }

    header .right .button {
        margin-top: 0
    }


    .home .border {
        top: 138px
    }

    .home .container {
        margin-top: 138px;
        height: calc(100% - 138px)
    }

    .home .container .text {
        width: 55.4%;
        margin-left: 6.6%
    }

    .home .container .text h3 {
        font-size: 48px;
        letter-spacing: .02em
    }

    .home .container .text p {
        transition-delay: .2s
    }

    .more {
        margin-left: 6.6%;
        margin-top: 95px;
        padding-right: 30px;
        transition-delay: .4s
    }

    .more span {
        cursor: pointer;
		color: #fff;
    }

    .more span:hover:after {
        -webkit-animation: more 1s ease-in-out infinite;
        animation: more 1s ease-in-out infinite
    }

    .item-name {
        position: absolute;
        top: 26%;
        bottom: 0;
        left: 3%;
        margin: auto 0;
        height: 20px;
        width: 0;
        font: 700 12px ClearSans,sans-serif;
        letter-spacing: .7em;
        color: #000;
        z-index: 100;
        white-space: nowrap;
        text-transform: uppercase;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .item-name span {
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .border-name {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5.86%;
        max-width: 1200px;
        border-right: 1px solid #000;
        z-index: 10;
        transition: all .3s ease 0s;
        cursor: pointer
    }

    .border-name.no-pointer {
        cursor: auto
    }

    .border-name .link {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .line {
        margin-left: 6.6%;
        padding-left: 90px;
        -webkit-transform: translate3d(-30px,0,0)!important;
        transform: translate3d(-30px,0,0)!important
    }

    .line:after {
        width: 60px
    }

    .main-team {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-top: 0
    }
	.main-team h3 {
    font-size: 35px;
    color: #00b3cd;
}

    .main-team .border-name {
        cursor: pointer
    }

    .main-team .border-name:hover {
        background: #00b3cd;
        height: 100%
    }

    .main-team .top {
        padding-top: 90px
    }

    .main-team .top h3 {
        margin-left: 6.6%;
        width: 41.5%
    }

    .main-team .text, .main-catalog .text, .main-contact .text {
        width: 33%;
        margin-left: 13%;
        margin-right: 0;
        margin-bottom: 100px
    }

    .main-team .left {
        position: absolute;
        width: 50%;
        height: calc(100% - 120px);
        right: -4%;
        top: 60px;
        margin-top: 0;
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover
    }
	
	.main-catalog .left {
        position: absolute;
        width: 50%;
        height: calc(100% - 120px);
        right: -4%;
        top: 60px;
        margin-top: 0;
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover
    }

	.main-contact .left {
        position: absolute;
        width: 50%;
        height: 100%;
        right: -4%;
        top: 0px;
        margin-top: 0;
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover
    }
	
    .main-projects {
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 120px
    }

    .main-projects .left {
        position: absolute;
        left: 0;
        top: 0;
        width: 5.86%;
        height: 100%;
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        margin: 0
    }

    .main-projects .left:after {
        content: none
    }

    .main-projects .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-projects .top h3 {
        margin-left: 6.6%;
        -ms-flex-negative: 10;
        flex-shrink: 10;
        display: inline-block
    }

    .main-projects .line {
        box-sizing: border-box;
        display: inline-block;
        -ms-flex-preferred-size: 43%;
        flex-basis: 33%;
        margin-left: 70px;
        margin-top: 75px
    }

    .main-projects .container {
        padding-top: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-projects .container .item {
        -ms-flex-preferred-size: 28.5%;
        flex-basis: 28.5%;
        margin-left: 13%
    }

    .main-projects .container .item:nth-child(2) {
        transition-delay: .2s
    }

    .main-projects .container .item:nth-child(3) {
        transition-delay: 0s
    }

    .main-projects .container .item:nth-child(4) {
        transition-delay: .2s
    }

    .main-projects .container .item:nth-child(5) {
        transition-delay: 0s
    }

    .main-projects .container .item:nth-child(6) {
        transition-delay: .2s
    }

    .main-projects .container .item:nth-child(7) {
        transition-delay: 0s
    }

    .main-projects .container .item:nth-child(8) {
        transition-delay: .2s
    }

    .main-projects .container .item:nth-child(9) {
        transition-delay: 0s
    }

    .main-projects .container .item:nth-child(10) {
        transition-delay: .2s
    }
	.content {
        margin-top: 0;
        padding-top: 170px;
        padding-bottom: 120px
    }
	
	.company .content {
        margin-top: 0;
        padding-top: 170px;
        padding-bottom: 0px
    }
    .main-catalog {
        margin-top: 0
    }
	.main-contact {
        margin-top: 0
    }

    .main-catalog .border-name {
        cursor: pointer;
		background: #fff;
    }
	.main-contact .border-name {
        cursor: pointer;
    }
    .main-catalog .border-name:hover {
        height: 100%
    }
	.main-contact .border-name:hover {
			height: 100%
		}
    .main-catalog .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
	.main-contact .top {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}
    .main-catalog .top h3 {
        margin-left: 6.6%;
		width: 41.5%;
		font-size: 35px;
		color: #00b3cd;
    }
	.main-contact .top h3 {
			margin-left: 6.6%;
			width: 41.5%;
			font-size: 35px;
			color: #00b3cd;
		}
    .main-catalog .line {
        box-sizing: border-box;
        display: inline-block;
        -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
        margin-left: 9.7%;
        margin-top: 5px
    }
	.main-contact .line {
			box-sizing: border-box;
			display: inline-block;
			-ms-flex-preferred-size: 43%;
			flex-basis: 43%;
			margin-left: 9.7%;
			margin-top: 5px
		}
    .main-catalog .container {
        margin-top: -5px;
        margin-left: 6.6%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
	.main-contact .container {
			margin-top: -5px;
			margin-left: 6.6%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between
		}
    .main-catalog .container .item {
        margin: 50px 0 0;
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        margin-left: 0
    }
	.main-contact .container .item {
			margin: 50px 0 0;
			-ms-flex-preferred-size: 31%;
			flex-basis: 31%;
			margin-left: 0
		}
    .main-catalog .container .item:nth-child(2) {
        transition-delay: .2s
    }

    .main-catalog .container .item:nth-child(3) {
        transition-delay: .4s
    }

    .main-catalog .container .item:nth-child(4) {
        transition-delay: 0s
    }

    .main-catalog .container .item:nth-child(5) {
        transition-delay: .2s
    }

    .main-catalog .container .item:nth-child(6) {
        transition-delay: .4s
    }

    .main-catalog .container .item:nth-child(7) {
        transition-delay: 0s
    }

    .main-catalog .container .item:nth-child(8) {
        transition-delay: .2s
    }

    .main-catalog .container .item:nth-child(9) {
        transition-delay: .4s
    }

    .main-catalog .container .item:nth-child(10) {
        transition-delay: 0s
    }

    .main-catalog .container .item:nth-child(11) {
        transition-delay: .2s
    }

    .main-catalog .container .item:nth-child(12) {
        transition-delay: .4s
    }

    .main-docs {
        margin-top: 0;
        padding-top: 75px;
        padding-bottom: 120px
    }

    .main-docs .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-docs .top h3 {
        margin-left: 6.6%;
        -ms-flex-negative: 10;
        flex-shrink: 10;
        display: inline-block
    }

    .main-docs .left {
        position: absolute;
        left: 0;
        top: 0;
        width: 5.86%;
        height: 100%;
        margin: 0;
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%
    }

    .main-docs .left:after {
        content: none
    }

    .main-docs .line {
        box-sizing: border-box;
    display: inline-block;
    -ms-flex-preferred-size: 43%;
    flex-basis: 43%;
    margin-left: 70px;
    margin-top: 75px;
    }

    .main-docs .container {
        margin-top: 15px;
        margin-left: 6.6%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-docs .container .item {
        margin: 0px 0 0;
        -ms-flex-preferred-size: 31%;
        flex-basis: 23.25%;
        margin-left: 0
    }

    .main-docs .container .item:nth-child(2) {
        transition-delay: .2s
    }

    .main-docs .container .item:nth-child(3) {
        transition-delay: .4s
    }

    .main-docs .container .item:nth-child(4) {
        transition-delay: 0s
    }

    .main-docs .container .item:nth-child(5) {
        transition-delay: .2s
    }

    .main-docs .container .item:nth-child(6) {
        transition-delay: .4s
    }

    .main-docs .container .item:nth-child(7) {
        transition-delay: 0s
    }

    .main-docs .container .item:nth-child(8) {
        transition-delay: .2s
    }

    .main-docs .container .item:nth-child(9) {
        transition-delay: .4s
    }

    .main-docs .container .item:nth-child(10) {
        transition-delay: 0s
    }

    .main-docs .container .item:nth-child(11) {
        transition-delay: .2s
    }

    .main-docs .container .item:nth-child(12) {
        transition-delay: .4s
    }

    .main-docs .container .block {
        -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        transition-delay: .2s
    }

    .main-docs .container .block .note {
        width: 53%
    }

    .main-partners {
        margin-top: 0;
        padding-bottom: 95px
    }

    .main-partners .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-partners .top h2 {
        margin-left: 6.6%;
        display: inline-block;
        -ms-flex-negative: 10;
        flex-shrink: 10
    }

    .main-partners .line {
        box-sizing: border-box;
        display: inline-block;
        -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
        margin-left: 30px;
        margin-top: 55px
    }

    .main-partners .part {
        padding: 45px 0
    }

    .main-partners .part:nth-child(2) {
        transition-delay: .2s
    }

    .main-partners .part:nth-child(3) {
        transition-delay: .4s
    }

    .main-partners .part:nth-child(4) {
        transition-delay: 0s
    }

    .main-partners .part:nth-child(5) {
        transition-delay: .2s
    }

    .main-partners .part:nth-child(6) {
        transition-delay: .4s
    }

    .main-partners .part:nth-child(7) {
        transition-delay: 0s
    }

    .main-partners .part:nth-child(8) {
        transition-delay: .2s
    }

    .main-partners .part:nth-child(9) {
        transition-delay: .4s
    }

    .main-partners .part:nth-child(10) {
        transition-delay: 0s
    }

    .main-partners .part:nth-child(11) {
        transition-delay: .2s
    }

    .main-partners .part:nth-child(12) {
        transition-delay: .4s
    }

    .main-partners .part:nth-child(13) {
        transition-delay: 0s
    }

    .main-partners .part:nth-child(14) {
        transition-delay: .2s
    }

    .main-partners .part:nth-child(15) {
        transition-delay: .4s
    }

    footer {
        height: 120px;
        background: #fff;
        margin-top: 0
    }

    footer .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    footer .social-buttons {
        padding-right: 70px;
        margin-top: 0
    }

    footer .dev {
        margin: 0
    }

    .border-top {
        left: 0;
        right: 0
    }

    .title-page h1 {
        padding-top: 55px;
        font-size: 58px
    }

    .sistems {
        margin-left: 5.8%;
        padding-bottom: 100px;
        -webkit-transform: none!important;
        transform: none!important
    }

    .sistems .button-choise {
        padding-top: 0;
        width: 100%;
        transition-delay: .2s
    }

    .sistems .replaceable-top {
        margin-top: 65px
    }

    .sistems .replaceable-bottom {
        margin-top: 10px
    }

    .sistems .replaceable-bottom .weather {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sistems .replaceable-bottom .weather.sun .discr {
        -ms-flex-preferred-size: calc(60% - 67px);
        flex-basis: calc(60% - 67px)
    }

    .sistems .replaceable-bottom .scheme {
        margin-top: 80px;
        width: 149%
    }

    .sistems .replaceable-bottom .scheme:after,.sistems .replaceable-bottom .scheme:before {
        content: none
    }

    .sistems .replaceable-bottom .scheme .weather {
        margin-left: 7.2%;
        width: 70%
    }

    .sistems .replaceable-bottom .scheme>img {
        max-width: 450px;
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .sistems .replaceable-bottom .scheme .subdiscr {
        margin-top: 50px;
        padding-top: 50px;
        width: 85.6%;
        margin-left: 7.2%
    }

    .sistems .replaceable-bottom .scheme .view-signup-toggle {
        margin-top: 30px;
        -ms-flex-preferred-size: 43.8%;
        flex-basis: 43.8%;
        margin-right: 6.2%
    }

    .sistems .replaceable-bottom .scheme.helio img {
        max-width: 550px
    }

    .sistems .replaceable-bottom .pdf {
        width: 149%;
        margin: 0
    }

    .sistems .replaceable-bottom .pdf svg {
        transition: all .7s ease 0s
    }

    .sistems .replaceable-bottom .pdf:hover svg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .sistems .button-choise-middle .button {
        margin-right: 30px
    }

    .sistems .bottom-page {
        position: relative;
        margin: 90px auto 0;
        padding-right: 5vw
    }

    .sistems .replaceable-sub-bottom .uncover-item {
        margin-top: 30px;
        width: 135.5%;
        margin-left: 35px
    }

    .sistems .replaceable-sub-bottom .uncover-item .head {
        padding-left: 23px
    }

    .sistems .replaceable-sub-bottom .uncover-item .head:before {
        height: 50px
    }

    .sistems .replaceable-sub-bottom .uncover-item .head:hover:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .sistems .replaceable-sub-bottom .uncover-item .bottom {
        margin-top: 10px
    }

    .sistems .replaceable-sub-bottom .uncover-item .sub-bottom {
        -webkit-transform: translateY(-71px);
        transform: translateY(-71px)
    }

    .sistems .replaceable-sub-bottom table {
        margin-top: 10px;
        width: calc(100% + 40px);
        margin-left: -40px
    }

    .sistems .replaceable-sub-bottom table td {
        position: relative;
        font: 400 14px/1.57 Arimo,sans-serif;
        color: #444d54;
        letter-spacing: .025em;
        padding-top: 10px
    }

    .sistems .replaceable-sub-bottom table td:first-child {
        width: 40px
    }

    .sistems .replaceable-sub-bottom table td:last-child,.sistems .replaceable-sub-bottom table td:nth-child(3),.sistems .replaceable-sub-bottom table td:nth-child(4) {
        width: 80px;
        text-align: right
    }

    .sistems .replaceable-sub-bottom .uncover-item .bottom {
        transition: all .3s ease 0s
    }

    .sistems .replaceable-sub-bottom .uncover-item.active .bottom {
        max-height: 500px;
        padding-bottom: 70px
    }

    .sistems .replaceable-sub-bottom .uncover-item.active .sub-bottom {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    .sistems .replaceable-sub-bottom.active {
        opacity: 1
    }

    .fixed-block {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        pointer-events: none;
        z-index: 10;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .fixed-block .container {
        position: absolute;
        bottom: 40vh;
        right: 0;
        background: #00b3cd;
        padding: 30px 68px 45px 42px;
        pointer-events: auto;
        -webkit-transform: translate3d(93%,0,0);
        transform: translate3d(93%,0,0);
        transition: all .5s ease 0s
    }

    .fixed-block .container:hover {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .fixed-block .container .item {
        position: relative;
        margin-top: 20px;
        font: 700 16px/1.3 Arimo,sans-serif;
        letter-spacing: .025em;
        color: #000;
        cursor: pointer;
        padding-left: 25px;
        transition: all .3s ease 0s
    }

    .fixed-block .container .item:after {
        content: "";
        position: absolute;
        top: 9px;
        left: -10px;
        width: 21px;
        height: 2px;
        background: #fff
    }

    .fixed-block .container .item:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        width: 2px;
        height: 21px;
        background: #fff;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        transition: all .3s ease 0s
    }

    .fixed-block .container .item.active:before,.fixed-block .container .item:hover:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .uncover-item {
        margin-top: 0
    }

    .uncover-item h3 {
        font-size: 40px
    }

    .uncover-item:nth-child(2) .head {
        transition-delay: .4s
    }

    .uncover-item:nth-child(3) .head {
        transition-delay: .6s
    }

    .uncover-item .head {
        padding-left: 70px;
        width: 100%;
        box-sizing: border-box;
        padding-right: 35.7%
    }

    .uncover-item .head:after {
        top: 62px;
        left: -28px;
        width: 60px;
        height: 4px
    }

    .uncover-item .head:before {
        top: 35px;
        left: 0;
        width: 4px;
        height: 60px
    }

    .uncover-item .bottom-wrap {
        width: 100%;
        box-sizing: border-box;
        padding-right: 35.7%;
        padding-left: 0
    }

    .uncover-item .bottom {
        margin-left: 70px
    }

    .uncover-item .bottom .button-choise {
        margin-top: 55px
    }
.news {
        margin-left: 5.8%;
		height: 100%;
    }
	.main-projects .news {
        margin-left: 6.6%
    }

    .news .button-choise {
        margin-top: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition-delay: .2s
    }

    .news .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 80px 15px 35px;
        white-space: nowrap;
        margin-top: 5px
    }

    .news .item {
        -ms-flex-preferred-size: 33.5%;
        flex-basis: 33.5%;
		width: 44%;
    }

    .news .item:nth-child(2n) {
        
    }
	
	.news .item h5 {
		padding-top: 0px;
    font-size: 28px;
    max-width: 70%;
	}
	.news .item p {
    max-width: 80%;
	}
	
	
    .news .item .line {
        padding-bottom: 0;
        margin-left: 0
    }

    .news .infinite-load-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	.news .tab {
        position: relative;
    }
	
	.news .tab:after {
        content: "";
		top: 10px;
		position: absolute;
		bottom: 0;
		left: 46.6%;
		width: 1px;
		height: 100%;
		border-left: none;
		background: #ddd;
		transition: all .3s ease 0s;
    }
    .projects {
        margin-left: 5.8%
    }
	.main-projects .projects {
        margin-left: 6.6%
    }

    .projects .button-choise {
        margin-top: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition-delay: .2s
    }

    .projects .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 80px 15px 35px;
        white-space: nowrap;
        margin-top: 5px
    }

    .projects .item {
        -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
		width: 100%;
    }

    .projects .item:nth-child(2n) {
        margin-left: 3%
    }

    .projects .item .line {
        padding-bottom: 0;
        margin-left: 0
    }

    .projects .infinite-load-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .projects .replaceable-top {
        margin-top: 0;
        transition-delay: .4s
    }

    .projects .replaceable-top .button {
        margin-top: 60px
    }

    .projects .replaceable-top .item:nth-child(2) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(3) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(4) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(5) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(6) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(7) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(8) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(9) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(10) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(11) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(12) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(13) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(14) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(15) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(16) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(17) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(18) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(19) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(20) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(21) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(22) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(23) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(24) {
        transition-delay: .2s
    }

    .projects .replaceable-top .item:nth-child(25) {
        transition-delay: 0s
    }

    .projects .replaceable-top .item:nth-child(26) {
        transition-delay: .2s
    }

	.catalog {
        margin-left: 5.8%
    }
	.company {
        margin-left: 5.8%
    }
	.catalog p{
        max-width: 500px;
    }
	.main-projects .catalog {
        margin-left: 6.6%
    }

    .catalog .button-choise {
        margin-top: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition-delay: .2s
    }

    .catalog .button-choise .button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        padding: 15px 80px 15px 35px;
        white-space: nowrap;
        margin-top: 5px
    }

    .catalog .item {
        -ms-flex-preferred-size: 23.5%;
		flex-basis: 23.5%;
		width: 100%;
		border-width:0px 1px 1px 0px;
		border-style:solid solid solid solid;
		border-color:#e7e7e7 #e7e7e7 #e7e7e7 #e7e7e7;
		padding: 70px 50px;
    }

    .catalog .item:nth-child(3n) {
        border-width:0px 0px 1px 0px;
		border-style:solid solid solid solid;
		border-color:#e7e7e7 #e7e7e7 #e7e7e7 #e7e7e7;
    }
	.catalog .item:nth-child(3n+1) {
        padding: 70px 50px 70px 0px;
    }

    .catalog .item .line {
        padding-bottom: 0;
        margin-left: 0
    }

    .catalog .infinite-load-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .catalog .replaceable-top {
        margin-top: 0;
        transition-delay: .4s
    }

    .catalog .replaceable-top .button {
        margin-top: 60px
    }

    .catalog .replaceable-top .item:nth-child(2) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(3) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(4) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(5) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(6) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(7) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(8) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(9) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(10) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(11) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(12) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(13) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(14) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(15) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(16) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(17) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(18) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(19) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(20) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(21) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(22) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(23) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(24) {
        transition-delay: .2s
    }

    .catalog .replaceable-top .item:nth-child(25) {
        transition-delay: 0s
    }

    .catalog .replaceable-top .item:nth-child(26) {
        transition-delay: .2s
    }
    .signupp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        pointer-events: none;
        z-index: 10
    }

    .signupp .border-name {
        top: 0;
        bottom: 0;
        left: 0;
        width: 5.85%;
        border-left: none;
        border-right: 1px solid #000;
        pointer-events: auto;
        transition: all .3s ease 0s
    }
.signupp .border-name:hover {
        background: #fff;
    }

    .signupp .item-name {
        display: inline-block;
        top: 26%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .Explorer .sistems .bottom-page {
        margin-top: 0
    }

    .Firefox .scroll-top .item-name span:after {
        top: -10px
    }

    .border-bottom {
        width: 105.8%;
        margin-left: -5.8%;
        background-repeat: repeat
    }

    .contacts>.wrapper {
        height: 133px
    }

    .contacts .social-buttons {
        position: absolute;
        top: 40px;
        right: 0;
        transition-delay: .2s
    }

    .contacts .social-buttons .social-button {
        background-color: transparent
    }

    .contacts .social-buttons .social-button:before {
        content: none
    }

    .contacts .social-buttons .social-button:hover i,.contacts .social-buttons .social-button:hover i:before {
        color: #00b3cd
    }

    .contacts .title-page {
        margin-left: 70px
    }

    .contacts .container {
        margin-left: 0;
        padding-left: 70px;
        padding-right: 70px;
        width: 410px
    }

    .contacts .map {
        margin-top: 100px;
        transition-delay: .4s
    }

    .project {
        padding-bottom: 0
    }

    .project .slider-text {
        width: 71.7%;
        margin-left: calc(5.85% + 30px)
    }

    .project .info {
        padding-top: 25px;
        margin-top: 0
    }

    .project .info .item-info {
        position: relative;
        padding-bottom: 100px
    }

    .project .info .item-info .container {
        width: 86.8%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .project .info .item-text {
        -ms-flex-preferred-size: 44.5%;
        flex-basis: 44.5%;
        margin-top: 45px
    }

    .project .info .item-text:nth-child(2) {
        transition-delay: .2s
    }

    .project .info .item-text:nth-child(3) {
        transition-delay: 0s
    }

    .project .info .item-text:nth-child(4) {
        transition-delay: .2s
    }

    .project .info .item-text:nth-child(5) {
        transition-delay: 0s
    }

    .project .info .item-text:nth-child(6) {
        transition-delay: .2s
    }

    .project .info .item-text:nth-child(7) {
        transition-delay: 0s
    }

    .project .info .item-text:nth-child(8) {
        transition-delay: .2s
    }

    .project .info .item-text:nth-child(9) {
        transition-delay: 0s
    }

    .project .info .item-text:nth-child(10) {
        transition-delay: .2s
    }

    .project .info .item-aside {
        margin-top: 0;
        padding-top: 75px;
        padding-bottom: 80px
    }

    .project .info .item-aside .container {
        width: 86.8%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .project .info .item-aside .item .num {
        font-size: 80px
    }

    .project .info .item-aside .item .num span {
        font-size: 60px
    }

    .project .info .item-aside .item:nth-child(2) {
        transition-delay: .2s
    }

    .project .info .item-aside .item:nth-child(3) {
        transition-delay: .4s
    }

    .project .info .item-aside .item:nth-child(4) {
        transition-delay: 0s
    }

    .project .info .item-aside .item:nth-child(5) {
        transition-delay: .2s
    }

    .project .info .item-aside .item:nth-child(6) {
        transition-delay: .4s
    }

    .project .info .item-aside .item:nth-child(7) {
        transition-delay: 0s
    }

    .project .info .item-aside .item:nth-child(8) {
        transition-delay: .2s
    }

    .project .info .item-aside .item:nth-child(9) {
        transition-delay: .4s
    }

    .project .info .item-aside .item:nth-child(10) {
        transition-delay: 0s
    }

    .project .info .item-aside .item:nth-child(11) {
        transition-delay: .2s
    }

    .project .info .item-aside .item:nth-child(12) {
        transition-delay: .4s
    }

    .project .bottom-page {
        position: relative;
        width: 100%;
        padding-top: 105px;
        margin-top: 0;
        padding-bottom: 110px
    }

    .slider {
        padding-top: 90px
    }

    .slider-text {
        position: relative;
        margin-top: 0;
        overflow: visible
    }

    .slider-text .swiper-button-next {
        top: 65px;
        right: -50px
    }

    .slider-text .swiper-button-prev {
        top: 335px;
        right: -50px
    }

    .slider-text .swiper-slide .img {
        height: 480px
    }

    .text-page .top {
        margin-left: 70px
    }

    .text-page .top h3 {
        font-size: 58px
    }

    .text-page .top .line {
        margin-left: 0
    }

    .text-page .user-text {
        margin-top: 58px
    }

    .not-page .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .not-page .container .l,.not-page .container .r {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .not-page .container .l .header {
        font-size: 200px
    }

    .not-page .container .l .sub-header {
        font-size: 40px;
        transition-delay: .2s
    }

    .not-page .container .l .button {
        margin-top: 30px;
        transition-delay: .4s
    }

    .not-page .container .r .img {
        position: relative;
        width: 100%;
        height: 100vh;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        transition-delay: .6s;
        -webkit-transform: translate3d(100px,0,0)!important;
        transform: translate3d(100px,0,0)!important
    }

    .not-page .container .r .img.show {
        -webkit-transform: translateZ(0)!important;
        transform: translateZ(0)!important
    }

    .not-page .container .r .img:after {
        content: "";
        width: 100%;
        height: 29px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(a5bdc802a5d88429fdb9e626ec2827c0.svg) repeat 50%;
        width: 198%;
        -webkit-animation: anim 20s linear infinite;
        animation: anim 20s linear infinite
    }
}

@media screen and (min-width: 1000px) and (orientation:landscape) {
    .more.show640 {
        display:inline-block!important
    }
}