@charset "UTF-8";

/**
* Eric Meyer's Reset CSS v2.0
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
time {
  display: block;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

a {
  color: inherit;
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* meyerweb css reset end */

textarea:focus,
input:focus {
  outline: 0;
}

input {
  border-width: 0;
}

em {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* ie 6/7 */
}

embed,
img,
object,
video {
  max-width: 100%;
}

sup {
  font-size: 58.3%;
  vertical-align: text-top;
}

sub {
  font-size: 58.3%;
  vertical-align: text-bottom;
}

.no-space-between-inline-blocks {
  *letter-spacing: normal;
  /*reset IE < 8*/
  letter-spacing: -0.31em;
  /*webkit*/
  word-spacing: -0.43em;
  /*IE < 8 && gecko*/
}

/*restore spacing on inner elements*/
.no-space-between-inline-blocks>* {
  letter-spacing: normal;
  word-spacing: normal;
}

.displace {
  left: -5000px;
  position: absolute;
}

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

*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  font-size: 16px;
}

body {
  width: 100%;
  /* max-width: 1392px; */
  color: #ffffff;
  font-family: Montserrat, sans-serif;
  /*font-size: 1.481192rem;*/
  /* 23.7px / 16px = 1.48125rem */
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  text-decoration: none;
}

.global_container_ {
  float: none;
  height: auto;
  margin: 0 auto;
  padding: 0 0 100px;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: #000000 center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wrapper-2 {
  height: 4914px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
}

.silver-cloth-abstract-background-copy-holder {
  left: 0;
  padding: 0 0 490px;
  position: absolute;
  top: 0;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/silver-cloth-abstract-bac.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wave_cloth_01 {
  height: 120px;
  padding: 28px 0 20px;
  position: relative;
  background: url(images/rectangle_1.jpg) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 108px 12px #000000;
  -moz-box-shadow: 0 0 108px 12px #000000;
  box-shadow: 0 0 108px 12px #000000;
  /*outer glow*/
}

.l-constrained-2 {
  margin: 0 auto;
  padding: 0 0px;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.ytranker_logo_black_png {
  float: left;
}

.feedback:hover,
.contact:hover,
.text:hover,
.about:hover,
.marketlist:hover,
.home:hover {
  background: #ce2325;
  color: white;
  transition: .5s;
}


/*.feedback {
  float: right;
  margin: 27px 6px 0 0;
  font-size: 18px;
}*/

.contact {
  float: right;
  margin: 27px 21px 0 0;
  font-size: 18px;
}

.text {
  float: right;
  margin: 27px 20px 0 0;
  font-size: 18px;
}

.about {
  float: right;
  margin: 27px 20px 0 0;
  font-size: 18px;
}

.marketlist {
  float: right;
  margin: 27px 18px 0 0;
  font-size: 18px;
}

.home {
  float: right;
  margin: 27px 19px 0 0;
  font-size: 18px;
}

.wave_cloth_02 {
  left: 0;
  position: absolute;
  top: 488px;
  width: 100%;
  /* 1440px / 1440px = 100% */
}

.rectangle-1-copy {
  display: block;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  -webkit-box-shadow: 0 0 150px 0 #000000;
  -moz-box-shadow: 0 0 150px 0 #000000;
  box-shadow: 0 0 150px 0 #000000;
  /*outer glow*/
}

.ytranker {
  display: block;
  margin: 74px auto 0;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
}

.wrapper-4 {
  height: 2342px;
  margin: -7px 0 0;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
}

.col {
  left: 0;
  padding: 163px 0 293px;
  position: absolute;
  top: 1494px;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/z-yu-rr8o1kebmmq-unsplash.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.l-constrained-4 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.so_while_other {
  height: 242px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 886px;
}

.so_while_other_box_01 {
  height: 52px;
  left: 50%;
  position: absolute;
  top: 190px;
  width: 100%;
  max-width: 423px;
  background: #ff0808;
  margin-left: -217px;
}

.so_while_other_box_02 {
  height: 51px;
  left: 50%;
  position: absolute;
  top: 90px;
  width: 139px;
  background: #ff0808;
  margin-left: -214px;
}

.text-2 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -443px;
}

.text-3 {
  display: block;
  margin: 61px auto 0;
}

.wave_cloth_03 {
  height: 571px;
  left: 0;
  padding: 78px 0 378px;
  position: absolute;
  top: 0;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/rectangle_1_copy.png) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 150px 0 #000000;
  -moz-box-shadow: 0 0 150px 0 #000000;
  box-shadow: 0 0 150px 0 #000000;
  /*outer glow*/
}

.just_one_viral {
  margin: 0 auto;
  padding: 0 197px;
  position: relative;
  width: 100%;
  max-width: 1392px;
  z-index: 0;
}

.text-4 {
  position: relative;
  z-index: 47;
  font-size: 2.604167rem;
  /* 41.67px / 16px = 2.604375rem */
  font-weight: 900;
  line-height: 40.08765px;
  text-align: center;
  text-transform: uppercase;
}

.just_one_viral_box {
  height: 39px;
  margin: -39px 0 0 51px;
  position: relative;
  width: 100%;
  max-width: 453px;
  z-index: 46;
  background: #cc171c;
}

.rank_higher {
  height: 688px;
  left: 50%;
  position: absolute;
  top: 227px;
  width: 100%;
  max-width: 1094px;
  margin-left: -546px;
}

.text-5 {
  left: 50%;
  position: absolute;
  top: 30px;
  margin-left: -479px;
}

.arrow_01 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -281px;
}

.arrow_02 {
  left: 50%;
  position: absolute;
  top: 48px;
  margin-left: 162px;
}

.cs {
  height: 623px;
  left: 50%;
  position: absolute;
  top: 65px;
  width: 100%;
  max-width: 1094px;
  margin-left: -547px;
}

.cs-binance-launchpool {
  left: 50%;
  position: absolute;
  top: 347px;
  margin-left: -305px;
}

.cs-binance-review {
  left: 50%;
  position: absolute;
  top: 324px;
  margin-left: -83px;
}

.cs-how-to-rank-youtube-videos-fast-in-2021 {
  left: 50%;
  position: absolute;
  top: 80px;
  margin-left: -547px;
}

.cs-business-latitude-and-longtitude {
  left: 50%;
  position: absolute;
  top: 15px;
  margin-left: -411px;
}

.cs-megastocks-review {
  left: 50%;
  position: absolute;
  top: 143px;
  margin-left: 197px;
}

.cs-electrify-review {
  left: 50%;
  position: absolute;
  top: 338px;
  margin-left: 174px;
}

.cs-how-to-buy-dogecoin-on-binance-holder {
  left: 50%;
  padding: 326px 8px 53px;
  position: absolute;
  top: 42px;
  width: 100%;
  max-width: 587px;
  background: url(images/cs_-_how_to_buy_dogecoin_.png) no-repeat;
  margin-left: -296px;
}

.arrow_06 {
  display: block;
  left: 246px;
  margin: 0 auto;
  position: relative;
}

.cs-simplified-review-holder {
  left: 50%;
  padding: 135px 11px 46px;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 272px;
  background: url(images/cs_-_simplified_review.png) no-repeat;
  margin-left: 187px;
}

.arrow_05 {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 106px;
}

.cs-blockfi {
  left: 50%;
  position: absolute;
  top: 333px;
  margin-left: -447px;
}

.arrow_03 {
  left: 50%;
  position: absolute;
  top: 337px;
  margin-left: -486px;
}

.arrow_04 {
  left: 50%;
  position: absolute;
  top: 271px;
  margin-left: 337px;
}

.arrow_05-2 {
  left: 50%;
  position: absolute;
  top: 496px;
  margin-left: -80px;
}

.hacking-computer-network-glitch-effect-background-damaged-signal {
  left: 0;
  position: absolute;
  top: 958px;
  width: 100%;
  /* 1440px / 1440px = 100% */
}

.checks {
  height: 416px;
  left: 50%;
  position: absolute;
  top: 1094px;
  width: 100%;
  max-width: 1141px;
  margin-left: -570px;
}

.group-8 {
  left: 50%;
  min-height: 67px;
  padding: 7px 36px 9px 9px;
  position: absolute;
  top: 52px;
  width: 100%;
  max-width: 313px;
  background: url(images/rectangle_5.png) no-repeat;
  margin-left: -478.5px;
}

.text-6 {
  font-size: 18px;
  /* 23.36px / 16px = 1.46rem */
  font-weight: 600;
  line-height: 23.7114px;
  text-align: right;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  /*drop shadow*/
}

.icon {
  left: 50%;
  position: absolute;
  top: 49px;
  margin-left: -202.5px;
}

.group-8-2 {
  left: 50%;
  min-height: 68px;
  padding: 8px 36px 10px 9px;
  position: absolute;
  top: 163px;
  width: 100%;
  max-width: 358px;
  background: url(images/rectangle_5_2.png) no-repeat;
  margin-left: -555.5px;
}

.text-7 {
  font-size: 18px;
  /* 23.36px / 16px = 1.46rem */
  font-weight: 600;
  line-height: 23.37374px;
  text-align: right;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  /*drop shadow*/
}

.icon-2 {
  left: 50%;
  position: absolute;
  top: 161px;
  margin-left: -234.5px;
}

.check_03 {
  height: 90px;
  left: 50%;
  position: absolute;
  top: 275px;
  width: 100%;
  max-width: 389px;
  margin-left: -570.5px;
}

.group-8-3 {
  left: 50%;
  min-height: 90px;
  padding: 8px 36px 14px 10px;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 349px;
  background: url(images/rectangle_5_3.png) no-repeat;
  margin-left: -194.5px;
}

.text-8 {
  font-size: 18px;
  /* 23.36px / 16px = 1.46rem */
  font-weight: 600;
  line-height: 23.35657px;
  text-align: right;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  /*drop shadow*/
}

.icon-3 {
  left: 50%;
  position: absolute;
  top: 8px;
  margin-left: 117.5px;
}

.group-8-4 {
  left: 50%;
  min-height: 91px;
  padding: 8px 0 9px 32px;
  position: absolute;
  top: 59px;
  width: 100%;
  max-width: 460px;
  background: url(images/rectangle_5_4.png) no-repeat;
  margin-left: 76.5px;
}

.text-9 {
  font-weight: 600;
  line-height: 23.69908px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  /*drop shadow*/
}

.icon-4 {
  left: 50%;
  position: absolute;
  top: 68px;
  margin-left: 37.5px;
}

.check_05 {
  height: 162px;
  left: 50%;
  position: absolute;
  top: 195px;
  width: 100%;
  max-width: 449px;
  margin-left: 121.5px;
}

.group-8-5 {
  left: 50%;
  min-height: 162px;
  padding: 7px 0 9px 31px;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 409px;
  background: url(images/rectangle_5_5.png) no-repeat;
  margin-left: -184.5px;
}

.text-10 {
  font-weight: 600;
  line-height: 23.69908px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  /*drop shadow*/
}

.icon-5 {
  left: 50%;
  position: absolute;
  top: 44px;
  margin-left: -224.5px;
}

.model {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -179.5px;
}

.text-11 {
  left: 50%;
  position: absolute;
  top: 910px;
  margin-left: -220px;
}

.boom {
  font-size: 50px;
  font-family: fantasy;
  line-height: 0%;
  transform: scale(1.8, 0.8);
  color: transparent;
  text-shadow: 0 0 1.5px #fff;
}

.finally {
  left: 50%;
  position: absolute;
  top: 71px;
  width: 100%;
  max-width: 932px;
  margin-left: -464px;
}

.group-1 {
  float: left;
  height: 177px;
  margin: 130px -29px 0 0;
  position: relative;
  width: 100%;
  max-width: 501px;
}

.rectangle-2 {
  left: 50%;
  position: absolute;
  top: 95px;
  margin-left: -250.5px;
}

.rectangle-2-copy {
  left: 50%;
  position: absolute;
  top: 120px;
  margin-left: -95.5px;
}

.text-12 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -246.5px;
}

.wrapper-3 {
  float: left;
  height: 656px;
  position: relative;
  width: 100%;
  max-width: 460px;
}

.logo-12-226 {
  left: 50%;
  position: absolute;
  top: 87px;
  margin-left: -62px;
}

.model-2 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -230px;
}

.wave_cloth_04 {
  height: 571px;
  left: 0;
  position: absolute;
  top: 3628px;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/rectangle_1_copy.png) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 150px 0 #000000;
  -moz-box-shadow: 0 0 150px 0 #000000;
  box-shadow: 0 0 150px 0 #000000;
  /*outer glow*/
}

.smart_phone {
  left: 50%;
  position: absolute;
  top: 553px;
  margin-left: -598px;
}

.business-target-2-click-to-open {
  left: 50%;
  position: absolute;
  top: 3404px;
  margin-left: -234px;
}

.fast_car {
  left: 0;
  padding: 69px 0 0;
  position: absolute;
  top: 3971px;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/generic-brandless-modern-.png) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.col-2 {
  padding: 364px 0 129px;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/technology-internet-tv-ne.jpg) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.l-constrained-3 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.text-13 {
  display: block;
  margin: 0 auto;
}

.text-14 {
  display: block;
  margin: 79px auto 0;
}

.well_partner {
  height: 240px;
  left: 50%;
  position: absolute;
  top: 3920px;
  width: 100%;
  max-width: 1122px;
  margin-left: -561px;
}

.well_partner_box_01 {
  height: 51px;
  left: 50%;
  position: absolute;
  top: 91px;
  width: 100%;
  max-width: 751px;
  background: #ff0808;
  margin-left: -561px;
}

.well_partner_box_02 {
  height: 53px;
  left: 50%;
  position: absolute;
  top: 41px;
  width: 100%;
  max-width: 189px;
  background: #ff0808;
  margin-left: 273px;
}

.well_partner_box_03 {
  height: 51px;
  left: 50%;
  position: absolute;
  top: 140px;
  width: 100%;
  max-width: 381px;
  background: #ff0808;
  margin-left: 144px;
}

.text-15 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -551px;
}

.button_metting {
  left: 50%;
  position: absolute;
  top: 4839px;
  margin-left: 38px;
}

.button_telegram {
  left: 50%;
  position: absolute;
  top: 4839px;
  margin-left: -412px;
}

.button_metting-2 {
  left: 50%;
  position: absolute;
  top: 1222px;
  margin-left: 38px;
}

.button_telegram-2 {
  left: 50%;
  position: absolute;
  top: 1222px;
  margin-left: -412px;
}

.testimonial {
  margin: 105px auto 0;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.text-16 {
  display: block;
  margin: 0 auto;
}

.testimonial_01 {
  margin: 21px auto 0;
  position: relative;
  width: 100%;
  max-width: 1141px;
}

.col-6 {
  float: left;
  margin: 0 -2px 0 0;
  min-height: 411px;
  padding: 0 0 40px;
  position: relative;
  width: 100%;
  max-width: 412px;
  background: url(images/text_box.png) no-repeat;
}

.photo-box {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 411px;
}

.row-3 {
  margin: 10px auto 0;
  position: relative;
  text-align: center;
}

.star {
  margin: 17px 0 0 35px;
}

.quote-2 {
  margin: 0 0 0 26px;
}

.row-3>* {
  display: inline-block;
  vertical-align: top;
}

.text-17 {
  display: block;
  margin: 24px auto 0;
}

.text-18 {
  display: block;
  margin: 21px auto 0;
}

.white-box-holder {
  float: left;
  padding: 145px 0 144px;
  position: relative;
  width: 100%;
  max-width: 731px;
  background: url(images/white_box.png) no-repeat;
}

.icon-6 {
  display: block;
  margin: 0 auto;
}

.testimonial_02 {
  margin: 24px auto 0;
  position: relative;
  width: 100%;
  max-width: 1141px;
  z-index: 0;
}

.white-box-holder-2 {
  float: left;
  margin: 0 -2px 0 0;
  padding: 145px 0 144px;
  position: relative;
  width: 100%;
  max-width: 729px;
  z-index: 157;
  background: url(images/white_box.png) no-repeat;
}

.icon-7 {
  display: block;
  margin: 0 auto;
}

.col-8 {
  float: left;
  min-height: 411px;
  padding: 0 0 40px;
  position: relative;
  width: 100%;
  max-width: 412px;
  z-index: 152;
  background: url(images/text_box_2.png) no-repeat;
}

.photo-box-2 {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 411px;
}

.row-4 {
  margin: 10px auto 0;
  position: relative;
  text-align: center;
}

.row-4>* {
  margin: 0 30.3px 0 0;
}

.row-4>*:last-child {
  margin-right: 0 !important;
}

.star-2 {
  margin-top: 17px !important;
}

.row-4>* {
  display: inline-block;
  vertical-align: top;
}

.text-19 {
  display: block;
  margin: 24px auto 0;
}

.text-20 {
  display: block;
  margin: 21px auto 0;
}

.testimonial_03 {
  margin: 23px auto 0;
  position: relative;
  width: 100%;
  max-width: 1141px;
}

.col-10 {
  float: left;
  margin: 0 -2px 0 0;
  min-height: 411px;
  padding: 0 0 40px;
  position: relative;
  width: 100%;
  max-width: 412px;
  background: url(images/text_box.png) no-repeat;
}

.photo-box-3 {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 411px;
}

.row-6 {
  margin: 10px auto 0;
  position: relative;
  text-align: center;
}

.star-3 {
  margin: 12px 0 0 31px;
}

.quote-6 {
  margin: 0 0 0 22px;
}

.row-6>* {
  display: inline-block;
  vertical-align: top;
}

.text-21 {
  display: block;
  margin: 20px auto 0;
}

.text-22 {
  display: block;
  margin: 21px auto 0;
}

.white-box-holder-3 {
  float: left;
  padding: 145px 0 144px;
  position: relative;
  width: 100%;
  max-width: 731px;
  background: url(images/white_box.png) no-repeat;
}

.icon-8 {
  display: block;
  margin: 0 auto;
}

.footer {
  margin: 70px auto 0;
  position: relative;
}

.stock-market-forex-trading-graph-graphic-concept-holder {
  overflow: hidden;
  padding: 136px 0 29px;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/stock-market-forex-tradin.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.impossible_to_hack {
  height: 771px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.bubble_box-holder {
  left: 50%;
  padding: 159px 0 204px;
  position: absolute;
  top: 10px;
  width: 100%;
  max-width: 649px;
  background: url(images/bubble_box.png) no-repeat;
  margin-left: -194px;
}

.text-23 {
  display: block;
  left: 27.5px;
  margin: 0 auto;
  position: relative;
}

.image_01 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -447px;
}

.row {
  margin: -366px 0 0;
  padding: 266px 0 30px;
  position: relative;
  width: 100%;
  /* 1440px / 1440px = 100% */
  background: url(images/black.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.l-constrained {
  margin: 0 auto;
  padding: 0 215px 0 284px;
  position: relative;
  width: 100%;
  max-width: 1392px;
}

.button_telegram-3 {
  float: left;
  margin: 0 75px 0 0;
}

.button_metting-3 {
  float: left;
}

.fw800 {
  font-weight: 800;
}

.fw700 {
  font-weight: bold;
}

.smart_phone_video {
  left: 50%;
  position: absolute;
  top: 625px;
  border-radius: 65px;
  margin-left: -547px!important;
  background-color: #000;
}

video {
  margin: 0px !important;
}

/*footer menu*/

.row1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-right: -15px;
  margin-left: -15px; */
}

.col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.container1 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1130px;
  margin-top: 50px;

}
.footer-dark h2{font-family: "Montserrat, sans-serif";font-size: 1.481192rem;margin-bottom:0;}

.footer-dark .item.social {
  text-align: center;
}

.footer-dark ol a:hover {
  opacity: 0.8;
  color: #dc3545;
}

.footer-dark ol a {
  font-family: "Varela Round";
  color: white;
  background-color: black;
  font-size: 17px;
  padding: 4px 0px;
  text-decoration: none !important;
  display: block;
  transition: .3s;
}

.footer-dark ol {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}

.footer-dark {
  color: white;
  background-color: black;
}

.copyright {
  text-align: center;
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
  font-weight: bold;
}

.col-md-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col1 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.item.social {
  text-align: center;
}

.item.social>a:hover {
  opacity: 0.9;
  color: #dc3545;
}

.item.social>a {
  font-size: 20px;
  width: 50px;
  /* width: 36px;
  height: 36px; */
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 40%);
  margin: 0 8px;
  color: white;
  opacity: 0.75;
}

#check {
  display: none;
}

.float-left {
  float: left;

}

.toggle-icon {
  position: absolute;
  right: 0;
}

nav {


  height: 80px;
  width: 100%;

  z-index: 2;

}

nav ul {
  float: right;
  margin-right: 20px;
  width: 80%;
}

nav ul li {

  display: inline-block;
  line-height: 80px;
  margin: 0 7px;
 font-weight: 900;
}

nav ul li a {

  font-family: "Avenir Next";
  color: white;
  font-size: 17px;
  padding: 7px 6px;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none !important;

}


.active,nav ul li a:hover {

  background: #c20f17;
  color: white;
  transition: .5s;

}

/* @media screen and (max-width: 520px){
nav {
    width: 100%;
}}
nav {

  background-color: black;
  height: 80px; 
  width: 100%;
  position: fixed;
  z-index: 2;
     
  } 

nav ul {
float: right;
margin-right: 20px;
width: 80%;
} 

nav ul li {

display: inline-block;
line-height: 80px;
margin: 0 16px;

}

nav ul li a {

  font-family: "Avenir Next";
  color: white;
  font-size: 16px;
  padding: 7px 13px;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none !important;
  
} 


nav ul li a:hover {

 background: #dc3545;
 color: white;
 transition: .5s;

} */




/* .justify-content-center {
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.mb-5, .my-5 {
  margin-bottom: 3rem!important;
} */
/* .col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-sm-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
} */
/* .container1{
  max-width: 1140px;
}
.footer-dark {
  color: white;
  background-color: black;
}
.pt-5, .py-5 {
  padding-top: 3rem!important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem!important;
} */
/* .container1, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
} */
/*  */
/* .container1 {
  max-width: 1140px;
} */
/* 
.col-sm-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
} */
/* .text {
  float: right;
  margin: 27px 30px 0 0;
  font-size: 18px;
} */
/* .col1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
} */
#cancel {
  font-size: 30px;
  color: white;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}

/* Custom CSS */
.rank-img {
  margin-left: 20px;
  margin-top: -70px;
}


@media screen and (max-width:1399px){
  .smart_phone {
    left: 100px;
    margin: 0 auto;
    right: 0;
    max-width: 1000px;
    height: 600px;
  }

  .wave_cloth_01 {
    padding: 15px 30px;
  }

  
  .smart_phone_video {
    left: 24px;
    position: absolute;
    top: 610px;
    border-radius: 45px;
    margin: 0 auto!important;
    right: 0;
    max-width: 844px;
    height: 433px;
  }

  .button_telegram-2,
  .button_metting-2 {
    top: 1100px;
  }

  .just_one_viral {
    padding: 0 30px;
  }

  .just_one_viral {
    padding: 0 30px;
    max-width: 1050px;
  }

  .cs {
    height: 623px;
    left: 0;
    max-width: 1000px;
    margin-left: 0;
    right: 0;
    margin: 0 auto;
  }

  .business-target-2-click-to-open {
    left: 0;
    top: 3290px;
    margin: 0 auto;
    right: 0;
  }

  .well_partner {
    height: auto;
    left: 0;
    top: 3830px;
    max-width: 1000px;
    margin: 0 auto;
    right: 0;
  }
}

@media screen and (max-width:1199px) {
  .smart_phone {
    left: 60px;
    max-width: 800px;
    height: 480px;
  }

  .smart_phone_video {
    left: 0;
    top: 599px;
    border-radius: 33px;
    max-width: 675px;
    height: 347px;
  }

  .button_telegram-2,
  .button_metting-2 {
    top: 1000px;
    left: inherit;
    position: absolute;

    width: auto;
    height: 50px;

  }

  .button_telegram-2 {
    margin-left: 0;
    right: 50%;
    margin-right: 20px;
  }

  .button_metting-2 {
    left: 50%;
    margin-left: 20px;
  }

  .just_one_viral {
    max-width: 930px;
  }

  .text-4 {
    font-size: 30px;
  }

  .just_one_viral_box {
    height: 31px;
    margin: -36px 0 0 111px;
    max-width: 328px;
  }

  .rank_higher {
    height: 500px;
    left: 0;
    top: 227px;
    max-width: 800px;
    margin: 0 auto;
    right: 0;
  }

  .rank-img {
    margin-left: 0;
  }

  .text-5 {
    left: 5%;
    top: 0;
    margin-left: 0;
    max-width: 90%;
    height: auto;
  }

  .cs {
    height: 500px;
  }

  .text-11 {
    left: 0;
    top: 760px;
    margin-left: 0;
    right: 0;
    text-align: center;
    max-width: 100%;
  }

  .boom {
    font-size: 40px;
    margin: 0 auto;
    width: 640px;
    left: 0;
    right: 0;
    transform: scale(1, 0.6);
  }

  .hacking-computer-network-glitch-effect-background-damaged-signal {
    top: 800px;
  }

  .checks {
    height: 416px;
    left: 0;
    top: 900px;
    max-width: 810px;
    margin: 0 auto;
    padding: 0;
    right: 0;
  }

  .model {
    left: 0;
    position: absolute;
    top: 0;
    margin-left: 0;
  }

  .check_05 {
    left: 260px;
    top: 355px;
    max-width: 450px;
    margin-left: 0;
  }

  .icon-4 {
    left: 287px;
    top: 252px;
    margin-left: 0;
  }

  .group-8-4 {
    left: 326px;
    min-height: 91px;
    padding: 8px 0 9px 32px;
    position: absolute;
    top: 243px;
    width: 100%;
    max-width: 460px;
    background: url(images/rectangle_5_4.png) no-repeat;
    margin-left: 0;
  }

  .icon {
    left: 212px;
    position: absolute;
    top: -63px;
    margin-left: 0;
  }

  .group-8 {
    left: 248px;
    min-height: 67px;
    padding: 7px 9px 9px 36px;
    top: -60px;
    margin-left: 0;
  }

  .group-8-2 {
    left: 380px;
    min-height: 68px;
    padding: 8px 9px 10px 36px;
    top: 33px;
    margin-left: 0;
  }

  .icon-2 {
    left: 343px;
    top: 31px;
    margin-left: 0;
  }

  .icon-3 {
    left: -40px;
    position: absolute;
    top: 8px;
    margin-left: 0;
  }

  .check_03 {
    height: 90px;
    left: 420px;
    position: absolute;
    top: 130px;
    width: 100%;
    max-width: 389px;
    margin-left: 0;
  }

  .group-8-3 {
    padding: 8px 10px 14px 36px;
  }

  .text-6,
  .text-7,
  .text-8 {
    text-align: left;
  }

  .col {
    padding: 0 0 70px;
  }

  .wrapper-4 {
    height: 1950px;
    margin: 0;
  }

  .business-target-2-click-to-open {
    top: 3020px;

  }

  .wave_cloth_04 {
    top: 3250px;
  }

  .well_partner {
    top: 3580px;
    max-width: 740px;
  }

  .text-15 {
    left: 0;
    position: absolute;
    top: 0;
    margin: 0 auto;
    height: auto;
  }

  .fast_car {
    padding: 50px 0 0;
    top: 3580px;
  }

  .button_telegram,
  .button_metting {
    top: 4370px;
    left: inherit;
    position: absolute;
    width: auto;
    height: 50px;
  }

  .button_metting {
    left: 50%;
    margin-left: 20px;
  }

  .button_telegram {
    margin-left: 0;
    right: 50%;
    margin-right: 20px;
  }

  .wrapper-2 {
    height: 4380px;
  }

  .testimonial {
    padding: 0 30px;
  }

  .text-16 {
    max-width: 740px;
    height: auto;
  }

  .col-6,
  .col-8,
  .col-10 {
    width: 40%;
    padding: 20px;
    min-height: 320px;
  }

  .col-6 p,
  .col-8 p,
  .col-10 p {
    font-size: 30px !important;
  }

  .white-box-holder,
  .white-box-holder-2,
  .white-box-holder-3 {
    width: 60%;
    height: 320px !important;
  }

  .row-3 img,
  .row-4 img,
  .row-6 img {
    margin: 0 !important;
  }

  .row-3 img.star,
  .row-4 img.star-2,
  .row-6 img.star-3 {
    margin: 0 15px !important;
    width: 150px;
    height: auto;
  }

  .quote-2 {
    margin: 0;
  }

  .stock-market-forex-trading-graph-graphic-concept-holder {
    padding: 0;
  }

  .button_telegram-3,
  .button_metting-3 {
    height: 50px;
    width: auto;
    float: none;
  }

  .button_metting-3 {
    margin-left: 20px;
  }

  .button_telegram-3 {
    margin-right: 20px;
  }

  .l-constrained {
    padding: 0;
    text-align: center;
  }

  .row {
    padding: 200px 0 70px;
  }

  .container1 {
    padding: 0 30px;
    margin: 0 auto;
  }

  .global_container_ {
    padding: 0 0 40px;
  }

  .footer-dark .item.social {
    margin-top: 15px;
  }

  .ytranker_logo_black_png {
    width: 150px;
    height: auto;
  }

  nav ul li {
    line-height: 65px;
  }

  nav ul li a {
    font-size: 14px;
    padding: 7px 4px;
  }
}

@media screen and (max-width: 991px) {
  nav ul li a{
    text-align: left;
  }
  .finally {
    left: 0;
    position: absolute;
    top: 100px;
    width: 100%;
    max-width: 500px;
    margin-left: 0;
    margin: 0 auto;
    right: 0;
    display: flex;
    flex-direction: column-reverse;
  }

  .group-1 {
    margin: 0;
    z-index: 1;
  }

  .wrapper-3 {
    height: 490px;
  }

  .smart_phone {
    left: 55px;
    max-width: 700px;
    height: 430px;
    top: 800px;
  }

  .smart_phone_video {
    left: 0;
    top: 842px;
    border-radius: 33px;
    max-width: 590px;
    height: 309px;
  }

  .button_telegram-2,
  .button_metting-2 {
    top: 1190px;
  }

  .ytranker {
    margin: 375px auto 0;
  }

  .text-4 {
    font-size: 24px;
  }

  .just_one_viral {
    max-width: 650px;
  }

  .just_one_viral_box {
    height: 27px;
    margin: -34px 0 0 37px;
    max-width: 262px;
  }

  .cs {
    padding: 0 30px;
  }

  .text-5 {
    left: 10%;
    max-width: 80%;
  }

  .rank_higher {
    height: 440px;
  }

  .boom {
    top: 720px;
  }

  .checks {
    top: 800px;
  }

  .model {
    left: 0;
    margin: 0 auto;
    right: 0;
  }

  .group-8 {
    left: 110px;
    top: 411px;
    z-index: 1;
  }

  .icon {
    left: 72px;
    top: 419px;
    z-index: 2;
  }

  .group-8-2 {
    left: 110px;
    top: 517px;
  }

  .icon-2 {
    left: 72px;
    top: 525px;
  }

  .check_03 {
    left: 111px;
    top: 623px;
  }

  .group-8-4 {
    left: 110px;
    top: 729px;
  }

  .icon-4 {
    left: 72px;
    top: 748px;
  }

  .check_05 {
    left: 110px;
    top: 860px;
  }

  .group-8,
  .group-8-2,
  .group-8-3,
  .group-8-4,
  .group-8-5 {
    max-width: 550px;
    background-size: cover;
    padding: 20px 20px 20px 45px;
    min-height: inherit;
  }

  .text-6 br,
  .text-7 br,
  .text-8 br {
    display: none;
  }

  .check_05,
  .check_03 {
    max-width: 550px;
  }

  .group-8-3,
  .group-8-5 {
    left: 0;
    margin: 0;
  }

  .icon-5 {
    left: -35px;
    margin-left: 0;
  }

  .col {
    padding: 0 0 50px;
    top: 1920px;
    background-size: contain;
  }

  .so_while_other {
    height: 156px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 886px;
  }

  .text-2 {
    left: 0;
    margin: 0 auto;
    width: 80%;
    height: auto;
    right: 0;
  }

  .business-target-2-click-to-open {
    top: 3550px;
    max-width: 300px;
    height: auto;
  }

  .wave_cloth_04 {
    top: 3690px;
  }

  .text-3 {
    margin: 60px auto 0;
    width: 80%;
    height: auto;
  }

  .well_partner {
    top: 3900px;
    max-width: 80%;
  }

  .col-2 {
    padding: 150px 0;
  }

  .fast_car {
    padding: 50px 0 0;
    top: 3990px;
  }

  .text-13 {
    width: 400px;
    height: auto;
  }

  .text-14 {
    margin: 40px auto 0;
    max-width: 60%;
    height: auto;
  }

  .button_telegram,
  .button_metting {
    top: 4490px;
  }

  .wrapper-2 {
    height: 4590px;
  }

  .testimonial {
    margin-top: 30px;
  }

  .text-16 {
    max-width: 80%;
  }

  .testimonial_01,
  .testimonial_02,
  .testimonial_03 {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
  }

  .col-6,
  .col-8,
  .col-10 {
    width: 100%;
    padding: 20px;
    min-height: inherit;
    max-width: 100%;
    background-size: cover;
    order: 2;
  }

  .white-box-holder,
  .white-box-holder-2,
  .white-box-holder-3 {
    width: 100%;
    height: 395px !important;
  }

  #check:checked~ul {
    z-index: 999;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
    
  nav .toggle-icon {
    left: inherit !important;
    top: 0px;
    right: 0;
  }

  .ytranker_logo_black_png {
    width: 150px;
    height: auto;
  }

  #btn {
    line-height: 65px;
  }

  .wave_cloth_01 {
    padding: 15px 0;
  }

  .model-2 {
    width: 220px;
    height: auto;
    left: -50px;
    margin: 0 auto;
    right: 0;
  }

  .logo-12-226 {
    left: 80px;
    top: 77px;
    margin: 0 auto;
    width: 200px;
    height: auto;
    right: 0;
  }

  .wrapper-3 {
    height: 350px;
    max-width: 100%;
  }

  .text-12 {
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 auto;
    max-width: 270px;
    height: auto;
  }

  .rectangle-2-copy {
    top: 65px;
    margin-left: -56px;
    width: 158px;
    height: auto;
  }

  .rectangle-2 {
    top: 51px;
    margin-left: -138px;
    width: 198px;
    height: auto;
  }

  .group-1 {
    height: 105px;
  }

  .wave_cloth_02 {
    top: 460px;
  }

  .smart_phone {
    left: 20px;
    max-width: 280px;
    height: 200px;
    top: 570px;
  }

  .smart_phone_video {
    left: 0;
    top: 589px;
    border-radius: 14px;
    max-width: 237px;
    height: 144px;
  }

  .ytranker {
    margin: 200px auto 0;
  }

  .text-4 {
    font-size: 20px;
    line-height: 1.4;
  }

  .button_telegram-2,
  .button_metting-2 {
    top: 770px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 40px;
  }

  .button_metting-2 {
    top: 825px;
  }

  .rank_higher {
    top: 310px;
  }

  .just_one_viral {
    max-width: 320px;
  }

  .just_one_viral_box {
    height: 22px;
    margin: -53px 0 0 18px;
    max-width: 224px;
  }

  .boom {
    top: 530px;
    font-size: 30px;
  }

  .checks {
    top: 580px;
  }

  .group-8,
  .group-8-2,
  .group-8-3,
  .group-8-4,
  .group-8-5 {
    max-width: calc(100% - 80px);
    background-size: cover;
    padding: 15px 15px 15px 30px;
    min-height: inherit;
    display: flex;
    align-items: center;
  }

  .group-8 {
    left: 50px;
    top: 411px;
    z-index: 1;
    min-height: 102px;
  }

  .group-8-2 {
    min-height: 101px;
  }

  .icon {
    left: 10px;
    top: 427px;
    z-index: 2;
  }

  .text-6,
  .text-7,
  .text-8,
  .text-9,
  .text-10 {
    font-size: 16px;
  }

  .check_05,
  .check_03 {
    max-width: calc(100% - 80px);
  }

  .group-8-2,
  .check_03,
  .group-8-4,
  .check_05 {
    left: 50px;
  }

  .icon,
  .icon-2,
  .icon-3,
  .icon-4,
  .icon-5 {
    width: 70px;
    height: auto;
  }

  .icon-2,
  .icon-4 {
    left: 10px;
  }

  .icon-3 {
    top: 27px;
  }

  .group-8-4 {
    top: 752px;
    min-height: 173px;
  }

  .check_05 {
    top: 932px;
  }

  .icon-2 {
    top: 534px;
  }

  .icon-4 {
    top: 798px;
  }

  .icon-5 {
    top: 74px;
  }

  .group-8-5 {
    min-height: 220px;
    max-width: 100%;
  }

  .check_03 {
    height: auto;
  }

  .group-8-3 {
    min-height: 124px;
    max-width: 100%;
  }

  .col {
    top: 1770px;
  }

  .so_while_other {
    height: auto;
    text-align: center;
  }

  .text-2 {
    position: initial;
  }

  .text-3 {
    margin-top: 30px;
  }

  .business-target-2-click-to-open {
    top: 2820px;
    max-width: 240px;
  }

  .well_partner {
    top: 3100px;
    max-width: 90%;
  }

  .wave_cloth_04 {
    top: 2990px;
  }

  .text-13 {
    width: 260px;
  }

  .fast_car {
    top: 3110px;
  }

  .text-14 {
    max-width: 80%;
  }

  .button_telegram,
  .button_metting {
    top: 3530px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 40px;
  }

  .button_metting {
    top: 3590px;
  }

  .wrapper-2 {
    height: 3650px;
  }

  .text-16 {
    max-width: 100%;
  }

  .white-box-holder,
  .white-box-holder-2,
  .white-box-holder-3 {
    height: 260px !important;
  }

  .col-6 p,
  .col-8 p,
  .col-10 p {
    font-size: 20px !important;
  }

  .row-3 img,
  .row-4 img,
  .row-6 img {
    width: 30px;
    height: auto;
  }

  .row-3 img.star,
  .row-4 img.star-2,
  .row-6 img.star-3 {
    margin: 0 10px !important;
    width: 130px;
  }

  .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .item.social>a {
    padding: 0;
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    margin: 0 5px;
  }

  .bubble_box-holder {
    position: initial;
    margin: 0 auto;
    padding: 85px 0;
    background-size: cover;
    margin-top: -125px;
    width: 380px;
  }

  .text-23 {
    width: 210px;
    height: auto;
    left: 14px;
  }

  .image_01 {
    position: initial;
    margin: 0 auto;
    width: 280px;
    height: auto;
  }

  .impossible_to_hack {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1392px;
    display: flex;
    flex-direction: column-reverse;
  }

  .row {
    padding: 40px 0 70px;
    margin: 0;
  }

  .button_telegram-3,
  .button_metting-3 {
    margin: 0 auto;
    height: 40px;
  }

  .button_telegram-3 {
    margin-bottom: 10px;
  }
}