@charset "utf-8";
html, body {
  width: 100%;
  font-family: 'Rubik', 'Roboto', 'Tahoma', sans-serif;
  /*    color: #efefef;*/
  font-size: 15px;
  background-color: #2c3647;
  font-weight: 300;
}
html, body, ul, ol, li, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del, ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  text-align: left;
}
div, h1, h2, h3, h4, h5, h6 {
  box-sizing: border-box
}
.hidden {
  display: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.anti-underline, .anti-underline:hover {
  text-decoration: none !important;
  border-bottom: 0 !important;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sub {
  vertical-align: baseline;
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input, button, textarea, select {
  font-size: 100%;
}
button:focus {
  outline: none !important;
}
input:focus {
  outline: #fb9645 1px solid !important;
}
select:focus {
  outline: #fb9645 1px solid !important;
}
p {
  font-size: 1.4em;
  color: #1b2d36;
  /*	line-height: 1.1em;*/
  font-weight: 300;
  padding: 1% 2rem;
}
h1 {
  font-size: 2.5em;
  line-height: 1em;
  font-weight: normal;
}
h2 {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
  padding: 1% 2rem;
}
h2.ordhead1 {
  font-size: 2.8em;
  font-weight: 500;
  max-width: 1000px;
}
h3 {
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: 300;
  padding: 1% 2rem;
}
strong, b {
  font-weight: normal;
}
a {
  color: #efefef;
}
a:hover {
  color: #fff;
}
.no-br {
  white-space: nowrap;
}
ul, ol {
  font-size: 1.2em;
  padding: 0.5% 4vw;
}
ol li {
  list-style: outside decimal;
}
ul li:before {
  content: "—";
  position: relative;
  left: -14px;
  padding-right: 0;
  margin-left: -17px;
  text-align: left;
}
.textbox1 ul {
  font-size: 1.4em;
}
li {
  padding: 0 0 0.8% 0;
  list-style-position: outside;
}
.headbox {
  /*    height: 30vw !important;
    height: 350px;
    max-height: 400px;*/
  height: auto;
  width: 100%;
  min-width: 635px;
  min-height: 170px;
}
.lightbackbox {
  /*	background: aliceblue url('../img/bg1.svg') center;
	background-size: 200%;
	background-repeat: repeat-x;*/
  background-color: aliceblue;
}
.upper-menu-wrapper {
  background-color: rgba(224, 236, 242, 0.6);
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 1vw;
  text-align: center;
  color: #FFFFFF;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  position: fixed;
  width: 100%;
  min-width: 635px;
  z-index: 100;
  border-bottom: 1px solid rgba(224, 236, 242, 0.3);
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.topmenu, .addition-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.topmenu {
  width: 40%;
}
.addition-links {
  width: 60%;
}
.topmenu a {
  display: block;
  /*margin: 0 2%;*/
  color: #1b2d36;
  margin: 0 15px;
  text-decoration: none;
}
.addition-links a {
  display: block;
  /*margin: 0 2%;*/
  margin: 0 15px;
  text-decoration: none;
}
.upper-menu-wrapper img {
  width: 25px;
  height: auto;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 4px;
}
.maintext {
  width: 60%;
  margin: auto;
}
.one {
  font-family: 'Bitter';
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  color: #697a83;
}
.two {
  font-style: oblique;
  font-weight: bold;
  display: block;
}
.actlink {
  background-color: #0099cc;
  color: aliceblue;
  text-decoration: none;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 5px;
  margin-top: 6px;
}
.actlink:hover {
  background-color: #037ea7;
}
/*Слоган под заголовком*/
.slogan {
  font-size: 2.75rem;
  font-weight: bold;
  text-align: center;
  color: white;
  padding: 1rem;
  /*		margin-top: -2rem;*/
  /*margin-bottom: 1.5rem;*/
}
h1.sitename {
  font-size: 3.2vw;
  letter-spacing: 0.05em;
  padding: 90px 0.6em 0em;
  text-align: center;
  color: #697a83;
  text-transform: uppercase;
  font-weight: bold;
}
.marqueeleft_opt {
  width: 100%;
  /*  padding: 5px;
  background: #444;
  color: #fff;*/
  overflow: hidden;
}
.filterbox {
  text-align: center;
  padding: 1em 0 2em;
}
.filterbox div {
  display: inline-block;
  border: #D0D0D0 1px solid;
  width: 250px;
  height: 30px;
  margin: 0 1%
}
.camlistbox {
  text-align: center;
  width: 100%;
  min-width: 635px;
  padding-bottom: 5vh;
}
.camlistbox .onecam {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 250px;
  margin: 0.5%;
  padding-top: 0;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  text-align: left;
  background: #49516b center top no-repeat;
  -webkit-box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
}
.camlistbox .onecam:hover {
  background-color: #5d6681;
}
.lgosbox {
  background-color: #fff;
  height: 80px;
}
.lgosbox img {
  height: 40px;
  width: auto;
  margin: 20px 1vw;
}
.googplayclick {
  background: url('img/googleplay.png') no-repeat center rgba(240, 248, 255, 0.3);
  background-size: contain;
  /*	border: 1px solid #989e9f;*/
  border-radius: 5px;
  width: 120px;
  height: 2.4rem;
}
.appstoreclick {
  background: url('img/appstore.png') no-repeat center rgba(240, 248, 255, 0.3);
  background-size: contain;
  /*	border: 1px solid #989e9f;*/
  border-radius: 5px;
  width: 120px;
  height: 2.4rem;
}
.play {
  background: url('img/play.png') 0 20px no-repeat;
  width: 300px;
  height: 190px;
}
.camlistbox .onecam:hover .play {
  background-position: -300px 20px;
}
.camlistbox .onecam .cover {
  width: 300px;
  height: 190px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
.camlistbox .onecam h2 {
  color: #fff;
  font-size: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  padding: 3px 0;
}
.camlistbox .onecam .cny {
  font-size: 0.9em;
  padding: 8px;
  color: #b5bfe0;
  overflow: hidden;
  position: absolute;
  top: 190px;
  width: 300px;
  border-bottom: 1px solid #c5cce350;
  /*  letter-spacing: 1px;*/
}
.camlistbox .onecam .player {
  width: 300px;
  height: 250px;
}
.textbox, .textbox1, .textbox2, .textbox3, .textbox4 {
  width: 95%;
  box-sizing: border-box;
  padding: 3% 5% 4%;
  margin: 0.5% auto 0;
  color: rgba(39, 39, 39, 1.00);
}
.textbox {
  padding: 0 1% 1%;
}
.columnmerge {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -webkit-column-gap: 1vw;
  -moz-column-gap: 1vw;
  column-count: 2;
  column-gap: 1vw;
}
.textbox1 {
  background-color: aliceblue;
}
.textbox2 {
  background: url(img/icons_work.svg) #ccc left top no-repeat;
}
.textbox3 {
  background: url(img/icons_connect.svg) #ccc left top no-repeat;
}
.textbox4 {
  /*	background-color: #0d6772;*/
  color: rgba(221, 221, 221, 1.00);
  position: relative;
}
.textbox4 h3 {
  font-size: 1.2rem;
}
img.footer, img.connect, img.work {
  width: 1em;
  height: auto;
  vertical-align: middle;
  margin-top: -9px;
  margin-right: 10px;
}
.ft {
  margin: 10px 0
}
.logobox {
  position: absolute;
  right: 10%;
  bottom: 5%;
}
.logobox img {
  width: 15vw;
  height: auto;
}
/*rows and cols*/
*, ::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.inbank {
  padding: 20px;
  margin: auto;
}
.inbank .dsc {
  color: #2A549F;
  font-size: 12px;
  margin: 5px;
  padding: 5px 5px 0;
  border-top: 1px #2A549F solid;
}
.inbank .hd {
  margin: auto;
  padding: 10px;
  width: 500px;
  color: #2A549F;
  font-size: 23px;
  text-align: center;
  border: 1px #2A549F solid;
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.onebacki {
  position: relative;
  background-attachment: fixed;
  background-image: url('img/msk2.jpg');
  background-size: cover;
  background-position: center;
  height: 800px;
  width: 100%;
}
.oneback {
  padding: 275px 2vw 0;
  margin: auto;
  position: absolute;
  z-index: 20;
  width: 100%;
}
.oneback h1 {
  font-size: calc(3vw + 2rem);
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: auto;
}
.oneback h2 {
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
  max-width: 1400px;
  margin: auto;
  padding: 2rem 10vw;
}
.blockline {
  background-color: #F1F8FF;
  display: flex;
  width: 100%;
}
.blockline p {
  font-size: 1rem;
}
.blockline h3 {
  font-size: 1.3rem;
  text-transform: uppercase;
}
.blockbox {
  color: #5E6971;
  display: flex;
  flex: 1 1 70%;
  flex-wrap: wrap;
  padding: 2vw 5vw 5vw 0;
}
.blockbox > div {
  flex: 1 1 50%;
  padding: 2vw 0 0 5vw;
}
.blockbox > div h3 {
  padding: 10px 10px 10px 50px;
  background-size: 40px;
  background-position: left top;
  background-repeat: no-repeat;
}
.blockbox > div p {
  padding-left: 50px;
}
.abbox {
  background-color: #E5F2F7;
  color: #5E6971;
  flex: 1 1 30%;
  padding: 4vw 5vw;
}
.actlink {
  padding: 10px 25px;
  border-radius: 25px;
  font-size: 1.2rem;
  font-weight: 400;
  transition: .2s !important;
}
.stroke {
  background-color: #E5F2F750;
  border: 2px solid #21adc2;
}
.bbx {
  text-align: center;
  padding: 1vh 0;
}
.parallax_pos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*Panorama aero*/
.shadback {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 130;
  background-color: rgba(50, 60, 70, 0.9)
}
.wboxaero {
  width: 60%;
  min-width: 860px;
  max-width: 1100px;
  /*    height: 90%;*/
/*  min-height: 680px;*/
  border-radius: 15px;
  background-color: #1d2531;
  margin: auto;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 18px -1px rgba(9, 28, 43, 0.78);
  -moz-box-shadow: 0px 5px 18px -1px rgba(9, 28, 43, 0.78);
  box-shadow: 0px 5px 18px -1px rgba(9, 28, 43, 0.78);
  position: relative;
}
.wboxaero a.actlink {
  padding: 10px 30px;
  margin: 0 10px;
}
.aercam {
  width: 100%;
  padding: 50px 50px 0 50px;
  position: relative;
}
.aercam h1 {
  text-align: center;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  letter-spacing: 10px;
  padding-bottom: 1rem;
  line-height: 40px;
}
.aercam h1 span {
  display: block;
  font-size: 20px;
  letter-spacing: 2px
}
.textaero {
  float: right;
  max-width: 590px;
}
.at1 {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
}
.at2 {
  background-color: rgba(89, 138, 152, 0.9);
  padding: 10px 5px 10px 50px;
  background-image: url('img/HIGH.svg');
  background-position: 1rem 1rem;
  background-repeat: no-repeat;
  background-size: 50px;
  min-height: 75px;
}
.aercam p {
  color: #fff;
  font-size: 0.9rem;
}
.aercam h3 {
  color: #093447;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 1rem 2rem 0.5rem;
}
.aercam ul {
  color: #093447;
  font-size: 1.2rem;
  padding: 0.5% 2rem 0.5% 4rem;
}
.aercam ul li {
  padding: 0 0 0.5% 0;
}
.bblock {
  text-align: center;
  position: relative;
  background-color: #1d2531;
  padding-bottom: 4vh;
}
.bblock p {
  text-align: center;
  color: #598a98;
  font-size: 1.2rem;
  max-width: 800px;
  margin: auto;
  padding: 10px 2rem;
}
.bcontact {
  display: flex;
  color: #fff;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 18px;
}
.bcontact div {
  padding: 1vw 0;
}
.bcontact div a {
  padding: 10px;
  text-decoration: none;
}
.primlink {
  text-transform: uppercase;
}
.primlink .tt {
  display: inline-block;
  line-height: 20px;
  padding: 8px 12px;
  margin: 5px 0;
}
.primlink a {
  padding-left: 30px;
  display: inline-block;
  line-height: 20px;
  vertical-align: bottom;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 30px;
  border: 1px dashed #598a98;
  margin: 5px 10px;
}
.primlink a:hover {
  background-color: rgba(89, 138, 152, 0.3);
  transition: .2s;
}
.primlink a img {
  opacity: 0.6;
  width: 17px;
  height: 17px;
  margin-bottom: -2px;
  margin-right: 3px;
}
@keyframes qimg {
  from {
    -webkit-transform: translateY(0) rotate(2deg);
    -moz-transform: translateY(0) rotate(2deg);
    -ms-transform: translateY(0) rotate(2deg);
    -o-transform: translateY(0) rotate(2deg);
    transform: translateY(0) rotate(2deg);
  }
  30% {
    -webkit-transform: translateY(-5px) rotate(0deg);
    -moz-transform: translateY(-5px) rotate(0deg);
    -ms-transform: translateY(-5px) rotate(0deg);
    -o-transform: translateY(-5px) rotate(0deg);
    transform: translateY(-5px) rotate(0deg);
  }
  70% {
    -webkit-transform: translateY(10px) scale(1.04) rotate(-2deg);
    -moz-transform: translateY(10px) scale(1.04) rotate(-2deg);
    -ms-transform: translateY(10px) scale(1.04) rotate(-2deg);
    -o-transform: translateY(10px) scale(1.04) rotate(-2deg);
    transform: translateY(10px) scale(1.04) rotate(-2deg);
  }
  to {
    -webkit-transform: translateY(0) rotate(2deg);
    -moz-transform: translateY(0) rotate(2deg);
    -ms-transform: translateY(0) rotate(2deg);
    -o-transform: translateY(0) rotate(2deg);
    transform: translateY(0) rotate(2deg);
  }
}
.qimg {
  animation: qimg 6s ease infinite;
  width: 180px;
  height: 68px;
  text-align: center;
}
.quadro {
  width: 180px;
  position: absolute;
  right: 40px;
  top: 100px;
  z-index: 22;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.quadro .qimg img {
  margin: auto;
  transition: .3s;
}
.quadro:hover .qimg img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: .3s;
}
.qtxt {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center
}
.qtxt span {
  font-size: 18px;
  background-color: rgba(234, 79, 81, 1.00);
  padding: 1px;
  display: block;
  margin: 3px 0
}
.qtxt span img {
  width: 20px;
  height: 20px;
  margin: 0 2px -3px -3px
}
@keyframes panscroll {
  from {
    -webkit-transform: translateX(0) perspective(400px) rotateY(10deg);
    -moz-transform: translateX(0) perspective(400px) rotateY(10deg);
    -ms-transform: translateX(0) perspective(400px) rotateY(10deg);
    -o-transform: translateX(0) perspective(400px) rotateY(10deg);
    transform: translateX(0) perspective(400px) rotateY(10deg);
  }
  50% {
    -webkit-transform: translateX(300px) perspective(400px) rotateY(-10deg);
    -moz-transform: translateX(300px) perspective(400px) rotateY(-10deg);
    -ms-transform: translateX(300px) perspective(400px) rotateY(-10deg);
    -o-transform: translateX(300px) perspective(400px) rotateY(-10deg);
    transform: translateX(300px) perspective(400px) rotateY(-10deg);
  }
  to {
    -webkit-transform: translateX(0) perspective(400px) rotateY(10deg);
    -moz-transform: translateX(0) perspective(400px) rotateY(10deg);
    -ms-transform: translateX(0) perspective(400px) rotateY(10deg);
    -o-transform: translateX(0) perspective(400px) rotateY(10deg);
    transform: translateX(0) perspective(400px) rotateY(10deg);
  }
}
.panscroll {
  animation: panscroll 40s ease infinite;
  background-image: url('img/aeropano.jpg');
  background-position: center center;
  background-size: cover;
  height: 700px;
  width: 3000px;
  position: absolute;
  right: -700px;
  top: -130px;
  z-index: 0;
}
.pancrop {
  width: 100%;
  overflow: hidden;
  position: absolute;
  height: 430px;
}
.xclose {
  width: 60%;
  min-width: 700px;
  max-width: 1180px;
  position: relative;
  margin: 5vh auto 0;
  height: 40px;
}
.xclose a {
  display: block;
  background: url(img/icon_close_w.png) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-right: -60px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
/*Panorama aero finish*/
/*Yrmarka Nedvizh start*/
.yanbox {position: absolute; z-index: 50; bottom:0; right: 0; width: 800px; max-width: 90vw; display: none }
.yatext {padding: 2vw; background-color: #fff; box-shadow: 0 0 35px #00000050}
.yatext a {color: #000;}
.yan {display:block; cursor: pointer}
/*Yrmarka Nedvizh finish*/

@media screen and (max-width: 950px) {
  .wboxaero {
    width: 90%;
    min-width: inherit;
  }
  .xclose {
    width: 90%;
    min-width: inherit;
  }
  .xclose a {
    margin-right: 0;
  }
  .aercam {
    width: 100%;
    padding: 50px 10px 0;
  }
  .textaero {
    float: none;
    max-width: none;
  }
  .aercam h1 {
    font-size: calc(3vw + 2rem);
  }
  .aercam h1 span {
    font-size: calc(1vw + 0.7rem);
  }
  .bcontact div {
    flex: 1 1 100%;
  }
}
@media screen and (min-width: 1400px) {
  .v1400 {
    display: block;
  }
}
@media screen and (max-width: 1250px) {
  .actlink.v1250 {
    display: none;
  }
  .onebacki {
    background-attachment: inherit;
  }
}
@media screen and (max-width: 1100px) {
  .columnmerge {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .maintext {
    width: 100%;
  }
  .one {
    font-size: 20px;
    line-height: 26px;
  }
  .topmenu, .addition-links {
    vertical-align: top;
  }
  .topmenu a, .addition-links a {
    margin: 0 2%;
  }
  .topmenu img {
    width: 25px;
    height: auto;
  }
  h2.ordhead1 {
    font-size: 2em;
    text-align: center;
    padding: 3% 2vw;
  }
  .textbox4 {
    text-align: center;
  }
  .textbox4 h3 {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
  }
  .textbox4 span.phone, .textbox4 span.email {
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    padding: 0.2em 0;
  }
  ul, ol {
    padding: 0.5% 2em;
  }
  img.footer, img.connect, img.work {
    width: 1.5em;
    margin-top: -0.3em;
  }
  .logobox {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
  }
  .logobox img {
    width: 30%;
    height: auto;
    margin: 2em;
  }
  .camlistbox .onecam .cover {
    height: 180px;
  }
  .camlistbox .onecam .cny {
    font-size: 1.1em;
    top: 180px;
  }
}
@media (max-width: 950px) {
  .topmenu {
    width: 100%;
  }
  .addition-links {
    width: 100%;
    margin-top: 2%;
  }
  .textbox, .textbox1, .textbox2, .textbox3, .textbox4 {
    padding: 2% 5% 4%;
  }
  .textbox_widget .widget-unit.large {
    width: 60%;
  }
  .textbox_widget .widget-unit {
    width: 40%;
    margin-bottom: 2rem;
    margin-right: 1rem;
  }
  .textbox_widget .widget-content {
    width: 68%;
  }
  .textbox_widget .app-icon {
    width: 25%;
  }
  .slogan {
    font-size: 1.75rem;
  }
  h1.sitename {
    padding: 3em 0.6em 0;
    font-size: 2.8em;
  }
  .central-teaser {
    margin-bottom: 1rem;
  }
  .blockline {
    flex-wrap: wrap;
  }
  .blockbox, .abbox {
    flex: 1 1 100%;
  }
}
@media (min-width: 768px) {
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 635px) {
  .topmenu a {
    margin: 0 5%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
/*форма обратного звонка*/
.callback-wrapper {
  display: none;
}
#callback_content {
  padding: 20px;
}
#callback_content h2 {
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
}
form fieldset {
  margin-bottom: .5rem;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 0px;
  border: 0;
}
.radiogroup {
  padding-top: -webkit-calc(0.65625rem + 1px);
  padding-top: calc(0.65625rem + 1px);
  padding-bottom: -webkit-calc(0.65625rem + 1px);
  padding-bottom: calc(0.65625rem + 1px);
}
.col-form-label {
  padding-top: -webkit-calc(0.65625rem + 1px);
  padding-top: calc(0.65625rem + 1px);
  /*    padding-bottom: -webkit-calc(0.65625rem + 1px);
    padding-bottom: calc(0.65625rem + 1px);
    */ margin-bottom: 0;
  font-size: inherit;
  line-height: 1.35;
  text-align: right;
}
#inputQuant {
  max-width: 130px;
}
.form-group {
  margin-bottom: 20px;
}
.form-check-label {
  margin-right: 1rem;
}
.invalid-callback {
  font-size: 80%;
  color: red;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.65625rem 1rem;
  font-size: 1rem;
  line-height: 1.35;
  color: #495057;
  box-sizing: border-box;
  background-color: rgba(25, 12, 12, 0.05);
  background-clip: padding-box;
  border: none;
  border-radius: 0.5rem;
}
/*.btn-md {*/
/*padding: 0.65625rem 2rem;*/
/*font-size: 1rem;*/
/*line-height: 1.35;*/
/*-webkit-border-radius: 0.5rem;*/
/*border-radius: 0.5rem;*/
/*}*/
.btn {
  display: inline-block;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.35;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn:hover {
  background-color: #00a1d0;
}
#callback_content .btn {
  background-color: #0099cc;
  color: white;
  cursor: pointer;
}
#callback_content .btn:hover {
  background-color: #037ea7;
}
.callBackModal-success {
  text-align: center;
  padding-top: 50px;
}
/*Псевдо-камеры*/
.pseudo-cam {}
.pseudo-cam .no-cam-text {
  opacity: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 5rem 2rem;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  transition: .1s;
  z-index: 20;
}
.pseudo-cam:hover .play {
  opacity: 0;
  transition: .1s;
}
.pseudo-cam:hover .no-cam-text {
  opacity: 1;
}
/*Кнопка Сколько стоит*/
.cost-btn {
  padding: .5rem 1.5rem .5rem 1.5rem;
  /*font-size: 1.5rem;*/
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  transition: .2s !important;
  margin: 0 1rem;
  background-color: #21adc2;
}
.cost-btn:hover {
  /*    	background-color: #ffdca5 !important;*/
  background-color: #1b8fa0;
}
.appstoreclick:hover {
  background-color: rgba(240, 248, 255, 1);
}
.googplayclick:hover {
  background-color: rgba(240, 248, 255, 1);
}
.small {
  font-size: 80%;
}
.cost-btn-wrapper {
  text-align: center;
  font-size: 1.5rem;
}
.cost-btn-wrapper p {
  line-height: 2em;
}
.central-teaser {
  margin-bottom: 4rem;
}
.linkpersonal {
  margin-top: 22px;
  position: absolute;
  display: block;
  color: #999;
  font-size: 12px;
}
.linkpersonal:hover {
  color: #000;
}
.col-sm-4 {
  padding-right: 0;
}
.invalid-callback {
  position: absolute;
}
/*Виджет Мобильных Приложений*/
.textbox_widget {
  background-color: #cccccc;
  width: 95%;
  box-sizing: border-box;
  padding: 2% 2% 4%;
  margin: 0.5% auto 0;
  color: rgba(39, 39, 39, 1.00);
}
.textbox_widget h3 {
  margin-bottom: 1rem;
}
.textbox_widget .widget-unit {
  display: inline-block;
  min-height: 10px;
  /*margin-right: 10px;*/
  width: 22%;
  vertical-align: top;
}
.textbox_widget .widget-unit.large {
  font-size: 1.5rem;
  width: 30%;
}
.textbox_widget .widget-unit:last-child {
  margin-right: 0;
}
.textbox_widget .stores-icon {
  margin-top: 5px;
}
.textbox_widget .app-icon {
  /*width: 130px;*/
  /*height: 130px;*/
  /*background-size: contain;*/
  display: inline-block;
  vertical-align: top;
}
.textbox_widget .app-icon {
  width: 20%;
}
.textbox_widget .wrapper {
  padding: 0 2vw;
}
.textbox_widget .app-icon img {
  width: 100%;
}
.textbox_widget .widget-content {
  vertical-align: top;
  display: inline-block;
  margin-left: 8px;
  width: 70%;
}
.textbox_widget .stores-icon a {
  display: inline-block;
  background-size: contain;
}
.textbox_widget .stores-icon a:hover {
  opacity: .5;
}
.textbox_widget .stores-icon a.appstore {
  width: 47%;
  height: 30px;
  background-image: url("img/appstore-icon.png");
  background-repeat: no-repeat;
}
.textbox_widget .stores-icon a.googleplay {
  background-repeat: no-repeat;
  background-image: url("img/googleplay-icon.png");
  width: 46%;
  height: 30px;
}
.textbox_widget .large .stores-icon a.appstore {
  width: 47%;
  height: 43px;
}
.textbox_widget .large .stores-icon a.googleplay {
  width: 46%;
  height: 43px;
}