@font-face {
   font-family: "GothaProReg";
   src: url(../fonts/GothaProReg.otf);
   font-style: normal;
   font-weight: normal;
  }

  @font-face {
   font-family: "GothaProLig";
   src: url(../fonts/GothaProLig.otf);
   font-style: normal;
   font-weight: lighter;
  }

  @font-face {
   font-family: "GothaProBol";
   src: url(../fonts/GothaProBol.otf);
   font-style: normal;
   font-weight: bold;
  }

  @font-face {
   font-family: "GothaProMed";
   src: url(../fonts/GothaProMed.otf);
   font-style: normal;
   font-weight: medium;
  }

  html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
  }

  body {
   width: 100%;
   margin: 0 0 0 0;
   font-family: "GothaProLig", sans-serif;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
  }

  h4,
  h5,
  h6,
  h1,
  h2,
  h3,
  ul,
  p {
   margin: 0;
  }

  .head-wrap {
   background-image: url(../img/desktop2.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
   min-height: 550px;
   padding-top: 60px;
  
  }

  .head-wrap h1 {
   font-size: 42px;
   font-family: "GothaProBol", sans-serif;
   font-weight: bold;
   color: #111;
   line-height: 1.3em;
  }

  .head-wrap h1 span {
   font-family: "GothaProBol", sans-serif;
   font-weight: bold;
   font-size: 36px;
   color: #111;
  }

  .header__phone {
   cursor: pointer;
  }

  #phone {
   display: none;
   position: fixed;
   top: 127px;
   right: 0;
   padding: 15px 10px 15px 10px;
   background-color: rgba(79, 255, 158, 0.95);
   border-radius: 5px;
   /*opacity: 0.9;*/
   color: #fff;
   font-size: 16px;
   line-height: 36px;
   z-index: 100000000;
  }
  #phone::before {
    content: ''; 
    position: absolute;
    left: 20px; top: -30px; 
    border: 15px solid transparent; 
    border-bottom: 15px solid rgba(79, 255, 158, 0.95); 
   }

  #phone.active {
   display: block;
   filter: drop-shadow(2px 4px 6px black);
  }

  #phone a {
   color: #ffffff;
  text-shadow: 1px 1px 2px black;
  }

  #phone a:hover {
   text-decoration: none;
   background-color: rgba(60, 188, 117, 0.5);
  }

  .tel {
   width: 55px;
   top: 55px;
   right: 8%;
   position: fixed;
   z-index: 100000000;
  }

  .d-sm-block {
   display: block !important;
  }

  .menu__icon {
   display: none;
   width: 25px;
   height: 18px;
   position: relative;
   cursor: pointer;
  }

  .menu__icon span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   background: #fff;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: .25s ease-in-out;
  }

  .logo {
   background-image: url(../img/logo.png);
   background-repeat: no-repeat;
   background-size: contain;
   width: 100px;
   height: 100px;
   margin: 40px 0 40px 30px;
  }

  .top-advatages-wrap {
   margin-top: 20px;
  }

  .top-advatages {
   padding-top: 30px;
  }

  .graph {
   background-image: url(../img/01.png);
   background-size: contain;
   width: 32px;
   height: 32px;
   margin-left: 15px;
  filter: brightness(0.0) drop-shadow(2px 4px 6px black);
  }

  .star {
   background-image: url(../img/02.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 32px;
   height: 32px;
   margin-left: 15px;
  filter: brightness(0.0) drop-shadow(2px 4px 6px black);
  }

  .prise {
   background-image: url(../img/03.png);
   background-size: contain;
   width: 37px;
   height: 35px;
   margin-right: -5px;
   margin-left: 15px;
   filter: brightness(0.0) drop-shadow(2px 4px 6px black);
  }

  .top-advant {
   color: #111;
  }

  .top-advant p {
   margin-left: 25px;
   font-size: 18px;
   font-weight: bold;
       text-shadow: 0px 1px 1px black;

  }

  .top-advant p span {
   font-family: "GothaProBol", sans-serif;
   font-weight: bold;
  }

  .trading-wrap {
   min-height: 700px;
   max-height: 100%;
  }

  .trade-img-wrap {
   background-image: url(../img/mac2.png);
   background-size: cover;
   background-repeat: no-repeat;
   min-height: 650px;
  /* max-width: 1030px;*/
  }

  .trading-up {
   position: relative;
  /* top: -70px;*/
  }

  .trading-text {
   text-align: center;
  }

  .trading-text h2 {
   padding-bottom: 35px;
   padding-top: 0px;
   font-size: 42px;
   font-family: "GothaProLig", sans-serif;
   font-weight: 300;
  }

  .trading-text p {
   font-size: 18px;
   font-family: "GothaProLig", sans-serif;
   font-weight: 300;
   line-height: 1.5em;
  }

  .trading-text span {
   font-family: "GothaProLig", sans-serif;
   font-weight: bold;
  }

  .device {
   text-align: center;
  }

  .os {
   padding-top: 60px;
   padding-bottom: 70px;
   max-width: 500px;
   margin: 0 auto;
  }

  .windows {
   background-image: url(../img/windows.png);
   background-size: contain;
   width: 107px;
   height: 32px;
   margin: 0 auto;
  }

  .android {
   background-image: url(../img/android.png);
   background-size: contain;
   width: 98px;
   height: 36px;
   margin: 0 auto;
  }

  .ios {
   background-image: url(../img/ios.png);
   background-size: contain;
   width: 111px;
   height: 36px;
   margin: 0 auto;
  }

  .advantages-wrap {
   padding-top: 100px;
   background-color: #f5f5f5;
  }

  .advantages-wrap ul {
   padding-left: 20px;
   padding-top: 20px;
  }

  .advantages-wrap ul li p {
   padding-top: 0px;
  }

  .advantages-wrap h3 {
   text-align: center;
   padding-bottom: 60px;
   font-size: 42px;
   font-family: "GothaProLig", sans-serif;
   font-weight: 300;
  }

  .advantages-wrap p {
   text-align: left;
   font-size: 14px;
   padding-top: 20px;
   line-height: 1.3em;
  }

  .advantages-wrap h4 {
   font-size: 15px;
   padding: 20px 0 20px 0;
   font-weight: 500;
   text-align: center;
  }

  .first-row {
   padding: 0px 20px 45px 20px;
  }

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

  .cloud {
   background-image: url(../img/001.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .corner-arrow {
   background-image: url(../img/002.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .side-arows {
   background-image: url(../img/003.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .shield {
   background-image: url(../img/004.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .arrow {
   background-image: url(../img/005.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .comp {
   background-image: url(../img/006.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .bell {
   background-image: url(../img/007.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .rocket {
   background-image: url(../img/008.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 43px;
   height: 43px;
   margin: 0 auto;
  }

  .otkr-button-wrap {
   margin-bottom: 100px;
   margin-top: 70px;
   -ms-flex-item-align: center;
   align-self: center;
  }

  .otkr-button-wrap a {
   display: inline-block;
   border: 0px solid transparent;
   border-radius: 4px;
   background-color: #5591ff;
   width: 220px;
   height: 50px;
   -ms-flex-item-align: center;
   align-self: center;
   -webkit-box-shadow: 0px 3px 3px rgba(55, 98, 176, 0.5);
   box-shadow: 0px 3px 3px rgba(55, 98, 176, 0.5);

   color: #fff;
   text-decoration: none;
   text-align: center;
   vertical-align: 50%;
   line-height: 3.2em;
   font-family: "GothaProReg", sans-serif;
   font-weight: bold;
   font-size: 16px;
  }


  .payments-wrap {
   padding-top: 100px;
  }

  .payments-wrap img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   height: 40px;
  }

  .first-line {
   padding-bottom: 35px;
  }

  .london,
  .dowjones,
  .nasdaq {
   -ms-flex-item-align: center;
   align-self: center;
  }

  .links {
   text-align: center;
   font-size: 16px;
   font-family: "GothaProReg", sans-serif;
   font-weight: normal;
   line-height: 1.5em;
   padding-bottom: 30px;
  }

  .links-wrap {
   padding-top: 80px;
   padding-bottom: 40px;
  }

  .links a {
   text-decoration: none;
  }

  .links a:hover {
   text-decoration: underline;
  }

  .links div {
   padding-left: 0px;
   padding-right: 0px;
  }

  .age-18 {
   background-image: url(../img/18.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 41px !important;
   height: 41px !important;
   -ms-flex-item-align: center;
   align-self: center;
  }

  .clean-100 {
   background-image: url(../img/clean.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 50px !important;
   height: 50px !important;
  }

  .ssl {
   background-image: url(../img/ssl.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 56px !important;
   height: 47px !important;
  }

  .bottom-text-wrap {
   text-align: center;
   font-size: 14px;
   line-height: 2em;
   padding-top: 40px;
  }

  .copyright {
   padding-top: 20px;
  }

  .form-form-wrap {
   /* text-align: center; */
  }

  .block__map {
   position: relative;
   height: 411px;
   padding-top: 30px;
   margin-top: 70px;
   background-color: rgba(238, 238, 238, 0.5);
   overflow: hidden;
  }

  .block__mapUl{
    padding-left: 0;
  }

  .block__map .footer__phone {
    list-style: none;
    background: url(../img/telephone-512.png) no-repeat 0 4px; 
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 20px 20px;
    background-position: 0% 35%;
   }

  .block__map .footer__addressLi{
    list-style: none;
    background: url(../img/locationG.png) no-repeat 0 4px; 
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 20px 20px;
    background-position: 0% 45%;
    margin-left: -10px;
  }

  .block__map #map {
   width: 100%;
   height: 100%;
  }

  .block__map .map {
   position: absolute;
   top: 0;
   width: 50%;
   left: 0;
   height: 100%;
  }

  .footer__heading {
   font-size: 2rem;
   font-weight: 700;
   padding-bottom: 20px;
  }

   .footer__addressUl{
    padding-left: 0;
   }

  .footer__address,
  .footer__phone {
   font-size: 1.3rem;
   font-weight: 700;
   margin: 0;
   padding-bottom: .5rem;
   line-height: 40px;
  }
  .footer__address a{
    color: #111;
  }
.footer__phone a{
  color: #111;
}


  .leaflet-pane,
  .leaflet-tile,
  .leaflet-marker-icon,
  .leaflet-marker-shadow,
  .leaflet-tile-container,
  .leaflet-pane>svg,
  .leaflet-pane>canvas,
  .leaflet-zoom-box,
  .leaflet-image-layer,
  .leaflet-layer {
   position: absolute;
   left: 0;
   top: 0;
  }

  .leaflet-container {
   overflow: hidden;
  }

  .leaflet-tile,
  .leaflet-marker-icon,
  .leaflet-marker-shadow {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-user-drag: none;
  }

  .leaflet-safari .leaflet-tile {
   image-rendering: -webkit-optimize-contrast;
  }

  .leaflet-safari .leaflet-tile-container {
   width: 1600px;
   height: 1600px;
   -webkit-transform-origin: 0 0;
  }

  .leaflet-marker-icon,
  .leaflet-marker-shadow {
   display: block;
  }

  .leaflet-container .leaflet-overlay-pane svg,
  .leaflet-container .leaflet-marker-pane img,
  .leaflet-container .leaflet-shadow-pane img,
  .leaflet-container .leaflet-tile-pane img,
  .leaflet-container img.leaflet-image-layer {
   max-width: none !important;
   max-height: none !important;
  }

  .leaflet-container.leaflet-touch-zoom {
   -ms-touch-action: pan-x pan-y;
   touch-action: pan-x pan-y;
  }

  .leaflet-container.leaflet-touch-drag {
   -ms-touch-action: pinch-zoom;
   touch-action: none;
   touch-action: pinch-zoom;
  }

  .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
   -ms-touch-action: none;
   touch-action: none;
  }

  .leaflet-container {
   -webkit-tap-highlight-color: transparent;
  }

  .leaflet-container a {
   -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
  }

  .leaflet-tile {
   filter: inherit;
   visibility: hidden;
  }

  .leaflet-tile-loaded {
   visibility: inherit;
  }

  .leaflet-zoom-box {
   width: 0;
   height: 0;
   box-sizing: border-box;
   z-index: 800;
  }

  .leaflet-overlay-pane svg {
   -moz-user-select: none;
  }

  .leaflet-pane {
   z-index: 400;
  }

  .leaflet-tile-pane {
   z-index: 200;
  }

  .leaflet-overlay-pane {
   z-index: 400;
  }

  .leaflet-shadow-pane {
   z-index: 500;
  }

  .leaflet-marker-pane {
   z-index: 600;
  }

  .leaflet-tooltip-pane {
   z-index: 650;
  }

  .leaflet-popup-pane {
   z-index: 700;
  }

  .leaflet-map-pane canvas {
   z-index: 100;
  }

  .leaflet-map-pane svg {
   z-index: 200;
  }

  .leaflet-vml-shape {
   width: 1px;
   height: 1px;
  }

  .lvml {
   behavior: url(#default#VML);
   display: inline-block;
   position: absolute;
  }

  .leaflet-control {
   position: relative;
   z-index: 800;
   pointer-events: visiblePainted;
   pointer-events: auto;
  }

  .leaflet-top,
  .leaflet-bottom {
   position: absolute;
   z-index: 1000;
   pointer-events: none;
  }

  .leaflet-top {
   top: 0;
  }

  .leaflet-right {
   right: 0;
  }

  .leaflet-bottom {
   bottom: 0;
  }

  .leaflet-left {
   left: 0;
  }

  .leaflet-control {
   float: left;
   clear: both;
  }

  .leaflet-right .leaflet-control {
   float: right;
  }

  .leaflet-top .leaflet-control {
   margin-top: 10px;
  }

  .leaflet-bottom .leaflet-control {
   margin-bottom: 10px;
  }

  .leaflet-left .leaflet-control {
   margin-left: 10px;
  }

  .leaflet-right .leaflet-control {
   margin-right: 10px;
  }

  .leaflet-fade-anim .leaflet-tile {
   will-change: opacity;
  }

  .leaflet-fade-anim .leaflet-popup {
   opacity: 0;
   transition: opacity 0.2s linear;
  }

  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
   opacity: 1;
  }

  .leaflet-zoom-animated {
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
  }

  .leaflet-zoom-anim .leaflet-zoom-animated {
   will-change: transform;
  }

  .leaflet-zoom-anim .leaflet-zoom-animated {
   transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  }

  .leaflet-zoom-anim .leaflet-tile,
  .leaflet-pan-anim .leaflet-tile {
   transition: none;
  }

  .leaflet-zoom-anim .leaflet-zoom-hide {
   visibility: hidden;
  }

  .leaflet-interactive {
   cursor: pointer;
  }

  .leaflet-grab {
   cursor: -webkit-grab;
   cursor: -moz-grab;
  }

  .leaflet-crosshair,
  .leaflet-crosshair .leaflet-interactive {
   cursor: crosshair;
  }

  .leaflet-popup-pane,
  .leaflet-control {
   cursor: auto;
  }

  .leaflet-dragging .leaflet-grab,
  .leaflet-dragging .leaflet-grab .leaflet-interactive,
  .leaflet-dragging .leaflet-marker-draggable {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
  }

  .leaflet-marker-icon,
  .leaflet-marker-shadow,
  .leaflet-image-layer,
  .leaflet-pane>svg path,
  .leaflet-tile-container {
   pointer-events: none;
  }

  .leaflet-marker-icon.leaflet-interactive,
  .leaflet-image-layer.leaflet-interactive,
  .leaflet-pane>svg path.leaflet-interactive {
   pointer-events: visiblePainted;
   pointer-events: auto;
  }

  .leaflet-container {
   background: #ddd;
   outline: 0;
  }

  .leaflet-container a {
   color: #0078A8;
  }

  .leaflet-container a.leaflet-active {
   outline: 2px solid orange;
  }

  .leaflet-zoom-box {
   border: 2px dotted #38f;
   background: rgba(255, 255, 255, 0.5);
  }

  .leaflet-container {
   font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  }

  .leaflet-bar {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
   border-radius: 4px;
  }

  .leaflet-bar a,
  .leaflet-bar a:hover {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   width: 26px;
   height: 26px;
   line-height: 26px;
   display: block;
   text-align: center;
   text-decoration: none;
   color: black;
  }

  .leaflet-bar a,
  .leaflet-control-layers-toggle {
   background-position: 50% 50%;
   background-repeat: no-repeat;
   display: block;
  }

  .leaflet-bar a:hover {
   background-color: #f4f4f4;
  }

  .leaflet-bar a:first-child {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
  }

  .leaflet-bar a:last-child {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   border-bottom: none;
  }

  .leaflet-bar a.leaflet-disabled {
   cursor: default;
   background-color: #f4f4f4;
   color: #bbb;
  }

  .leaflet-touch .leaflet-bar a {
   width: 30px;
   height: 30px;
   line-height: 30px;
  }

  .leaflet-touch .leaflet-bar a:first-child {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
  }

  .leaflet-touch .leaflet-bar a:last-child {
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
  }

  .leaflet-control-zoom-in,
  .leaflet-control-zoom-out {
   font: bold 18px 'Lucida Console', Monaco, monospace;
   text-indent: 1px;
  }

  .leaflet-touch .leaflet-control-zoom-in,
  .leaflet-touch .leaflet-control-zoom-out {
   font-size: 22px;
  }

  .leaflet-control-layers {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
   background: #fff;
   border-radius: 5px;
  }

  .leaflet-control-layers-toggle {
   background-image: url(images/layers.png);
   width: 36px;
   height: 36px;
  }

  .leaflet-retina .leaflet-control-layers-toggle {
   background-image: url(images/layers-2x.png);
   background-size: 26px 26px;
  }

  .leaflet-touch .leaflet-control-layers-toggle {
   width: 44px;
   height: 44px;
  }

  .leaflet-control-layers .leaflet-control-layers-list,
  .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
   display: none;
  }

  .leaflet-control-layers-expanded .leaflet-control-layers-list {
   display: block;
   position: relative;
  }

  .leaflet-control-layers-expanded {
   padding: 6px 10px 6px 6px;
   color: #333;
   background: #fff;
  }

  .leaflet-control-layers-scrollbar {
   overflow-y: scroll;
   overflow-x: hidden;
   padding-right: 5px;
  }

  .leaflet-control-layers-selector {
   margin-top: 2px;
   position: relative;
   top: 1px;
  }

  .leaflet-control-layers label {
   display: block;
  }

  .leaflet-control-layers-separator {
   height: 0;
   border-top: 1px solid #ddd;
   margin: 5px -10px 5px -6px;
  }

  .leaflet-default-icon-path {
   background-image: url(images/marker-icon.png);
  }

  .leaflet-container .leaflet-control-attribution {
   background: #fff;
   background: rgba(255, 255, 255, 0.7);
   margin: 0;
  }

  .leaflet-control-attribution,
  .leaflet-control-scale-line {
   padding: 0 5px;
   color: #333;
  }

  .leaflet-control-attribution a {
   text-decoration: none;
  }

  .leaflet-control-attribution a:hover {
   text-decoration: underline;
  }

  .leaflet-container .leaflet-control-attribution,
  .leaflet-container .leaflet-control-scale {
   font-size: 11px;
  }

  .leaflet-left .leaflet-control-scale {
   margin-left: 5px;
  }

  .leaflet-bottom .leaflet-control-scale {
   margin-bottom: 5px;
  }

  .leaflet-control-scale-line {
   border: 2px solid #777;
   border-top: none;
   line-height: 1.1;
   padding: 2px 5px 1px;
   font-size: 11px;
   white-space: nowrap;
   overflow: hidden;
   box-sizing: border-box;
   background: #fff;
   background: rgba(255, 255, 255, 0.5);
  }

  .leaflet-control-scale-line:not(:first-child) {
   border-top: 2px solid #777;
   border-bottom: none;
   margin-top: -2px;
  }

  .leaflet-control-scale-line:not(:first-child):not(:last-child) {
   border-bottom: 2px solid #777;
  }

  .leaflet-touch .leaflet-control-attribution,
  .leaflet-touch .leaflet-control-layers,
  .leaflet-touch .leaflet-bar {
   box-shadow: none;
  }

  .leaflet-touch .leaflet-control-layers,
  .leaflet-touch .leaflet-bar {
   border: 2px solid rgba(0, 0, 0, 0.2);
   background-clip: padding-box;
  }

  .leaflet-popup {
   position: absolute;
   text-align: center;
   margin-bottom: 20px;
  }

  .leaflet-popup-content-wrapper {
   padding: 1px;
   text-align: left;
   border-radius: 12px;
  }

  .leaflet-popup-content {
   margin: 13px 19px;
   line-height: 1.4;
  }

  .leaflet-popup-content p {
   margin: 18px 0;
  }

  .leaflet-popup-tip-container {
   width: 40px;
   height: 20px;
   position: absolute;
   left: 50%;
   margin-left: -20px;
   overflow: hidden;
   pointer-events: none;
  }

  .leaflet-popup-tip {
   width: 17px;
   height: 17px;
   padding: 1px;
   margin: -10px auto 0;
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
  }

  .leaflet-popup-content-wrapper,
  .leaflet-popup-tip {
   background: white;
   color: #333;
   box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  }

  .leaflet-container a.leaflet-popup-close-button {
   position: absolute;
   top: 0;
   right: 0;
   padding: 4px 4px 0 0;
   border: none;
   text-align: center;
   width: 18px;
   height: 14px;
   font: 16px/14px Tahoma, Verdana, sans-serif;
   color: #c3c3c3;
   text-decoration: none;
   font-weight: bold;
   background: transparent;
  }

  .leaflet-container a.leaflet-popup-close-button:hover {
   color: #999;
  }

  .leaflet-popup-scrolled {
   overflow: auto;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
  }

  .leaflet-oldie .leaflet-popup-content-wrapper {
   zoom: 1;
  }

  .leaflet-oldie .leaflet-popup-tip {
   width: 24px;
   margin: 0 auto;
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
  }

  .leaflet-oldie .leaflet-popup-tip-container {
   margin-top: -1px;
  }

  .leaflet-oldie .leaflet-control-zoom,
  .leaflet-oldie .leaflet-control-layers,
  .leaflet-oldie .leaflet-popup-content-wrapper,
  .leaflet-oldie .leaflet-popup-tip {
   border: 1px solid #999;
  }

  .leaflet-div-icon {
   background: #fff;
   border: 1px solid #666;
  }

  .leaflet-tooltip {
   position: absolute;
   padding: 6px;
   background-color: #fff;
   border: 1px solid #fff;
   border-radius: 3px;
   color: #222;
   white-space: nowrap;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  }

  .leaflet-tooltip.leaflet-clickable {
   cursor: pointer;
   pointer-events: auto;
  }

  .leaflet-tooltip-top:before,
  .leaflet-tooltip-bottom:before,
  .leaflet-tooltip-left:before,
  .leaflet-tooltip-right:before {
   position: absolute;
   pointer-events: none;
   border: 6px solid transparent;
   background: transparent;
   content: "";
  }

  .leaflet-tooltip-bottom {
   margin-top: 6px;
  }

  .leaflet-tooltip-top {
   margin-top: -6px;
  }

  .leaflet-tooltip-bottom:before,
  .leaflet-tooltip-top:before {
   left: 50%;
   margin-left: -6px;
  }

  .leaflet-tooltip-top:before {
   bottom: 0;
   margin-bottom: -12px;
   border-top-color: #fff;
  }

  .leaflet-tooltip-bottom:before {
   top: 0;
   margin-top: -12px;
   margin-left: -6px;
   border-bottom-color: #fff;
  }

  .leaflet-tooltip-left {
   margin-left: -6px;
  }

  .leaflet-tooltip-right {
   margin-left: 6px;
  }

  .leaflet-tooltip-left:before,
  .leaflet-tooltip-right:before {
   top: 50%;
   margin-top: -6px;
  }

  .leaflet-tooltip-left:before {
   right: 0;
   margin-right: -12px;
   border-left-color: #fff;
  }

  .leaflet-tooltip-right:before {
   left: 0;
   margin-left: -12px;
   border-right-color: #fff;
  }

@media (min-width: 1600px){
.container {
    max-width: 1280px;
}
.tel{
 right: 17%; 
 width: 55px;
}
#phone{
  right: 10.5%; 
}
.head-wrap {
    min-height: 768px;
    padding-top: 160px;
}
.head-wrap h1 {
    font-size: 38px;
  }
  .star, .prise , .graph {
    width: 45px;
    height: 45px;
    margin-left: 15px;
}
.top-advant p{
  font-size: 25px;
}

}
  @media (max-width: 1200px) {

   .diners,
   .borse {
    margin-top: 20px;
   }

   .clean-100 {
    margin-left: 50px;
    margin-right: 50px;
   }

   .trading-text h2 {
    margin-top: -50px;
   }
  }

  @media (max-width: 991px) {
   .logo {
    margin: 50px auto;
   }

   .tel {
    top: 80px;
   }

   .head-wrap h1 {
    text-align: center;
   }

   .trade-img-wrap {
    min-height: 350px;
   }

   .trading-text h2 {
    margin-top: 20px;
   }

   .trading-wrap {
    min-height: 500px;
    max-height: 720px;
   }

   /*.webmoney,
   .qiwi,
   .swift,
   .diners,
   .borse {
    margin-top: 20px;
   }*/

   .diners img {
    margin-left: auto;
    margin-right: none;
   }

   .borse img {
    margin-right: auto;
    margin-left: none;
   }

   .advantages-wrap p {
    padding-top: 10px;
    padding-bottom: 20px;
   }

   .advantages-wrap ul {
    padding-bottom: 20px;
   }

   .advantages-wrap ul li p {
    padding-bottom: 0px;
   }

   .first-row {
    padding-bottom: 20px;
   }

   .top-advatages-wrap {
    display: none;
   }

   .form-form-wrap {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
   }

   .head-wrap {
    min-height: 940px;
   }

   .logo {
    margin-top: 30px;
    margin-bottom: 30px;
   }

  /* .pc span {
    display: none;
   }

   .ps,
   .pr,
   .cer {
    text-align: right;

   }

   .pc,
   .ut,
   .arb {
    text-align: left;
    padding-left: 10px !important;
   }

   .ps a {
    padding-right: 10px !important;
   }

   .pr a {
    padding-right: 10px !important;
   }

   .cer a {
    padding-right: 10px !important;
   }*/
  }
 @media (max-width: 769px) {
.head-wrap {
    background-image: url(../img/destop3.jpg);
  }
 }
  @media (max-width: 767px) {
   .trade-img-wrap {
    min-height: 300px;
   }

   .head-wrap {
    min-height: 850px;
   }

   .head-wrap h1 {
    font-size: 30px;
   }

   .trading-up {
   /* position: relative;
    top: -70px;*/
    min-height: 800px;
   }

   .trading-wrap {
    min-height: 500px;
    max-height: 720px;
   }

   .trading-text h2 {
    margin-top: -25px;
   }

   .android,
   .ios {
    margin-top: 15px;
   }

   .links {
    line-height: 26px;
   }

   .block__map .map {
    position: absolute;
    top: 400px;
    left: 0;
    width: 100%;
    height: 400px;
    margin-top: 40px;
   }

   .block__map{
    height: 100%;
    overflow: unset;
   }

   .block__map .map{
    position: relative;
    top: 0;
    margin-top: 0;
   }

   .device {
    text-align: center;
    margin-bottom: 15px;
   }
  }

  @media (max-width: 576px) {
   .top-advatages-wrap {
    display: none;
   }

   .trading-wrap {
    min-height: 550px;
    max-height: 720px;
   }

   .trade-img-wrap {
    min-height: 200px;
   }

   .head-wrap {
    min-height: 680px;
   }

   .trading-text h2 {
    margin-top: 30px;
   }

   .head-wrap h1 {
    font-size: 36px;
   }
   .head-wrap h1 span{
    font-size: 30px;
   }

   .trading-text h2 {
    font-size: 36px;
    margin-top: 30px;
    padding-bottom: 25px;
   }

   .advantages-wrap h3 {
    font-size: 36px;
   }

   .logo {
    /* width: 178px !important; */
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-bottom: 30px;
   }

   .footer__address {
    padding-bottom: 70px;
   }

  }

  @media (max-width: 531px) and (min-width: 525px) {
   .head-wrap {
    min-height: 850px;
   }
  }

  @media (max-width: 420px) {
    .head-wrap {
    background-image: url(../img/destop3.jpg);
    background-position: 50% 50%;
}
   .Iicon {
    display: table-caption;
   }

   .block__map{
    height: 100%;
    overflow: unset;
   }
   .trading-wrap {
    min-height: 550px;
    max-height: 630px;
   }
   .block__map .map{
    position: relative;
    top: 0;
    margin-top: 0;
   }
   #phone{
    top: 156px;
   }
    #phone::before {
    left: auto;
    right: 50px;
   }
   .block__map .footer__addressLi{
    background: none;
   }
  }
@media (max-width: 360px) {
.form input{
  width: 100%;
}
}
  .device {
   width: 10%;
   height: 10%;
  }

  .lakub_derza_timan {
   background-color: transparent;
   -webkit-border-radius: 7px;
   border-radius: 43px;
   border: none;
   color: #e4e2e2;
   cursor: pointer;
   display: inline-block;
   font-family: Arial;
   font-size: 17px;
   padding: 0px;
   text-align: center;
   text-decoration: none;
  }

  @keyframes glowing {

   /* 0% {box-shadow: 0 0 2px #074673; }
   50% {box-shadow: 0 0 9px #0e87de; }
   100% {box-shadow: 0 0 2px #094d7d; } */
   0% {
    box-shadow: 0 0 2px #0c9048;
   }

   50% {
    box-shadow: 0 0 9px #134e2e; /*4fff9e*/
   }

   100% {
    box-shadow: 0 0 2px #1aab5b;
   }
  }

  .lakub_derza_timan {
   animation: glowing 1000ms infinite;
  }

  .telegram{
    max-width: 55px;
    position: fixed;
    bottom: 40px;
    right: 17%;
    z-index: 10000;
  }

  .telegram img{
    max-width: 55px;
  }


  @media (max-width: 1440px) {
  .telegram{
    right: 8%;
  }
}