.fbdn{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}



  @font-face {
      font-family: "GothamProRegular";
      src: url("../fonts/GothamProRegular/GothamProRegular.eot");
      src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
      url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProBold";
      src: url("../fonts/GothamProBold/GothamProBold.eot");
      src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
      url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProBlack";
      src: url("../fonts/GothamProBlack/GothamProBlack.eot");
      src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
      url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProItalic";
      src: url("../fonts/GothamProItalic/GothamProItalic.eot");
      src: url("../fonts/GothamProItalic/GothamProItalic.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"),
      url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProMedium";
      src: url("../fonts/GothamProMedium/GothamProMedium.eot");
      src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"),
      url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProLight";
      src: url("../fonts/GothamProLight/GothamProLight.eot");
      src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProLight/GothamProLight.woff") format("woff"),
      url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProMediumItalic";
      src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
      src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"),
      url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProLightItalic";
      src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
      src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
      url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProBoldItalic";
      src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
      src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"),
      url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
      font-family: "GothamProBlackItalic";
      src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
      src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot?#iefix")format("embedded-opentype"),
      url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"),
      url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }







/* preloader */

  #preloader{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 99999;
    background-color: #171717;
    background-image: url('../img/bg__pat.png');
    z-index: 9999999;
  }

  #preloader .inside {
      display: table;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
  }

  #preloader .centr {
    display: table-cell;
    vertical-align: middle;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  #preloader .preloader_logo{
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: 25px;
  }


/* progress */ 

.progress {
  position: relative;
  height: 1px;
  display: block;
  width: 100%;
  background-color: transparent !important;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: none !important;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: width .3s linear;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #fbdb59;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 4.2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: indeterminate 4.2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 4.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: indeterminate-short 4.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/* preloader */


@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}



.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}


.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-7 20:41:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}









.line_placeholder .container:after{
  background-color: #e0e0e0;
}


#steps .section-title:before, #steps + .line_placeholder .container:after{
  background-color: #323232;
}


 
#shinomontazh #steps .section-title:before, #shinomontazh #steps + .line_placeholder .container:after{
  background-color: #e0e0e0;
}