@charset "UTF-8";
@import "../fonts/opensans.css";

body,html {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none
}

body::-moz-selection,html::-moz-selection {
    color: #fff;
    background: #25ab6e
}

body::selection,html::selection {
    color: #fff;
    background: #25ab6e;
}

body.bk,html.bk {
    background-color: #000
}

body.cursor_close,
html.cursor_close {
    cursor: url(/assets/images/back.png),auto
}

.btn {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 17px 63px;
    font-size: 14px;
    line-height: 14px;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*color: #fff;*/
    /*background: #17c676;*/
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: 0
}

.btn:hover {
    /*background: #109c7d*/
    opacity: 0.8;
    color:#000;
}

.moar {
    position: relative;
    display: inline-block;
    padding: 10px 0;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    border-bottom: 2px solid rgba(255,255,255,.4);
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.moar:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    width: 20%;
    height: 2px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.moar:hover::after {
    width: 100%;
}

.page {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
}

.page::-webkit-scrollbar,
.main::-webkit-scrollbar,
.modalBlock .container::-webkit-scrollbar{
    width: 3px;
    background-color: rgba(0,0,0,.3);
}
.modalBlock .container::-webkit-scrollbar-thumb{
    background-color: #000;
}
.page::-webkit-scrollbar-thumb,
.main::-webkit-scrollbar-thumb{
    background-color: #181725;
}

.page .global_padding {
    position: relative;
    z-index: 1;
}

.page .page_content {
    position: relative;
    display: block;
    padding-left: 112px;
    padding-right: 112px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(/assets/images/bg1.jpg)
}

.page_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,30,.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.page_title {
    color: #fff;
    padding-top: 216px;
    padding-bottom: 6px;
    font-weight: 400
}

.page_title .title {
    margin-bottom: 68px
}

.page_title .sub_title {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.page_title .pdf {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    font-family: Ubuntu-R,monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
    background: #181725;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 10px;
    opacity: .7
}

.page_title .pdf:hover {
    opacity: 1;
    background: #25ab6e;
}

.row {
    margin-left:-15px;
    margin-right:-15px;
    box-sizing: border-box;
}

.row:after {
    position: relative;
    display: block;
    content: '';
    clear: both
}

.row .col {
    position: relative;
    display: block;
    float: left;
    width: 50%
}

.content ul {
    position: relative;
    display: block
}

.content ul li {
    position: relative;
    display: block;
    margin-bottom: 24px;
    padding: 0 0 0 30px;
    font-size: 18px;
}

.content ul li:before {
    position: absolute;
    display: block;
    content: '';
    height: 12px;
    width: 12px;
    background-color: #25ab6e;
    top: 6px;
    left: 0;
    border-radius: 50%;
}
.content ul.none li:before {
    display: none;
}

.content ul ul {
    padding-top: 24px;
}

/*.content ul li:after {

    position: absolute;
    display: block;
    content: '';
    height: 3px;
    width: 17px;
    background-color: #17c676;
    top: 8px;
    left: 0;

    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}*/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #25ab6e;
}

a:hover {
    color: #32d18a;
}

.h1,.h2,.h3,.h4 {
    position: relative;
    display: block
}

.h1 {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 48px;
    font-weight: 700;
    line-height:1.2;
}

@media (max-width: 1024px) {
    .h1 {
        font-size: 34px;
    }
}

@media (max-width: 800px) {
    .h1 {
        font-size: 27px;
    }
}

@media (max-width: 500px) {
    .h1 {
        font-size: 23px;
    }
}

.h2 {
    font-size: 28px;
    line-height: 64px;
    margin-bottom: 24px;
    text-transform: uppercase;
    font-weight:700;
}

.h3 {
    /*font-size: 36px;
    line-height: 42px;
    margin-bottom: 24px*/

    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px
}

.global_padding {
    padding-left: 112px;
    padding-right: 112px
}

.top_fixed {
    position: absolute;
    display: block;
    padding-left: 26px;
    padding-right: 26px;
    top: 0;
    padding-top: 29px;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 2;
    text-align: center;
}

.top_fixed:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .0));
}
.top_fixed.inv:before {
    display:none;
}

.top_fixed.inv .logo .text {
    color:#000;
}
.top_fixed.inv .logo .text:before {
    background:#000;
}
@media (max-width: 1330px) {
    .logo .text{
        display: none !important;
    }
}
@media (max-width: 400px){
    .top_fixed{
        padding-left: 20px;
        padding-right: 20px;
    }
}


.logo {
    position: absolute;
    display: block;
    width: 112px;
    margin: -10px 0 0 -5px;
    cursor: pointer;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.logo::-moz-selection {
    background: 0 0
}

.logo::selection {
    background: 0 0
}

.logo img {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    /*width: 100%*/
}

.logo .dark {
    display: none
}

.inv .logo .dark,.logo .light {
    display: block
}

.inv .logo .light {
    display: none
}

.logo .text {
    position: absolute;
    color: #fff;
    display: block;
    left: 175px;
    padding-left: 20px;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    line-height: 1.4;
    top: 0;
    padding-top: 7px;
}

.logo .text:before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 1px;
    top: 10px;
    left: 0;
    height: 33px;
}


.invisible {
    position: absolute;
    visibility: hidden
}

.debug {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    z-index: 10;
    background: #181725;
    color: #fff
}

.preloader,.sl_preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #050517;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    shape-inside: circle(50%, 50%, 150%);
    -webkit-clip-path: circle(150% at 50% 50%);
    clip-path: circle(150% at 50% 50%);
    overflow: hidden
}

.preloader.hid,.sl_preloader.hid {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.preloader.tl,.sl_preloader.tl {
    shape-inside: circle(-50px, 0, 0);
    -webkit-clip-path: circle(0 at -50px -50px);
    clip-path: circle(0 at -50px -50px)
}

.preloader.br,.sl_preloader.br {
    shape-inside: circle(120%,120%,0);
    -webkit-clip-path: circle(0 at 120% 120%);
    clip-path: circle(0 at 120% 120%)
}

.preloader.br:after,.preloader.br:before,.sl_preloader.br:after,.sl_preloader.br:before {
    opacity: 0
}

.preloader.notr,.sl_preloader.notr {
    -webkit-transition: none;
    transition: none
}

.preloader:after,.preloader:before,.sl_preloader:after,.sl_preloader:before {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    background: #25ab6e;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.preloader:before,.sl_preloader:before {
    -webkit-animation: 1.5s ease-out infinite pulsate;
    animation: 1.5s ease-out infinite pulsate
}

.sl_preloader {
    z-index: auto
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: translate3D(-50%,-50%,0) scale(.5);
        transform: translate3D(-50%,-50%,0) scale(.5);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3D(-50%,-50%,0) scale(3);
        transform: translate3D(-50%,-50%,0) scale(3);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: translate3D(-50%,-50%,0) scale(.5);
        transform: translate3D(-50%,-50%,0) scale(.5);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3D(-50%,-50%,0) scale(3);
        transform: translate3D(-50%,-50%,0) scale(3);
        opacity: 0
    }
}

.nav {
    font-weight: 400;
    position: absolute;
    display: block;
    top: 0;
    right: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding-top: 16px;
    text-align: right;
    z-index:90;
}

.nav>ul {
    position: relative;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 14px;
    line-height: 14px
}

.nav>ul>li {
    position: relative;
    display: inline-block;
    margin: 0 9px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.nav>ul>li:after,.nav>ul>li:before {
    content: '';
    position: absolute;
    display: block;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 2px;
    background: #fff;
    opacity: .3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1)
}

.inv .nav>ul>li:after,.inv .nav>ul>li:before {
    background: #181725
}

.nav>ul>li:after {
    opacity: 1
}

.nav>ul>li.noclick:after,.nav>ul>li.noclick:before {
    display: none
}

.nav>ul>li.noclick:hover .sub_nav {
    max-height: 200px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.1)
}

.inv .nav>ul>li.noclick:hover .sub_nav {
    border: 1px solid #eee;
    background: #f5f5f5
}

.nav>ul>li.noclick:hover .sub_nav .corners {
    opacity: 1
}

.nav>ul>li.noclick:hover .sub_nav ul {
    max-height: 200px
}

.nav>ul>li.noclick:hover .sub_nav ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nav>ul>li a {
    position: relative;
    display: block;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(.55,0,.28,1);
    transition: all .4s cubic-bezier(.55,0,.28,1);
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 12px;
    color: #fff;
    opacity: .7;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.nav>ul>li a::-moz-selection {
    background: 0 0
}

.nav>ul>li a::selection {
    background: 0 0
}

.inv .nav>ul>li a {
    color: #181725;
    opacity: .3
}

.nav>ul>li .sub_nav {
    position: absolute;
    display: block;
    background: 0 0;
    border: 1px solid transparent;
    top: 100%;
    left: -35px;
    right: -35px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    max-height: 0
}

.nav>ul>li .sub_nav .corners {
    position: relative;
    display: block;
    height: 9px;
    width: 100%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: -5px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
}

.inv .nav>ul>li .sub_nav .corners {
    border-left: 1px solid #181725;
    border-right: 1px solid #181725
}

.nav>ul>li .sub_nav .corners:after,.nav>ul>li .sub_nav .corners:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 9px;
    top: 4px;
    left: -5px;
    background-color: #fff
}

.inv .nav>ul>li .sub_nav .corners:after,.inv .nav>ul>li .sub_nav .corners:before {
    background-color: #181725
}

.nav>ul>li .sub_nav .corners:after {
    left: auto;
    right: -5px
}

.nav>ul>li .sub_nav ul {
    position: relative;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    max-height: 0;
    overflow: hidden
}

.nav>ul>li .sub_nav ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
}

.nav>ul>li .sub_nav ul li:after,.nav>ul>li .sub_nav ul li:before {
    display: none
}

.nav>ul>li .sub_nav ul li:hover a {
    background: rgba(255,255,255,.1)
}

.inv .nav>ul>li .sub_nav ul li:hover a {
    background: rgba(0,0,0,.03)
}

.nav>ul>li .sub_nav ul li a {
    padding: 16px 0;
    opacity: 1
}

.nav>ul>li:hover:after,.nav>ul>li:hover:before {
    -webkit-transform: scale(.15,1);
    -ms-transform: scale(.15,1);
    transform: scale(.15,1)
}

.nav>ul>li:hover:after {
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.nav>ul>li.active a,.nav>ul>li:hover a {
    opacity: 1
}

.nav>ul>li.active:after,.nav>ul>li.active:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}


.nav_btn {
    position: absolute;
    display: none;
    top: 0;
    right: 112px;
    width: 32px;
    height: 32px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    z-index: 100;
}

.nav_btn.close span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}

.nav_btn.close span:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
}

.nav_btn.close span:after {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nav_btn span {
    position: relative;
    display: block;
    height: 2px;
    width: 22px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.inv .nav_btn span {
    background-color: #181725
}

.nav_btn span:after,.nav_btn span:before {
    position: absolute;
    display: block;
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    top: 7px;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.inv .nav_btn span:after,.inv .nav_btn span:before {
    background-color: #181725
}

.nav_btn span:after {
    top: 14px
}

.close_btn {
    position: absolute;
    display: none;
    top: 70px;
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    margin-left: -4px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.close_btn.active span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.close_btn.active span:after,.close_btn.active span:before {
    -webkit-transform: rotate(90deg) translateX(0);
    -ms-transform: rotate(90deg) translateX(0);
    transform: rotate(90deg) translateX(0);
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.close_btn span {
    position: relative;
    display: block;
    height: 2px;
    width: 22px;
    margin-top: 10px;
    background-color: #fff;
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.close_btn span:after,.close_btn span:before {
    position: absolute;
    display: block;
    content: '';
    background-color: #fff;
    height: 100%;
    width: 50%;
    top: -7px;
    left: 5px;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(90deg) translateX(-200%);
    -ms-transform: rotate(90deg) translateX(-200%);
    transform: rotate(90deg) translateX(-200%)
}

.close_btn span:after {
    top: 7px;
    -webkit-transform: rotate(90deg) translateX(200%);
    -ms-transform: rotate(90deg) translateX(200%);
    transform: rotate(90deg) translateX(200%)
}

.links {
    position: absolute;
    display: block;
    top: 0;
    right: 112px
}

.links a {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0 0 0 27px;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.inv .links a {
    opacity: .2
}

.links a:hover {
    opacity: 1
}

.links a svg {
    position: relative;
    display: block;
    height: inherit;
    fill: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.inv .links a svg {
    fill: #181725
}

.links a:hover a {
    opacity: 1
}

.footer .footer_item{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    box-sizing: border-box;
}

.footer .footer_item.nosmall{
    width: 15%;
}

.footer .footer_item.small{
    width: 10%;
    text-align:right;
}

.footer .footer_item a{
    color:#fff;
}
.footer .footer_item a:hover{
    opacity:0.8;
}

.footer.inv .footer_item a{
    color:#000;
}

.copyright {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    opacity: .6;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400
}

.footer {
    position: relative;
    display: block;
    /*float: left;*/
    width: 100%;
    /*    padding-top: 48px;
    padding-bottom: 40px;*/
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-left: 26px;
    padding-right: 26px;
    box-sizing: border-box;
    font-size: 14px;
}

.footer_main {
    position: absolute;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color:#fff;
    text-align:left;
    font-size:14px;
    /*z-index:99;*/
    z-index:1;
    box-sizing: border-box;
}

.footer.fixed {
    display: block;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed
}

.footer.hid {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.footer.inv,.footer.inv .copyright {
    color: #52535c
}

.footer.inv .dev a:hover {
    color: #181725
}

.footer .copyright {
    position: relative;
    display: block;
    padding-top: 24px;
    float: left;
    color: #fff;
    opacity: 1;
    width: 16%;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer .f_contact {
    position: relative;
    display: block;
    float: left;
    width: 68%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer .f_contact .fc_item {
    position: relative;
    display: block;
    float: left;
    text-align: left;
    padding: 0 34px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer .f_contact .fc_item.em,.footer .f_contact .fc_item.ph {
    width: 25%
}

.footer .f_contact .fc_item.ad {
    width: 50%
}

.footer .f_contact .fc_item .key {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 24px;
    color: #b3b4bb;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400
}

.footer .f_contact .fc_item .val {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px
}

.footer .dev {
    position: relative;
    display: block;
    padding-top: 28px;
    float: right;
    width: 16%;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer .dev a {
    position: relative;
    display: inline-block;
    color: #b3b4bb;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.footer .dev a:hover {
    color: #fff
}

@media(max-width: 1250px){
    .footer .footer_item,
    .footer .footer_item.nosmall{
        width: 50%;
        margin-bottom: 20px;
        text-align: left;
    }
    .footer .footer_item.small{
        width: 100%;
        margin-bottom: 20px;
        text-align: left;
    }
}


@media(max-width: 750px) {
    .footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer .footer_item,
    .footer .footer_item.nosmall {
        width: 100%;
        text-align: left;
        padding: 0;
    }

    .footer .footer_item.small {
        text-align: left;
        padding: 0;
    }

    /*.footer .footer_item.small{
        width: 100%;
        margin-bottom: 20px;
        margin-bottom: 20px;
        text-align: center;
    }*/
}

@media(max-width: 1450px){
    .footer.fixed{
        position:relative !important;
    }
    .branches{
        position:relative !important;
        top:0 !important;
        padding-top:165px !important;
    }

    .branches .title {
        margin-bottom: 22px !important;
    }

    .company_numbers {
        top:140px !important;
    }
    .we_are {
        top:180px !important;
    }
}

form {
    position: relative;
    display: block
}

form input[type=text],
form select {
    height: 40px;
    width: 100%;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #181725;
    font-size: 14px;
    color: #aeaeae;
    margin: 0 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
form input[type=text]:-webkit-autofill,
form select:-webkit-autofill {
    background-color: transparent !important;
}
form select {
    cursor: pointer;
}
form select option{
    padding: 10px;
    border:0 none;
    display:block;
    cursor:pointer;
}
.product_form.inv select option{
    background: rgba(0,0,0,0.9);
    color:#fff;
}
form input[type=text]:focus{
    outline: 0;
    border-color: #25ab6e;
    color: #181725
}

form select:focus {
    outline: 0;
    border-color: #25ab6e;
}

form input[type=text].attention {
    -webkit-animation: .7s linear infinite blinker;
    animation: .7s linear infinite blinker
}

form input[type=text].filled {
    color: #181725
}

.inv form input[type=text] {
    border-color: #fff;
    color: rgba(255,255,255,.3)
}

.inv form input[type=text]:focus {
    border-color: #25ab6e;
}

.inv form input[type=text].filled {
    color: #fff
}

form input[type=button],
form button {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
}

form .btn {
    margin: 40px 0 0;
    padding-left: 59px;
    padding-right: 59px;
}

@-webkit-keyframes blinker {
    0%,100% {
        border-color: #181725;
        color: #181725
    }

    50% {
        border-color: #d4d4d7;
        color: #d4d4d7
    }
}

@keyframes blinker {
    0%,100% {
        border-color: #181725;
        color: #181725
    }

    50% {
        border-color: #d4d4d7;
        color: #d4d4d7
    }
}

.home_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.home_bg:before {
    content: '';
    position: absolute;
    display: block;
    top: -50px;
    right: -50px;
    bottom: -50px;
    left: -50px;
    background-color: #000;
    z-index: 0
}

.home_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(5,5,20,.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.home_bg.blur {
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.home_bg.blur:after {
    background-color: rgba(15,15,23,.65)
}

.home_bg .default {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/main_fon.jpg);
}

.home_bg video {
    position: absolute;
    display: block;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    /*will-change: opacity;*/
}

.home_bg video.show {
    opacity: 1
}

#p5_block {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#p5_block:after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(0,0,10,.3)
}

#p5_block canvas {
    position: relative;
    display: block
}

.products_block {
    /*position: absolute;
    display: block;
    top: 46%;
    right: 0;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding-top: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 260px*/
}

.products_block .product {
    position: relative;
    display: inline-block;
    width: 420px;
    margin: 0 -2px 0 0
}

@media (max-width:1400px){

    .products_block .product {
        width: 33.33%;
    }

}

.products_block .product::-moz-selection {
    background: 0 0
}

.products_block .product::selection {
    background: 0 0
}

.products_block .product.hid {
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.products_block .product:first-child:before,.products_block .product:last-child:after {
    display: none
}

.products_block .product .inner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.products_block .product .inner::-moz-selection {
    background: 0 0
}

.products_block .product .inner::selection {
    background: 0 0
}

.products_block .product .inner.dim {
    opacity: .3;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.products_block .product .inner:hover .circle {
    opacity: 0
}

.products_block .product .inner .circle {
    position: relative;
    display: block;
    width:180px;
    height:180px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid rgba(255,255,255,.2);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}
@media (min-width:1400px){
    .products_block .product .inner .circle {
        height: 260px;
        width: 260px;
    }
}

.products_block .product .inner .circle img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.products_block .product .inner .title {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    margin: 40px 0 0
}

.products_block .product .inner .title::-moz-selection {
    background: 0 0
}

.products_block .product .inner .title::selection {
    background: 0 0
}

.products_details {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 112px;
    left: 112px;
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.products_details.show {
    z-index: 1
}

.products_details .item_title {
    position: absolute;
    display: block;
    bottom: 150px;
    left: 0;
    font-size: 48px;
    line-height: 64px;
    color: #fff;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden
}

.products_details .item_title::-moz-selection {
    background: 0 0
}

.products_details .item_title::selection {
    background: 0 0
}

.products_details .item_title span {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.products_details .item_title span::-moz-selection {
    background: 0 0
}

.products_details .item_title span::selection {
    background: 0 0
}

.products_details .item_title.show span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.products_details .item_title.hid span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.products_details .pd_item {
    position: absolute;
    display: block;
    top: 50%;
    left: 67%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    padding: 0;
    color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease .5s;
    transition: max-height .5s ease .5s
}

.products_details .pd_item:before {
    content: '';
    position: absolute;
    display: block;
    height: 6px;
    width: 0;
    background-color: #109c7d;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.products_details .pd_item.show:before {
    width: 28px
}

.products_details .pd_item .item_title {
    position: relative;
    display: none;
    bottom: auto;
    overflow: visible
}

.products_details .pd_item .item_title::-moz-selection {
    background: 0 0
}

.products_details .pd_item .item_title::selection {
    background: 0 0
}

.products_details .pd_item .item_title:after {
    content: '';
    position: relative;
    display: block;
    height: 6px;
    width: 0;
    margin: 21px 0 0;
    background-color: #109c7d;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.products_details .pd_item .item_title:before {
    content: '';
    position: absolute;
    display: block;
    top: 8px;
    left: -80px;
    height: 10px;
    width: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
    pointer-events: all
}

.products_details .pd_item .item_title span {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.products_details .pd_item.show {
    max-height: 100%;
    -webkit-transition: none;
    transition: none;
    overflow: visible
}

.products_details .pd_item.show .item_title:after {
    width: 30px;
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.products_details .pd_item ul {
    position: relative;
    display: block;
    margin: 60px 0 24px;
    padding: 0 80px 0 0
}

.products_details .pd_item ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 32px;
    font-size: 15px;
    line-height: 24px;
    font-family: Ubuntu-R,monospace;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.products_details .pd_item ul li::-moz-selection {
    background: 0 0
}

.products_details .pd_item ul li::selection {
    background: 0 0
}

.products_details .pd_item ul li.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.products_details .pd_item ul li.hid {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.products_details .pd_item ul li:before {
    content: '';
    position: absolute;
    display: block;
    top: 30px;
    right: auto;
    bottom: 12px;
    left: -74px;
    border-left: 1px dashed rgba(255,255,255,.2);
    width: 1px
}

.products_details .pd_item ul li:last-child::before {
    display: none
}

.products_details .pd_item ul li .num {
    position: absolute;
    display: block;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    color: #109c7d;
    font-size: 12px;
    top: 0;
    left: -80px
}

.products_details .pd_item ul li .num::-moz-selection {
    background: 0 0
}

.products_details .pd_item ul li .num::selection {
    background: 0 0
}

.products_details .pd_item .moar {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.products_details .pd_item .moar.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.products_details .pd_item .moar.hid {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.projects {
    position: relative;
    display: block;
    color: #fff;
    width: 100%;
}

.projects .project {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;
    height: 385px/*350px*/;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 50px 50px 48px;
    cursor:pointer;
}

.projects .project.more .pr_title {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.projects .project.more .pr_bg {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.projects .project.more .pr_bg:before {
    opacity: .6
}

.projects .project.more .pr_bg:after {
    opacity: 1
}

.projects .project .pr_table .pr_table_item {
    opacity: 0;
}
.projects .project.more .pr_table .pr_table_item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.projects .project.more .pr_table .pr_table_item:nth-child(2) {
    -webkit-transition: all .3s ease .4s;
    transition: all .3s ease .4s
}

.projects .project.more .pr_table .pr_table_item:nth-child(3) {
    -webkit-transition: all .3s ease .5s;
    transition: all .3s ease .5s
}

.projects .project.more .pr_table .pr_table_item:nth-child(4) {
    -webkit-transition: all .3s ease .6s;
    transition: all .3s ease .6s
}

.projects .project .pr_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.projects .project .pr_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.projects .project .pr_title {
    position: absolute;
    display: block;
    left: 0;
    top: 38px;
    padding-left: inherit;
    padding-right: inherit;
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.projects .project .pr_title .title{
    font-size: 22px;
    font-weight:700;
    display:block;
    margin-bottom:1px;
}

.projects .project .pr_title .value{
    font-size: 16px;
    font-weight:500;
    display:block;
}

.projects .project .pr_table {
    position: absolute;
    display: block;
    padding-left: inherit;
    padding-right: inherit;
    top: 8%;
    /*top: 41.5%;*/
    right: 0;
    bottom: auto;
    left: 0;
    /*-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)*/
}

.projects .project .pr_table .pr_table_item {
    margin-bottom:20px;
    max-width: 400px;
}
.projects .project .pr_table .pr_table_item .title {
    font-size:18px;
    font-weight:700;
    display:block;
    margin-bottom:5px;
}
.projects .project .pr_table .pr_table_item .value {
    font-size:16px;
    font-weight:500;
    display:block;
}

@media (max-width: 1600px) {

    .projects .project {
        /*padding-left: 96px;
        padding-right: 96px;*/
        width: 50%
    }
}
@media (max-width: 900px) {

    .projects .project {
        width:100%;
    }
}

@media (max-width: 800px) {

    .projects .project {
        height: 350px;
    }
}

@media (max-width: 500px) {

    .projects .project {
        width:100%;
        height: auto;
        min-height:250px;
    }
    .projects .pr_title{
        display: block !important;
    }
    /*.projects .pr_table{
        display: none !important;
    }*/

    .projects .project .pr_table {
        position: relative;
        display: block;
        padding-left: 0;
        padding-right: 0;
        top: 0;
        left: 0;
    }
}






.products {
    position: relative;
    display: block;
    float: left;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,.12);
    /*margin-bottom: 100px;*/
}

@media(max-width: 750px){
    .products {
        margin-bottom: 0;
    }
}

.products .product {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;
    height: 379px/*310px*/;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    padding: 50px 50px 48px;
}

.products .product:nth-child(1),.products .product:nth-child(11),.products .product:nth-child(3),.products .product:nth-child(5),.products .product:nth-child(7),.products .product:nth-child(9) {
    background: rgba(255,255,255,.1)
}

.products .product:hover .pr_bg {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1
}

.products .product .pr_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.products .product .pr_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #050514;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: .5
}

.products .product .pr_title {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 30px;
    padding-bottom: 24px;
    line-height: 1.3;
    max-width: 238px;
}


@media (max-width: 1600px) {

    .products .product {
        width: 50%
    }
}
@media (max-width: 900px) {

    .products .product {
        width:100%;
    }
    .products .product .pr_title{
        font-size:28px;
    }
}

@media (max-width: 800px) {

    .products .product {
        height: 350px;
    }
    .products .product .pr_title{
        font-size:24px;
    }
}

@media (max-width: 500px) {

    .products .product {
        width:100%;
        height: 193px;
    }

    .products .product .pr_title{
        font-size:20px;
    }
}




/*
.product_margin {
    margin-left: 16.66%;
    margin-right: 16.66%
}*/

.hid_video {
    display: none
}

.circle_layer {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.circle_layer .circ {
    position: absolute;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,0,0,.03)
}

.video_layer {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product_title {
    position: relative;
    display: block;
    padding: 0;
    /*margin: 37.4% 0 40px;*/
    margin: 21.1% 0 40px;
}


@media(max-width:1124px){
    .product_title {
        margin-top: 170px;
    }
}


.product_title .title {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 62px;
    font-weight: 700;

    /*font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    font-size: 64px;
    line-height: 72px;
    margin: 0 0 54px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease*/
}

.product_title .title.hid {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.product_title .intro {
    position: relative;
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
    padding: 0 0 0 42px;
    margin-bottom: 53px
}

.product_title .intro span {
    position: relative;
    display: block;
    -webkit-transition: all .3s ease .4s;
    transition: all .3s ease .4s
}

.product_title .intro .left_border {
    position: absolute;
    display: block;
    right: 100%;
    margin-right: -4px;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #25ab6e;
    -webkit-transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease,-webkit-transform .5s ease
}

.product_title .intro.hid span {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.product_title .intro.hid .left_border {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    width: 300px
}

.product_numbers {
    position: relative;
    display: block;
    padding: 285px 0 111px;
}

/*.product_numbers .left_pattern {
    position: absolute;
    display: block;
    top: 0;
    right: auto;
    bottom: auto;
    left: -800px;
    height: 100%;
    width: 500px;
    background: url(/assets/images/pat1.png);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}*/

.product_numbers ul {
    position: relative;
    display: block
}

.product_numbers ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    margin: 0 -4px 0 0;
    padding: 0 20px 0 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product_numbers ul li .label {
    position: relative;
    display: block;
    font-size: 17px;
    /* letter-spacing: 1px; */
    font-weight: 500;
    max-width: 200px;
}

.product_numbers ul li.min .label {
    max-width: 135px;
}
.product_numbers ul li.max .label {
    max-width: 259px;
}

.product_numbers ul li .val {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

@media(max-width:1200px){
    .product_numbers ul li{
        padding: 100px 20px 0 0;
    }
}

@media(max-width:750px){
    .product_numbers ul li{
        width: 100%;
        margin-bottom:20px;
        text-align:center;
        padding-right:0;
    }
    .product_numbers ul li .label{
        max-width: 100%;
    }

    .product_numbers ul li i{
        left:50%;
        margin-left: -35px;
    }
    .product_numbers ul li.min .label,
    .product_numbers ul li.max .label{
        max-width:100% !important;
    }

    .row{
        margin-left:0;
        margin-right:0;
    }
}



.product_features {
    position: relative;
    display: block;
    float: left;
}

.product_features:after {
    content: '';
    position: relative;
    display: block;
    clear: both
}

.product_features .row {
    padding: 0 0 72px
}

.product_features .l_col {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    padding: 0 10% 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product_features .r_col {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:750px){
    .product_features .l_col,
    .product_features .r_col{
        width:100%;
    }
}


.product_features .f_title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.product_features .f_intro {
    font-size: 16px;
    line-height: 24px;
    color: #52535c
}

.product_steps {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    overflow-x: visible;
    margin-bottom: 10px
}

.product_steps:after {
    content: '';
    position: relative;
    display: block;
    clear: both
}

.product_steps .h2 {
    padding-bottom: 21px;
}

.product_steps .step {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;
    height: 180px;
    padding: 44px 100px 20px 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product_steps .step:last-child .s_num:after,
.product_steps .step:last-child .s_num:before {
    display: none
}

.product_steps .step .s_num {
    position: absolute;
    display: block;
    font-weight: 700;
    color: #e6e6e6;
    font-size: 72px;
    line-height: 72px;
    top: 0;
    left: 0;
}

.product_steps .step .s_num:after {
    position: absolute;
    font-weight: 700;
    color: #e6e6e6;
    font-size: 24px;
    top: 0;
    left: 100%;
    content: "день";
    line-height: 2;
    margin-left: 12px;
}

.product_steps .step:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 60px;
    background-color: #25ab6e;
    top: 50px;
    right: 34px;
}
.product_steps .step:last-child:before,
.product_steps .step:last-child:after{
    display:none;
}

.product_steps .step:after {
    content: '';
    position: absolute;
    display: block;
    height: 6px;
    width: 6px;
    border-bottom: 2px solid #25ab6e;
    border-right: 2px solid #25ab6e;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 47px;
    right: 33px;
}

.product_steps .step .s_title {
    position: relative;
    display: block
}

@media(max-width:750px){

    .product_steps .step {
        width: 100%;
        height: auto;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .product_steps .step:before {
        display:none;
    }

    .product_steps .step:after {
        display:none;
    }

}














.product_form {
    position: relative;
    display: block;
    margin: 0 0 72px;
    float: none;
    clear: both;
    padding: 24px 112px
}

.product_form.hid .pic {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .4s ease .6s;
    transition: all .4s ease .6s
}

.product_form.hid .pic:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.product_form.hid .form_col .h3,.product_form.hid .form_col input {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.product_form:after {
    content: '';
    position: relative;
    display: block;
    clear: both
}

.product_form .w50{
    width:50%;
    float:left;
    padding: 0 15px;
    box-sizing: border-box;
}


.product_form .form_col {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    margin: 0 0 0 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product_form .form_col .h3 {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product_form .form_col input:nth-child(1) {
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s
}

.product_form .form_col input:nth-child(2) {
    -webkit-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

.product_form .form_col input:nth-child(3) {
    -webkit-transition: all .3s ease .3s;
    transition: all .3s ease .3s
}

.product_form .pic {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/im2.jpg);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden
}

.product_form .pic:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
    -webkit-transition: all .6s ease .4s;
    transition: all .6s ease .4s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.product_form form label {
    display: block;
}

@media(max-width: 800px){
    .product_form{
        padding: 24px 20px;
        background:#fff;
    }
    .product_form .pic {
        display:none;
    }
    .product_form .form_col{
        width: 100%;
        margin:0;
    }
    .product_form .product_margin{
        margin-left: 0;
        margin-right: 0;
    }

    .product_form{
        background:none;
    }
}


.product_form.inv input[type=text],
.product_form.inv select{
    border-bottom: 1px solid #fff;
}















.news {
    position: relative;
    display: block;
    float: left;
    color: #fff;
    width: 100%;
    background: rgba(0,0,10,.2)
}

.news .news_item {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;
    height: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 48px 112px
}

.news .news_item:nth-child(1),.news .news_item:nth-child(11),.news .news_item:nth-child(3),.news .news_item:nth-child(5),.news .news_item:nth-child(7),.news .news_item:nth-child(9) {
    background: rgba(255,255,255,.1)
}

.news .news_item:hover .news_bg {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1
}

.news .news_item:hover .moar {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.news .news_item .news_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news .news_item .news_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #050514;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: .5
}

.news .news_item .date {
    position: relative;
    display: block;
    font-family: PlumbC,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news .news_item .date:after {
    content: '';
    position: relative;
    display: block;
    height: 1px;
    width: 12px;
    background: rgba(255,255,255,.3);
    margin: 11px 0
}

.news .news_item .news_title {
    position: relative;
    display: block;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 24px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news .news_item .news_intro {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 11px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news .news_item .moar {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news_header {
    color: #fff;
    position: relative;
    display: block;
    padding: 255px 112px 70px
}

.news_header .news_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.news_header .news_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #050514;
    opacity: .5
}

.news_header .date {
    position: relative;
    display: block;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 21px
}

.news_header .title {
    position: relative;
    display: block;
    max-width: 780px;
    margin: 0
}

.news_content {
    position: relative;
    display: block;
    padding: 132px 112px
}

.news_content .content_box {
    position: relative;
    display: block;
    max-width: 960px;
    margin: 0 auto
}

.news_content .back {
    position: absolute;
    display: block;
    padding: 10px 0;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #181725;
    border-bottom: 2px solid rgba(0,0,0,.1);
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.news_content .back:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    width: 20%;
    height: 2px;
    background: #181725;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.news_content .back:hover::after {
    width: 100%
}

.news_content .news_intro {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 48px
}

.news_content .text_block {
    position: relative;
    display: block;
    margin: 0 0 48px
}

.news_content .news_pic {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 48px
}

.more_news {
    position: relative;
    display: block;
    float: left;
    width: 100%
}

.more_news:after {
    position: relative;
    display: block;
    content: '';
    float: none;
    clear: both
}

.more_news .news_item {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    padding: 72px 112px 48px
}

.more_news .news_item.prev {
    text-align: right
}

.more_news .news_item.prev .date:after {
    margin-left: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.more_news .news_item.next .arrow {
    left: auto;
    right: 50px
}

.more_news .news_item.next .arrow:after {
    left: auto;
    right: 0
}

.more_news .news_item.next .news_title {
    padding: 0 50px 24px 0
}

.more_news .news_item:hover .news_bg {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.more_news .news_item:hover .arrow:after {
    width: 100%
}

.more_news .news_item .news_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.more_news .news_item .news_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #050514;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: .5
}

.more_news .news_item .date {
    position: relative;
    display: inline-block;
    font-family: PlumbC,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

.more_news .news_item .date:after {
    content: '';
    position: relative;
    display: block;
    height: 1px;
    width: 12px;
    background: rgba(255,255,255,.3);
    margin: 11px 0
}

.more_news .news_item .news_title {
    position: relative;
    display: block;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    padding: 0 0 24px 50px
}

.more_news .news_item .arrow {
    position: absolute;
    display: block;
    top: 50%;
    left: 50px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    height: 2px;
    width: 50px;
    background-color: rgba(255,255,255,.4)
}

.more_news .news_item .arrow:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 2px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.com_body {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden;
    overscroll-behavior: contain
}

.slider_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.slider_bg .branch_bg,.slider_bg .slide_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slider_bg .branch_bg.active,.slider_bg .slide_bg.active {
    opacity: 1
}

.slider_bg .branch_bg {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slider_bg:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,10,.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slider {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

.slider .slide {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.slider .slide.active {
    opacity: 1;
    z-index: 2;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

/*@media(max-width:1200px){
    .slider .slide{
        position: relative;
        display: block;
        top:auto ;
        right: auto;
        bottom: auto;
        left: auto;
        opacity: 1;
        transition: none;
        transform: translateY(0);
    }
}*/

.company_numbers {
    /*position: absolute;
    display: block;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    padding-left: 112px;
    padding-right: 112px*/

    position: absolute;
    display: block;
    top: 195px;
    right: 0;
    bottom: auto;
    left: 0;
    padding-bottom: 70%;
    /*-webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);*/
}

.company_numbers .num_col {
    margin-top: -90px;
    padding-left: 6%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.company_numbers .num_item {
    position: relative;
    display: block;
    float: left;
    height: 150px;
    width: 50%;
    margin: 90px 0 0
}

.company_numbers .num_item .num {
    position: relative;
    display: block;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 24px
}

.company_numbers .num_item .num .plus {
    position: relative;
    display: inline-block;
    height: 3px;
    width: 17px;
    vertical-align: middle;
    background: #17c676
}

.company_numbers .num_item .num .plus:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #17c676;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.company_numbers .num_item .num_title {
    position: relative;
    display: block;
    max-width: 185px
}

.company_title {
    position: relative;
    display: block;
}

.company_title .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 72px;
    margin: 0 0 54px;
    text-transform: uppercase;
}

.company_title .intro {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    padding: 0 0 0 42px;
}

.company_title .intro span {
    position: relative;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.company_title .intro .left_border {
    position: absolute;
    display: block;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #25ab6e;
    -webkit-transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease,-webkit-transform .5s ease
}

.company_title .intro.hid span {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.company_title .intro.hid .left_border {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    width: 300px
}

.bullets {
    position: absolute;
    display: block;
    top: 56.5%;
    right: 26px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 11px;
}

.bullets .item {
    width:13px;
    height:13px;
    border-radius: 50%;

    position: relative;
    display: block;
    /*height: 2px;
    width: 11px;
    margin: 11px 0;
    background: #fff;*/
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    float: right;
    border: 1px solid #fff;
    margin-bottom:15px;
}

.bullets .item.active {
    /*opacity: 1;
    width: 38px*/

    background: #25ab6e;
    border: 1px solid #25ab6e;
}

.we_are {
    position: absolute;
    display: block;
    top: 218px;
    /*-webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);*/
    left: 0;
    right: 0;
    float: left;
}

.we_are .title {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight:700;
}

.we_are ul {
     list-style-type: none;
    margin: 0 -20px;
    padding-top: 40px;
 }
.we_are ul li {
    display:inline-block;
    vertical-align: top;
    width: 33.333%;
    padding:0 20px;
    margin-bottom: 104px;
    box-sizing: border-box;
}
.we_are ul li .big {
    font-size: 50px;
    font-weight: 700;
    display: block;
    margin-bottom: 28px;
}
.we_are ul li .description {
    font-size: 18px;
    font-weight: 600;
    display: block;
}

@media(max-width: 1000px){
    .we_are ul li{
        width: 50%;
    }
}

@media(max-width: 750px){
    .we_are ul li{
        width: 100%;
        margin-bottom: 77px;
    }
}


.branches {
    position: absolute;
    display: block;
    top: 219px;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.branches .title {
    margin-bottom: 72px
}

.branches .br_title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-family: 'PlumbC Bold',sans-serif;
    font-weight: 400;
    margin-bottom: 24px;
    opacity: .6;
    max-width: 200px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.branches .leftcol{
    width:47%;
    padding:0 15px;
    float:left;
    box-sizing: border-box;
}
.branches .rightcol{
    width:53%;
    padding:0 15px;
    float:left;
    box-sizing: border-box;
}

.branches .product_form{
    padding: 4px 0 0 0;
}

@media(max-width:950px){
    .branches .leftcol,
    .branches .rightcol {
        width:100%;
        padding:0;
    }

    .branches .product_form{
        padding: 0;
    }
}


#map {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

#map:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}


.products .product,.projects .project {
    padding-left: 34px;
    padding-right: 34px;
}


@media (max-width: 1642px) {
    .top_fixed .logo .text{
        display:none;
    }
}

@media (max-width: 1124px) {

    .top_fixed .logo{
        width:96px;
    }
    .top_fixed .logo img{
        width:100%;
    }
    /*.top_fixed .logo .text{
        display:none;
    }*/

    .nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(4,0,15,.9);
        opacity: 0;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        text-align: center
    }

    .inv .nav {
        background-color: #fff
    }

    .nav.active {
        opacity: 1
    }

    .nav.back {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .nav>ul {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        text-align: center
    }

    .nav>ul>li {
        position: relative;
        display: block;
        margin: 0 0 24px
    }

    .nav>ul>li a {
        font-size: 16px
    }

    .nav>ul>li .sub_nav {
        position: relative;
        display: block;
        max-height: none;
        left: auto;
        right: auto;
        top: 0;
        margin: 0 -35px
    }

    .nav>ul>li .sub_nav ul li {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .nav>ul>li .sub_nav ul li a {
        padding: 24px 0;
        font-size: 12px
    }

    .nav_btn {
        top: 20px;
        right: 20px;
        display: block;
    }

    .close_btn {
        display: block
    }
}

.btn {
    color: #000;
    background: #25ab6e;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 20px;
    letter-spacing: 0;
    margin-top: -8px;
}

.btn:hover {
    background: #32d18a;
    opacity: 1;
}
.btn:disabled {
    opacity:0.5;
}

@media (max-width:1400px) {
    .nav {
        padding-top: 24px;
    }

    .nav > ul > li {
        margin: 0 15px;
    }

    .nav > ul > li a {
        font-size: 14px;
    }
}
@media (max-width:1450px){
    .top_fixed .btn{
        top: 53px;
    }
}
@media (max-width: 1124px) {
    .top_fixed .btn {
        top: -9px;
    }
}
@media (max-width: 600px) {
    .top_fixed .btn {
        top:0;
        position:relative;
        margin-top:40px;
    }

    .btn {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        display:block;
    }
}


@media (min-width:1450px){
    .nav {
        padding-top: 26px;
    }
    /*.nav>ul>li a{
        font-size:14px;
    }*/
    .top_fixed .btn {
        margin-left:-810px;
    }
}

.image_bg {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:url("../images/im1.jpg") no-repeat;
    background-size: contain;
}

input[type="checkbox"] {
    /*visibility: hidden;
    width:0;
    height:0;*/
    width: 5px;
    height: 5px;
    background: transparent;
    border: transparent;
    position: absolute;
    z-index: -1;
    top: 7px;
    left: 2px;
}
input[type="checkbox"]+i {
    display:inline-block;
    background: #fff url(../images/sprite.png) no-repeat 0 -34px;
    width: 13px;
    height: 13px;
    margin-right:5px;
    cursor:pointer;
}
.inv input[type="checkbox"]+i {
    background: #000 url(../images/sprite.png) no-repeat 0 -34px;
}
input[type="checkbox"]:checked+i {
    background: #fff url(../images/sprite.png) no-repeat -13px -34px;
    width:16px;
    margin-right:2px;
}
.inv input[type="checkbox"]:checked+i {
    background: #000 url(../images/sprite.png) no-repeat -13px -34px;
}

label {
    cursor:pointer;
}

i[class^="icon-"]{
    /*display:inline-block;*/
    background: url(../images/sprite.png) no-repeat;
    width: 83px;
    height: 83px;

    position: absolute;
    /*display: block;*/
    top: -5px;
    left: 0;
    fill: rgba(0,0,0,.1);
}

i.icon-1{
    background-position: 0 -55px;
 }
i.icon-2{
    background-position: -83px -55px;
}
i.icon-3{
    background-position: -167px -55px;
}
i.icon-4{
    background-position: 0 -139px;
    width: 71px;
    height: 84px;
}
i.icon-5{
    background-position: -167px -139px;
    height: 84px;
}
i.icon-6{
    background-position: -72px -139px;
    height: 84px;
    width: 96px;
}


i[class^="icons-"]:after{
    display:inline-block;
    background: url(../images/sprite.png) no-repeat;
    content: " ";
    float:left;
}

i.icons-map:after{
    background-position: -30px -34px;
    height: 20px;
    width: 14px;
    margin-top: 2px;
}

i.icons-phone:after{
    background-position: -45px -34px;
    height: 18px;
    width: 18px;
    margin-top: 3px;
}

i.icons-mail:after{
    background-position: -64px -34px;
    height: 16px;
    width: 20px;
    margin-top: 5px;
}



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

.social {
    cursor: pointer;
    margin-right:10px;
}
.social:after{
    display:inline-block;
    background: url(../images/sprite.png) no-repeat;
    content: " ";
    height: 33px;
    width: 32px;
}

.social.vk:after {
    background-position: -66px 0;
}
.social.vk:hover:after {
    background-position: -132px 0;
}

/*.footer.inv .social.vk:after,*/
.social.white.vk:after {
    background-position: 0 0;
}
/*.footer.inv .social.vk:hover:after,*/
.social.white.vk:hover:after {
    background-position: -198px 0;
}

.social.fb:after {
    background-position: -99px 0;
}
.social.fb:hover:after {
    background-position: -165px 0;
}

/*.footer.inv .social.fb:after,*/
.social.white.fb:after {
    background-position: -33px 0;
}
/*.footer.inv .social.fb:hover:after,*/
.social.white.fb:hover:after {
    background-position: -231px 0;
}



#map {
    /*height: 300px;
    width: 100%;*/
}
#map .mapitem {
    height: 473px;
    width: 100%;
    display:none;
    z-index: 1;
}
#map .mapitem:first-child {
    display:block;
}

.tabs {
    padding-top: 5px;
    padding-bottom: 15px;
    position: relative;
}
.tabs ul {
    list-style-type: none;
}
.tabs ul li {
    display:inline-block;
    vertical-align: top;
    font-size:16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 65px;
    cursor: pointer;
    color: #aeaeae;
    padding-bottom: 10px;
    transition: all 0.2s linear;
    border-bottom:3px solid transparent;
}
.tabs ul li:last-child{
    margin-right:0;
}
.tabs ul li.active,
.tabs ul li:hover{
    color: #000;
    border-bottom:3px solid #000;
}
.contacts_text{
    margin-bottom:40px;
    color: #333235;
}
.contacts_text ul {
    list-style-type: none;
}
.contacts_text ul li {
    display:inline-block;
    width: 25%;
    vertical-align:top;
}


.contacts_text ul li:nth-of-type(1) {
    width: 30%;
}
.contacts_text ul li:nth-of-type(2) {
    width: 30%;
}
.contacts_text ul li:nth-of-type(3) {
    width: 30%;
}
.contacts_text ul li:nth-of-type(4) {
    width: 10%;
}



.contacts_text .contacts_text_item{
    display:none;
    padding-right: 30px;
}
.contacts_text .contacts_text_item:first-child {
    display:block;
}

.contacts_text_item .label{
    margin-left: 38px;
    font-weight: 600;
}

.contacts_text_item a {
    color: #000;
}
.contacts_text_item a:hover {
    opacity:0.8;
}

@media(max-width:1200px){
    .contacts_text ul li {
        width:50% !important;
        margin-bottom:20px;
    }
    .contacts_text ul li:nth-of-type(4) {
        text-align:left;
    }
}

@media(max-width:750px){
    .contacts_text ul li {
        width:100% !important;
    }
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1035px;
    }
}

.container_big {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
@media (min-width: 768px) {
    .container_big {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container_big {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container_big {
        width: 1170px;
    }
}

@media (min-width: 1200px) {
    .container_big {
        width: 1270px;
    }
}




.page_title .intro {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    padding: 0 0 0 42px;
    margin-bottom:68px;
}

.page_title .intro span {
    position: relative;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.page_title .intro .left_border {
    position: absolute;
    display: block;
    right: 100%;
    margin-right:-4px;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #25ab6e;
    -webkit-transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,-webkit-transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease;
    transition: width .6s ease .5s,transform .5s ease,-webkit-transform .5s ease
}

.page_title .intro.hid span {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.page_title .intro.hid .left_border {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
    width: 300px
}


.form_col .title {
    margin-bottom: 40px;
}

.form_col label.personal {
    font-size: 13px;
    color: #aeaeae;
    display: block;
    margin-top: -20px;
}


.modalBlock {
    display: none;
    transition: all 0.8s linear;
    opacity: 0;

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-height:100%;

    background: rgba(0,0,0,0.88);
    z-index:99;
}
.modalBlock .h1{
    opacity:1 !important;
}

.modalBlock .content {
    transform: translateY( 100px );
    transition: all 0.8s linear;
    color: #fff;

    padding-top: 218px;
}

.modalBlock .content{
    position:absolute;
    /*padding-top:150px;*/
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow: auto;
    overflow-x: hidden;
}

@media(max-width:1400px){
    .modalBlock .content {
        padding-top: 50px;
        padding-bottom: 20px;
    }
}

.modalBlock .content .col-left,
.modalBlock .content .col-right {
    float:left;
    display:block;
    width: 50%;
}

@media(max-width:1100px) {
    .modalBlock .content .col-left,
    .modalBlock .content .col-right {
        width: 100%;
    }

    .modalBlock .content .col-left {
        margin-bottom: 20px;
    }
}

.modalBlock .content a {
    color: #fff;
}

.modalBlock .addr_item {
    padding-top: 18px;
    padding-bottom: 23px;
}

.modalBlock .addr_item .city,
.modalBlock .addr_item .addr,
.modalBlock .addr_item .phone,
.modalBlock .addr_item .mail {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.modalBlock .addr_item .city {
    font-size: 22px;
    font-weight: 700;
}

.modalBlock .product_form {
    padding:0;
    margin:0;
}

.modalBlock .product_form .h3 {
    margin-bottom:40px;
}

.modalBlock .product_form label ,
.product_form form label{
    font-size:13px;
    position:relative;
}
.modalBlock .product_form .description {
    display:block;
    font-size:13px;
    line-height: 1.2;
}
.modalBlock .btn{
    padding-left:20px;
    padding-right: 20px;
}
.modalBlock .checkFile{
    border:2px solid #fff;
    color:#fff;
    background: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.modalBlock .checkFile:hover{
    background: #fff;
    color:#000;
}
.modalBlock .btn {
    width: 100%;
    box-sizing: border-box;
    text-align:center;
}


.modalBlock #filename{
    font-size: 14px;
    padding-top:15px;
}


.modalBlock .close {
    position: absolute;
    top: 31px;
    right: 20px;
    background: url(../images/sprite.png) no-repeat 0 -225px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    z-index: 999;
}
.modalBlock .close:hover {
    background-position: -29px -225px;
}

.modalBlock #fileupload{
    position: absolute;
    visibility: hidden;
}

.modalBlock.show {
    display: block;
    opacity: 1;
}
.modalBlock.show .content {
    transform: translateY( 0 );
}

.main{
    position: absolute;
    display: block;
    top: 17%;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: center;
    padding-top: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 260px;
}
.main.opacity{
    opacity:0;
}

@media(max-width:1450px) {

    .main {
        top: 33px;
    }
}

@media(max-width:1250px){

    .main {
        position:relative;
        top:0;
        padding-top:0;
    }

    .main .product {
        margin-bottom: 40px;
    }

    .mainWrapper {
        position:absolute;
        padding-top:150px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        overflow-x: hidden
    }

    .footer_main {
        position:relative;
    }

}

@media(max-width:900px) {

    .main .product {
        width: 100%;
    }

}


@media(max-width:900px) {
    .video_layer #myCanvas,
    .circle_layer .circ{
        display:none;
    }
}

.slide  .intro{
    padding-right: 20px;
}

@media(max-width:750px){
    .product_title .title {
        font-size:23px;
        margin-bottom:30px;
    }

    .product_title .intro,
    .page_title .intro,
    .slide .intro {
        font-size:14px;
        padding-left: 25px;
        margin-bottom: 44px;
    }

    .btn {
        font-size: 17px;
        text-align: center;
    }

    .product_numbers {
        padding: 50px 0 40px;
    }

    .product_numbers ul li{
        margin-bottom:40px;
    }

    .product_features {
        float:none;
        font-size:14px;
    }
    .content ul li {
        font-size:14px;
    }
    .content ul li li {
        padding-left:0;
    }

    body {
        font-size:14px;
    }

    .product_features .row {
        padding-bottom: 0;
    }

    .product_form {
        margin: 0 0 20px;
    }

    .page_title{
        padding-top: 170px;
    }

    .page_title .title{
        margin-bottom: 44px;
    }


    .product_form .w50 {
        width: 100%;
        padding:0;
    }

    .product_features .f_title {
        font-size:23px;
    }

    .product_form.mobile-white{
        margin-bottom:0;
        padding-bottom:20px;
        padding-top: 40px;
    }

    .content ul ul{
        padding-top:0;
        margin-bottom:20px;
    }
    .content ul ul li{
        padding-top:0;
        margin-bottom:5px;
    }

    .h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .product_steps .step .s_title{
        font-size:16px;
    }

}

.mobile-white {
    background: #fff;
    color:#9f9f9f;
}

.mobile-white.product_form {
    margin-bottom: 0;
}
.footer.mobile-white .footer_item a{
    color:#9f9f9f;
}

.wr_forms{
    position: relative;
    background: #fff;
    padding-bottom: 54px;
    padding-top: 60px;
    clear: both;
}

@media(max-width:750px){
    .wr_forms{
        padding-bottom: 0;
        padding-top: 10px;
    }
}

/*.mobile-white a {
    color:#9f9f9f !important;
}*/

.mobile-white .social.vk{

}

.mobile-white .social.vk:after {
    background-position: -66px 0;
}
.mobile-white .social.vk:hover:after {
    background-position: -132px 0;
}

.mobile-white .social.fb:after {
    background-position: -99px 0;
}
.mobile-white .social.fb:hover:after {
    background-position: -165px 0;
}

.ca:after{
    content:" ";
    display:block;
    clear: both;
}

.content.container.center {
    text-align: center;
    vertical-align: middle;
}
.plahka {
    display: inline-block;
    background: #fff;
    border-radius: 9px;
    color: #000;
    padding: 40px;
    margin-top: 20%;
    position:relative;
}
.plahka .h2{
    margin-bottom:0;
    color: #25ab6e;
    line-height:1.2;
    text-transform: none;
}

.plahka .close {
    position: absolute;
    top: -33px;
    right: -33px;
}

@media(max-width:750px){
    .plahka {
        margin-top: 53px;
        padding:20px;
    }

    .plahka .close {
        position: absolute;
        top: -33px;
        right: 0;
    }
}

.projects .project .pr_table .pr_table_item .title,
.projects .project .pr_table .pr_table_item .value,
.projects .project .pr_title {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}