.owl-carousel.owl-loaded {
  padding: 0
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  margin: -21px 0 0 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  text-align: center;
  color: #ffd200;
  line-height: 1;
  font-size: 48px
}
.owl-carousel .owl-nav .owl-prev {
  left: -65px
}
.owl-carousel .owl-nav .owl-next {
  right: -65px
}
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
  color: #ffd200
}
.owl-carousel .owl-dots {
  display: block;
  text-align: center;
  padding: 30px 0 15px 0;
  line-height: 12px
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  background-color: #e6e6e6;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {
  background-color: #ffd200
}
.sotr {color:#ffd800;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.owl-animated-out {
  z-index: 1
}
.owl-animated-in {
  z-index: 0
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.fancybox-skin {
  border: none;
  background: 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fancybox-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZBAMAAAA2x5hQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACXRSTlMArTw96Gv96a5iRmh8AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAG1JREFUGNNNj8sNwDAIQ5FQ71EnyaESA7BCV+gEWaBSF28IiWMuYD/xk1MQWuSqUL1UB/J0gARw5glnShP9w0V72Ht0+LRWnVCHdyV1PCTEmGnjPuOZ2nif8S2BNjT+IdGCxr8vlBXQKD866f0B9/URg1VhoEQAAAAASUVORK5CYII=) 0 0 no-repeat!important;
  width: 25px;
  height: 25px;
  top: -30px;
  right: -30px
}
.fancybox-close:hover {
  opacity: .9
}
.fancybox-type-iframe .fancybox-inner {
  overflow: hidden!important
}
.modal-skin .modal-dialog {
  width: 1140px;
  max-width: 100%;
  margin-top: 70px
}
.modal-skin .modal-dialog button.close {
  position: absolute;
  right: 15px;
  top: -35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZBAMAAAA2x5hQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACXRSTlMArTw96Gv96a5iRmh8AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAG1JREFUGNNNj8sNwDAIQ5FQ71EnyaESA7BCV+gEWaBSF28IiWMuYD/xk1MQWuSqUL1UB/J0gARw5glnShP9w0V72Ht0+LRWnVCHdyV1PCTEmGnjPuOZ2nif8S2BNjT+IdGCxr8vlBXQKD866f0B9/URg1VhoEQAAAAASUVORK5CYII=) 0 0 no-repeat;
  width: 25px;
  height: 25px;
  opacity: 1;
  border: none;
  outline: 0
}
.modal-skin .modal-dialog .modal-content {
  border: none;
  padding: 40px
}
a.socicals  {color:#ffffff; border-bottom: 3px dotted currentColor;}
a.socicals:hover  {color:#ffd800; border-bottom: 3px dotted currentColor;}
.popover {
  background-color: #fff;
  -webkit-box-shadow: 0 8px 21px rgba(0,0,0,.21);
  box-shadow: 0 8px 21px rgba(0,0,0,.21);
  border: none;
  max-width: 350px
}
.popover.bottom {
  margin-top: 20px
}
.popover.bottom > .arrow {
  border-color: transparent
}
.popover > .arrow {
  border-color: transparent
}


.input-important{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}


@media (max-width:991px) {
  .fancybox-close {
    right: 0;
    top: -35px
  }
}
body {
  font: 300 16px/1.5 SegoeUI,Arial,Helvetica,sans-serif;
  color: #000;
  background: #fff;
  position: relative;
  min-height: 100%;
  width: 100%;
  min-width: 320px
}
.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
  height: 0
}
.clearfix:after {
  clear: both
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s
}
a:focus,
a:hover {
  cursor: pointer;
  color: #000;
  text-decoration: none
}
button {
  background: 0 0;
  border: none;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto
}
::-moz-placeholder,
::-webkit-input-placeholder {
  color: #7c7c7c;
  opacity: 1
}
button.button::-moz-focus-inner {
  padding: 0;
  border: 0;
  -webkit-border-fit: lines
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: 300;
  line-height: 1.2
}
h1 {
  margin-bottom: 20px;
  position: relative;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2
}
h2 {
  margin-bottom: 20px;
  position: relative;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1
}
h3 {
  margin-bottom: 15px;
  font-size: 26px;
  text-align: center
}
h3.title-border:after {
  margin: 10px auto 0
}
.title-border:after {
  content: "";
  display: block;
  margin: 20px auto 0;
  width: 65px;
  height: 2px;
  background-color: #ffd200
}
.input-text::-moz-placeholder,
.input-text::-webkit-input-placeholder {
  color: #7c7c7c;
  opacity: 1
}
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder {
  color: #7c7c7c;
  opacity: 1
}
.input-text {
  margin: 0;
  padding: 13px 15px 13px 15px;
  height: 62px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  color: #000;
  line-height: 34px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #cecece
}
textarea {
  margin: 0;
  padding: 13px 15px 13px 15px;
  height: 62px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  color: #000;
  line-height: 34px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #cecece;
  min-height: 120px;
  resize: none
}
input.input-text:focus,
input.input-text:hover,
textarea:focus,
textarea:hover {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
  box-shadow: inset 0 0 0 1px #e5e5e5
}
.input-text.error {
  border-color: #cf0000
}
.input-container {
  position: relative
}
p {
  line-height: 1.5;
  margin: 0 0 20px 0
}
ol,
ul {
  padding: 0 0 0 17px;
  margin: 15px 0 0 0
}
ol:nth-child(1),
ul:nth-child(1) {
  margin-top: 0
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
img {
  max-width: 100%
}
#container {
  position: relative
}
#header {
  position: absolute;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  min-width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
#header.affix {
  position: fixed
}
#header.affix .header-top {
  display: none
}
.header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 0
}
.b-logo {
  display: table;
  color: #fff;
  text-decoration: none
}
.b-logo:hover {
  color: #fff;
  text-decoration: none
}
.b-logo__img {
  display: table-cell;
  vertical-align: middle
}
.b-logo__content {
  display: table-cell;
  vertical-align: bottom
}
.b-logo__content__title {
  font-size: 26px;
  line-height: 1;
  margin: 0 0 3px 0
}
.b-logo__content__text {
  font-size: 9px;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase
}
.b-small-contact {
  text-align: right
}
.b-small-contact__item_phone {
  margin-bottom: 7px
}
.b-small-contact__item_phone a {
  display: inline-block;
  vertical-align: top;
  text-shadow: 0 6px 6px rgba(0,0,0,.5);
  color: #4fabea;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  border-bottom: 2px solid transparent
}
.b-small-contact__item_phone a:hover {
  border-bottom-color: #4fabea
}
.b-small-contact .b-list-with-icon__content {
  padding: 0 0 0 10px
}
.b-small-contact .b-list-with-icon__icon a {
  font-size: 20px;
  color: #4fabea
}
.b-menu {
  padding: 0 20px 0 20px
}
.b-menu__mobile-icon {
  display: none
}
.b-menu__content {
  max-width: 100%
}
.b-menu__list {
  margin: 0;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 36px
}
.b-menu__item {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px 3px 20px;
  list-style: none
}
.b-menu__item a {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 18px;
  position: relative;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  line-height: 1.2
}
.b-menu__item a:active,
.b-menu__item a:focus,
.b-menu__item a:hover {
  color: #fff;
  border-bottom-color: transparent
}
#main {
  position: relative
}
.landing-section {
  padding: 90px 0 90px 0
}
.b-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  padding: 10px 20px 10px 20px;
  line-height: 34px;
  max-width: 100%;
  position: relative;
  background-color: #fc0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap
}
.b-btn:active,
.b-btn:focus,
.b-btn:hover {
  color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: si-button-pulse .8s 0s ease-out 1;
  animation: si-button-pulse .8s 0s ease-out 1
}
.b-btn i {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #000;
  margin: -2px 0 0 10px
}
.b-btn_large {
  font-size: 17px;
  font-weight: 700;
  padding: 16px 25px 16px 25px;
  text-transform: uppercase;
  -webkit-border-radius: 6px;
  border-radius: 6px
}
.b-btn_small {
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 15px 8px 15px
}
@-webkit-keyframes si-button-pulse {
  from {
    -webkit-box-shadow: 0 0 8px 6px #fc0,0 0 12px 14px #fc0;
    box-shadow: 0 0 8px 6px #fc0,0 0 12px 14px #fc0
  }
  to {
    -webkit-box-shadow: 0 0 18px 6px rgba(255,48,26,0),0 0 4px 71px rgba(255,48,26,0);
    box-shadow: 0 0 18px 6px rgba(255,48,26,0),0 0 4px 71px rgba(255,48,26,0)
  }
}
@keyframes si-button-pulse {
  from {
    -webkit-box-shadow: 0 0 8px 6px #fc0,0 0 12px 14px #fc0;
    box-shadow: 0 0 8px 6px #fc0,0 0 12px 14px #fc0
  }
  to {
    -webkit-box-shadow: 0 0 18px 6px rgba(255,48,26,0),0 0 4px 71px rgba(255,48,26,0);
    box-shadow: 0 0 18px 6px rgba(255,48,26,0),0 0 4px 71px rgba(255,48,26,0)
  }
}
.b-form {
  position: relative;
  max-width: 340px;
  padding: 30px 0 30px 0
}
.b-form__header {
  padding: 0 20px 0 20px;
  margin: 0 0 10px 0;
  font-size: 17px;
  text-align: center
}
.b-form__header-title {
  color: #262626;
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 15px 0
}
.b-form__header__sub-title {
  font-size: 15px;
  font-weight: 400
}
.b-form__content {
  padding: 0 45px 0 45px
}
.b-form__content .row {
  margin: 0 -5px 0 -5px
}
.b-form__content .row .col {
  padding: 5px 5px 5px 5px
}
.b-form__content .row .col .b-btn {
  display: block;
  width: 100%;
  min-width: 100px;
  padding-top: 12px;
  padding-bottom: 12px
}
.b-form__content .input-container_file {
  position: relative
}
.b-form__content .input-container_file .get-photo {
  margin: 10px 0 10px 0;
  position: relative;
  z-index: 2
}
.b-form__content .input-container_file .get-photo span {
  text-decoration: underline
}
.b-form__content .input-container_file .get-photo i {
  font-size: 20px;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle
}
.b-form__content .input-container_file:hover .get-photo span {
  text-decoration: none
}
.b-form__content .input-container_file input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3
}
.b-form__content label {
  font-size: 14px;
  margin: 0
}
.b-modal {
  display: none;
  position: relative;
  width: 445px;
  background-color: #fff;
  padding: 65px 30px 65px 30px;
  text-align: center;
  max-width: 100%;
  color: #000
}
.b-modal__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.b-modal .b-list-with-icon {
  width: auto;
  display: block;
  text-align: center
}
.b-modal .b-list-with-icon__icon {
  display: block;
  margin: 0 0 15px 0;
  text-align: center
}
.b-modal .b-list-with-icon__icon i {
  font-size: 48px
}
.b-modal .b-list-with-icon__content {
  font-size: 14px;
  padding: 0;
  display: block
}
.b-modal .b-list-with-icon__content .title {
  font-size: 28px;
  line-height: 1;
  margin: 0 0 15px 0;
  width: 100%
}
.b-modal .b-form {
  margin: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 40px;
  max-width: none;
  background: 0 0
}
.b-modal .b-form__header {
  margin: 0 0 20px 0;
  padding: 0
}
.b-modal .b-form__header-title {
  margin-bottom: 10px
}
.b-modal .b-form__content {
  padding: 0;
  max-width: 100%;
  width: 320px;
  margin: auto
}
.b-developer {
  display: block
}
.b-developer__content {
  display: inline-table;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.1;
  text-decoration: none
}
.b-developer__content__img {
  display: table-cell;
  vertical-align: middle
}
.b-developer__content__img img {
  vertical-align: top;
  width: 50px;
  height: auto;
}
.b-developer__content__text {
  display: table-cell;
  padding: 0 0 0 10px;
  vertical-align: middle
}
.b-developer__content__text span {
  display: block;
  border-bottom: 1px dotted
}
.b-developer__content:hover span {
  border-bottom-color: transparent
}
#mobile-menu:not(.mm-menu) {
  display: none
}
.button {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 20px 40px 24px;
  border: 2px solid #ffd800;
  text-decoration: none;
  background-color: transparent;
  -webkit-transition: background-color .25s ease,color .25s ease;
  -o-transition: background-color .25s ease,color .25s ease;
  transition: background-color .25s ease,color .25s ease
}
.button:hover {
  text-decoration: none;
  background-color: #ffd800;
  color: #000
}
.button:active,
.button:focus {
  background-color: transparent
}
.section {
  padding: 120px 0 130px
}
.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -15px 0 -15px;
}
.row-flex > .col {
  float: none;
  min-height: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;

}
.title {
  text-align: center
}
.title:after {
  content: '';
  display: block;
  width: 76px;
  height: 2px;
  margin: 15px auto 0;
  background-color: #ffd800
}
.title_white .title__text {
  color: #fff
}
.title__text {
  color: #000;
  line-height: 1.2;
  font-weight: 300;
  font-family: SegoeUI,sans-serif;
  margin: 0 0 10px
}
.title__text:last-child {
  margin-bottom: 0
}
.title__text_lg {
  font-size: 40px
}
.title__text_sm {
  font-size: 28px
}
.logo__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}
.logo__text {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.62;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 20px
}
.logo__image {
  display: block;
  width: 71px;
  height: 71px
}
.nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}
.nav__item {
  margin-right: 35px
}
.nav__item:last-child {
  margin-right: 0
}
.nav__item.active .nav__link {
  border-bottom-color: #ffd800
}
.nav__link {
  display: block;
  padding: 41px 6px 38px;
  border-bottom: 2px solid transparent;
  color: #fff;
  line-height: 1;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 1
}

.book {
  display: block;
  padding: 41px 25px 38px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  color: #000;
  background-color: #ffd800;
  line-height: 1;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 1
}

.nav__link:active,
.nav__link:focus,
.nav__link:hover {
  color: #fff;
  opacity: .8
}
.small-contacts {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap
}
.small-contacts__item {
  text-decoration: none;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.small-contacts__item > span:first-child {
  margin-right: 13px
}
.small-contacts__icon {
  color: #fff
}
.small-contacts__text {
  line-height: 1;
  color: #fff;
  text-transform: uppercase
}
.header {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff
}
.header.affix .nav__link {
  padding: 31px 12px 28px
}
.header.affix .logo__image {
  width: 55px;
  height: 55px
}
.header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.header__nav {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 20px
}
.header__nav .nav__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.header__phone .small-contacts__text {
  font-size: 22px
}
.header__phone .small-contacts__icon {
  font-size: 18px
}
.header .header__phone .small-contacts__item > span:first-child {
  margin-right: 8px
}
.header .header__phone .small-contacts__icon {
  font-size: 15px
}
.header .header__phone .small-contacts__text {
  font-size: 18px
}
.promo {
  color: #fff;
  background: #032c50 url(../images/airplane_1.jpg) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}
.promo__inner {
  padding: 370px 0 340px
}
.promo__content {
  text-align: center;
  margin-top: 200px; /* Смещение текста вниз */
}
.promo__button {
  color: #fff;
  font-size: 18px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8); /* Тень для кнопки */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Тень вокруг текста */
}
.promo__button2 {
  color: #000;
  font-size: 38px;
  text-transform: none;
  font-weight: 100;
  min-width: 300px;
  margin-bottom: 20px;
  margin-right: 5px;
}
.promo__title {
  font: 300 55px/1 SegoeUI,sans-serif;
  color: #fff;
  margin-bottom: 30px;
  /* text-shadow: 1px 1px 17px rgba(0, 0, 0, 0.99); */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Тень вокруг текста */
}
.promo__subtitle {
  font-size: 25px;
  line-height: 1.2;
  margin-bottom: 55px;
  /* text-shadow: 1px 1px 17px rgba(0, 0, 0, 0.99); */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Тень вокруг текста */
}
.features {
  border-bottom: 1px solid #eaeaea
}
.features .row-flex > div{
  margin: 0 -1px 0 -1px;
}
.features__item {
  text-align: center;
  max-width: 220px;
  margin: auto;
    margin-bottom: 50px;
}
.features2 {
  border-bottom: 1px solid #eaeaea
}
.features2 .row-flex > div{
  margin: 0 -1px 0 -1px;
}
.features2__item {
  text-align: center;
  max-width: 220px;
  margin: auto;
  padding: 25px;
}
.features2__item:hover {
  opacity:0.7;
}

.features__icon {
  width: 121px;
  height: 121px;
  margin: 0 auto 27px;
  border: 2px solid #ffd800;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}
.features__icon:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.features__icon .icon {
  font-size: 60px;
  vertical-align: middle
}
.features__title {
  font: 100 55px/1 SegoeUI,sans-serif;
  margin-bottom: 10px
}
.features__descr {
  margin-bottom: 0
}
.portfolio {
  padding-bottom: 0
}
.portfolio__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0 1px;
  margin-top: 38px
}
.portfolio__item {
  width: 33%
}
.portfolio__item-title{
  text-align: center;
  margin: 0 0 10px 0;
}
.portfolio__item p{
  text-align: center;
  margin: 0 0 10px 0;
}
.portfolio__item-title a{
  display: block;
  line-height: 1.2;
  font-weight: 300;
  font-family: SegoeUI,sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.tile-project {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  height: 290px;
  position: relative;
  background-color: #1a1a1a;
  border: 1px solid #fff;
  width: 100%;
}
.tile-project:hover .tile-project__overlay,
.tile-project_hovered .tile-project__overlay {
  opacity: 1
}
.tile-project__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22,22,22,.9);
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap
}
.tile-project__overlay:after {
  content: '';
  position: absolute;
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 15px;
  border: 2px solid #ffd800
}
.tile-project__overlay_without-border:after {
  border: none
}
.tile-project__overlay-icon {
  font-size: 75px;
  line-height: 1;
  margin-bottom: 5px
}
.tile-project__overlay-text {
  font-size: 15px;
  text-align: center;
}
p.titles {
  font-size: 18px;
  text-align: center;
  color:#fff;
  text-decoration:none;
  margin-top: 20px;
  font-weight:bold;
  line-height:20px;
}
.information__content {
  margin-top: 40px
}
.information__text {
  margin-bottom: 20px;
  text-align: center
}
.information__text:last-child {
  margin-bottom: 0
}
.information__item {
  width: 365px;
  min-height: 100%;
  max-width: 100%;
  -webkit-box-shadow: 0 27px 29px 6px rgba(0,0,0,.05);
  box-shadow: 0 27px 29px 6px rgba(0,0,0,.05);
  background-color: #fff;
  text-align: left;
  padding: 35px 30px 40px;
  margin-left: auto;
  margin-right: auto
}
.information__item p {font-size:15px; min-height: 340px;}
.information__item p2 {font-size:15px;}
.information__num {
  color: #ffd800;
  font-size: 100px;
  line-height: 1;
  margin-bottom: 25px
}
.information__name {
  font: 600 18px SegoeUI,sans-serif;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 15px
}
.information__descr {
  margin: 0
}
.information__list {
  margin-top: 50px;
  position: relative;
}
.information__list:after {
  content: '';
  position: absolute;
  left: 0;
  top: 95px;
  width: 100%;
  height: 2px;
  background-color: #ffd800
}
.information__list .container {
  position: relative;
  z-index: 1
}
.information__list .container .row-flex {
  background-color: #fff
}
.cost {
  color: #fff;
  background: #032c50 url(../images/cost-bg.jpg) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}
.cost__content {
  text-align: center;
  margin-top: 60px
}
.cost__text {
  font-size: 18px
}
.cost__text:last-child {
  margin-bottom: 0
}
.cost__small-contacts {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 55px
}
.cost__small-contact {
  font-size: 15px;
  margin-bottom: 20px
}
.cost__small-contact:last-child {
  margin-bottom: 0
}
.cost__small-contact_phone .small-contacts__text {
  font-size: 40px
}
.cost__small-contact_phone .small-contacts__icon {
  font-size: 22px
}
.forms {
  max-width: 710px;
  margin: auto
}
.forms__row {
  margin-left: -7px;
  margin-right: -7px
}
.forms__col {
  padding-right: 7px;
  padding-left: 7px
}
.forms__col:last-child .forms__input-container {
  margin-bottom: 0
}
.forms__input-container {
  position: relative;
  margin-bottom: 15px
}
.forms__input {
  display: block;
  width: 100%;
  height: 58px;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  padding: 0 17px;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  color:#000;
}
.input-container.error .forms__input{
  border-color: #cf0000;
}
.forms__input::-webkit-input-placeholder {
  color: #8b8b8b;
  opacity: 1
}
.forms__input::-moz-placeholder {
  color: #8b8b8b;
  opacity: 1
}
.forms__input:-moz-placeholder {
  color: #8b8b8b;
  opacity: 1
}
.forms__input:-ms-input-placeholder {
  color: #8b8b8b;
  opacity: 1
}
.forms__input_textarea {
  padding-top: 20px;
  padding-bottom: 15px;
  resize: vertical;
  -webkit-transition: resize 0s;
  -o-transition: resize 0s;
  transition: resize 0s;
  min-height: 122px;
  max-height: 250px
}
.forms__gift {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 600px;
  margin: 25px auto 20px
}
.forms__gift-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 43px;
  -ms-flex: 0 0 43px;
  flex: 0 0 43px;
  height: 43px;
  border: 1px solid #ffd800;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  text-align: center;
  margin-right: 14px
}
.forms__gift-icon:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}
.forms__gift-icon .icon {
  vertical-align: middle
}
.forms__gift-text {
  font-size: 16px;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.forms__bottom {
  text-align: center
}
.forms__checkbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  cursor: pointer;
  margin-bottom: 0
}
.forms__checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden
}
.forms__checkbox-input:checked + span:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAA4ElEQVQoU4WQMUsCcRyG3/d/g02NIkJ23p1KaiIRBG1+BAdXXZwc3Fz9BK3R1BI4NGVD0AfoCzjoLV53foSWIOjvGycYIVa/8cczPM9L/HO+38iS72/8iysEtaoj3ImY/AoWyqeesfYZgCupvRc8qlTy5tM8AmwS6iRROGUQBIfWZopxPJ+lGq5by8HRA4AzQN0kCu/TP12/OgQwltRz8PGy5kEKtUT1V8vwdtvAVNhIUwh5UDOAl5AGyWt48zN043hcqp/Qrp9AFAmM4mhxtbvGd4zn1c+t0cVqOb/eN9kXwmVIEvbZjgMAAAAASUVORK5CYII=)
}
.forms__checkbox-input:invalid + span:after {
  border-color: red
}
.forms__checkbox-text {
  color: #e0e0e0;
  padding-left: 26px;
  position: relative;
  font-size: 12px;
  font-weight: 300;
  text-align: left
}
.forms__checkbox-text:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #c3c3c3;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat
}
.forms__button-container {
  margin-top: 20px;
  text-align: center
}
.order__forms {
  margin-top: 42px
}
.copy {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center
}
.footer {
  border-top: 1px solid #eaeaea;
  color: #000
}
.footer__inner {
  padding: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.footer__item {
  width: 33.3333%
}
.b-modal-form {
  display: none
}
.nav__button {
  display: block;
  width: 28px;
  height: 21px;
  position: relative;
  z-index: 120
}
.nav__button span:after,
.nav__button span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px
}
.nav__button span:after {
  top: 18px
}
.nav__button span {
  position: relative;
  display: block
}
.nav__button span,
.nav__button span:after,
.nav__button span:before {
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  border-radius: 2px
}
.nav__button.on span {
  background-color: transparent
}
.nav__button.on span:before {
  -webkit-transform: rotate(45deg) translate(-1px,0);
  -ms-transform: rotate(45deg) translate(-1px,0);
  transform: rotate(45deg) translate(-1px,0)
}
.nav__button.on span:after {
  -webkit-transform: rotate(-45deg) translate(6px,-7px);
  -ms-transform: rotate(-45deg) translate(6px,-7px);
  transform: rotate(-45deg) translate(6px,-7px)
}
.mm-navbar {
  height: 55px
}
.mm-navbar > * {
  padding: 15px 0
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 80px
}
.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
  height: 0
}
.mm-listview > li {
  width: 100%
}
.mm-listview > li:not(.mm-divider):after {
  display: none
}
.mm-listview > li > a,
.mm-listview > li > span {
  padding-top: 17px;
  padding-bottom: 17px
}

.hamburger
{
    position: relative; 
    z-index: 999;

    display: none;

    width: 28px;
    height: 21px;

    cursor: pointer;

    -webkit-align-self: center;
    -ms-flex-item-align: center;
            align-self: center;
}
.hamburger span:after,
.hamburger span:before
{
    position: absolute;
    top: 9px; 
    left: 0;

    content: '';
}
.hamburger span:after
{
    top: 18px;
}
.hamburger span
{
    position: relative;

    display: block;
}
.hamburger span,
.hamburger span:after,
.hamburger span:before
{
    width: 100%;
    height: 3px;

    -webkit-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;

    -webkit-border-radius: 2px;
            border-radius: 2px; 
    background-color: #fff;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.hamburger.on span
{
    background-color: transparent;
}
.hamburger.on span:before
{
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
        -ms-transform: rotate(45deg) translate(-1px, 0px);
            transform: rotate(45deg) translate(-1px, 0px);
}
.hamburger.on span:after
{
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
        -ms-transform: rotate(-45deg) translate(6px, -7px);
            transform: rotate(-45deg) translate(6px, -7px);
}
@media only screen and (max-width:1199px) {
  .logo__text {
    font-size: 10px;
    margin-left: 10px
  }
  .nav__item {
    margin-right: 15px
  }
  .header__nav {
    padding: 0 10px
  }
  .promo__inner {
    padding: 320px 0 290px
  }
  .promo__title {
    font-size: 50px
  }
  .promo__subtitle {
    font-size: 22px
  }
  .tile-project {
    padding: 20px;
    height: 245px
  }
  .tile-project__overlay-icon {
    font-size: 55px
  }
  .information__item {
    width: 285px
  }
  .modal.in .modal-dialog{
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal-skin .modal-dialog .modal-content{

  }
}
@media only screen and (max-width:991px) {
  body {
    font-size: 14px
  }
  .section {
    padding: 90px 0 80px
  }
  .title__text_lg {
    font-size: 32px
  }
  .title__text_sm {
    font-size: 22px
  }
  .button {
    padding: 16px 32px 20px;
    font-size: 14px
  }
  .header__content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
  }
  .header__logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .header__nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  .hamburger{
    display: block;

    margin-left: auto;
  }
  .header__nav{
    padding: 0 0 0 15px !important;
    order: 3;
    flex: none;
  }
  .header__nav .nav__list{
    position: fixed;
    z-index: 110;
    top: 0;
    right: -280px;

    display: unset;
    visibility: hidden;
    overflow: hidden;
            flex-direction: column;

    width: 0;
    width: 280px; 
    height: 100%;
    padding: 85px 15px 0 15px;

    -webkit-transition: .5s;
         -o-transition: .5s;
            transition: .5s;

    opacity: 0;
    background: rgba(0, 0, 0, .7);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
  }
  .header__nav .nav__list.open{
    right: 0;

    visibility: visible; 

    opacity: 1;
  }
  .header__nav .nav__item{
    width: 240px;
    margin-bottom: 8px;
  }
  .header__nav .nav__item_active .nav__link{
    color: #ff3452; 
    border-bottom-color: transparent;
    position: relative;
    z-index: 1000;
  }
  .header__nav .nav__link,
  .header.affix .nav__link{
    padding: 5px;
    font-size: 15px;
  }

  .header__nav .nav__link:hover,
  .header__nav .nav__link:active,
  .header__nav .nav__link:focus{
    color: #ff3452; 
    border-bottom-color: transparent;
  }
  
.book {
  display: block;
  padding: 15px 12px 15px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  color: #000;
  background-color: #ffd800;
  line-height: 1;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 1
}  
  
  .logo__image {
    width: 55px;
    height: 55px
  }
  .promo__inner {
    padding: 270px 0 240px
  }
  .promo__title {
    font-size: 42px;
    margin-bottom: 20px
  }
  .promo__subtitle {
    font-size: 18px;
    margin-bottom: 40px
  }
  .features__title {
    font-size: 45px
  }
  .information__text {
    margin-bottom: 15px
  }
  .information__name {
    font-size: 16px
  }
  .information__item {
    padding: 20px 10px 25px;
    width: 230px
  }
  .information__num {
    font-size: 60px
  }
  .cost__small-contacts {
    margin-bottom: 40px
  }
  .cost__small-contact_phone .small-contacts__text {
    font-size: 28px
  }
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0
  }
  .footer__logo {
    margin-bottom: 15px
  }
  .footer__item {
    width: 100%;
    text-align: center
  }
  .footer .logo__inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: left
  }
  .b-developer {
    margin-top: 15px
  }
}
@media only screen and (max-width:767px) {
  .section {
    padding: 60px 0 50px
  }
  .title__text_sm {
    font-size: 18px
  }
  .title__text_lg {
    font-size: 28px
  }
  .features__icon {
    width: 85px;
    height: 85px;
    margin-bottom: 15px
  }
  .features__icon .icon {
    font-size: 40px
  }
  .features__title {
    margin-bottom: 5px
  }
  .features__item {
    margin-bottom: 20px
  }
  .features2__item {
    margin-bottom: 20px;
	padding: 6px;
  }  
  .portfolio__item {
    width: 100%;
	margin-top: 10px;
  }
  .information__list {
    margin-top: 40px
  }
  .information__list:after {
    display: none
  }
  .information__item {
    background-color: transparent;
    float: none!important
  }
  .information__name {
    margin-bottom: 5px
  }
  .information__num {
    margin-bottom: 15px
  }
  .information__text {
    margin-bottom: 10px
  }
  .cost__text {
    font-size: 16px
  }
  .cost__content {
    margin-top: 45px
  }
  .small-contacts__item > span:first-child {
    margin-right: 11px
  }
  .cost__small-contact_phone .small-contacts__icon {
    font-size: 18px
  }
  .cost__small-contact_phone .small-contacts__text {
    font-size: 22px
  }
  .cost__small-contact {
    margin-bottom: 15px
  }
  .forms__gift {
    margin: 20px auto 15px
  }
  .forms__gift-text {
    font-size: 14px
  }
  .forms__input {
    height: 42px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px
  }
  .forms__input_textarea {
    padding-top: 15px;
    min-height: 100px
  }
  .animated {
    -o-transition-property: none!important;
    -webkit-transition-property: none!important;
    transition-property: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    -webkit-animation: none!important;
    animation: none!important
  }

  .modal.in .modal-dialog{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .modal-skin .modal-dialog .modal-content{
    padding: 20px;
    width: auto;
    margin: 0 15px 0 15px;
  }
  h3{
    font-size: 20px;
  }
}
@media only screen and (max-width:600px) {
  p.titles {
	  font-size: 14px;
	  line-height:18px;
	  margin-top: 15px;
  }
  .title:after {
    margin-top: 10px
  }
  .title__text_sm {
    font-size: 16px
  }
  .title__text_lg {
    font-size: 23px
  }
  .button {
    padding: 16px 25px 16px;
    font-size: 15px
  }
  .section {
    padding: 40px 0 30px
  }
  .logo__text {
    font-size: 9px;
    margin-left: 5px
  }
  .logo__image {
    width: 35px;
    height: 35px
  }
  .header.affix .logo__image {
    width: 35px;
    height: 35px
  }
  .header > .container {
    padding-left: 5px
  }
  .header .header__phone .small-contacts__text {
    display: none
  }
  .header .header__phone .small-contacts__icon {
    font-size: 16px
  }
  .header .small-contacts__item > span:first-child {
    margin-right: 0
  }
  .header .small-contacts {
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .header .small-contacts .small-contacts__item {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .header .small-contacts:hover {
    background-color: #fff
  }
  .header .small-contacts:hover .small-contacts__icon {
    color: #000
  }
  .header__content {
    padding: 10px 0
  }
  .promo__inner {
    padding: 140px 0 120px
  }
  .promo__title {
    font-size: 36px
  }
  .promo__subtitle {
    font-size: 16px;
    margin-bottom: 30px
  }
  .tile-project {
    height: 185px
  }
  .tile-project__logo {
    text-align: center
  }
  .tile-project__logo img {
    max-width: 80%
  }
  .tile-project__overlay:after {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px
  }
  .tile-project__overlay-icon {
    font-size: 40px
  }
  .tile-project__overlay-text {
    line-height: 1.1
  }
  .portfolio__container {
    margin-top: 25px
  }
  .information__content {
    margin-top: 30px
  }
  .information__list {
    margin-top: 25px
  }
  .cost__content {
    margin-top: 30px;
    margin-bottom: 30px
  }
}
@media only screen and (max-width:479px) {
  .tile-project {
    height: 165px
  }
  .modal-skin .modal-dialog .modal-content{

  }
  .information__item{
    width: 100%;
  }
.information__item p {font-size:15px; min-height: auto;}
.information__item p2 {font-size:15px;}  
  .b-modal .b-list-with-icon__content .title{
    font-size: 22px;
  }
}
@media only screen  and (max-width: 420px) {
  .features .row-flex > div{
    width: 100%;
  }
  .features2 .row-flex > div{
    width: 30%;
  }  
}
@media only screen and (min-width:992px) {
  .nav__button {
    display: none
  }
}