body{background:#323134;color:#fff;}

.white-text{color:#fff;}
.underline{text-decoration:underline;}
section{padding:60px 0;}
.centered{margin-left:auto;margin-right:auto;text-align:center;}
header{width:100%;position:fixed;top:0;left:0;z-index:999;padding-top:20px;background:transparent;}
.logotype-header{height:50px;margin-top:12px;}
a:hover{cursor:pointer!important;}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
.float-right{text-align:right;}
.bold{font-weight:800;}
a.header-phone{font-size:23px;color:#fff;}
.phone-description{font-size:12px;}
.uppercase{text-transform:uppercase;}

.nopadding{padding:0!important;}
h1{line-height:1.5em;margin-bottom:40px;}
section.main-hero{width:100%;height: auto!important;background-size:cover;color:#fff;}
.overlays .containers{height:100%;display:flex;justify-content:center;}

  .fullscreen-bg {
      overflow: hidden;
      z-index: 99;
      position: relative;
      height: auto!important;
      width: 100%;
  }

  .fullscreen-bg__video {
      position: absolute;
      top: 0;
    left: 0;width:100%;height:100%;object-fit:cover;
  }

  .overlays {
      position: relative;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      z-index: 4;
      padding-block:220px 100px;
  }

  @media screen and (max-width:499px){
      .overlays {
      padding-block:140px 40px;
  }
  }


.logotype-header{float:left;margin-right:20px;}
p.main-descript{font-size:13px;margin-top:20px;}
a.phone-description{color:#fff;border-bottom:1px dashed #fff;font-size:13px;}
.phone-block{margin-top:10px;}


section.main-hero h1 {
    margin-top: 0;
    font-size: 38px;
    line-height: 1.3em;
}
.rounded{border-radius:40px;}
.blue{background:#0020ff;color:#fff;border:none;}
.button{transition:0.3s;}
.blue:hover{background:#fff;color:#0020ff;}
.mains{padding:20px 50px;}
.mainsocial{margin-top:30px;font-size:16px;font-weight:bold;}
.mainsocial a{color:#fff;padding:10px;}
img.mainicons{float:left;margin-right:15px;}
.heroicons{text-align:left!important;}
.heroicons{margin-top: -5px;
    margin-bottom: 35px;padding-left:12%;}
section.pluses{background:#323134;padding-top:70px;}
section.pluses{position:relative;z-index:998;margin-top:0px;}
h3.blocktitle{font-size:32px;line-height:1.4em;}
.howwedo{border:1px solid #fff;padding:40px 30px 30px 30px;    height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;}
img.stages{float:left;padding-right:15px;margin-right:15px;}
p.howtext{text-align:left;}
.stages.fourth{margin-top:-12px;}
.stages-sml {
    position: absolute;
        margin-top: -95px;
    width: 31px;
    margin-left: 175px;
}


.line02 {
    width: 65%;
}

.line01 {
    float: left;
    margin-left: 200px;
    width: 33%;
}
.hdr{transition:0.3s;}
.hdr.scroll {
    background: #000;
    padding-top: 0px;
    z-index: 999;
    padding-bottom: 7px;
}


section.instruments{background:#323134;padding:60px 0;position:relative;margin-top:-5px;z-index:109;}
img.use{width:100%;margin-top:40px;}
.use-large{display:block;}
.use-medium{display:none;}
.use-small{display:none;}
@media screen and (max-width:991px){
  .use-large{display:none;}
  .use-medium{display:block;}
  .use-small{display:none;}
}
@media screen and (max-width:640px){
  .use-large{display:none;}
  .use-medium{display:none;}
  .use-small{display:block;}
  p.main-descript{display:none;}
}
.borderstech{border-left:1px solid #fff;}
h4.techname{font-size:28px;}
.mtops{margin-top:40px;}


section.specials{background:#2a292d;padding:60px 0;}





h3.casestitle{font-size:47px;margin-bottom:-30px;position:relative;z-index:9;}
img.caseimg {
    width: 120%;
    margin-left: -20%;
    margin-top: 20px;
}
h4.case-name{font-size:25px;line-height:1.4em;}
.casebutton{padding:15px 20px;}
.casebutton:hover{text-decoration:none;}
.whited{color:#fff;border:1px solid #fff;transition:0.3s;}
.whited:hover{background:#fff;color:#0020ff;}
.caseitem{padding:120px 0;}

.carousel-control {
    top: 45%;width:7%;}
section.cases{padding-bottom:0;}
.caseitem .col-md-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 400px;
}
.caseitem .col-md-7{display: flex;
    flex-direction: column;
    justify-content: center;
    height: 400px;}


@media screen and (max-width:991px){
    .caseitem .col-md-5,
    .caseitem .col-md-7{height:auto;display:block;}
    .caseitem{padding:80px 0;}
}




/*

label {
    width: 100%;
    height: auto;
    padding: 25px;
    font-size: 22px;
    float: none;
    text-align: center;
    transition:0.3s;
    transition: 0.3s;
    border: 1px solid #fff;
}
label:hover{border:1px solid #0020ff;cursor:pointer}
*/

input[type=radio]{opacity:0;}
input[type="radio"] + span{font-size:20px;line-height:1em;border:1px solid #fff;transition:0.3s;line-height:1.4em;margin-top:15px;}
input[type="radio"] + span:hover{border:1px solid #0020ff;}
.calcblock{margin-top:0px;}
input[type="radio"]:checked + span  	{
 border:1px solid #0020ff;color:#fff;background:#0020ff!important;
}
label {
    width: 200px;
    /* height: 90px; */
    padding: 45px 0 14px 0;
    line-height: 2em;
    font-size: 22px;
    float: none;
    text-align: center;
    transition: 0.3s;
}

input[type="radio"] + span {
    position: absolute;
    left: 0;
    top: 0;
    width: 85%;
    margin: 0 30px;
    height: 100%;
    padding: 23px;
    background-size: cover;
    cursor: pointer;
}












section.testblock{background:url(../images/bg/test.jpg);background-size:cover;background-position:center center;}
.vertline{margin:auto;text-align:center;width:1px;height:50px;background:#fff;opacity:0.3;}
.hmarg{line-height:1.5em;}
p.questionname{font-size:26px;}
section.specials{padding:80px 0 100px 0}










h4.lastname{font-size:28px;line-height:1.4em;}
p.lasttext{font-size:16px;line-height:1.7em;}



h4.specialstext{font-size:25px;}
h4.specialstext span{color:#0020ff;}
img.specialists{width:85px;float:left;margin-right:15px;margin-top:4px;    margin-bottom: 35px;}
.last-one img.specialists{margin-bottom:35px;}
.single-master{margin-top:40px;}
img.clientslogo{filter:grayscale(1);transition:0.3s;opacity:0.7;margin:8px 10px;}
img.clientslogo:hover{opacity:1;filter:grayscale(0);}
.reviewimage{width:220px;}
h4.reviewname{font-size:27px;margin-bottom:20px;margin-top:15px;}
h4.reviewname,
p.reviewtext{text-align:left;}
p.reviewtext{font-size:16px;line-height:1.9em;}

section.reviesblock{padding:80px 0 85px 0;}
section.welcome_new{background:url(../images/bg/hello2.jpg);background-size:cover;background-position:center center;
  padding:80px 0 0px 0;}
  section.welcome_new p{font-size:18px;}
    section.welcome_new h3{font-size:27px;margin-bottom:-15px;}
    section.welcome_new input{margin:auto;margin-bottom:15px;width:80%;    white-space: pre-line;}
section.welcome_new img{float:left;width:20px;margin-right:7px;margin-bottom:30px;}
section.welcome_new .mssm{margin-top:20px;}




section.welcome{background:url(../images/bg/hello.jpg);background-size:cover;background-position:center center;
  padding:170px 0 190px 0;}
section.welcome h3.blocktitle{font-size:48px;line-height:1.2em;}
.helloinput{transition:0.3s;border:1px solid #fff;background:transparent;padding:20px;min-width:420px;margin-right:10px;}
.helloinput::placeholder{color:#fff;}
.helloinput:focus,
.helloinput:active{border:1px solid #0020ff;}
form.helloform{margin-top:50px;}
.hellosubmit{padding:20px 50px;}
section.welcome p{font-size:19px;}
.mapframe{width:100%;height:90vh;border:none;-webkit-filter: brightness(1) contrast(0.7) grayscale(1) invert(1);}
.contacts-section{width:100%;height:87vh;}
.mapframe{margin-top:-90vh;margin-bottom:-5px;}
.contacts-block{margin-top:15vh;position:relative;z-index:99;background:#323134;padding:80px 200px 80px 80px;float:right;}
h4.contacts-name{font-size:26px;}
p.contacts-text{font-size:15px;line-height:1.7em;}
p.contacts-text a{color:#fff;text-decoration:underline;}






@media screen and (max-width:1300px){
  .caseitem .container{width:85%;}
}
@media screen and (max-width:1199px){
  .heroicons {
    padding-left: 7%;
}
section.pluses {
    padding-top: 70px;
}
.howwedo {
    padding: 40px 20px 30px 10px;
}
#none1199{display:none;}
img.stages {
    margin-right: -3px;
}
p.howtext {
    font-size: 13px;
}
.stages-sml {
    margin-left: 142px;
}
h3.casestitle {
    font-size: 36px;
}
h4.techname {
    font-size: 20px;
}
p.techinfo{font-size:13px;}
h4.specialstext {
    font-size: 23px;
}
img.specialists {
    width: 64px;
}
img.clientslogo {
    height: 60px;}
    p.reviewtext {
    font-size: 14px;
}
}


@media screen and (max-width:991px){
  section.main-hero h1 {
      font-size: 31px;
      line-height: 1.3em;
  }
  .heroicons {
    padding-left: 6%;
}
img.mainicons {
    margin-bottom: 30px;
}
p.mainicons{font-size:13px;}
.stages-sml,
.line01,
.line02{display:none;}
.howwedo {
    border: 1px solid #525252;
    padding: 20px 10px 10px 20px;
    margin-bottom: 10px;
}
#none1199{display:block;}
.howwedo{min-height:100px;}
img.caseimg {
    width: 100%;
    margin-left: -4%;
    margin-top: 20px;
}
section.cases,
section.cases .lefted{text-align:center;}
p.caseinfo{width:50%;margin:auto;margin-bottom:30px;}
.carousel-control {
    width: 12%;
}
h3.blocktitle {
    font-size: 27px;
    line-height: 1.4em;
}
.h4, h4 {
    font-size: 16px;
}
.vertline{display:none;}
.test-question{margin-top:40px;}
input[type="radio"] + span {
    width: 95%;
    padding: 30px;
    margin: -30px 10px;
}

    input[type="radio"] + span {
        font-size: 18px;}

        h4.lastname {
            font-size: 23px;
            line-height: 1.4em;
        }
.borderstech{border:none;margin-top:30px;}
img.clientslogo {
    height: 43px;
}
#reviews .lefted{text-align:center;}
#reviews{text-align:center!important;}
h4.reviewname{text-align:center; font-size:24px;margin-top:50px;}
  p.reviewtext{text-align:center; font-size:13px;}
section.testblock{padding:30px 0px;}
.carousel-inner.testing {
    width: 90%;
}
.row.calcblock{margin-left:0;margin-right:0;}
input[type="radio"] + span {
    width: 100%;
    padding: 30px;
    margin: auto;
}

.bots{margin-bottom:10px;}
section.welcome h3.blocktitle {
    font-size: 40px;
    line-height: 1.2em;
}
section.welcome p {
    font-size: 17px;
}
.helloinput {
    transition: 0.3s;
    border: 1px solid #fff;
    background: transparent;
    padding: 15px;
    min-width: 300px;
    margin-right: 10px;
}
.hellosubmit{padding: 15px 30px;}
}





@media screen and (max-width:767px){
  section.main-hero h1 {
      font-size: 25px;
      line-height: 1.3em;
  }
  img.mainicons {
    margin-bottom: 0;
}
.heroicons{text-align:center!important;}
.line01,
.line02,
.line03,
.stages-sml{display:none;}

h3.blocktitle {
    font-size: 23px;
    line-height: 1.4em;
    margin-bottom: 40px;
}
img.use {
    width: 100%;
    margin-top: 0;
}
h4.techname {
    font-size: 21px;
}
.borderstech{border:none;}
.mtops{margin-top:0;}
p.techinfo{margin-bottom:25px;}
img.mainicons {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
    width: auto;
    height: 55px;
}
p.mainicons{margin-bottom:25px;}
section.pluses {
    background: #323134;
    padding-top: 60px;
}
section.main-hero {
    width: 100%;
    height: 705px;
    background-size: cover;
    color: #fff;
}
p.main-descript{display:none;}
.heroicons{padding-left:0;}
.fullscreen-bg {
    height: 690px;
}


section.pluses {
    background: #323134;
    padding-top: 20px;
}

}


@media screen and (max-width:500px){
  .casebutton {
      padding: 15px 19px;
      font-size: 12px;
  }
  section.main-hero h1 {
      font-size: 21px;
      line-height: 1.3em;
  }
  .logotype-header {
    height: 44px;
    margin-top: 10px;
}
a.header-phone {
    font-size: 21px;
    color: #fff;
}
.phone-block {
    margin-top: 8px;
}
header{padding:20px 10px 0 10px;position:fixed;}
header .float-left{padding:0;}
.fullscreen-bg .col-xs-4{width:100%!important;}


h4.case-name {
    font-size: 18px;
    line-height: 1.4em;
}
section.main-hero,
.fullscreen-bg{height:600px;}
p.caseinfo {
    width: 100%;
    font-size: 13px;
    margin: auto;
    margin-bottom: 30px;
}
.carousel-control {
    width: 16%;
}
img.carouselbtn{width:30px;}
h3.blocktitle {
    font-size: 19px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
.h4, h4 {
    font-size: 15px;
}
.calcblock {
    margin-top: 5px;
}
p.questionname {
    font-size: 21px;
}
h4.reviewname {
    text-align: center;
    font-size: 20px;
    margin-top: 50px;
}
section.welcome h3.blocktitle {
    font-size: 31px;
    line-height: 1.2em;
}

.helloinput {
    transition: 0.3s;
    border: 1px solid #fff;
    background: transparent;
    padding: 15px;
    min-width: 90%;
    margin-right: 0;
    margin-bottom: 20px;
}
.contacts-block {
    margin-top: 0;
    position: relative;
    z-index: 99;
    background: #323134;
    padding: 80px 50px;
    float: left;
    width: 100%;
}
.contacts-section {
    width: 100%;
    height: auto;
}
.mapframe {
    margin-top: 0;
    margin-bottom: -5px;height:600px;
}
header.hdr {
    background: #000;position:fixed;top:0!important;
    padding-top: 0px;
    z-index: 99990;
    padding-bottom: 7px;
}

}



@media screen and (max-width:340px){
  section.main-hero h1 {
      margin-top: 150px;
      font-size: 18px;
      line-height: 1.3em;
  }
  .mains {
    padding: 15px 50px;
}
img.stages {
    width: 45px;
    margin-right: -3px;
}
.casebutton {
    padding: 15px 10px;
    font-size: 12px;
}
.h4, h4 {
    font-size: 13px;
}

}
a.phone-description{transition:0.3s;}
a.phone-description:hover{text-decoration:none;color:#0020ff;border-bottom:1px dashed #0020ff;}


.close {
    font-size: 35px;transition:0.3s;
    color: #fff;
    text-shadow: none;}
    .close:hover {cursor:pointer;
        opacity:1;
        color: #fff;}
.modal-content {
    border: none;background:#343434;
    border-radius: 0;}

    .modal-open .modal {
        z-index: 999999;
    }
h3.modal-title{font-size:31px;}
input.full-white{background:transparent;border:none;transition:0.3s;border-bottom:1px solid #fff;padding:10px;min-width:350px;margin-bottom:15px;}
input.full-white::placeholder{color:#fff;}
input.full-white:active,
input.full-white:focus{border-bottom:1px solid #0020ff}

.modal-submit{padding:12px 25px;}


@media screen and (max-width:600px){input.full-white{min-width:100%;margin-bottom:15px;}
#nonesmalls{display:none!important;}
a.phone-description{z-index:997!important;}
}

section.thanks{padding:150px 0;background:url(../images/bg/thanks.jpg);background-size:cover;}
section.thanks h1{font-size:22px;}
section.thanks h1 b{font-size:52px;line-height:1.3em;}

@media screen and (max-width:767px){section.thanks h1 b{font-size:42px;}}
@media screen and (max-width:600px){section.thanks h1{font-size:18px;} section.thanks h1 b{font-size:32px;}}
@media screen and (max-width:460px){section.thanks h1{font-size:15px;} section.thanks h1 b{font-size:26px;}}


.market_modal{padding-left:40px;padding-right:40px;}
.market_modal h3{font-size:24px;margin-bottom:25px;}
.market_modal p{text-align:left;}
.market_modal h4{font-size:24px;line-height:1.4em;font-weight:bold;}
.market_modal form{border-top:1px dashed #ccc;margin-top:35px;padding-top:25px;}
.market_single{border:1px solid #ccc;padding:30px 30px 40px 30px;transition:0.3s;}
.market_single:hover{border:1px solid #0020ff;}
.market_single:hover .market_single h3{color:#0020ff;}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 25%;
}
.nav-tabs{border:none;padding: 0;}
.nav-tabs>li>a{border-radius:0;color:#fff;font-weight:bold;transition:0.3s;border:1px solid #424146;}
.nav-tabs>li>a:hover{background:transparent;border:1px solid #fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #0020ff;
    border: 1px solid #0020ff;
    border-bottom-color: transparent;
}

.tabs_inns{text-align:left;}
.tabs_inns h3{font-size:34px;}
.tabs_inns img.ch{float:left;margin-right:10px;margin-bottom:20px;width:20px;}
.tab-pane{padding:50px;background:#3f3e42;}


@media screen and (max-width:1199px){
  section.welcome_new p {
    font-size: 16px;
}
img.specialists,
.last-one img.specialists{    margin-bottom: 75px;}
.tabs_inns img.ch{    margin-bottom: 25px;}
}


@media screen and (max-width:991px){
.howwedo{    height: auto;
    display: block;}
    .tabs_inns h3 {
    font-size: 25px;
}
.market_single{margin-bottom:15px;}
section.welcome_new .mssm {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}
section.welcome_new img {
    float: none;
    width: 20px;
    margin-right: auto;
    margin-bottom: 5px;
}
}

@media screen and (max-width:767px){
  img.specialists, .last-one img.specialists {
      margin-bottom: 0;
  }
  img.specialists{float:none;text-align:center;}
section.specials{text-align:center!important;}
}



@media screen and (max-width:500px){
  .heroicons {
    display: none;
}
      .tab-content>.tab-pane {
          display: block;
          margin-top: 20px;
          padding: 30px;
      }
      .nav-tabs{display:none;}
      .tabs_inns img.ch {
    margin-bottom: 10px;
}
section.welcome_new p {
    font-size: 14px;
}
section.welcome_new h3 {
    font-size: 23px;
    margin-bottom: -15px;
}
img.clientslogo {
    height: 32px;
}
.market_modal h3 {
    font-size: 18px;
    margin-bottom: 25px;
}
.market_modal {
    padding-left: 20px;
    padding-right: 20px;
}
.market_modal h4 {
    font-size: 18px;
    line-height: 1.4em;
    font-weight: bold;
}
}


/**/



.large_padding{padding-block:80px 100px!important;}
.quiz_subtitle{font-size:18px;line-height:1.7;margin-top:20px;}
.quiz_title{font-size:40px!important;}
.tops_lefted{text-align:left!important;padding-inline:40px;}
.border_height{min-height:215px;}

@media screen and (max-width:1199px){
   .border_height{min-height:165px;} 
}

@media screen and (max-width:991px){
   .border_height{min-height:auto;} 
   .quiz_title{font-size:25px!important;}
}


/**/