@font-face {
  font-family: 'Gotham Pro Medium';
  src: url("fonts/GothamPro-Medium.eot");
  src: local("Gotham Pro Medium"), local("GothamPro-Medium"), url("fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Medium.woff") format("woff"), url("fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

html,
body {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
#bingc-phone-button.bingc-show {
    display: none!important;
}
.page-header {
  padding: 30px 0;
  position: relative;
  box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.1); }

.page-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.wrapper {
  max-width: 1170px;
  margin: 0 auto; }

.phone {
  display: block;
  text-decoration: none;
  text-align: right;
  font-family: 'Gotham Pro Medium', sans-serif;
  font-size: 18px;
  transition: all .4s; }
  .phone:first-child {
    color: #00dee4;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to bottom, #00dee4, #00a3e9);
    background-image: -ms-linear-gradient(transparent, transparent); }
  .phone:last-child {
    color: #00a3e9; }
  .phone:hover {
    color: #000; }

.page-body {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 60px;
  background: url(img/bg2.png) calc(50% + 100px) top/950px no-repeat #F3EDEE; }
  .page-body .wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }

.body-img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 400px; }

.body-bottom {
  margin-top: 50px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.body-img2 {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.call-btn {
  position: relative;
  padding: 25px;
  width: 380px;
  border: none;
  background: linear-gradient(to bottom, #00e1e4, #007fed);
  color: #fff;
  font-family: 'Gotham Pro Medium', sans-serif;
  font-size: 22px;
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
  outline: none; }
  .call-btn::before {
    content: '';
    display: block;
    width: 220px;
    height: 40px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: url(img/bg4.png) center no-repeat; }
  .call-btn:hover {
    background: linear-gradient(to bottom, #007fed, #00e1e4); }

.body-bg-mob,
.body-img-mob,
.page-img-mob {
  display: none; }

@media screen and (min-width: 1400px) {
  .body-bottom {
    margin-top: 100px; }
  .page-body {
    background: url(img/bg2.png) calc(50% + 100px) top/1050px no-repeat #efebec; }
  .body-bottom {
    margin-bottom: 50px; } }

@media screen and (min-width: 1900px) {
  .page-body {
    background: url(img/bg2.png) calc(50% + 100px) top/1250px no-repeat #efebec; }
  .body-bottom {
    margin-bottom: 150px; } }

@media screen and (max-width: 1199px) {
  .wrapper {
    padding: 0 15px; }
  .page-img {
    max-width: 700px; }
  .body-img2 {
    max-width: 500px; } }

@media screen and (max-width: 991px) {
  .page-img {
    max-width: 500px; }
  .body-img2 {
    max-width: 400px; }
  .body-img {
    max-width: 400px; }
  .call-btn {
    width: 320px;
    font-size: 18px; } }

@media screen and (max-width: 768px) {
  .page-img {
    display: none; }
  .page-img-mob {
    display: block; }
  .body-img {
    display: none; }
  .body-img-mob {
    display: block;
    margin: 0 auto; }
  .body-bottom {
    -ms-flex-direction: column;
        flex-direction: column; }
  .body-img2 {
    -ms-flex-order: -1;
        order: -1;
    margin-bottom: 90px; }
  .page-body {
    background: #efebec; }
  .body-bg-mob {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  .body-img2,
  .body-img-mob {
    max-width: 100%; }
  .page-img-mob {
    max-width: 90px; }
  .body-bottom {
    margin-top: 0; }
  .page-header {
    padding: 15px 0; }
  .page-body {
    padding-top: 20px; } }