* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "FuturaPT-Book";
    src: url("/font/FuturaPT-Book.ttf");
}

@font-face {
    font-family: "FuturaPT-Bold";
    src: url("/font/FuturaPT-Bold.ttf");
}
@font-face {
    font-family: "FuturaPT-ExtraBold.ttf";
    src: url("/font/FuturaPT-ExtraBold.ttf");
}
@font-face {
    font-family: "FuturaPTCond-ExtraBold";
    src: url("/font/FuturaPTCond-ExtraBold.ttf");
}
@font-face {
    font-family: "FuturaPT-Demi";
    src: url("/font/FuturaPT-Demi.ttf");
}
@font-face {
    font-family: "FuturaPT-Medium";
    src: url("/font/FuturaPT-Medium.ttf");
}
@font-face {
    font-family: "FuturaPT-Heavy";
    src: url("/font/FuturaPT-Heavy.ttf");
}
@font-face {
    font-family: "FuturaPT-Light";
    src: url("/font/FuturaPT-Light.ttf");
}
@font-face {
    font-family: 'glyphicons';
    src:url('/font/glyphicons-halflings-regular.ttf') format('truetype');
    font-weight: normal;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: "FuturaPT-Book";
}
::-webkit-scrollbar{
    /* 1 - скроллбар */
    width:10px;
    background:#3d3d3d;
}
::-webkit-scrollbar-track{
    /* 3 - трек */
    width:10px;
}
::-webkit-scrollbar-track-piece{
    /* 4 - видимая часть трека */
    width:10px;
}
::-webkit-scrollbar-thumb{
    /* 5 - ползунок */
    width: 8px;
    background: #ff3300;
    border-radius: 15px
}
::-webkit-scrollbar-corner{
    /* 6 - уголок */
    width:10px;
}
::-webkit-resizer{
    /* 7 - изменение размеров */
}
.clear{
    clear: both;
}
.float-right{
    float: right;
}
.float-left{
    float: left;
}
.wid100{
    width: 100%;
}
.text-dec a{
    text-decoration: none;
}
.relative{
    position: relative;
}
.outbtn:focus{
    outline: none;
}
b{
    font-family: "FuturaPT-Bold"!important;
}

/*POPUP*/

.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}

.dm-cell {
    display: table-cell;
    /*padding: 0 1em;*/
    vertical-align: middle;
    /*text-align: center;*/
}

.dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    /*display: none;*/
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.3);
}

.spsza{
    font-size: 29px;
    font-family: "FuturaPT-Heavy";
    color: #ff3300;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
}
.pp-span {
    font-family: "FuturaPT-Book";
    color: #000;
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 20px;
}
.okno {
    background-color: #FFFFFF;
    width: 500px;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 45px;
    z-index: 999999;
    position: relative;
    border-radius: 10px;
}

.popup-close {
    position: relative;
}

.closes {
    width: 13px;
    height: 13px;
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: -26px;
    font-size: 20px;
    font-weight: bold;
    color: #ff3300;
}

.closes:hover {
    color: #ffffff;
}

.closeup {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/*POPUP END*/

.p1{
    background: #3a3a3a;
    height: 827px;

}
.p1b{
    background: url("../img/fon1.png") no-repeat center;
    background-size: cover;
    background-position-x: -50px;
    height: 827px;

}
.logo{
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: rgb(23, 23, 23);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
    width: 272px;
    height: 86px;
    color: #ffffff;
    font-size: 41px;
    text-align: center;
    padding: 14px;
}
.logo span{
    color: #ff3300;
}
.menu{
    padding-top: 29px;
    padding-left: 55px;
}
.menu ul li{
    list-style: none;
    font-family: "FuturaPT-Medium";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-size: 18px;
    display: inline-block;
    padding-left: 50px;
    cursor: pointer;
}
.btn-header {
    border: 1px solid rgb(255, 51, 0);
    width: 168px;
    height: 38px;
    color: rgb(255, 51, 0);
    font-size: 18px;
    border-radius: 30px;
    background: none;
    margin-top: 22px;
    float: right;
    line-height: 1;
}
.btn-header:hover{
    background: rgb(255, 51, 0);
    color: #ffffff;
    transition: 0.4s ease;
}
.btn-header:focus{
    outline: none;
}
.title-main{
    font-size: 51px;
    font-family: "FuturaPT-Heavy";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
}
.block1{
    padding-top: 140px;
    width: 100%;
}
.title-main span{
    color: #ff3300;
    font-family: "FuturaPT-Heavy";
}
.zag-main{
    font-size: 20px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    padding-top: 45px;
}
.btn-1{
    padding-top: 90px;
}

#mybtn .btn-all{
    background-image: -moz-linear-gradient( 90deg, rgb(255,51,0) 0%, rgb(250,91,10) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,51,0) 0%, rgb(250,91,10) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,51,0) 0%, rgb(250,91,10) 100%);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
    width: 200px;
    height: 60px;
    border-radius: 40px;
    font-size: 20px;
    font-family: "FuturaPT-Medium";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    border: none;
    position: relative;
    overflow: hidden;
}
.btn-all:focus{
    outline: none;
}
#mybtn .btn-all::after {
    content: "";
    width: 20px;
    height: 200px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: 0;
    top: -80px;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
    30% { left: 100%; margin-left: 25px; }
    100% { left: 100%; margin-left: 25px; } }

@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
    30% { left: 100%; margin-left: 25px; }
    100% { left: 100%; margin-left: 25px; } }
.phone-main{
    width: 100%;
    margin-top: -11px;
}
.ph-gif {
    width: 244px;
    position: absolute;
    left: 0;
    margin-left: 69px;
    height: 506px;
    margin-top: -601px;
    border-radius: 10px;
}
.p2{
    background: #ffffff;
    padding: 80px 0;
}
.title{
    font-size: 45px;
    font-family: "FuturaPT-Heavy";
    color: rgb(40, 40, 44);
    line-height: 1.2;
    text-align: left;
}
.title span{
    color: #ff3300;
    font-family: "FuturaPT-Heavy";
}

.box-p{
    border: 2px solid rgb(255, 51, 0);
    border-radius: 24px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 402px;
}
.box-person {
    padding-top: 90px;
    width: 100%;
}
.pers-img {
    width: 100%;
    margin-top: -50px;
}
.pers-inf{
    padding: 0 15px 15px 15px;
}
.name-pers{
    font-size: 24px;
    font-family: "FuturaPT-Medium";
    color: rgb(255, 51, 0);
    line-height: 1.2;
    text-align: center;
    padding-top: 10px;
}
.san-pers{
    font-size: 18px;
    font-family: "FuturaPT-Light";
    color: rgb(40, 40, 44);
    line-height: 1.2;
    text-align: center;
    padding-top: 10px;
}
.desc-pers {
    font-size: 18px;
    font-family: "FuturaPT-Medium";
    color: rgb(40, 40, 44);
    line-height: 1.2;
    text-align: center;
    padding-top: 10px;
}

.p3{
    background: #ffffff;
    padding: 80px 0;
}
.block3{
    padding-top: 80px;
    width: 100%;
}
.box3{
    padding-top: 40px;
}
.ic20{
    width: 16%;
    float: left;
}
.ic80{
    width: 80%;
    float: left;
}
.ic-img{
    display: block;
}
.ic-title {
    font-size: 35px;
    font-family: "FuturaPT-Heavy";
    color: rgb(255, 51, 0);
    line-height: 1.2;
}
.ic-zag {
    font-size: 18px;
    color: rgb(40, 40, 44);
    line-height: 1.333;
    text-align: left;
    padding-top: 25px;
}
.tech-img{
    width: 100%;
}
.top60m{
    margin-top: -150px;
}
.top25m{
    margin-top: -25px;
}

.p4{
    padding: 80px 0;
}
.sl-img{
    width: 100%;
}
.portfolio{
    width: 100%;
    padding-top: 50px;
}
.owl-dots{
    display: block!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(255, 51, 0)!important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px!important;
    height: 8px!important;
    margin: 5px 7px;
    background: #f8dbdb!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot:focus {
    outline: none!important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 6px!important;
    position: relative;
    z-index: 999999;
}
.title-sl{
    font-size: 29px;
    font-family: "FuturaPT-Heavy";
    color: rgb(40, 40, 44);
    line-height: 1.2;
    text-align: left;
}
.zag-sl {
    font-size: 18px;
    color: rgb(40, 40, 44);
    line-height: 1.2;
    text-align: left;
    padding-top: 15px;
}
.href-sl{
    font-size: 18px;
    color: rgb(95, 140, 255);
    line-height: 1.2;
    text-align: left;
    padding-top: 15px;
}
.share-img{
    padding-left: 7px;
}
.btn-sl{
    border: 1px solid rgb(255, 51, 0);
    background-color: rgb(255, 255, 255);
    width: 155px;
    height: 38px;
    color: rgb(255, 51, 0);
    font-size: 14px;
    border-radius: 30px;
    margin-top: 50px;
}
.btn-sl:focus{
    outline: none;
}
.btn-sl:hover{
    background: rgb(255, 51, 0);
    color: #ffffff;
    transition: 0.4s ease;
}

.p5{
    background: #3d3d3d;
    padding: 90px 0;
}
.title-c {
    font-size: 45px;
    font-family: "FuturaPT-Heavy";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
}
.zag-c {
    font-size:18px;
    color: rgb(182, 182, 182);
    line-height: 1.2;
    text-align: left;
    padding-top: 15px;
}
.dannye{
    padding-top: 50px;
}
.adres{
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    padding-bottom: 15px;
}
.adres a{
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
}
.map-img {
    padding-right: 13px;
    vertical-align: middle;
}
.social{
    padding-top: 40px;
}
.social-img{
    padding-right: 7px;
}
.forma{
    padding-top: 110px;
}
.inp{
    width: 45%;
    background: #3d3d3d;
    border-bottom: 1px solid rgb(255, 51, 0);
    border-top: 1px solid #3d3d3d;
    border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d;
    height: 45px;
    padding-left: 15px;
    color: rgb(182, 182, 182);
    font-size: 18px;
}
.inp:focus{
    outline: none;
}
::-webkit-input-placeholder {color:rgb(182, 182, 182);}
::-moz-placeholder          {color:rgb(182, 182, 182);}/* Firefox 19+ */
:-moz-placeholder           {color:rgb(182, 182, 182);}/* Firefox 18- */
:-ms-input-placeholder      {color:rgb(182, 182, 182);}
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

@-webkit-keyframes autofill {
    to {
        color: rgb(182, 182, 182);
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.rr25{
    margin-right: 45px;
}
.txtarea{
    margin-top: 30px;
    width: 100%;
}
.send-btn{
    border: 1px solid rgb(255, 51, 0);
    background-color: rgb(61, 61, 61);
    width: 155px;
    height: 38px;
    border-radius: 30px;
    margin-top: 30px;
    font-size: 14px;
    color: rgb(255, 51, 0);
}
.send-btn:focus{
    outline: none;
}
.send-btn:hover{
    background: rgb(255, 51, 0);
    color: #ffffff;
    transition: 0.4s ease;
}

.footer{
    background: #171717;
    height: auto;
    padding: 30px 0;
}
.cc{
    font-size: 18px;
    color: rgb(182, 182, 182);
    line-height: 1.2;
    text-align: left;
}