/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'ProximaNovaBlack';
  src: url('../fonts/Proxima Nova Black.eot');
  src: url('../fonts/Proxima Nova Black.eot?#iefix') format("embedded-opentype"), url('../fonts/Proxima Nova Black.woff') format("woff"), url('../fonts/Proxima Nova Black.ttf') format("truetype"),
  url('../fonts/Proxima Nova Black.svg#Proxima Nova Black') format("svg");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: 'ProximaNovaBold';
  src: url('../fonts/Proxima Nova Bold.eot');
  src: url('../fonts/Proxima Nova Bold.eot?#iefix') format("embedded-opentype"), url('../fonts/Proxima Nova Bold.woff') format("woff"), url('../fonts/Proxima Nova Bold.ttf') format("truetype"),
  url('../fonts/Proxima Nova Bold.svg#Proxima Nova Bold') format("svg");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: 'ProximaNovaExtraBold';
  src: url('../fonts/Proxima Nova Extrabold.eot');
  src: url('../fonts/Proxima Nova Extrabold.eot?#iefix') format("embedded-opentype"), url('../fonts/Proxima Nova Extrabold.woff') format("woff"), url('../fonts/Proxima Nova Extrabold.ttf') format("truetype"),
  url('../fonts/Proxima Nova Extrabold.svg#Proxima Nova Extrabold') format("svg");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/Proxima Nova Regular.eot');
  src: url('../fonts/Proxima Nova Regular.eot?#iefix') format("embedded-opentype"), url('../fonts/Proxima Nova Regular.woff') format("woff"), url('../fonts/Proxima Nova Regular.ttf') format("truetype"),
  url('../fonts/Proxima Nova Regular.svg#Proxima Nova Regular') format("svg");
  font-style: normal;
  font-weight: 400
}

html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

  body
  {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

a {
  color: #3366cc;
}

a:hover,
a:focus {
  color: #b7bfd4;
  text-decoration: none;
}

a:focus,
a:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
  outline: none;
}

.container {
  max-width: 1170px;
  width: 100%;
}

.btn-main {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
  border-radius: 4px;
  color: #000;
  text-shadow: 0 1px 0 #bfbfbf;
  border: none;
  border-bottom: 3px solid #7b4b00;

  background-image: -webkit-linear-gradient(top, #ffcd26, #fa9c03);
  background-image: -moz-linear-gradient(top, #ffcd26, #fa9c03);
  background-image: -o-linear-gradient(top, #ffcd26, #fa9c03);
  background-image: -ms-linear-gradient(top, #ffcd26, #fa9c03);
  background-image: linear-gradient(to bottom, #ffcd26, #fa9c03);
}

.btn-main:hover {
  color: #000;
  text-shadow: 0 1px 0 #bfbfbf;
  border-bottom: 3px solid #660000;

  background-image: -webkit-linear-gradient(top, #fa9c03, #ffcd26);
  background-image: -moz-linear-gradient(top, #fa9c03, #ffcd26);
  background-image: -o-linear-gradient(top, #fa9c03, #ffcd26);
  background-image: -ms-linear-gradient(top, #fa9c03, #ffcd26);
  background-image: linear-gradient(to bottom, #fa9c03, #ffcd26);
}

.btn-main:active {
  color: #000;
  text-shadow: 0 1px 0 #bfbfbf;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  box-shadow: 0 2px 3px 0 #444 inset;

  background-image: -webkit-linear-gradient(top, #d58403, #e98f03);
  background-image: -moz-linear-gradient(top, #d58403, #e98f03);
  background-image: -o-linear-gradient(top, #d58403, #e98f03);
  background-image: -ms-linear-gradient(top, #d58403, #e98f03);
  background-image: linear-gradient(to bottom, #d58403, #e98f03);
}

.btn-sm {
  font-size: 13px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.btn-md {
  padding: 10px 15px;
  font-size: 14px;
  text-transform: uppercase;
}

.btn-lg {
  text-transform: uppercase;
  font-size: 20px;
}
footer {
  background: #233c4f;
  min-height: 140px;
  padding-top: 35px
}

.footer-content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  max-width: 700px
}

.footer-item {
  font: 16px/32.8px ProximaNovaBold, sans-serif;
  color: #fff;
  display: inline-block;
  text-align: left
}

.footer-item.name:after,
.footer-item.phone:after {
  background: #3a5870;
  content: '';
  width: 1px;
  height: 87px;
  display: block;
  position: absolute;
  right: -28px;
  top: -12px
}

.footer-item.phone {
  font-size: 22px;
  position: relative
}

.footer-item.phone a {
  color: #fff
}

.footer-item.phone a:hover {
  color: #7cb7e6;
  text-decoration: none
}

.footer-item.copy small,
.footer-item.phone span {
  font-family: ProximaNovaRegular, sans-serif
}
h1 {
  font-size: 80px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: #135faa;
  display: inline-block;
}

h1 small {
  font-size: 40px;
  display: block;
  margin-bottom: 5px;
  text-transform: none;
  color: #323c46;
}

h2 {
  font-size: 42px;
  margin: 0 0 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

h3 {
  font-size: 22px;
  margin: 0 0 20px;

  font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

h4 {
  font-size: 35px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: "ProximaNova-Bold", sans-serif;
  color: inherit;
}

h4 small {
  display: block;
  font-size: 30px;
  text-transform: none;
  margin-bottom: 10px;
  color: inherit;
}

.lead {
  font-size: 22px;
  margin-bottom: 35px;
  font-family: 'Roboto', sans-serif;
    font-weight: 300
}

.lead2 {
  font-size: 18px;
}

.row-padding-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-padding-10 > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row-padding-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.row-padding-30 > div {
  padding-left: 30px;
  padding-right: 30px;
}

.row-padding-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.row-padding-50 > div {
  padding-left: 50px;
  padding-right: 50px;
}

.img_fix{
  width: 25px;
}

.navbar {
  background: #fff;
  min-height: 92px;
  padding-top: 17px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

@media only screen and (max-width: 493.5px) {
  .navbar-header {
    float: left;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 1200px) {
  .navbar-toggle {
    display: block;
  }
}

.navbar-toggle {
  background: #135faa;
  margin-top: 13px;
}

.navbar-toggle span {
    background: #fff;
}

.navbar-header {
  display: inline-block;
}

@media only screen and (max-width: 493.5px) {
  .navbar .call {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 493.5px) {
  .navbar, .navbar .call {
      text-align: center;
  }
}

@media only screen and (max-width: 493.5px) {
  .call {
      float: none;
  }
}

.call {
  font-size: 22px;
}

.call, .call span {
  display: inline-block;
}

.call span {
    vertical-align: middle;
}

.call span, .nav li, body {
    position: relative;
}

@media only screen and (max-width: 493.5px) {
  .navbar .call span:before {
    left: -7px;
    top: 5px;
  }
}

.call span:before {
  content: url(../images/phone-small.png);
  position: absolute;
  left: -25px;
  top: 5px;
}

.call span a {
  color: #000;
    transition: .2s all ease;
    outline: 0 !important;
    cursor: pointer !important;
}

.call small, .blue {
    font-size: 15px;
}

.smooth-scroll {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
}

.nav>li>a:focus, .nav>li>a:hover {
  color: #666;
  background: none;
  text-decoration: none;
}

#call-form .modal-dialog {
  max-width: 450px;
  text-align: center
}

#call-form .modal-dialog .modal-header {
  font: 20px "ProximaNovaBold", sans-serif
}

#call-form .modal-dialog .control-label {
  font-family: "ProximaNovaRegular", sans-serif;
  text-align: left;
  padding-right: 0
}

.blue {
  text-transform: uppercase;
  font-family: "ProximaNovaBold", sans-serif;
  border-bottom: 4px solid #5e9ed2;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  width: 245px;
  height: 63px;
  padding: 20px 5px
}

.blue:active {
  font-size: 15px;
  -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2);
  box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .2), 1px 1px 5px rgba(0, 0, 0, .2)
}

.blue {
  font-size: 15px
}

.call button, .blue {
  background: #80b9e7;
  vertical-align: middle;
}

button {
  color: #fff;
  border-radius: 2px;
}

a, button {
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
  outline: 0 !important;
  cursor: pointer !important;
}

#count-form .form p>span {
  font-family: "ProximaNovaExtrabold", sans-serif
}

#count-form .modal-dialog {
  max-width: 600px;
  margin: 40px auto
}

#count-form .modal-header {
  font: 20px "ProximaNovaBold", sans-serif;
  text-align: center
}

#count-form .modal-body {
  text-align: center;
  padding: 0px 30px 0px
}

#count-form .modal-body .control-label {
  font-family: "ProximaNovaRegular", sans-serif;
  text-align: left;
  padding-right: 0;
  padding-left: 0
}

#count-form .form p {
  font-size: 18px
}

#count-form .form-group {
  font-size: 16px
}

#count-form .form-radio {
  margin-bottom: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  /*display: inline-flex;*/
  font-size: 0
}

#count-form .form-radio-item {
  width: 25%;
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  vertical-align: top;
  position: relative
}

@media screen and (max-width: 767px) {
  #count-form .form-radio-item {
    font-size: 11px;
  }

  .form-radio-item figcaption {
    padding: 5px 0;
  }
}

#count-form .form-radio-item input {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto
}

#thx button.blue {
  font-family: "ProximaNovaExtrabold", sans-serif
}

#thx {
  font-family: "ProximaNovaRegular", sans-serif;
  text-align: center;
  font-size: 18px;
}

#thx .modal-dialog {
  max-width: 360px
}

#thx b {
  font-family: "ProximaNovaRegular", sans-serif;
  font-weight: bolder;
  display: inline-block;
  font-size: 22px;
  margin: 10px 0
}

#thx p {
  margin-bottom: 25px
}

b {
  font-family: "ProximaNovaBold", sans-serif;
  font-weight: normal;
}

.list-relative > li {
  position: relative;
	/*opacity: .9;*/
}

body {
  font-family: 'GothamPro', sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.container,
.section,
.item {
  position: relative;
}

.section-xs {
  padding-top: 35px;
}

.section-sm {
  padding-top: 50px;
}

.section-sm-inverse {
  margin-bottom: 50px;
}

.section-lg-inverse {
  margin-bottom: 80px;
}

.section-outset-xs {
  padding-top: 25px;
  padding-bottom: 25px;
}

.section-outset-sm {
  padding-top: 40px;
  padding-bottom: 80px;
}

.section-outset-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-offset-xs {
  padding-bottom: 40px;
}

.section-offset-md {
  margin-top: 60px;
  margin-bottom: 60px;
}

.title {
  display: block;
}

.img-box .retina {
  display: none;
}

.img-box .lcd {
  display: block;
}

.logo {
  float: left;
}

.logo img {
  max-height: 40px;
  margin: 4px 15px 0 0;
}

.logo-text {
  font-family: 'Roboto', sans-serif;
  float: left;
  line-height: 18px;
  margin-top: 7px;
}

.header {
  background: url("../images/bg-header.png") no-repeat center;
  width: 100%;
  height: auto;
      min-height: 817px;
  position: relative;
  z-index: 104;
      background-size: cover;
}

.top-line {
  margin-top: 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .top-line {
    display: none;
  }

  h1 {
    margin-top: 150px;
  }
}

@media screen and (min-width: 767px) {
  .navbar {
    display: none;
  }
}

.top-line .phone-box {
  position: fixed;
  padding: 12px 20px;
  border-radius: 50px;
  background: rgba(255, 255, 255, .6);
  z-index: 200;
  width: 450px;
}

.top-line .bg-phone {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.phone-box .tel {
  font-size: 30px;
  line-height: 36px;
  margin-right: 10px;
  color: inherit;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
}

.link-blue {
  display: inline-block;
  color: #00ffff;
  border-bottom: 1px dashed;
}

.link-blue:hover {
  color: inherit;
  border-color: inherit;
}

.top-line .phone-box .btn {
  vertical-align: top;
  position: relative;
  top: 3px;
}

.h1-block {
  display: block;
  margin-bottom: 35px;
  margin-top: -5px;
}

.h1-block .h1-text {
  font-size: 21px;
  color: #323c46;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  position: relative;
  top: -9px;
}

.price-box {
  height: 87px;
  margin-bottom: 35px;
}

.price-box .text {
  display: block;
  font-size: 18px;
  line-height: 23px;
}

.price-box .right-box,
.price-box .left-box {
  border: 2px solid rgba(91, 169, 234, .9);
  float: left;
  padding: 5px 10px;
  position: relative;
}

.price-box .left-box {
  border-right: none;
}

.price-box .left-box:after {
  content: "";
  display: block;
  width: 10px;
  height: 92px;
  position: absolute;
  right: -5px;
  top: -2px;
  border-top: 2px solid rgba(91, 169, 234, .9);
  border-right: 2px solid rgba(91, 169, 234, .9);

  -webkit-transform: skew(-6deg);
  -moz-transform: skew(-6deg);
  -ms-transform: skew(-6deg);
  -o-transform: skew(-6deg);
  transform: skew(-6deg);
}

.price-box .right-box {
  border-left: none;
}

.price-box .right-box:before {
  content: "";
  display: block;
  width: 10px;
  height: 87px;
  position: absolute;
  left: -5px;
  top: -2px;
  border-bottom: 2px solid rgba(91, 169, 234, .9);
  border-left: 2px solid rgba(91, 169, 234, .9);

  -webkit-transform: skew(-6deg);
  -moz-transform: skew(-6deg);
  -ms-transform: skew(-6deg);
  -o-transform: skew(-6deg);
  transform: skew(-6deg);
}

.price-box > span {
  float: left;
  font-size: 18px;
  font-family: "ProximaNova-Bold", sans-serif;
  margin: 0 20px;
  position: relative;
  top: 32px;
  color: #434c55;
}

.price-box .money {
  font-size: 35px;
  font-family: "ProximaNova-Bold", sans-serif;
  color: #323c46;
}

.price-box .money span {
  font-size: 22px;
}

.order-box .tel {
  display: inline-block;
 font-family: 'Roboto', sans-serif;
  font-size: 24px;
  margin-top: 10px;
  color: #323c46;
}

.order-box .tel:hover {
  color: #323c46;
}

.section-bg-offset {

  padding-top: 100px;
}

.box-garant .item {
  padding: 30px 30px 15px;
  background: #f0f0f0;
  box-shadow: 0 0 12px 0 #ccc;
  min-height: 300px;
      font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.box-garant .item-1 {
  margin-top: -85px;
}

.box-garant .item-1 svg {
	width: 120px;
	height: 120px;
}
.box-garant .item-2 svg {
	width: 120px;
	height: 120px;
}
.box-garant .item-3 svg {
	width: 120px;
	height: 120px;
}

.box-garant .item-2 {
  margin-top: -30px;
}

.box-garant .item-3 {
  margin-top: 25px;
}

.command {
  position: relative;
}

.command .comment {
  padding: 10px 20px 10px;
  max-width: 300px;
  position: relative;
  color: #fff;
  background: rgba(39, 39, 39, .8);
  border: 2px solid rgba(91, 169, 234, .9);
}

.command .comment .title {
  font-family: "ProximaNova-Bold", sans-serif;
}

.comment p {
  line-height: 21px;
}

.ico-material img {
  max-height: 244px;
}

.section-white {
  background: #fff;
}

.section-background-video {
  padding: 160px 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  min-height: 510px;
  position: relative;
}

.section-background-video .video-bg {
  background-size: cover !important;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.video-bg-overlay {
  background: rgba(31, 37, 43, .7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}

.section-background-video .item {
  background: rgba(31, 37, 43, .8);
  z-index: 103;
  padding: 55px 10px 10px 10px;
  min-height: 190px;
  text-align: center;
}

.section-background-video .item:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 2px solid #c2c2c2;
}

.section-background-video .item .top-pointer {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 14px solid #c2c2c2;
}

.section-background-video .item .bottom-pointer {
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 14px solid #c2c2c2;
}

.section-background-video .item .title {
  color: #5ba9ea;
}

.section-background-video .item .info {
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  color: #fff;
}

.section-background-video .item .info span {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

.box-service .item {
  padding: 40px 20px 15px;
  min-height: 376px;
  background: #fff;
  border-top: 1px solid #5ba9ea;
  box-shadow: 0 0 12px 0 #ccc;
}

.section-bg-triagle {
  margin-bottom: 132px;
}

.box-price > .title {
  font-size: 30px;
  font-family: "ProximaNova-Bold", sans-serif;
}

.box-price .price {
  display: block;
  font-size: 93px;
  font-family: "ProximaNova-Bold", sans-serif;
  color: #2f7cc7;
}

.box-price .price .fa-rub {
  font-size: 88px;
}

.fa-rub {
  font-size: 88%;
}

.box-price .price sup {
  font-size: 60px;
}

.box-price .phone-box {
  margin-top: 25px;
  padding-top: 20px;
  max-width: 300px;
  border-top: 1.5px dashed #999;
}

.section-skew {
  -webkit-transform: skewy(-10deg);
  -moz-transform: skewy(-10deg);
  -ms-transform: skewy(-10deg);
  -o-transform: skewy(-10deg);
  transform: skewy(-10deg);
  overflow: hidden;
}

.section-skew > .container {
  -webkit-transform: skewy(10deg);
  -moz-transform: skewy(10deg);
  -ms-transform: skewy(10deg);
  -o-transform: skewy(10deg);
  transform: skewy(10deg);
}

.title-img {
      position: relative;
    left: 45px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 30px;
}

.img-phone {
  position: absolute;
  left: 0;
}

.list-advantage {
  margin-top: 40px;
}

.list-advantage li {
  position: relative;
  line-height: 22px;
}

.list-advantage li + li {
  margin-top: 45px;
}

.list-advantage li:nth-child(1) {
  font-size: 22px;
}

.list-advantage .num {
  position: absolute;
  left: -75px;
  top: 22px;
  font-size: 36px;
  text-align: center;
  display: block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding-top: 3px;
  color: #fff;
}

.list-advantage .num:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: -8px;
  z-index: -1;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);

  background-image: -webkit-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -moz-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -o-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -ms-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: linear-gradient(to bottom, #5ba9ea, #2f7cc7);
}

.box-work .item:after {
  content: "";
  width: 27px;
  height: 27px;
  display: block;
  border-top: 9px solid #323c46;
  border-right: 9px solid #323c46;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);

  position: absolute;
  top: 91px;
  right: -10%;
}

.box-work .last:after {
  display: none;
}

.ico-work img {
  max-height: 208px;
  margin-bottom: 20px;
}

.box-gallery {
  padding: 25px 0 10px;
}

.box-gallery .item {
  margin-bottom: 15px;
}

.box-gallery .item a {
  display: block;
  position: relative;
}

.box-gallery .item .content {
  padding: 25px 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 102;
}

.box-gallery .item a:after {
  content: "";
  background: rgba(50, 60, 70, .9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 100;
  display: block;
  opacity: 0;
}

.box-gallery .item a:before {
  content: "";
  border: 1px solid #5393c9;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 101;
  display: block;
  opacity: 0;
}

.box-gallery .item:hover a:before,
.box-gallery .item:hover a:after {
  opacity: 1;
}

.box-gallery .item .active:before,
.box-gallery .item .active:after {
  opacity: 1;
}

.box-gallery .item:hover .active:before,
.box-gallery .item:hover .active:after,
.box-gallery .item:hover .content {
  opacity: 0;
}

.box-gallery .item a h3 {
  margin-bottom: 15px;
  line-height: 30px;
}

.box-gallery .item a .price {
  display: block;
  font-size: 18px;
  margin-top: 15px;
  font-family: "ProximaNova-Bold", sans-serif;
}

.box-gallery a .fa-search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 103;
  opacity: 0;
}

.box-gallery a:hover .fa-search {
  opacity: 1;
}

.box-gallery img{
  width: 100%;
}

.bg-form {
  padding: 60px 40px;
  color: #fff;
}

.bg-form .box-info {
  background: #57a5e7;
  padding: 6px 0 6px 6px;
  border-right: none;
  position: relative;
  min-height: 302px;
}

.bg-form .box-info > .background {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background: rgb(50, 60, 70);
  padding: 34px 0 24px 24px;
}

.bg-form .box-info .background:after {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  top: 0;
  border-top: 145px solid transparent;
  border-left: 40px solid rgb(50, 60, 70);
  border-bottom: 145px solid transparent;
  z-index: 101;
}

.bg-form .box-info:before {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  border-top: 151px solid transparent;
  border-left: 40px solid #57a5e7;
  border-bottom: 151px solid transparent;
  z-index: 100;
}

.bg-form .box-info p {
  font-size: 18px;
}

.box-form {
  padding: 20px;
  border-radius: 5px;
  color: #fff;

  background-image: -webkit-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -moz-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -o-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -ms-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: linear-gradient(to bottom, #5ba9ea, #2f7cc7);
}

.form-group-lg {
  margin-bottom: 20px;
}

.box-form .phone-box {
  margin-top: 20px;
}

.or {
  font-size: 42px;
  text-transform: uppercase;
  font-family: "ProximaNova-Bold", sans-serif;
  color: #666666;
  position: relative;
  top: 190px;
}

.box-option .comment {
  text-align: left;
  position: relative;
  padding: 15px 20px 10px;
  border-radius: 10px;
  background: #fdfbe9;
  margin-bottom: 30px;
  box-shadow: 0 0 7px 0 #e7e7e7;
  border: 2px solid #eae7db;
}

.img-ava img {
  max-height: 131px;
}

.img-ava {
  float: left;
  margin-right: 15px;
}

.user-box {
  max-width: 436px;
}

.user-box .desc {
  float: left;
  text-align: left;
  max-width: 290px;
  width: 100%;
}

.user-box .desc .title {
  font-family: "ProximaNova-Bold", sans-serif;
}

.box-option .item {
  margin-bottom: 40px;
}

.box-form-background .phone-box {
  margin-top: 55px;
}

.footer {
  padding: 40px 0 35px;
  border-top: 3px solid #2f7cc7;
  background: #1f252b;
  color: #fff;
}

.footer a {
  color: #00ffff;
}

.footer-logo img {
  max-height: 30px;
  margin-bottom: 20px;
}

.developer {
  float: right;
  margin-top: 45px;
}

.developer span {
  float: right;
  margin: 12px 10px 0 0;
}

.developer .ux-hot {
  float: right;
}

.ux-hot img {
  height: 35px;
}

.vertical-gradient-blue {
  background-image: -webkit-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -moz-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -o-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: -ms-linear-gradient(top, #5ba9ea, #2f7cc7);
  background-image: linear-gradient(to bottom, #5ba9ea, #2f7cc7);
}

.lead-message {
  resize: none;
}

.block-success-border {
	border: 1px solid #fff;
	border-radius: 5px;
}

.section-offset-bottom-lg {
    margin-bottom: 150px;
}

.box-offer .item {
    padding: 20px;
    box-shadow: 0 0 15px 0 rgba(4,5,5,.15);
}

.box-service .item {
    padding: 40px 20px 15px;
    min-height: 376px;
    background: #fff;
    border-top: 1px solid #5ba9ea;
    box-shadow: 0 0 12px 0 #ccc;
}

.box-service .item:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -34px;
}

@media (min-width: 576px) {
  .box-service .item:before {
    background: url(../images/ico-check.png) no-repeat;
  }
}

.box-offer h3 {
    margin: 20px 0 10px;
}

.box-offer p {
    font-size: 15px;
}

.box-offer .price {
    font-size: 35px;
    line-height: 17px;
    display: block;
    margin: 20px 0;
    font-family: "ProximaNova-Bold", sans-serif;
    font-weight: normal;
}

.box-offer .price .text {
    display: block;
    font-size: 18px;
    font-family: "ProximaNova-Regular", sans-serif;
    margin-top: 5px;
}

.box-offer .price sup {
    font-size: 22px;
}

.fa-rub {
    font-size: 90%;
}

.box-offer .good-offer {
    box-shadow: 0 0 0 5px #5bac07;
}

.ico-back-tab {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #4c5c67;
  cursor: pointer;
}

.ico-back-tab:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  border-top: 3px solid #4c5c67;
  border-left: 3px solid #4c5c67;

  -webkit-transform: rotate(-45deg) translateY(-50%);
  -moz-transform: rotate(-45deg) translateY(-50%);
  -o-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);

  position: absolute;
  top: 50%;
  left: 19px;
  margin-top: -1px;
}

.ico-back-tab:hover {
  border: 1px solid #2f7cc7;
}

.ico-back-tab:hover:before {
  border-top: 3px solid #2f7cc7;
  border-left: 3px solid #2f7cc7;
}

.list-status {
  margin-bottom: 0;
}

.list-status .ready .number {
  opacity: 0;
  z-index: -1;
}

.list-status .active {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  background: #2f7cc7;
}

.list-status .active .number {
  margin-top: 5px;
  font-size: 22px;
  background: rgba(0,0,0,0);
  color: #fff;
}

.question-img {
  position: relative;
  display: inline-block;
  width: 233px;
  height: 233px;
  border: 2px solid #a8a8a8;
}

.list-question .radio input[type=radio] {
  margin-left: 0;
}

.list-question .radio label {
  padding-left: 0;
}

.list-question .header-label {
  margin-bottom: 5px;
}

.radio input[type="radio"]:checked ~ .radio .question-img {
  border: 2px solid #2f7cc7;
}

.question-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.list-question .radio input {
  position: relative;
  top: -1px;
  margin-right: 5px;
  display: inline-block;
}

.block {
  display: block;
}

.inline {
  display: inline-block;
}

.list-price .text {
  float: left;
}

.list-check .ico-check-blue-xs {
  position: absolute;
  left: 0;
  top: 2px;
}

.list-check li.price-result {
  padding-left: 0;
  margin-top: 15px;
  padding-top: 20px;
  color: #000;
  border-top: 2px solid #4d5c68;
}

.list-check .price-result .title {
  font-family: "ProximaNova-Bold",sans-serif;
  font-weight: normal;
  position: relative;
  top: 10px;
  font-size: 16px;
}

.list-check .price-result .price-check {
  font-family: "ProximaNova-Bold",sans-serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  float: right;
}

#we-are-working {
	margin-top: 120px;
}

.error-box{
  margin-top: 55px;
}

.section-question-error{
  margin-top: -240px;
  padding-top: 180px;
	border: 1px solid #fff;
	border-radius: 5px;
}

.section-offset-bottom-lg {
    margin-bottom: 150px;
}

.box-offer .item {
    padding: 20px;
    box-shadow: 0 0 15px 0 rgba(4,5,5,.15);
}

.box-offer h3 {
    margin: 20px 0 10px;
}

.box-offer p {
    font-size: 15px;
}

.box-offer .price {
    font-size: 35px;
    line-height: 17px;
    display: block;
    margin: 20px 0;
    font-family: "ProximaNova-Bold", sans-serif;
    font-weight: normal;
}

.box-offer .price .text {
    display: block;
    font-size: 18px;
    font-family: "ProximaNova-Regular", sans-serif;
    margin-top: 5px;
}

.box-offer .price sup {
    font-size: 22px;
}

.fa-rub {
    font-size: 90%;
}

.box-offer .good-offer {
   box-shadow: 0 0 0 5px #2773be;
}

.title--confidencial {
  font-size: 11px !important;
  padding-top: 15px;
}
.title--confidencial a {
  color: #fff;
  text-decoration: underline;
}
.title--confidencial a:hover,
.title--confidencial a:focus,
.title--confidencial a:active {
  text-decoration: none;
}.ico-back-tab:before,
.ico-back-tab,
.close,
button.close,
.phone-box,
.fixed-phone,
.btn,
a,
.form-control,
.box-gallery .item a:before,
.box-gallery .item a:after,
.box-gallery .item .content,
i {
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    -o-transition: all 0.12s linear;
    transition: all 0.12s linear;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

  .img-box .retina {
    display: block;
  }

}
@media screen and (min-width: 1920px) {
    .section-bg-offset {
        margin-top: -70px;
    padding-top: 200px;
    }

}
@media screen and (max-width: 1250px) {


  .row-padding-10 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .row-padding-10 > div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row-padding-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .row-padding-30 > div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row-padding-50 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .row-padding-50 > div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-skew img {
    display: none;
  }

  .command .right-comment {
    right: 0;
  }

  .command .left-comment {
    left: 0;
  }

  .box-option .comment:after {
    left: 7%;
  }

}

@media screen and (max-width: 1199px) {

  .top-line .phone-box {
    margin-left: -30px;
  }

}

@media screen and (max-width: 1100px) {

  .command .right-comment,
  .command .left-comment {
    display: none;
  }

  .top-line .phone-box {
    margin-left: -60px;
  }

  .box-offer .item {
    min-height: 495px;
  }

}

@media screen and (max-width: 991px) {

  .box-option .comment:after {
    left: 0;
  }

  .box-work .last-sm:after {
    display: none;
  }

  .list-advantage li {
    padding-left: 75px;
  }

  .list-advantage .num {
    left: 0;
  }

  .title-img {
    left: 0;
    margin-top: 0;
  }

  .box-service {
    margin-bottom: -30px;
  }

  .box-service .item {
    margin-bottom: 30px;
  }

  .section-bg-triagle:after {
    bottom: -70px;
  }

  .section-bg-triagle {
    margin-bottom: 70px;
  }

  .section-background-video .video-bg {
    display: none;
  }

  .section-background-video {
    padding: 0;
  }

  .video-bg-overlay {
    background: rgba(31, 37, 43, 0);
  }

  .section-background-video .item {
    margin-bottom: 15px;
  }

  .section-background-video .item {
    padding: 70px 0;
  }

  .phone-box .tel {
    font-size: 22px;
  }

  .bg-form .box-info .background:after {
    right: -20px;
    border-left: 20px solid rgb(50, 60, 70);
  }

  .bg-form .box-info:before {
    right: -20px;
    border-left: 20px solid #57a5e7;
  }

  .top-line .phone-box {
    margin-left: -12px;
    width: 380px;
  }

  .logo-text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
  }

  .error-box{
    padding: 15px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 15px;
  }

}

@media screen and (max-width: 870px) {

  h4 {
    font-size: 28px;
  }

  h4 small {
    font-size: 24px;
  }

}

@media screen and (max-width: 820px) {

  .box-offer .price {
    font-size: 30px;
  }

  .box-offer .item {
    min-height: 465px;
  }

}

@media screen and (max-width: 767px) {

  .box-work .item:after {
    display: none;
  }

  .bg-form .box-info {
    margin-bottom: 15px;
  }

  .footer {
    text-align: center;
  }

  .developer {
    float: none;
    margin-top: 0;
    display: inline-block;
  }

  .footer-logo {
    margin-bottom: 10px;
  }

  .footer-logo img {
    margin-left: auto;
    margin-right: auto;
  }

  address {
    margin-bottom: 10px;
  }

  .box-garant .item {
    min-height: 10px;
  }

  .box-garant .item-1,
  .box-garant .item-2,
  .box-garant .item-3 {
    margin-top: 0;
  }

  .box-garant {
    margin-bottom: -50px;
  }

  .box-garant .item {
    margin-bottom: 50px;
  }

  .box-garant .item-3:before,
  .box-garant .item-2:before,
  .box-garant .item-1:before {
    height: 80px;
    width: 80px;
    margin-left: -40px;
    top: -40px;
  }

  .box-service .item {
    text-align: center;
    min-height: 10px;
  }

  .box-service .item:before {
    left: 50%;
    margin-left: -27px;
  }

  .ico-work img {
    max-height: 140px;
  }

  .phone-box {
    text-align: center;
  }

  .box-form-background .phone-box {
    margin-top: 15px;
  }

  .box-option .item img {
    max-height: 220px;
  }

  .box-option .item {
    margin-bottom: 15px;
  }

  .or {
    font-size: 22px;
    top: 0;
    margin: 5px 0 15px;
    display: inline-block;
  }

  .box-price .price {
    font-size: 63px;
  }

  .box-price .price .fa-rub {
    font-size: 58px;
  }

  .box-price .price sup {
    font-size: 40px;
  }

  .logo {
    float: none;
  }

  .img-box img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }

  .logo-text {
    float: none;
    margin-bottom: 20px;
    display: inline-block;
  }

  .header {
    text-align: center;
  }

  .top-line .phone-box {
    float: none;
    display: inline-block;
    margin-bottom: 20px;
  }

  .price-box {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
  }

  .row-padding-5 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .row-padding-5 > div {
    padding-left: 5px;
    padding-right: 5px;
  }

  .box-gallery .item {
    margin-bottom: 10px;
  }

  .ico-material img {
    max-height: 160px;
  }

  .bg-form .box-info {
    text-align: center;
  }

  .bg-form .box-info:before,
  .bg-form .box-info .background:after {
    display: none;
  }

  .bg-form .box-info > .background {
    padding: 15px 15px 10px;
  }

  h1 {
    text-shadow: 0 0 2px #fff, 0 0 5px #ccc;
  }

  h1 small {
    text-shadow: 0 0 2px #fff, 0 0 5px #ccc;
  }

  .h1-block .h1-text {
    text-shadow: 0 0 2px #fff, 0 0 5px #ccc;
  }

  .price-box {
    height: 68px;
    margin-bottom: 0;
    display: inline-block;
  }

  .price-box .right-box,
  .price-box .left-box {
    border-left: 2px solid rgba(91, 169, 234, .9);
    border-right: 2px solid rgba(91, 169, 234, .9);
    background: rgba(255, 255, 255, .8);
  }

  .price-box .right-box:before,
  .price-box .left-box:after {
    display: none;
  }

  .price-box .left-box {
    margin-right: 10px;
  }

  .price-box .money {
    font-size: 22px;
  }

  .price-box .money span {
    font-size: 16px;
  }

  .price-box .text {
    font-size: 12px;
  }

  .price-box > span {
    display: none;
  }

  .section-bg-offset {
    padding-top: 0px;
  }

  .list-question li {
    width: 100%;
  }

  .list-question li .radio {
    text-align: center;
  }

  .list-question li .header-label {
    text-align: left;
  }

  .ico-back-tab {
    top: 75%;
  }

  .container-xs {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .offset-top-xs {
    margin-top: 15px;
  }

  .box-offer .item {
    min-height: 50px;
  }

  /*@media screen and (max-width: 650px) {*/
  .section-xs {
    padding-top: 15px;
  }

  .section-sm {
    padding-top: 30px;
  }

  .section-sm-inverse {
    margin-bottom: 30px;
  }

  .section-lg-inverse {
    margin-bottom: 30px;
  }

  .section-outset-xs {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section-outset-sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-outset-md {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-offset-xs {
    padding-bottom: 30px;
  }

  .section-offset-md {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  h1 {
    font-size: 40px;
  }

  h1 small {
    font-size: 20px;
  }

  .h1-block .h1-text {
    top: 0;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 22px;
  }

  h4 small {
    font-size: 19px;
  }

  .lead {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .lead2 {
    font-size: 16px;
  }

  .btn-lg {
    font-size: 15px;
  }

  .order-box {
    padding-top: 15px;
    clear: both;
  }

  .h1-block {
    margin-bottom: 10px;
  }

  .h1-block > span {
    display: block;
  }

  .list-advantage .num {
    top: -50px;
    left: 50%;
    margin-left: -20px;
  }

  .list-advantage li {
    padding-left: 0;
    text-align: center;
  }

  .list-advantage li + li {
    margin-top: 80px;
  }

  .box-gallery .item a h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .box-gallery .item .content span {
    font-size: 14px;
  }

  .bg-form {
    padding: 0;
  }

  .user-box {
    text-align: center;
  }

  .user-box .desc {
    float: none;
    text-align: center;
    max-width: none;
  }

  .img-ava {
    float: none;
  }

  .box-option .comment:after {
    height: 60px;
    bottom: -60px;
    background-size: cover;
    background-position: center;
  }

  .btn-lg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .box-price > .title {
    font-size: 22px;
  }

  .box-price .price {
    font-size: 53px;
  }

  .box-price .price .fa-rub {
    font-size: 48px;
  }

  .box-price .price sup {
    font-size: 30px;
  }

  .bg-form .box-info {
    margin-bottom: 0;
    min-height: 10px;
    padding: 0;
  }

  .bg-form .box-info .background {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid #5ba9ea;
  }

  .box-form {
    border-radius: 0;
  }

  .section-xs {
    padding-top: 15px;
  }

  .section-sm {
    padding-top: 0;
  }

  .section-sm-inverse {
    margin-bottom: 30px;
  }

  .section-lg-inverse {
    margin-bottom: 30px;
  }

  .section-outset-xs {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section-outset-sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-outset-md {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .section-offset-xs {
    padding-bottom: 30px;
  }

  .section-offset-md {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .section-offset-bottom-lg {
    margin-bottom: 60px;
  }

  h1 {
    font-size: 40px;
  }

  h1 small {
    font-size: 20px;
  }

  .h1-block .h1-text {
    top: 0;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 22px;
  }

  h4 small {
    font-size: 19px;
  }

  .lead {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .lead2 {
    font-size: 16px;
  }

  .btn-lg {
    font-size: 15px;
  }

  .order-box {
    padding-top: 15px;
    clear: both;
  }

  .h1-block {
    margin-bottom: 10px;
  }

  .h1-block > span {
    display: block;
  }

  .list-advantage .num {
    top: -50px;
    left: 50%;
    margin-left: -20px;
  }

  .list-advantage li {
    padding-left: 0;
    text-align: center;
  }

  .list-advantage li + li {
    margin-top: 80px;
  }

  .box-gallery .item a h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .box-gallery .item .content span {
    font-size: 14px;
  }

  .bg-form {
    padding: 0;
  }

  .user-box {
    text-align: center;
  }

  .user-box .desc {
    float: none;
    text-align: center;
    max-width: none;
  }

  .img-ava {
    float: none;
  }

  .box-option .comment:after {
    height: 60px;
    bottom: -60px;
    background-size: cover;
    background-position: center;
  }

  .btn-lg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .box-price > .title {
    font-size: 22px;
  }

  .box-price .price {
    font-size: 53px;
  }

  .box-price .price .fa-rub {
    font-size: 48px;
  }

  .box-price .price sup {
    font-size: 30px;
  }

  .bg-form .box-info {
    margin-bottom: 0;
    min-height: 10px;
    padding: 0;
  }

  .bg-form .box-info .background {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid #5ba9ea;
  }

  .box-form {
    border-radius: 0;
  }



  .error-box{
    text-align: left;
  }

  .section-question-error{
    margin-top: -185px;
    padding-top: 50px;
  }

}

@media screen and (max-width: 560px) {
  .error-box{
    margin-top: 0;

}

.box-service .item {
    padding: 40px 20px 15px;
    background: #fff;
    border-top: 1px solid #5ba9ea;
    box-shadow: 0 0 12px 0 #ccc;
    position: relative;
}

@media (min-width: 576px) {
  .box-service .item {
    min-height: 376px;
  }
}