* {
  margin: 0;outline: none; 
  padding: 0;    -webkit-print-color-adjust: exact;
    box-sizing: border-box;  }
html * {
    -webkit-print-color-adjust: exact;
    box-sizing: border-box;

}
html {height: 100%; overflow-x:hidden}
body {  font-family: SFProDisplay-Regular;background:#fff;background-position:50% 0; color:#333;font-size:16px; 
 }

a {color:#000;outline: none;text-decoration:none ;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease; 
}
a:hover { text-decoration:none;color:#333;
}
img { border: none;
}
input[type="submit"] {cursor: pointer;}
p { padding:0px;}
input, button {outline:none; border:none;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
header {height: 100vh;background: url(../images/heade.jpg) no-repeat center top;position: relative;background-size: cover;}
header.mini {height: 225px}


header.mini .topbar {background: rgba(255,255,255,.05)}
.logo-font {font-family: 'Comfortaa', cursive;}
.topbar {height: 97px}
.topbar a.logo {font-size: 52px;color: #fff;float: left;margin-left: 80px;position: relative;float: left;margin-top:10px}
.topbar a.logo span {
    font-family: SFProDisplay-Light;
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 9px;
    right: 0px;
}
.topbar .lang {float: left;margin-left: 45px;margin-top: 30px;position: relative;padding-bottom: 10px;}


.topbar .lang .lang-curr {padding: 5px 14px 5px 9px;border-radius: 6px;background: rgba(255,255,255,.06);cursor: pointer;}
.topbar .lang .lang-curr {color: #fff}
.topbar .lang .lang-curr img {margin-right: 12px}
.topbar .lang .lang-curr i {width: 8px;height: 5px;background: url(../images/a1.png) no-repeat center;display: inline-block;vertical-align: top;margin-left: 12px;margin-top: 10px}

.topbar .lang:hover .lang-curr i {background-image: url(../images/a2.png)}

.topbar .lang .lang-select {width: 140px;padding: 5px 9px;border-radius: 6px;background: rgba(255,255,255,.06);margin-top: 5px;position: absolute;}
.topbar .lang .lang-select img {margin-right: 12px}
.topbar .lang .lang-select  a {color: #fff;font-size: 14px; font-family: SFProDisplay-Light;}
.topbar .lang .lang-select .disable {opacity: 0.5;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.topbar .lang .lang-select .item {margin: 3px 0}
.topbar .lang .lang-select .disable:hover  {opacity: 1}

.topbar .lang:hover .lang-select { opacity: 1;
    visibility: visible;}
.topbar .lang .lang-select { opacity: 0;
    visibility: hidden;
    transition: .55s opacity, .55s visibility;}

.topbar .navs {float: right;margin-right: 20px;margin-top: 33px;line-height: 35px}
.topbar .navs ul li {list-style:none;display: inline-block;vertical-align: top;margin-right: 0px;padding-bottom: 10px}
.topbar .navs ul li {position: relative;}
.topbar .navs ul li ul {width: 260px;position: absolute;background: #fff;top:38px;padding:10px;border-radius: 6px;display: none;z-index: 9;}
.topbar .navs ul li:hover ul {display: block;}
.topbar .navs ul li ul li {line-height: normal;display: block;}
.topbar .navs ul li ul {line-height: normal;}
.topbar .navs ul li ul li a {line-height: 26px;font-size: 14px;color: #000}
.topbar .navs ul li ul li a:hover {color: #fb4242}
.topbar .navs a {color: #dadada;font-size: 17px;padding:7px 13px;border-radius: 6px}
.topbar .navs a:hover,
.topbar .navs ul li:hover a {color: #151515;background: #fff;border-radius: 6px}
.topbar .signin {float: right;margin-right: 80px;margin-top: 35px}
.topbar .signin a {padding: 8px 30px;border-radius: 6px;font-size: 18px;}
.topbar .signin a i {width: 14px;height: 16px;background: url(../images/logob.png) no-repeat center;display: inline-block;vertical-align: top;margin-left: 10px;margin-top: 5px}

.topbar .signin a {background: #fff;color: #151515}

.topbar .signin a:hover {background: #e68614;color: #fff}
.topbar .signin a:hover i {background-image: url(../images/logow.png);}

.topbar.fixed,header.mini .topbar.fixed {position: fixed;top: 0;left: 0;right: 0;width: 100%;background: rgba(0,0,0,.9);z-index: 991;}

.topbar.fixed .lang .lang-select {background: rgba(0,0,0,.9)}

.slogon {padding-top: 200px;text-align: center;color: #fff;width: 645px;margin: auto}
.slogon h1 { font-family: SFProDisplay-Medium;font-size: 48px;}
.slogon p {font-size: 20px;text-align: center;color: #fff;margin-top: 25px;margin-bottom: 0}

 .slogon .getstart{padding: 14px 80px;background:#57d749;border-radius: 100px;color: #fff;font-size: 18px;display: table;margin: 35px auto 0;}
  .slogon .getstart:hover {background:#17a023;box-shadow: 0 0px 26px rgba(94,194,83,.50)}


.preims-header {position: absolute;bottom: 30px;width: 100%;padding: 0 80px}

.preims-header .col-sm-4 {-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}

.preims-header .icon {width: 70px;height: 70px;background:#fff;border-radius: 100px;text-align: center;line-height: 70px;float: left; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.preims-header .icon .i1 {
    background-image: url(../images/head-p-1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px;
    background-size: contain;
    line-height: 71px; transition: .55s opacity, .55s visibility;
    margin: auto;
}

.preims-header .icon .i2 {
    background-image: url(../images/head-p-2.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px;
    background-size: contain;
    line-height: 71px; transition: .55s opacity, .55s visibility;
    margin: auto;
}

.preims-header .icon .i3 {
    background-image: url(../images/head-p-3.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px; transition: .55s opacity, .55s visibility;
    background-size: contain;
    line-height: 71px;
    margin: auto;
}

.preims-header .descr {width: calc(100% - 90px);float: right;color: #efefef;font-size: 18px;padding-right: 60px;text-align: center;}

.preims-header .col-sm-4:hover .i1 {background-image: url(../images/mt-1.png);}

.preims-header .col-sm-4:hover .i2 {background-image: url(../images/mt-2.png);}

.preims-header .col-sm-4:hover .i3 {background-image: url(../images/mt-3.png);}

.preims-header .col-sm-4:hover .icon {background: #262626}
.preims-header .col-sm-4:hover .descr{color:#e68614}

.preims-header .icon{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.preims-header .col-sm-4:hover .icon {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

.box-sign {background:#151515;height: 100vh;position: fixed;left: 0;right: 0;width: 100%;z-index: 9981;padding-top: 330px;top: 0;}
.box-sign .closes {position: absolute;right: 80px;top: 80px;width: 24px;height: 24px;background:url(../images/close1.png) no-repeat center;display: block;cursor:pointer;}
.box-sign .closes:hover {background-image: url(../images/close2.png);}

.box-sign .mainbar .title span{display: block;font-size: 24px;color: #fb4242; font-family: SFProDisplay-Medium;text-transform: uppercase;}
.box-sign .mainbar .title { font-family: SFProDisplay-Light;color: #fff;font-size: 20px;text-align: center;margin-bottom: 70px}


.box-sign .mainbar a {padding: 15px 90px;border-radius: 100px;background:#ffff;color: #151515;font-size: 18px;    display: inline-block;
    margin-top: 40px;}
.box-sign .mainbar a:hover {background:#e68614;color: #fff;box-shadow: 0 0 36px rgba(230,134,20,.6)}
.box-sign .mainbar {text-align: center;margin: auto}

.box-sign .mainbar a:nth-child(3) {margin: 0 30px}
.box-sign .mainbar a:last-child:hover {background:#e68614;color: #fff;box-shadow: 0 0 36px rgba(230,134,20,.6)}


.box-sign .mainbar a:nth-child(4) {margin-right: 30px}

.box-demomodal {background:#151515;height: 100vh;position: fixed;left: 0;right: 0;width: 100%;z-index: 991;padding-top: 330px;z-index: 9991;}
.box-demomodal .closes {position: absolute;right: 80px;top: 80px;width: 24px;height: 24px;background:url(../images/close1.png) no-repeat center;display: block;cursor:pointer;}
.box-demomodal .closes:hover {background-image: url(../images/close2.png);}

.box-demomodal .mainbar .title span{display: block;font-size: 24px;color: #fb4242; font-family: SFProDisplay-Medium;text-transform: uppercase;}
.box-demomodal .mainbar .title { font-family: SFProDisplay-Light;color: #fff;font-size: 20px;text-align: center;margin-bottom: 70px}


.box-demomodal .mainbar a {
    padding: 15px 90px;
    border-radius: 100px;
    background: #ffff;
    color: #151515;
    font-size: 18px;
    display: inline-block;
    margin-top: 40px;
}.box-demomodal .mainbar a:hover {background:#e68614;color: #fff;box-shadow: 0 0 36px rgba(230,134,20,.6)}
.box-demomodal .mainbar {text-align: center;margin: auto}

.box-demomodal .mainbar a:nth-child(3) {margin:0 15px;}
.box-demomodal .mainbar a:nth-child(4) {margin-right: 15px}
.box-demomodal .mainbar a:last-child:hover {background:#e68614;color: #fff;box-shadow: 0 0 36px rgba(230,134,20,.6)}



.about1 strong {font-weight: normal;}

.why-choose {min-height: 829px;background:url(../images/map.jpg) no-repeat center top;padding-top: 40px;background-size: cover;padding-bottom: 20px}

h4.main {text-align: center;font-size: 20px;position: relative;display: table;margin: auto}
h4.main  span {display: block;font-size: 36px; font-family: SFProDisplay-Medium;}
h4.main:after {content: "";width: 195px;height: 2px;background:#000;margin: 10px auto 0;display: block;}

.why-choose  .tabs_container {margin-top: 60px;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,.15)}
.why-choose  .tabs_container .tabs {width: 100px;float: left;margin-left: 0px}
.why-choose  .tabs_container .tabs li a{width: 100%;height: 80px;background:#151515;line-height: 80px;display: block;text-align: center;margin-bottom: 1px}
.why-choose  .tabs_container .tabs li {list-style:none;}
.why-choose  .tabs_container .tabs li:first-child a {border-radius: 10px 10px 0 0}
.why-choose  .tabs_container .tabs li:last-child a {border-radius: 0px 0px 10px 10px}

.why-choose  .tabs_container .tabs li a:hover,.why-choose  .tabs_container .tabs li.active a{background: #fb4242}

.why-choose  .tabs_container .tabs li.active a {position: relative;}
.why-choose  .tabs_container .tabs li.active a:before {content: "";width: 17px;height: 44px;background: url(../images/choose-after.png) no-repeat center;display: block;position: absolute;right: -17px;top: 18px}


.why-choose  .tabs_container .tabs_panel {width: calc(100% - 155px);float: right;}





.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.why-choose  .tabs_container .tabs_panel h5 {color: #fb4242;font-size: 24px; font-family: SFProDisplay-Medium;line-height: 30px;margin-bottom: 40px;margin-top: 13px}
.why-choose  .tabs_container .tabs_panel h5 span {font-family: SFProDisplay-Light;display: block;color: #151515;font-size: 20px;}
.why-choose  .tabs_container .tabs_panel p {font-size: 20px;line-height: 30px;color: #151515;margin-bottom: 40px}
.why-choose  .tabs_container .tabs_panel p:last-child {margin-bottom: 0}
.why-choose  .tabs_container .tabs_panel .buttons {margin-top: 45px}
.why-choose  .tabs_container .tabs_panel .buttons a {padding: 15px 60px;background: #151515;border-radius: 100px;font-size: 18px;color: #fff}
.why-choose  .tabs_container .tabs_panel .buttons a:hover {background: #fb4242;color: #fff}

.why-choose  .tabs_container .tabs_panel .buttons a:after {content: "";width: 10px;height: 14px;background: url(../images/arrow.png) no-repeat center;display: inline-block;vertical-align: top;margin: 7px 0 0 16px}
.othertext p {font-size: 20px;color: #151515;margin-bottom: 20px;line-height: 25px}
.othertext {background: url(../images/abc-g.png) no-repeat right bottom;padding-bottom: 20px}

.advantages {padding-top: 40px}

.advantages h4 {margin-bottom: 50px}

.advantages .image {text-align: center;margin-bottom: 15px}
.advantages p {font-size: 20px;text-align: center;color: #151515;letter-spacing: 0.2px}
.advantages .col-md-five:hover p{color: #fb4242}
.advantages .image.i1 {width: 48px;height: 48px;background: url(../images/caadv1.png) no-repeat center;display: block;margin-left: auto;margin-right: auto}
.advantages .col-md-five:hover .image.i1{background-image: url(../images/caadv21.png);}

.advantages .image.i2 {width: 48px;height: 48px;background: url(../images/caadv2.png) no-repeat center;display: block;margin-left: auto;margin-right: auto}
.advantages .col-md-five:hover .image.i2{background-image: url(../images/caadv31.png);}

.advantages .image.i3 {width: 48px;height: 48px;background: url(../images/caadv3.png) no-repeat center;display: block;margin-left: auto;margin-right: auto}
.advantages .col-md-five:hover .image.i3{background-image: url(../images/caadv41.png);}

.advantages .image.i4 {width: 48px;height: 48px;background: url(../images/caadv4.png) no-repeat center;display: block;margin-left: auto;margin-right: auto}
.advantages .col-md-five:hover .image.i4{background-image: url(../images/caadv51.png);}

.advantages .image.i5 {width: 56px;height: 48px;background: url(../images/caadv5.png) no-repeat center;display: block;margin-left: auto;margin-right: auto}
.advantages .col-md-five:hover .image.i5{background-image: url(../images/caadv61.png);}

.advantages .col-md-five p, .advantages .image{-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease; 
                      }


    .circle {margin-top: 55px;position: relative;margin-bottom: 0px}

.circle .mainblock {
    width: 550px;padding-top: 30px;min-height: 424px;margin: 0 30px 0 auto;padding-right: 30px;
}
.circle  .num {font-size: 44px;color: #151515;font-family: SFProDisplay-Medium;line-height: 48px}
.circle  .desc {font-size: 20px;margin-bottom: 0px;}
.circle .item {text-align: center;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #cecece solid} 
.circle .item.w50 {width:50%;padding: 0 15px 30px;float: left}
.circle .line_load{ width:100%; height:5px;background: #dadada; position:relative; top:5px;border-radius: 100px;}
.circle .line_load .line{background: linear-gradient(45deg, #151515, #fb4242); width:0%; height:5px; -webkit-transition:all 3s ease; -moz-transition:all 3s ease; -o-transition:all 3s ease; transition:all 3s ease; }
.advantages .textminis  p {font-size: 16px;margin-top: 30px}
.circebg {
    background: #03010e url(../images/circlebg.jpg) no-repeat center left;
    height: 424px;
   width: 100%;
}

.circle .color1 .num {color: green}
.circle .color2 .num {color: #e68614}
.circle .color3 .num {color: red}


.circebg .inner {padding: 50px 70px 0;font-size: 20px;font-family: SFProDisplay-Light;color: #fff}
.circebg .inner {color: #fff;text-align: left}
.circebg .inner .block2 {font-family: SFProDisplay-Medium;color: #e68614;font-size: 24px;margin-top: 70px;text-transform: uppercase;width: 86%;margin-bottom: 40px}
.circebg .inner .buttons a {padding: 13px 40px;border-radius: 1000px;color: #151515;font-size: 18px;display: inline-block;vertical-align: top;margin-right: 25px}
.circebg .inner .buttons a.btn1 {background: #fff}
.circebg .inner .buttons a i {margin-left: 15px;display: inline-block;vertical-align: top}

.circebg .inner .buttons a.btn1 i {width: 14px;height: 14px;background: url(../images/phone1.png) no-repeat center;margin-top: 8px}
.circebg .inner .buttons a.btn2 i {width: 13px;height: 14px;background: url(../images/user.png) no-repeat center;margin-top: 6px}

.circebg .inner .buttons a.btn2 {background: #e68614;color: #fff}
.circebg .inner .buttons a.btn2:hover {box-shadow: 0 0 36px rgba(230,134,20,.60)}
.circebg .inner .buttons a.btn1:hover {box-shadow: 0 0 36px rgba(255,255,255,.60)}


.start_right_now {height: 659px;background: url(../images/home_start_now.jpg) no-repeat center;background-size: cover;padding-top: 60px}

.start_right_now h4 {color: #fff;margin-bottom: 105px}
.start_right_now h4:after {background: #fff}

.start_right_now .leftdesc {margin-top: 100px;width: 700px;position: relative;z-index: 91}
.start_right_now .leftdesc h5 {color: #fff;font-family: SFProDisplay-Medium;font-size: 24px;text-transform: uppercase;}

.start_right_now .leftdesc p {font-size: 20px;color: #dadada;line-height: 30px; font-family: SFProDisplay-Light; margin-bottom: 30px}
.start_right_now .leftdesc p b {font-family: SFProDisplay-Medium;font-weight: normal;}
.start_right_now .leftdesc .buttons {margin-top: 60px}
.start_right_now .leftdesc .buttons a {padding: 15px 60px;border-radius: 1000px;background: #fff;color: #151515;font-size: 18px;}
.start_right_now .leftdesc .buttons a i {width: 10px;height: 14px;background: url(../images/arrow2.png) no-repeat center;display: inline-block;vertical-align: top;margin-left: 15px;margin-top: 7px}

.start_right_now .leftdesc .buttons a:hover {
    background: #fb4242;
    color: #fff;
    box-shadow: 0 0 36px rgba(251,66,66,.6);
}

.start_right_now .leftdesc .buttons a:hover i {background-image: url(../images/arrow.png);}

.start_right_now  {position: relative;}

.start_right_now .nout1 {width: 100vw;position: absolute;right: 0px;top: 210px;text-align: right;padding-right: 80px;}



.block_download {padding: 60px 0 80px;position: relative;}


.block_download .leftdesc {width: 630px;margin-top: 60px}

.block_download .leftdesc .bx_1 {font-family: SFProDisplay-Medium;font-size: 24px;line-height: 30px;margin-bottom: 40px}
.block_download .leftdesc .bx_2 {font-size: 20px;line-height: 30px;color: #151515}
.block_download .leftdesc .bx_2 span {font-family: SFProDisplay-Medium;display: block;font-size: 24px;text-transform: uppercase;}
.block_download .leftdesc .downblock {margin-top: 60px}
.block_download .leftdesc .downblock img {margin-right: 20px}

.block_download .nout2 {position: absolute;top: 200px;right: 80px;}

footer {background: #151515;padding: 50px 0 20px}

.disclamer .title {font-size: 24px;font-family: SFProDisplay-Medium;color: #fff;margin-bottom: 32px}
.disclamer p {color: #dadada;font-size: 14px}
.disclamer {padding:0 7px;}
.disclamer .abc {margin-top: 25px}
.disclamer  a {color: #e68614;}
.footermenu .ctitle{color: #fff;font-size: 24px;font-family: SFProDisplay-Medium;text-transform: uppercase;margin-bottom: 35px}
.footermenu  ul li {list-style: none}
.footermenu  ul li a{color: #dadada;font-size: 14px;line-height: 26px}
.footermenu  ul li a:hover {color: #fb4242}

.cmenu1 {padding-bottom: 60px;margin-bottom: 35px;border-bottom: 1px solid rgba(255,255,255,.15)}
 .banners ul{display: flex;
  align-items: center;
 justify-content: space-between;}
.banners ul li {list-style: none;}
.banners ul li:last-child {margin-right: 0}


.copys {height: 56px;background: #0e0e0e}

.copys .lft {text-align: left;float: left;color: #dadada;font-size: 14px;line-height: 56px}
.copys .pay {float: right;line-height: 56px}


.mobpanel {display: none}



.callback_box {
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 9999;
    background: #fff;
    width: 465px;
    height: 100%;
    overflow: auto;
    padding-left: 75px;
    padding-right: 35px;
    -moz-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -moz-transition: -moz-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
}

.callback_box.open {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


.shadow {background: rgba(0,0,0,.6);position: fixed;top: 0;left: 0;bottom: 0;width: 0%;height: 0vh;opacity: 0;z-index: 9998}
.shadow.open {opacity: 1;width: 100%;height: 100vh}

.callback_box .contact-form {position: absolute;top: 17%;padding: 0 20px;left: 40px;width: 80%}
.callback_box .contact-form .titles {text-align: center;color: #333;font-weight: 700;font-size: 26px;margin-bottom: 50px}
.callback_box .contact-form .titles span {color: #fb4242;}

.callback_box .contact-form label {font-size: 13px;color: #333;margin-bottom: 0}
.callback_box .contact-form input[type="text"],.callback_box .contact-form  textarea {width: 100%;height: 30px;border-bottom: 1px #333 solid;color: #000;padding: 0px;margin-bottom: 20px}
.callback_box .contact-form  textarea {height: 50px;border:1px #333 solid;border-width: 0 0 1px 0}

 .callback_box .contact-form input[type="submit"]{padding: 8px 28px;border-radius: 100px;font-size: 18px;font-weight: 700;color: #fff;background: #fb4242;margin-bottom: 40px;cursor: pointer;}
  .callback_box .contact-form input[type="submit"]:hover {background:#fb4242;color: #fff;box-shadow: 0 0 36px rgba(251,66,66,.6)}
  .callback_box .zark{font-size: 50px;position: absolute;top: 80px;right: 60px;color: #333;cursor:pointer;}
    .callback_box .zark:hover {color: #fb4242}

 .callback_box .succ-c {margin-top: 10px;color: #80eb4b;font-size: 13px;}

 .shadow {background: rgba(0,0,0,.6);position: fixed;top: 0;left: 0;bottom: 0;width: 0%;height: 0vh;opacity: 0;z-index: 9998}
.shadow.open {opacity: 1;width: 100%;height: 100vh}



.breadsh1 {float: left;padding-left: 80px;margin-top: 20px}
.breadsh1 h1 { font-family: SFProDisplay-Light;font-size: 20px;color: #fff}
.breadsh1 h1 span {display: block;font-size: 36px; font-family: SFProDisplay-Medium; padding-top: 5px}

.breads {float: right;margin-top: 40px;padding-right: 80px}
.breads a {color: #d0d0d0;font-size: 14px}
.breads a:after {content: " - ";padding:0 10px;}
.breads a:last-child:after {content: ""}
.breads span {color: #fff;font-size: 14px}


.about1 {background: url(../images/company.jpg) no-repeat center top;background-size: cover;padding-bottom: 30px}

.minibread {padding:15px 0;text-align: center;border-bottom: 1px solid rgba(0,0,0,.15);margin-bottom:35px}
.minibread a {color: #151515;font-size: 14px;margin-right: 14px}
.minibread a:hover,
.minibread a.active {color: #e68614}

.about1-1 {color: #151515;font-size: 20px;width: 465px;float: left}
.about1-1 span {color: #e68614}

.about1-2 {width: 660px;float: right}

.about1-2 .icon {width: 75px;float: left;}
.about1-2 .descr {font-family: SFProDisplay-Light;width: calc(100% - 75px);float: right;font-size: 20px;line-height: 30px;margin-top: -3px;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}

.about1-2 .descr span {display: block; font-family: SFProDisplay-Medium;font-size: 24px;text-transform: uppercase;}

/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.about1-2 .marb .icon{
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.about1-2 .marb:hover .icon{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.about1-2 .marb {margin-bottom: 40px;}

.about1-2 .marb:hover .descr {color: #e68614}


.about3 {color: #151515;font-size: 20px;margin-top: 20px;width: 75%;float: left}

.companymail {padding:8px 40px;border-radius: 100px;color: #ffffff;font-size: 18px;float: right;background: #e68614;margin-top: 30px}
.companymail  i {width: 32px;height: 32px;background: url(../images/companyemail.png) no-repeat center;display: inline-block;vertical-align: top;margin-left: 25px}
.companymail:hover {box-shadow: 0 0 36px rgba(230,134,20,.8);color: #fff}

.krownledge {padding:60px 0;}

.krownledge .text {color: #151515;font-size: 20px;line-height: 30px;margin-top: 50px}
.krownledge .text  p {margin-bottom: 35px}

.krownledge .plitka {margin-top: 55px}

.krownledge .plitka .item {color: #151515;box-shadow: 0px 10px 20px rgba(42,43,42,.08);background: #fff;padding:15px 0;border-radius: 6px;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease; }

.krownledge .plitka .item:hover,
.krownledge .plitka .item.active {background: #151515;color: #fff}

.krownledge .buttons {margin-top: 50px;text-align: center;}
.krownledge .buttons a {display: table;text-align: center;padding:10px 57px;border-radius: 1000px;border:2px #151515 solid;color: #151515;font-size: 18px;margin: auto}
.krownledge .buttons a i {width: 10px;height: 14px;background: url(../images/arrow2.png) no-repeat center ;display: inline-block;vertical-align: top;margin-left: 15px;margin-top: 6px}
.krownledge .buttons a:hover {background: #e68614;color: #fff;border-color:#e68614;}
.krownledge .buttons a:hover i {background-image: url(../images/arrow.png);}

.krownledge .plitka .item  {text-align: center;cursor:pointer;}
.krownledge .plitka .item .texts { font-family: SFProDisplay-Medium;font-size: 24px;text-transform: uppercase;}
.krownledge .plitka .item .image {}
.krownledge .plitka .item .image.i1 {width:50px;height: 50px;background: url(../images/krown1.png) no-repeat center;margin: auto auto 10px}
.krownledge .plitka .item:hover .image.i1,
.krownledge .plitka .item.active .image.i1 {background-image: url(../images/krown1-1.png);}

.krownledge .plitka .item .image.i2 {width:52px;height: 50px;background: url(../images/krown2.png) no-repeat center;margin: auto auto 10px}
.krownledge .plitka .item:hover .image.i2,
.krownledge .plitka .item.active .image.i2 {background-image: url(../images/krown2-1.png);}

.krownledge .plitka .item .image.i3 {width:57px;height: 50px;background: url(../images/krown3.png) no-repeat center;margin: auto auto 10px}
.krownledge .plitka .item:hover .image.i3,
.krownledge .plitka .item.active .image.i3 {background-image: url(../images/krown3-1.png);}


.krownledge .plitka .item .image.i4 {width:50px;height: 50px;background: url(../images/krown4.png) no-repeat center;margin: auto auto 10px}
.krownledge .plitka .item:hover .image.i4,
.krownledge .plitka .item.active .image.i4 {background-image: url(../images/krown4-1.png);}


.bxtitle {display: none}

.page-static {color: #151515;font-size: 20px;line-height: 30px}
.page-static  h5 {font-size: 24px; font-family: SFProDisplay-Medium;}
.page-static .block {margin-bottom: 50px}
.page-static  ul{margin-top: 30px}
.page-static ul li {background: #f9f9f9;padding:15px 15px 15px 70px;margin-bottom: 5px;list-style: none;position: relative;}

.page-static ul li:before {content: "";width: 50px;height: 100%;background:#fb4242 url(../images/arrow.png) no-repeat center;position: absolute;left: 0;top: 0;}

.page-static ul li:hover:before {background-color: #262626}

.maps {margin: 60px 0}

.man-form {padding:30px 0;background: #f9f9f9;position: relative;}

.man-form .items {float: left;margin-right: 60px}
.man-form .items span {display: block;font-size: 24px;font-family: SFProDisplay-Medium;text-transform: uppercase;line-height: 24px}
.man-form .items a {color: #151515;font-size: 20px}
.man-form .man {width: 235px;height: 221px;position: absolute;left: 0;top: -90px;display: block;background: url(../images/man.png);}
.man-form .items:last-child {
  margin-right: 0;
}
.man-form .container {position: relative;}

.man-form .lnk {padding-left:350px;padding-top: 25px;float:left}


.man-form .buttons {float: left;width: 100%;text-align: center;margin-top: 40px;}

.man-form .buttons a {padding:8px 40px;border-radius: 100px;color: #fff;font-size: 18px;margin: auto}
.man-form .buttons a.btn1 {background: #fb4242;margin-bottom: 15px;margin-right: 30px;}
.man-form .buttons a.btn1 i {margin-left: 15px;display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../images/write.png) no-repeat center;margin-top: 5px}


.man-form .buttons a.btn1:hover {box-shadow: 0 0 36px rgba(251,66,66,.6)}

.man-form .buttons a.btn2 {background: #e68614}
.man-form .buttons a.btn2 i {margin-left: 15px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background: url(../images/phone2.png) no-repeat center;margin-top: 5px}


.man-form .buttons a.btn2:hover {box-shadow: 0 0 36px rgba(230,134,20,.6)}


.contblock {width: 571px;height: 181px;background: url(../images/contblock.png) no-repeat center;float: left;margin-bottom: 0px;position: relative;margin-top: 60px}
.contblock .titles {position: absolute;left: 133px;font-family: SFProDisplay-Medium;font-size: 20px;top: 0px}
.contblock .icon {margin-left: 38px;width: 67px;text-align: center;margin-top: 25px}
.contblock .text {font-size: 20px;line-height: 25px;margin-left: 38px;margin-top: 10px}
.contblock .text a {font-family: SFProDisplay-Medium;}


.platformbg {min-height: 632px;background: url(../images/platformbg.jpg) no-repeat right top;font-size: 20px;line-height: 30px}

.platformbg h5 {font-size: 24px;font-family: SFProDisplay-Medium;}

.mobps {display: none}
.platfbg {margin-top:55px}

.platformbg .doptext {margin-top: 40px}

.metaslider {margin-top: 0px;padding-bottom: 80px}

.metaslider .infos {width: 360px;float: left;margin-top: 27px}
.metaslider .infos ul {margin-top: 35px}
.metaslider .infos ul li {list-style:none;margin-bottom: 20px;border-left: 2px #e68614 solid;padding-left: 30px;font-size: 20px}

.metaslider  h5 {font-size: 20px;font-family: SFProDisplay-Medium;}

.slider {width: 687px;float: right}

.m-b-0 {margin-bottom: 0!important}



.webtrade {padding:50px 80px;}
.webtrade .descr {width: calc(100% - 90px);float: right;color: #151515;font-size: 20px;padding-right: 60px}

.webtrade .col-sm-4:hover .descr{color:#e68614}

.webtrade .icon {width: 70px;height: 70px;background:#151515;border-radius: 100px;text-align: center;line-height: 70px;float: left; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.webtrade .icon .i1 {
    background-image: url(../images/mt-1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px;
    background-size: contain;
    line-height: 71px; transition: .55s opacity, .55s visibility;
    margin: auto;
}

.webtrade .icon .i2 {
    background-image: url(../images/mt-2.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px;
    background-size: contain;
    line-height: 71px; transition: .55s opacity, .55s visibility;
    margin: auto;
}

.webtrade .icon .i3 {
    background-image: url(../images/mt-3.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 69px; transition: .55s opacity, .55s visibility;
    background-size: contain;
    line-height: 71px;
    margin: auto;
}


.webtrade .col-sm-4:hover .i1 {background-image: url(../images/head-p-1.png);}

.webtrade .col-sm-4:hover .i2 {background-image: url(../images/head-p-2.png);}

.webtrade .col-sm-4:hover .i3 {background-image: url(../images/head-p-3.png);}

.webtrade .col-sm-4:hover .icon {background: #262626}
.webtrader .col-sm-4:hover .descr{color:#e68614}

.webtrade .icon{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.webtrade .col-sm-4:hover .icon {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);background: #f9f9f9;
}

.trading-1 {font-size: 20px;line-height: 30px;margin-top: 75px;margin-bottom: 60px}
.trading-1 h5 {font-size: 24px;font-family: SFProDisplay-Medium;text-transform: uppercase;}

.trading-1 .text-inner {padding-right: 40px}

.trading-1 .pagenavi {margin-top: 50px}

.trading-1 .pagenavi span{color: #e68614;font-size: 20px;display: inline-block;vertical-align: top;margin-right: 10px;margin-top: 4px}

.trading-1 .pagenavi a {padding: 3px 20px;border:2px #151515 solid;color: #151515;font-size: 18px;display: inline-block;vertical-align: top;margin-right: 30px;border-radius: 10px}

.traidingbg {background: url(../images/traidingbg.jpg) no-repeat right top;min-height:  592px}

.trading-1 .pagenavi a:hover {background:#e68614;color: #fff;box-shadow: 0 0 36px rgba(230,134,20,.6);border-color: #e68614}

.info-trade {background: #e2efda;padding: 13px 13px 13px 70px;color: #4ac100;font-size: 20px}

.info-trade h5,
.info-trade  b {font-family: SFProDisplay-Medium;font-weight: normal;}

.info-trade {position: relative;}
.info-trade:after {content: "";width: 50px;background: #96e366 url(../images/wrn.png) no-repeat center;position: absolute;left: 0;top: 0;display: block;height: 100%}

.tradepolosa {margin: 30px 0;height: 1px; background: #dcdcdc}

.tradetabs ul li {list-style: none;float: left}
.tradetabs ul li a {padding: 25px;display: table;font-size: 20px;color: #151515}
.tradetabs ul li a img {margin-right:  20px}

.tradetabs ul li:first-child a {border-right: 8px 0 0 8px}

.tradetabs ul li a:hover,
.tradetabs ul li.active a {background: #f9f9f9;}

.tradepanel .gray{background: #f9f9f9;padding: 15px 15px 0;margin-bottom: 30px}

.tradepanel .img {width: 300px;float: left;}
.tradepanel .descr {font-family: SFProDisplay-Light;width: calc(100% - 350px);float: right;  font-size: 20px;line-height: 30px;color: #151515;padding-top: 30px}
.tradepanel .descr .ctitle {font-family: SFProDisplay-Regular;margin-bottom:40px}

.tradepanel  h4 {font-family: SFProDisplay-Medium;font-weight: normal;text-transform: uppercase;font-size: 21px;text-transform: uppercase;}

.text-trade h5 {font-family: SFProDisplay-Medium;font-weight: normal;text-transform: uppercase;}
.text-trade  {font-size: 20px;line-height: 30px;padding-bottom:20px;margin-bottom: 60px;border-bottom: 1px #dcdcdc solid}
.text-trade p {margin-bottom: 30px}

.trade5 {font-size: 20px;line-height: 30px;position: relative;margin-bottom: 60px}

.trade5 h5 {font-family: SFProDisplay-Medium;font-weight: normal;text-transform: uppercase;}
.trade5 .image {position: absolute;left: 50%;top: 0;width: 100vw}
.trade5 .image img {max-width: 100%}

.contblock.trade {height: 209px;background: url(../images/tradeshadow.png) no-repeat center top;padding-right: 15px}

.userfull {padding: 60px 0}
.userfullbg {height: 561px;background:url(../images/userfull.jpg) no-repeat center top;margin-top: 60px;padding-top: 60px;color: #151515;font-size: 20px;line-height: 30px; font-family: SFProDisplay-Light; background-size: cover;}
.usefullitem {margin-top: 45px}
.usefullitem .round {width: 145px;height: 145px;background: #fff;border-radius: 1000px;line-height: 145px;text-align: center;box-shadow: 0 0px 10px rgba(43,42,43,.10);margin-left: auto;margin-right: auto;margin-bottom: 20px;display: block;}
.usefullitem {font-size: 20px;line-height: 30px;text-align: center; font-family: SFProDisplay-Light; }
.usefullitem h5 {font-family: SFProDisplay-Medium;font-weight: normal;text-transform: uppercase;}

.usefullitem:hover .round {
  animation: .5s linear 0s normal none running rot;
  -webkit-animation: .5s linear 0s normal none  running rot;

}
@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.traind-text {font-size: 20px;line-height: 30px; font-family: SFProDisplay-Light; }
.traind-text p {margin-bottom: 35px}

.tradeajax {width: 100%;font-size: 20px;line-height: 30px;color: #151515; font-family: SFProDisplay-Light;}
.tradeajax thead tr td {background: #dadada;padding: 8px 25px;color: #151515}
.tradeajax tbody tr td {background: #f9f9f9;padding: 10px 25px;border-top: 1px #d7d7d7 solid}
.tradeajax tbody tr:first-child td {font-family: SFProDisplay-Regular;}


.tradeajax tbody tr:hover td {background: #dadada;}

.block012 {margin-top: 60px;font-size: 20px;line-height: 30px;margin-bottom: 60px}

.pc {display: block;}
.mob {display: none}


h5 {font-family: SFProDisplay-Medium;font-weight: normal;text-transform: uppercase;}
h5.first {margin-bottom: 40px;}
.commodities {font-size: 20px;line-height: 30px}
.commodities  h5 {font-size: 24px}
.commodities  p {margin-bottom: 30px}
.item-comm {margin-bottom: 60px}

.m-b-60 {margin-bottom: 60px!important}

.text p {margin-bottom: 50px}

.text .fx {float: right;margin: 0 0 0 30px}


.bluewindows {margin: 40px 0 60px;background: #ddecf6;padding: 10px 210px 10px 70px;color: #189cf3;font-size: 20px;line-height: 30px;position: relative}
.bluewindows:after {content: "";width: 50px;position: absolute;left: 0;top: 0;height: 100%;background: #abd7f4 url(../images/liveblue.png) no-repeat center;display: block;}

.m-t-45 {margin-top: 45px}

.text.t-p-b-0 p {padding-bottom: 0;margin-bottom: 0}


.quote-comm {font-size: 20px;line-height: 30px;font-family: SFProDisplay-Light; border-left: 2px #e68614 solid;padding-left: 30px;margin-bottom: 55px}

.cadjpy {padding: 60px 0 0}
.cadjpy img {max-width: 100%}
.p-r-0 {padding-right: 0!important}

.m-t-20 {margin-top: 20px!important}


#ajax img {width: 100%}
.cadjpy.last {margin-bottom: 80px}

.forexbg {background:url(../images/forexbg.jpg) no-repeat center top;min-height: 601px;background-size: cover;}
h4.main.mob {display: none}
.forex-text {font-size: 20px;line-height: 30px;font-family: SFProDisplay-Light;}

.forexbg  img {max-width: 100%}

.forexbg .img {margin-top: 10px}

.fclub div {display: inline-block;vertical-align: top;margin-right: 25px;line-height: 20px;font-size: 20px;font-family: SFProDisplay-Light;}
.fclub div b {font-family: SFProDisplay-Medium;font-weight: normal;}

.yellowwindows {background: #fbf8e5;padding: 10px 10px 10px 70px;font-size: 20px;line-height: 30px;color: #151515;position: relative;margin-top: 35px}
.yellowwindows:before {content: "";width: 50px;background: #fced8b url(../images/liveblack.png) no-repeat center;height: 100%;position: absolute;left: 0;top: 0;}

#ajax2 {margin: 60px 0 80px 0}
#ajax2  img {width: 100%}

ul.forex-tab {margin-bottom: 0}
ul.forex-tab li {list-style: none;float: left}
ul.forex-tab li a {padding: 20px 70px;font-size: 20px;color: #151515;display: table;}
ul.forex-tab li a:hover,ul.forex-tab li.active a {background: #aed9f5;}
ul.forex-tab li:first-child a {border-radius: 10px 0px 0px 0}
ul.forex-tab li:last-child a {border-radius: 0px 10px 0px 0}

.forex-tanel {padding: 35px 45px;background: #ddecf6;font-size: 20px;line-height: 30px;border-radius:0px 0px 10px 10px;}

.yellowwindows.bank:before {background-image: url(../images/bank.png);}

.forex-text h5 {font-size: 24px}
.forex-text b {font-family: SFProDisplay-Medium;font-weight: normal;}

.indicies {height: 251px;background: url(../images/indicies-bg.jpg) no-repeat right top;}
.indicies ul {width: 450px}
.indicies ul li {font-family: SFProDisplay-Light;list-style: none;font-size: 20px;border-left: 2px #e68614 solid;padding-left: 30px;margin-bottom:13px;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease}
.metaslider .infos ul li {;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease}
.indicies ul li:hover,
.metaslider .infos ul li:hover {border-width: 8px;padding-left: 24px;color: #e68614}

#ajax3 {margin:60px 0;}
#ajax3 img {width: 100%}


#ajax4 {margin:0px 0 50px;}
#ajax4 img {width: 100%}


.stocks {padding: 60px 0;background: #f9f9f9}

.stocks2 {padding: 60px 0}

.wideframe {
    margin-top: -50px;
}

.calen_cap {
    position: relative;
    height: 50px;
    width: 100%;
    background: #fff;
    z-index: 5;

}


.calen_cap.allkind {
    height: 25px;
    border-bottom: 0;
}

.calen_cap.calendar {
    border-bottom: 0;
    height: 30px;
    padding-top: 30px;
    margin-top: -23px;
    background: #fff;
}

.calen_cap.calendar span {
    background: hsla(0,0%,100%,.8);
    padding: 4px;
    font-weight: 700;
}

.calend {margin-top: 30px}

.wideframe.allkind {
    margin-top: -23px;
}

#invest_calendar {
    margin-top: -30px;
}

.calen_cap.calendar {width:104%;}

.container-max {max-width: 1400px;margin: auto}


.section12 {height: 202px;background:url(../images/section12.jpg);padding: 60px 0 0;margin-top: 0px;background-size: cover;}
.section12 h4 {color: #151515;font-size: 24px;font-weight: 600;text-transform: uppercase;text-align: center;}

.section12 .top {font-weight: 300;color: #151515;font-size:20px;text-align: center;text-transform: none}
.section12 .knopka {margin-top: 33px}
.section12 .knopka a {padding: 10px 75px;background: #e68614;
    color: #fff;font-size: 18px;display:table;margin:auto;border-radius:100px;text-transform: uppercase;}


    .mobimg,.mob {display: none}

    .pc {display: block;vertical-align: top}

   .knopanew {    background: #262626;padding: 6px 40px;border-radius: 10px;color:#e68614;font-size: 14px;text-transform: uppercase;font-weight: 700;display: inline-block;vertical-align: top;margin: 10px}
 .knopanew:hover {background:#333;color: #fff}
   .title99 {    font-size: 19px;
    color: #333;text-align: center;
    font-family: SFProDisplay-Medium;margin-bottom: 45px;
    text-transform: uppercase;}

       .title99 span {display: block;color:#fb4242;font-size: 24px;}

       .paddstat {padding: 60px 0}

.metablocknew {
  padding-top: 50px;
  height: 925px;
  background-image: url('../images/1platformbg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.metablocknew .main {
  color: #fff;
}

.metablocknew h4.main:after {
  background: #fff;
}

.metablocknew__wrapp {
  margin-top: 100px;
  max-width: 600px;
  width: 100%;
}

.metablocknew__title {
  font-family: 'Comfortaa';
  font-weight: 600;
  font-size: 84px; 
  line-height: 94px;
}
    
.metablocknew__descr {
  display: block;
  margin-top: 36px;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}

.metablocknew__descr a {
  color: rgba(52, 97, 136, 1);
  font-weight: 900;
}

.metablocknew__text{
  display: block;
  margin-top: 20px;
  font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #333333;
}   

.metablocknew__button {
  display: block;
  width: max-content;
  margin-top: 90px;
  padding: 16px 30px;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  background-color: #292D39;
  border-radius: 12px;
  transition-property:  background-color, color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
}

.metablocknew__button:hover {
  background-color: #fb4242;
  color: #fff;
}

.metablocknew__buttons {
  display: flex;
  align-items: center;
  margin: 0;
  margin-top: 60px;
  padding: 0;
  list-style: none;
}

.metablocknew__buttonitem:not(:last-child) {
  margin-right: 20px;
}

.metablocknew__button1 {
  font-size: 0;
  line-height: 0;
  transition: opacity 0.4s ease-in-out;
}

/* .metablocknew__button1:hover {
  opacity: 0.5;
} */

.plaftormNew {
  position: relative;
}

.plaftormNew__after {
  position: absolute;
  right: 0;
  top: -70px;
  width: 690px;
  height: 530px;
  background-image: url('../images/MTR_darklaptop_1.png');
  z-index: -1;
  pointer-events: none;
}

.plaftormNew__title {
  margin-bottom: 42px;
  padding-top: 74px;
  font-weight: 500;
  font-size: 24px;
}

.plaftormNew__title span {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 900;
  line-height: 1;
}

.plaftormNew__title span::after{
  content: '';
  display: block;
  margin-left: 20px;
  width: 110px;
  height: 6px;
  background-color: #43C7E6;
  border-radius: 6px;
}

.plaftormNew__block1 {
  max-width: 505px;
  width: 100%;
  font-size: 20px;
  line-height: 1.6;
}

.plaftormNew__block2 {
  margin-top: 60px;
  display: flex;
  align-items: flex-start;
}

.plaftormNew__block2img {
  width: 1055px;
  height: 750px;
  background-image: url('../images/platformNew1.jpg?1');
}

.plaftormNew__block2leftwr {
  max-width: calc(50% - 40px);
  width: 100%;
}

.plaftormNew__block2left {
  max-width: 410px;
  width: 100%;
  margin-right: 134px;
  margin-left: auto;
}

.plaftormNew__block2item {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 66px;
  color: rgba(101, 101, 101, 1);
  font-size: 20px;
  line-height: 1.6;
}
.plaftormNew__block2item .platformNew__block2Color {
  color: rgba(67, 199, 230, 1);
}

.plaftormNew__block2item:last-child {
  margin-bottom: 0;
}

.plaftormNew__block2circle {
  position: relative;
  left: 30px;
  display: block;
  width: 19px;
  height: 19px;
  background-color: #43C7E6;
  border-radius: 100%;
  border: 6px solid #fff;
  flex-shrink: 0;
}

.plaftormNew__block2circle2 {
  left: 63px;
}

.plaftormNew__block2circle::after {
  content: '';
  position: absolute;
  top: -7px;
  left: -7px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px #43C7E6 solid;
  border-radius: 100%;
  z-index: -1;
}
.plaftormNew__block2plus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #fff;
  border: 9px #43C7E6 solid;
  border-radius: 100%;
  box-shadow: 0 0px 12px rgba(67, 199, 230, 0.4);
}

.plaftormNew__block2plus1 {
  margin-top: -35px;
  margin-left: 460px;
}

.plaftormNew__block2plus1::after {
  content: '';
  position: absolute;
  right: 50px;
  top: 10px;
  display: block;
  width: 568px;
  height: 31px;
  background-image: url('../images/line1.png');
}



.plaftormNew__block2plus2 {
  margin-top: 70px;
  margin-left: 140px;
}



.plaftormNew__block2plus2::after {
  content: '';
  position: absolute;
  right: 56px;
  top: 10px;
  display: block;
  width: 241px;
  height: 58px;
  background-image: url('../images/line2.png');
}




.plaftormNew__block2plus3 {
  margin-top: 70px;
  margin-left: -25px;
}

.plaftormNew__block2plus3::after {
  content: '';
  position: absolute;
  right: 56px;
  top: 10px;
  display: block;
  width: 42px;
  height: 98px;
  background-image: url('../images/line3.png');
}



.plaftormNew__block2plus4 {
  margin-top: 97px;
  margin-left: 163px;
}

.plaftormNew__block2plus4::after {
  content: '';
  position: absolute;
  right: 56px;
  top: 10px;
  display: block;
  width: 265px;
  height: 94px;
  background-image: url('../images/line4.png');
}

.plaftormNew__block2plus5 {
  margin-top: -62px;
  margin-left: 362px;
}

.plaftormNew__block2plus5::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 49px;
  display: block;
  width: 486px;
  height: 212px;
  background-image: url(../images/line5.png);
}

.plaftormNew__block2plus6 {
  margin-top: -107px;
  margin-left: 732px;
}

.plaftormNew__block2plus6::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 49px;
  display: block;
  width: 850px;
  height: 395px;
  background-image: url(../images/line6.png);
}

.flex {
  display: flex;
}

.flex-c {
  display: flex;
  align-items: center;
}

.flex-c-j {
  display: flex;
  align-items: center;
  justify-content: center;
}

.plaftormNewGray {
  margin-top: 80px;
  padding: 60px 0;
  background-color:  #F7F7F7;
}

.plaftormNewGray__logo {
  margin-left: auto;
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 71px;
  color: #333333;
}



.plaftormNewGray__block2img {
  justify-content: flex-start;
  width: 1093px;
  height: 1026px;
  background-image: url('../images/plaftormNewGray.png');
}

.plaftormNewGray__block2left {
  max-width: 410px;
  width: 100%;
  margin-right: auto;
  margin-left: 110px;
}

.plaftormNewGray__block2circle {
  position: relative;
  left: -30px;
  display: block;
  width: 19px;
  height: 19px;
  background-color: #43C7E6;
  border-radius: 100%;
  border: 6px solid #F7F7F7;
  flex-shrink: 0;
  z-index: 2;
}


.plaftormNewGray__block2circle::after {
  content: '';
  position: absolute;
  top: -7px;
  left: -7px;
  display: block;
  width: 22px;
  height: 22px;
  border: 1px #43C7E6 solid;
  border-radius: 100%;
  z-index: 1;
}

.plaftormNew__block2item_last {
  margin-top: 162px;
}
.metablocknewv2__title {
  padding: 60px 0;
}

.metablocknewv2__bg {
  padding-top: 1px;
  width: 100%;
  height: 633px;
  color: #fff;
  background-image: url('../images/metablocknewv2.jpg');
  background-size: cover;
}

.metablocknewv2__bg .metablocknew__wrapp {
  max-width: 505px;
}

.metablocknewv2__bg .metablocknew__text {
  color: #fff;
}

.metablocknewv2__bg .metablocknew__descr a {
  color: rgba(94, 178, 208, 1)
}
.metablocknewv2__bg  .metablocknew__button {
  background-color:  #5EB2D0;
}

.plaftormNew__block2plus7 {
  margin-top: 13px;
  margin-left: auto;
  margin-right: 80px;
}

.plaftormNew__block2plus7::after {
  content: '';
  position: absolute;
  right: -157px;
  top: 26px;
  display: block;
  width: 177px;
  height: 135px;
  background-image: url(../images/line7.png);
}

.plaftormNew__block2 .plaftormNew__block2item  {
  margin-bottom: 53px;
}

.plaftormNewGray__block2img {
  flex-direction: column;
}

.plaftormNew__block2plus8 {
  margin-top: 127px;
  margin-left: auto;
  margin-right: 320px;
}

.plaftormNew__block2plus8::after {
  content: '';
  position: absolute;
  right: -401px;
  top: 48px;
  display: block;
  width: 419px;
  height: 68px;
  background-image: url(../images/line8.png);
}

.plaftormNew__block2plus9 {
  margin-top: -172px;
  margin-left: auto;
  margin-right: 737px;
}

.plaftormNew__block2plus9::after {
  content: '';
  position: absolute;
  left: 17px;
  top: 49px;
  display: block;
  width: 833px;
  height: 320px;
  background-image: url(../images/line9.png);
}

.plaftormNew__block2plus10 {
  margin-top: 546px;
  margin-left: auto;
  margin-right: 32px;
}

.plaftormNew__block2plus10::after {
  content: '';
  position: absolute;
  left: 48px;
  top: -95px;
  display: block;
  width: 118px;
  height: 115px;
  background-image: url(../images/line10.png);
}

.plaftormNew__block2plus11 {
  margin-top: 168px;
  margin-left: auto;
  margin-right: 159px;
}

.plaftormNew__block2plus11::after {
  content: '';
  position: absolute;
  left: 48px;
  top: -95px;
  display: block;
  width: 245px;
  height: 115px;
  background-image: url(../images/line11.png);
}

@media screen and (min-width:2200px) {
  
  .plaftormNewGray__block2img {
    margin-left: auto;
  }

}

.plaftormNewMOB {
  display: none;
}


.plaftormNew_ru .plaftormNew__block2itemb23 {
  margin-bottom: 54px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb2 {
  margin-bottom: 101px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb2 {
  margin-top: 16px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb2 {
  margin-bottom: 84px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb23 {
  margin-bottom: 61px;
}


.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb25 {
  align-items: flex-start;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemb25 .plaftormNewGray__block2circle {
  margin-top: 6px;
}

.plaftormNew_ru .plaftormNew__block2item_last1 {
  margin-top: -34px!important;
}

.plaftormNew_ru  .plaftormNew__block2item {
  font-size: 19.5px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemn3h {
  margin-bottom: 29px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item.plaftormNew__block2itemn4h {
  margin-bottom: 38px;
}

.plaftormNew_ru .plaftormNew__block2plus10::after {
  top: -27px;
  height: 47px;
  background-image: url(../images/line10-mob.png);
}


.plaftormNew__block2 .plaftormNew__block2item {
  margin-bottom: 66px;
}

.plaftormNew_ru .plaftormNew__block2 .plaftormNew__block2item {
  margin-bottom: 53px;
}

.plaftormNewGray_en .plaftormNew__block2item {
  margin-bottom: 54px;
}


.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1234 {
  align-items: flex-start;
  margin-bottom: 17px;
}

.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1235 {
  margin-bottom: 33px;
}

.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1234 .plaftormNew__block2circle {
  margin-top: 20px;
}

.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1236 {
  margin-bottom: 50px;
}


.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1237 {
  margin-bottom: 67px;
}

.plaftormNew_de .plaftormNew__block2 .plaftormNew__block2itemt1238 {
  margin-bottom: 64px;
}


.plaftormNewGray_fr .plaftormNew__block2item {
  margin-bottom: 37px;
}

.plaftormNew__fr .plaftormNew__block2itemt1235 {
  margin-bottom: 50px;
}
.plaftormNew__fr .plaftormNew__block2itemt1236 {
  margin-bottom: 18px;
}

.plaftormNew__fr .plaftormNew__block2itemt1237 {
  margin-bottom: 24px;
} 

.plaftormNew__fr .plaftormNew__block2itemt1238 {
  margin-bottom: 27px;
}

.plaftormNew__fr .plaftormNew__block2item0001 {
  margin-bottom: 37px;
}

.plaftormNew__fr .plaftormNew__block2item0002 {
  margin-bottom: 23px;
}


.plaftormNew__fr .plaftormNew__block2item0003 {
  margin-bottom: 21px;
}

.plaftormNew__fr .plaftormNew__block2item0004 {
  margin-bottom: 21px;
}

.plaftormNew__fr .plaftormNew__block2item_last {
  margin-top: 124px;
}


.metablocknew__wrapp2 {
  margin-top: 50px;
}

.plaftormNew__block2itemitm00011 {
  margin-top: 15px;
  margin-bottom: 85px!important;
}

.plaftormNew__block2itemitm00012 {
  margin-bottom: 70px!important;
} 


.plaftormNew__block2itemitm00013 {
  margin-bottom: 38px!important;
} 

.plaftormNew__block2itemitm00014 {
  margin-bottom: 25px!important;
} 
.plaftormNew__block2itemitm00015 {
  margin-bottom: 25px!important;
} 

.plaftormNew__block2itemitm00016 {
  margin-top: 107px;
}