html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* .no-webp body{
  background-image: url('backgrounds/88caa.jpg');
}
.webp body{
  background-image: url('backgrounds/88cawebp.webp');
} */
body {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  background-color: #4089b3;
  background-image: url('../images2/smokebg5.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
h1, h2, h3, h4{
  font-family: 'Montserrat', sans-serif;
}

@font-face {
  font-family: 'Nunito';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('nunito-v12-latin-regular.woff2') format('woff2'),
       url('nunito-v12-latin-regular.woff') format('woff');
}

/* @font-face {
  font-family: 'Nunito';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: local('Nunito Bold'), local('Nunito-Bold'),
       url('nunito-v12-latin-700.woff2') format('woff2'),
       url('nunito-v12-latin-700.woff') format('woff');
} */
@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('montserrat-v14-latin-600.woff2') format('woff2'),
       url('montserrat-v14-latin-600.woff') format('woff');
}
 @font-face {
  font-family: 'Play';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local('Play Regular'), local('Play-Regular'),
       url('play-v11-latin-regular.woff2') format('woff2'),
       url('play-v11-latin-regular.woff') format('woff');
}
/* @font-face {
  font-family: 'Play';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: local('Play Bold'), local('Play-Bold'),
       url('play-v11-latin-700.woff2') format('woff2'),
       url('play-v11-latin-700.woff') format('woff');
} */

@keyframes lightup {
  0%   {filter:brightness(65%);}
  50%   {filter:brightness(160%);}
  100%  {filter:brightness(65%);}

}

#lightbulb{
  animation-name: lightup;
  animation-duration: 14s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}


.socialButtons1 { display: inline-block; width: 100%; position: relative; text-align: right; }
.socialButtons2 { display: inline-block; width: 100%; position: relative; text-align: right; }

.socialButtons1 a:hover {
  filter: brightness(110%);
}
.socialButtons2 a:hover {
  filter: brightness(110%);
}
#webshop_link{
  background: #2e5e8e;
  border-radius: 10px;
  box-shadow: 3px 3px 3px grey;
}
#webshop_link:hover{
  filter: brightness(110%);
}

#container1 {
  min-height: 100%;
  position: relative;
}

#banner-div{
  width: 100%;
  height: 40px;
  background-image: linear-gradient(rgb(8, 19, 44), rgb(25, 52, 83));
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#banner-div a {
  padding: 15px 0 0 7px;
  text-decoration: none;
  color: inherit;
}
#banner-div a img {
  width: 250px;
}
#menu{
  position: absolute;
  top: 0;
  right: 10px;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  font-weight: bold;
}

.menuItem{
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  color: white;
  font-size: 11px;
  padding:4px 8px 4px 8px;
  width: 144px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
}
#menu1, #menu3, #menu5{
  background: #0f4b73;
}
#menu2, #menu4, #menu6{
  background: transparent;
}
.skew {
  -moz-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  text-transform: uppercase;
}

#menu .dropdown:hover .menuItem {
  background-color: white;
  color: #33575d;
}
#menu .act{
  background: #9a0101;
}
#menuButtonDiv {
  position: absolute;
  display: none;
  top: 14px;
  right: 20px;
}
#menuButtonImageGreen {
  display: none;
}
#main-content-box-circles {
  background-color: inherit;
  /* background-image: url("../style/backgrounds/88caa.jpg"); */
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: inherit;
  font-weight: 600;
  width: 100%;
  margin: 0;
  color: #dedfdf;
  float: left;
  text-align: justify;
  box-sizing: border-box;
}
#main-content-box {
  background-color: inherit;
  font-family: inherit;
  width: 100%;
  margin: 0;
  color: #e5e5e5;
  padding: 0;
  float: left;
  text-align: justify;
  box-sizing: border-box;
}

.flex-cont-index .flexItemCircle p, .flex-cont-index .flexItem p{
  color: #eaeaea;
}

#main-content-box-knowledge h2{
  text-align: left;
  margin-top: 40px;
  font-size: 180%;
}
#main-content-box-knowledge{
  font-weight: 400;
  margin: auto;
  margin: 0 0 290px 0;
  color: #eaeaea;
  padding: 0 0% 1% 0%;
  float: left;
  text-align: justify;
  box-sizing: border-box;
  font-size: 110%;
  width: 100%;
}
.textContent{
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 5%;
  padding-bottom: 5%;
  background: #f0f0f0;
  color: #0e0e0e;
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 4%;
  margin-bottom: 2%;
}
.textContent h1, .text-content h2, .text-content h3, .text-content h4 {
  text-align: left;
}

.textContent img:not(.socialImg){
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.socialImg{
  box-shadow: 2px 2px 2px #828282;
  border-radius: 6px;
}
.logoImages{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;

}
.logoImages img:not(.italki_logo){
  margin: 5px;
  max-width: 90%;
  box-shadow: 4px 4px 4px grey;
}
.onThisPageFlexbox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.onThisPageItem{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 150px;
  height: 60px;
  border-radius: 5px;
  background: #4891c1;
  color: white;
  text-decoration: none;
  padding: 2px 5px;
  margin: 7px;
}
.onThisPageItem :hover{
  color: #212121;
}

#divider, #divider2{
  width: 100%;
  margin: 0;
  padding: 0;
  height: 4px;
  background-image: linear-gradient(45deg, #d9e6f2, rgb(250 250 250 / 0%));
}

/*FOR HIDING OLD FLAGS*/
#flag{
  display: none;
}
.tableReview, .table2Review, .tableQ, .tableTutorials {
  width:100%;
  border-collapse: collapse;
}
.tableReview td, .tableReview th, .table2Review td, .table2Review th, .tableQ td, .tableQ th, .tableTutorials td, .tableTutorials th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 6px 8px;
}
.tableReview tr:nth-child(odd) {
  background-color: #33435a;
}
.table2Review tr:nth-child(odd) {
  background-color: teal;
}
.tableQ tr:nth-child(odd){
  background-color: #f2f2f2;
}
.tableTutorials tr:nth-child(odd){
  background-color: #f2f2f2;
}
.tableQ tr:hover {
  background-color: #ddd;
}
.tableQ th {
  background-color: #4c82af;
  color: white;
}
#mobileList{
  display: none;
}
#mobileList li{
  margin-left: 50px;
}

.flex-cont-index {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#main-content-box > .flex-cont-index{
  padding-top: 20px;
}
#casinoCards{
  height: 314px;
  overflow: hidden;
}
#sportsCards{
  height: auto;
  padding-top: 10px;
  overflow: hidden;
}
#moreCasinosButton, #moreSportsButton{
  background-image: linear-gradient(transparent, #080b0f);
  color: #c1d6e0;
  text-align: center;
  padding: 10px;
}
#moreCasinosButton:hover, #moreSportsButton:hover{
  cursor: pointer;
}
.textBelowCards{
  padding: 10px 7%;
  background-color: transparent;
  color: white;
  /* margin-left: 10%;
  margin-right: 10%; */
  margin-top: 30px;
}
.textBelowCards p, .textBelowCards h4{
  display: none;
}
.textBelowCards h3{
  background: #dde8ef;
  color: #1d1d1d;
  padding: 10px 30px 10px 30px;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
}
.textBelowCards h3:hover{
  cursor: pointer;
  background: #b9d5e4;
}
.arrowup{
  position: absolute;
  right: 8%;
  display: none;
}

.flex-cont-review {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: flex-start;
  margin-bottom: 50px;
  margin-top: 20px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 220px;
}
.circleWrapper{
  background: linear-gradient(to bottom right, #1f465d45, transparent);
  height: 160px;
  width: 160px;
  border-radius: 50%;
  box-shadow: 6px 6px 6px #090e1161;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 10px;
  position: relative;
}
.flexItemCircle{
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-color: rgb(1 40 123 / 59%);
}
.flexItemCircle a {
  text-decoration: none;
  color: white;
}
.flexItem{
  display: none;
      /* background: rgb(66 99 93 / 54%); */
  background-image: linear-gradient(70deg, #0b495d, rgba(17, 27, 37, 0.84), rgba(171, 185, 207, 0.64));
  height: 230px;
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  /* margin-top: 2px; */
  position: relative;
  box-shadow: 6px 6px 6px #090e11;
  border-radius: 9px 9px 7px 7px;
}
.flex-cont-index .flexItem{
  height: 142px;
}
.sports{
  margin-top: 20px;
}
.sports > .flexItem{
  height: 108px;
  background: rgb(78 165 27);
}
.flexItem-rev{
  background-color: rgb(5 11 24 / 76%);
  height: auto;
  width: 70%;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 15px;
  padding-top: 10px;
  margin-bottom: 15px;
  position: relative;
  box-shadow: 6px 6px 6px #090e11;
  box-sizing: border-box;
}
.flexItem-rev h1{
  font-size: 1.4em;
}
.flexItem-rev img{
  height: auto;
  max-width: 100%;
}
.flexItem-pay{
  background-color: rgb(5 11 24 / 76%);
  height: auto;
  min-height: 230px;
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  padding: 1% 3% 2% 2%;
  position: relative;
  box-shadow: 6px 6px 6px #090e11;
  box-sizing: border-box;
  text-align: left;
}
.two{
  width: auto;
  box-sizing: border-box;
}
.flexItemCircle:hover{
  border: 5px solid #ACE1F6;
   -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  /*-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; */
}
.hiddenText {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  /* z-index: -1; */
  text-align: center;
  display: none;
}


.flexItemCircle img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}


.flexItemCircle img:hover {
  opacity: 50%;
}
.flexItemCircle img:hover + .hiddenText{
  display: inline;
}

.hiddenText:hover{
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(1, 40, 123, 0.5);
  height: 150px;
  border-radius: 50%;
}

.flexItemCircle p {
  font-size: 80%;
  padding-left: 10px;
  padding-right: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.flexItemCircle p a {
  font-size: 80%;
  color: #bfdfff;
}
.flexItem:hover:not("#sports .flexItem"){
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  -moz-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.tooltipContainer{
  position: relative;
  display: inline-block;
}
.tooltipContainer .tooltiptext {
  visibility: hidden;
  width: 140px;
  height: auto;
  font-size: 80%;
  background-color: rgb(13 27 48 / 86%);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.tooltipContainer .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgb(13 27 48 / 67%) transparent transparent transparent;
}
.tooltipContainer:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.flexItem img{
  width: 200px;
  height: 70px;
  border-radius: 7px 7px 0 0;
}
.flexItem p {
  font-size: 80%;
  padding-left: 10px;
  padding-right: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.flexItem p a {
  font-size: 80%;
  color: #bfdfff;
}
.buttons{
  padding-bottom: 3px;
  width: inherit;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 100%;
  font-family: 'Play', sans-serif;
  position: absolute;
  bottom: 0;
}
.sports .buttons{
  height: 33px;
}
.buttons a, .buttons span {
  width: 95%;
  height: 30px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  text-decoration: none;
}
.buttons .singleButton{
  height: 64px;
  line-height: 60px;
}
.buttons a:hover{
  -webkit-filter: hue-rotate(30deg); /* Safari 6.0 - 9.0 */
  filter: hue-rotate(30deg);
  -webkit-filter: brightness(80%); /* Safari 6.0 - 9.0 */
  filter: brightness(80%);
}
.review{
  background: #12618e;
  color: lightgrey;
}
.visitBtn{
  background-image: linear-gradient(#00b019, #008713);
  color: #e5ecec;
}
.visitOnReview{
  background-image: linear-gradient(#00b019, #008713);
  color: #e5ecec;
  padding-bottom: 3px;
  width: 100%;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 100%;
  font-family: 'Play', sans-serif;
  text-decoration: none;
  border-radius: 3px;
}
.visitOnReview:hover{
  -webkit-filter: brightness(120%); /* Safari 6.0 - 9.0 */
  filter: brightness(120%);
}
.visitOnPayoutPage{
  background-image: linear-gradient(#00b019, #008713);
  color: #e5ecec;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  line-height: 80px;
  text-decoration: none;
  padding: 7px 12px;
  font-family: 'Play', sans-serif;
  white-space: nowrap;
}
.visitOnPayoutPage:hover{
  -webkit-filter: hue-rotate(30deg); /* Safari 6.0 - 9.0 */
  filter: hue-rotate(30deg);
  -webkit-filter: brightness(80%); /* Safari 6.0 - 9.0 */
  filter: brightness(80%);
}
.flex-cont-review .buttons{
  height: 70px;
}
.flex-cont-review .flexItem, .flex-cont-review .flexItem img{
  /* background: #f8f8f8; */
  border-radius: 0 0 0 0;
}
.flex-cont-review .flexItem{
  background: rgb(5 11 24 / 76%);
  display: inline;
}
.flex-cont-review .flexItem .buttons .visitBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.clear-float {
  clear:both;
}
footer {
  width: 100%;
  height: 240px;
  box-sizing: border-box;
  background-color: #0a121c;
  text-align: center;
  padding-top: 34px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  font-size: 90%;
  color: #b3b3b3;
  position: absolute;
  bottom: 0;
}

#footerMenu a{
  margin: 14px;
  text-decoration: none;
  color: inherit;
}
#footerMenu{
  max-width: 90%;
  margin: auto;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: 1px solid #4e5b6b;
}
#socialMedia{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* #socialMedia a img{
  margin-right: 10px;
  margin-left: 10px;
  width: 35px;
} */
#fb{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -44px -38px;
  display: block;
  height: 35px;
  width: 35px;
}
#insta{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -85px -38px;
  display: block;
  height: 35px;
  width: 35px;
}
#youtube{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -3px -79px;
  display: block;
  height: 35px;
  width: 35px;
}
#twitter{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -167px -38px;
  display: block;
  height: 35px;
  width: 35px;
}
#pinterest{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -126px -38px;
  display: block;
  height: 35px;
  width: 35px;
}
#socialMedia a{
  margin: 0 15px 6px 15px;
}
#eighteen{
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -3px -38px;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-top: 10px;
}
#gaware{
  margin-right: 10px;
  margin-top: 10px;
  background: url(../images2/css_sprites.png) no-repeat;
  background-position: -3px -3px;
  display: inline-block;
  width: 227px;
  height: 29px;
}
#footerTxt{
  color: #8491a2;
  margin-top: 20px;
}
#footerImgs img{
  padding-top: 10px;
  max-width: 100%;
}



#act2{
  background: #003458;
  color: lightgrey;
}
.right{
  float: right;
  margin-right: 9px;
  text-decoration: none;
  color: #bfdfff;
  font-size: 70%;
}
#flagli{
  position: relative;
  top: -8px;
}
.italic{
  font-style: italic;
}
.casName{
  font-size: 120%;
}
.casName2 a{ color: green;}
.casName a{
  text-decoration: none;
  color: firebrick;
}
.flexItem-rev img{
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.flagx{
  position: relative;
  top: 11px;
}
.flagaland{
  position: relative;
  top: 14px;
  height: 29px;
  margin-right: 5px;
  margin-left: 1px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 150px;
  right: 5px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  background: none;
}

#myBtn:hover {
  color: #033C62;
}
#bannedPage{
    text-align: left;
}
#termsPage{
    padding: 2% 5%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
    background: white;
    box-shadow: 14px 4px 14px #090e11;
    color: black;
    font-size: 1.2vw;
}
.hiddenClass {
    display: none;
}
#country{
  padding: 3px 3px;
  font-size: 100%;
  text-transform: uppercase;
}
#bonusesTop{
  font-size: 130%;
}
.flex-cont-index .flexItemCircle .nameOnCard{
  color: #2461cc;
  display: inline;
}
.flex-cont-review .flexItem .nameOnCard{
  color: #2461cc;
  display: inline;
}

.marquee {
margin: 0 auto;
width: 100%;
height: 90px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.marquee:before, .marquee:after {
position: absolute;
top: 0;
width: 20px;
height: 78px;
content: "";
z-index: 1;
}
.marquee__content {
width: 350%;
display: flex;
line-height: 30px;
animation: marquee 1080s linear infinite forwards;
}
.marquee__content:hover {
animation-play-state: paused;
}
.list-inline {
display: flex;
justify-content: space-around;
width: 33.33%;
/* reset list */
list-style: none;
padding: 0;
margin: 0;
}
.list-inline li a img{
  box-shadow: 4px 4px 4px #090e11;
  border-radius: 3px 3px 50px 50px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
      }
  100% {
    transform: translateX(-66.66%);
        }
}
#contents a {
   text-decoration: none;
   color: #dae1e7;
}
#contents a:visited{
  color: #b8d5ff;
}
#contents{
  line-height: 1.9;
}
.stripe{
  margin-bottom: 0;
  background-color: rgb(9 10 32 / 35%);
}
.stripe h1, .stripe h3{
  font-size: 1.5em;
  padding: 12px;
  color: #d2d2d2;
  font-family: 'Play';
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}
.stripeFlex{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.stripeFlex a{
  transition: all 0.3s ease-in-out;
  font-size: 90%;
}
.stripeFlex a:hover{
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}



#sweden{
  display: none;
}
#united{
  display: none;
}
#other{
  display: none;
}
.search_1{
  width:146px;
  height:30px;
  padding-left: 4px;
  border-radius:4px;
  border:none;
  color:#E45548;
  font-weight:500;
  background-color: white;
  float: right;
  position: absolute;
  top: 75px;
  right: 45px;
  display:none;
}
::-webkit-input-placeholder { /* Edge */
  color: #BFBFBF;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BFBFBF;
}
::placeholder {
  color: #BFBFBF;
}
.search_1:focus{
  outline:0;
}
.lazy{
  width: 100%;
  min-height: 600px;
}
.corner{
  width: 50px;
  height: 50px;
  border-top-right-radius: 7px;
  background-image: linear-gradient(225deg, rgba(255, 245, 0, 0.71) 50%, transparent 51%);
  position: absolute;
  right: 0;
  top: 0;
}
.flex-cont-review .corner{
  border-top-right-radius: 0;
}
.cornerText{
  position: absolute;
  top: 12px;
  right: 0;
  color: black;
  font-size: 10px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -sand-transform: rotate(45deg);
  transform: rotate(45deg);
}
.corner2{
  width: 70px;
  height: 70px;
  border-top-right-radius: 7px;
  background-image: linear-gradient(225deg, transparent 24%, #236f2f 23%, #3fbd48 49%, transparent 48%);
  position: absolute;
  right: -2px;
  top: -2px;
}
.cornerText2{
  position: absolute;
  top: 20px;
  right: -3px;
  color: black;
  font-size: 8px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -sand-transform: rotate(45deg);
  transform: rotate(45deg);
}

.knowledgeImg{
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

#sideTitle p{
  color: #cec6c5;
  font-size: 1.2em;
  font-weight: bold;
  font-family: 'Play';
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

header{
  padding-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid white;
}
#sideTitle{
  width: 180px;
  position: absolute;
  left: -78px;
  top: 154px;
  transform: rotate(270deg);
  background: rgba(30, 37, 108, 0.46);
  padding-right: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: center;
  overflow: hidden;
}


#newsContainer{
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 50px;
  margin-top: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  background: linear-gradient(to bottom, rgb(7, 46, 77), rgb(96 191 242 / 29%), rgb(96 191 242 / 2%));
  background-attachment: fixed;

}
#newsContainer > .news:hover{
  filter: brightness(110%);
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.newsText > div{
  margin-right: 26px;
  display: none;
}


.news{
  width: 340px;
  height: 200px;
  margin: 20px 5px;
  border-radius: 8px;
  box-shadow: 6px 6px 6px #173553;
  color: #e4e4e4;
  overflow: hidden;
  position: relative;
  background-color: #090e11;
}
.newsBelow{
  width: 306px;
  height: 180px;
  margin: 20px 30px;
  color: #e4e4e4;
  overflow: hidden;
  position: relative;
  background-color: #090e11;
}

.news img{
  height: 100%;
  width: 100%;
  /* width: auto; */
  object-fit: cover;
  margin: auto;
  border-radius: 7px;
}
.newsBelow img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin: auto;
}
/* .main_image_box {
  height: auto;
  width: 100%;
  margin: 0;
  float: left;
}
.main_image_box img{
  width: 90%;
  max-width: 1250px;
  display: block;
  margin: auto;
  margin-top: 40px;
} */

.newsText{
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 8px 16px 8px 16px;
  background-color: rgba(5, 25, 39, 0.93);
}
.news:hover .excerpt{
  display: block;
  padding-top: 3px;
}

.news:hover .more{
  display: block;
  text-align: right;
  padding-right: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: linear-gradient(to right, transparent 40%, #E62E2D 96%, transparent);
}
.news:hover .more a{
  text-decoration: none;
  color: inherit;
}





/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 9px;
  background-color: rgba(241, 241, 241, 0.95);
  box-shadow: 5px 5px 6px rgba(0,0,0,0.1);
  z-index: 1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  color: #33575d;
  width: 128px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background: white;
  color: red;
}
.dropdown-content .dropdownLast:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}


.quote{
  /* background-color: #efefef; */
  /* color: #0f2434; */
  width: 70%;
  margin: auto;
  padding: 24px;
  /* border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 3px solid #84b4c3; */
  font-size: 170%;
  /* box-shadow: 7px 7px 7px #060812; */
  transform: skewX(-20deg);
  border-width: 3px;
  border-style: solid;
  border-image:
    linear-gradient(
      to bottom,
      #d5d7d9,
      rgba(0, 0, 0, 0)
    ) 1 100%;
}
#www {
  font-size: 160%;
  display: block;
  font-style: italic;
  text-align: center;
}
.preText{
  font-weight: normal;
  font-style: italic;
  background-color: inherit;
  color: #e6e6e6;
  padding: 0;
}
#preTextDiv{
  border-top: 1px solid #e9ecee;
  border-bottom: 2px solid #234b73;
  position: relative;
  background: #234b73;
}
#preTextDiv2{
  margin: 0 140px 0 5%;
}
.fancyP{
  box-shadow: 6px 6px 6px darkgrey;
  color: #4e4e4e;
  padding: 20px;
  background: #FAFAFA;
}
.mosaic{
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
  justify-content: center;
}
.mosaic_article{
  width: 30%;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  text-align: center;
  background: #025089;
  text-decoration: none;
}
.halfscreen{
  width: 45%;
}
.mosaic > .mosaic_article {
  margin: 1px;
}
.flexMosaic{
  height: 120px;
  width: 120px;
  border-radius: 50%;
  position: relative;
  bottom: 60px;
  margin: 0 auto;
}
.flexMosaic img, .flexMosaic span{
  height: 100%;
  width: 100%;
  /* width: auto; */
  object-fit: cover;
  margin: auto;
  border-radius: 50%;
  border: 2px solid transparent;
}
.mosaicTxt{
  margin-top: -60px;
  margin-bottom: 70px;
}
.mosaic_article{
  color: #d7e9ff;
}
.mosaic_article:hover{
  background: #8fbdff;
  color: #04111a;
}
.mosaic_article:hover .flexMosaic img{
  border-color: #8fbdff;
}
.textBelow{
  padding: 3% 7% 4% 7%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 3%;
  background: #fafafa;
  color: #0e0e0e;
}
.commentDiv{
   box-sizing: border-box;
   padding: 5px 3%;
   width: 86%;
   margin: 0 auto;
   background: #f0f0f0;
}

.disclaimer{
  font-style: italic;
  font-family: sans-serif;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 90%;
  background: #fafafa;
  color: grey;
}
.easyWay{
  /* padding: 0 50px;
  margin-top: 20px;
  margin-bottom: 50px;
  border-left: 10px solid rgb(192 218 243 / 49%); */
}
.blueBg{
  /* background: #D4E1ED;
  box-shadow: 2px 2px 2px #b4c8cc; */
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.italki_logo:hover{
  -webkit-filter: hue-rotate(-30deg);
  filter: hue-rotate(-30deg);
}
.brighter:hover{
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}
.link{
  color: #4309ff;
  text-decoration: none;
}
.normal{
  color: #4e4e4e;
  text-decoration: none;
}
.link:hover{
  color: firebrick;
}
.privacyList > li {
  padding-top: 12px;
}
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
  text-align: center;
}

figcaption {
  background-color: #c7cee0;
  color: #2b2b2b;
  font-style: italic;
  padding: 2px;
  margin-top: 4px;
  text-align: center;
}
.tradingview2{
  height: 60px;
  display: none;
}
.lotteryDiv{
  background: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  border: 1px solid lightgrey;
}
.textContent .lotteryDiv img{
  padding-bottom: 20px;
  padding-top: 20px;
  width: 50%;
  min-width: 100px;
}
.commentBox{
  margin: 10px 5%;
}
.tradingBrand{
  box-shadow: 6px 6px 6px lightgrey;
  background: white;
  padding: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#etoro:hover{
  filter: saturate(220%);
}
.credentials{
  margin-left: 30px;
  float: right;
}
.credentials:hover{
  filter: saturate(2.5);
}


@media screen and (min-width: 2000px) {
        .corner2, .corner{
          display: none;
        }
        #lightbulb{
          display: none;
        }
}

@media screen and (max-width: 1280px) {
        #menu .dropdown .menuItem {
          font-size: 10px;
          padding:4px;
          width: 120px;
        }
        .dropdown-content {
          right: 9px;
        }
        .dropdown-content a {
          min-width: 96px;
        }
        .dropdown-content {
          width: inherit;
          right: 9px;
          border-top-left-radius: 10px;
        }
        .dropdown-content .dropdownFirst:hover {
          border-top-left-radius: 10px;
        }
}
@media screen and (max-width: 1141px){
        .news{
          width: 280px;
          height: 160px;
          font-size: 80%;
        }
        #sideTitle p{
          font-size: 0.9em;
        }
        #sideTitle{
          width: 140px;
          top: 142px;
          left: -62px;
        }
}
@media screen and (max-width: 1086px){
        #menu .dropdown .menuItem {
          font-size: 10px;
          padding:4px;
          width: 85px;
        }
        /* #introduction{
          background-attachment: scroll;
        } */
}
@media screen and (max-width: 1075px) {
        #magnifierBlue{
          display: none;
        }
}
@media screen and (max-width: 1022px) {
        .marquee{
          display: none;
        }
}
@media screen and (max-width: 1019px){
        footer{
          height: 280px;
        }
        .flex-cont-review{
          margin-bottom: 140px;
        }
        #main-content-box-knowledge{
          margin-bottom: 400px;
        }
}
@media screen and (max-width: 997px) {
        #termsPage{
            font-size: 1.5vw;
        }
        .textContent>img{
          min-width: 100%;
          max-width: 100%;
        }
}
@media screen and (max-width: 950px) {
        .flex-cont-index{
          margin-right: 0;
          margin-left: 0;
        }
        .textContent{
          padding-right: 5%;
          padding-left: 5%;
          margin-right: 5%;
          margin-left: 5%;
        }
        .textBelowCards{
          margin-left: 5%;
          margin-right: 5%;
        }
        .arrowup{
          right: 13%;
        }
        .commentDiv{
          margin-right: 5%;
          margin-left: 5%;
          width: 90%;
        }
        .tradingBrand{
          box-shadow: none;
          background: transparent;
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          margin-right: 0;
        }
        .textContent h1{
          font-size: 1.9rem;
        }
}
/* @media screen and (max-width: 945px) {
        #main-content-box-knowledge{
          font-size: 13px;
        }
        #main-content-box-knowledge h1 {
          font-size: 22px;
        }
        #main-content-box-knowledge h2{
          font-size: 140%;
          text-align: left;
        }
} */
@media screen and (max-width: 916px) {
        #main-content-box-circles, #main-content-box {
            padding-top: 0;
        }
}
@media screen and (max-width: 900px){
        .flexItem-rev, .flexItem-pay {
          font-size: 1.7vw;
        }
}
@media screen and (max-width: 861px){
          #menu .dropdown .menuItem {
            font-size: 9.5px;
            width: 75px;
          }
}
@media screen and (max-width: 856px){
          .flexItemCircle{
            width: 180px;
            height: 180px;
          }
          .circleWrapper{
            width: 190px;
            height: 190px;
            margin: 18px 6px;
          }
          .flexItemCircle:hover{
            border: 4.5px solid #ACE1F6;
          }
          .hiddenText:hover{
            height: 180px;
          }
}

@media screen and (max-width: 812px){
          .flexItem-rev{
              order: -2;
              width: 100%;
          }
          .flexItem-pay{
              order: -1;
          }
}
@media screen and (max-width: 799px) {
          #menuButtonDiv{
            display: inline;
          }
          #menu {
              display: none;  /*JS to change to flex*/
              flex-direction: column;
              align-items: center;
              width: 100%;
              padding-bottom: 15px;
              padding-top: 15px;
              border-bottom: 3px solid red;
              box-shadow: 0 10px 15px black;
              overflow: hidden;
              position: absolute;
              top: 50px;
              right: 0;
              background: #182940;
              z-index: 1;
          }
          #menu .dropdown {
            width: 70%;
          }
          #menu .dropdown .menuItem {
              width: 100%;
              margin-top: 10px;
              margin-bottom: 10px;
              padding-top: 8px;
              padding-bottom: 8px;
              background: #38658a;
              border-radius: 5px;
              -moz-transform: skewX(0deg);
                -webkit-transform: skewX(0deg);
                -o-transform: skewX(0deg);
                -ms-transform: skewX(0deg);
                transform: skewX(0deg);
          }
          .menuItem .skew {
              -moz-transform: skewX(0deg);
              -webkit-transform: skewX(0deg);
              -o-transform: skewX(0deg);
              -ms-transform: skewX(0deg);
              transform: skewX(0deg);
          }
          .dropdown-content a {
            display: none;
          }
          header{
            position: static;
          }
          li > h3 {
            text-align: left;
          }
}

@media screen and (max-width: 783px){
        .flexItem-rev, .flexItem-pay {
          font-size: 1.9vw;
        }
        #termsPage{
            font-size: 1.9vw;
            margin-bottom: 20px;
        }
}
@media screen and (max-width: 748px){
        footer{
          height: 335px;
        }
        #main-content-box-knowledge{
          margin-bottom: 400px;
        }
}

@media screen and (max-width: 703px) {
          #myBtn {
              bottom: 180px;
          }
          #termsPage{
            margin-bottom: 60px;
          }
          .mosaic > .mosaic_article{
            width: 100%;
            margin: 1px 0;
          }
          .textContent{
            margin-right: 0;
            margin-left: 0;
          }
          body{
            background-image: none;
          }
          .textBelowCards{
            margin-left: 0;
            margin-right: 0;
            font-size: .9em;
          }
          .textBelow{
            margin-left: 0;
            margin-right: 0;
            margin-top: 10%;
            font-size: .9em;
          }
          .textBelowCards h3{
            font-size: .9em;
            padding-right: 50px;
            padding-left: 50px;
          }
          .arrowup{
            right: 8%;
          }
          .commentDiv{
            margin-right: 0;
            margin-left: 0;
            width: 100%;
          }
}

@media screen and (max-width: 665px){
        .flexItem-rev, .flexItem-pay {
          font-size: 2.1vw;
        }
        #termsPage{
            font-size: 2.1vw;
        }
        .credentials{
          margin-left: 0;
          float: none;
        }


}
@media screen and (max-width: 602px){
        #main-content-box-knowledge{
          margin-bottom: 370px;
        }
}

@media screen and (max-width: 600px){
          #main-content-box-knowledge{
            text-align: left;
          }
          #contents ul{
            margin: 2px;
            padding: 2px;
          }
          #contents li {
            padding-top: 1.4em;
          }
          #contents li>ul{
            padding-left: 15px;
          }
          #introduction{
            /* background: #254a75; */
            /* background-image: linear-gradient(#5ebcef, #234c63); */
            font-size: 90%;
          }
}

@media screen and (max-width: 573px){
        .flexItem-rev, .flexItem-pay {
          font-size: 2.4vw;
        }
        #termsPage{
            font-size: 2.4vw;
        }
        #lightbulb{
          display: none;
        }
        #preTextDiv2{
          margin: 0 5% 0 5%;
        }
        .tradingview1{
          display: none;
        }
        .tradingview2{
          display: inline;
        }
}
@media screen and (max-width: 516px){
          footer{
            height: 370px;
          }
          #main-content-box-knowledge{
            margin-bottom: 430px;
          }
          .flex-cont-review{
            margin-bottom: 220px;
          }
}

@media screen and (max-width: 500px) {
          /* .flex-cont-index .flexItem{
            transform: scale(0.6, 0.6);
            margin-top: -50px;
            margin-bottom: -50px;
            margin-right: -36px;
            margin-left: -36px;
            height: 295px;
          } */

          /* .buttons{
            height: 127px;
          } */
          /* .flex-cont-index .buttons a, .flex-cont-index .buttons span {
            height: 60px;
            line-height: 60px;
            margin-bottom: 10px;
          } */
          .flexItem-rev {
            font-size: 3.5vw;
            text-align: left;
          }
          .flexItem-pay{
            text-align: left;
          }
          .table2Review, .tableTutorials{
            display: none;
          }
          #mobileList{
            display: inline;
          }
          .textContent img{
            min-width: 10px;
            max-width: 100%;
          }
          .easyWay{
            padding: 17px 10px;
          }
          .harderWay{
            padding: 17px 10px;
          }

}
@media screen and (max-width: 433px) {
          #footerMenu{
            font-size: 80%;
          }
          footer{
            height: 370px;
          }
          #main-content-box-knowledge{
            margin-bottom: 420px;
          }
          .textContent h1{
            font-size: 1.5rem;
          }
}


@media screen and (max-width: 414px) {
          .flexItem-rev, .flexItem-pay {
            font-size: 4vw;
          }
          footer {
            font-size: 3.7vw;
          }
          #termsPage{
              font-size: 4vw;
          }
}
@media screen and (max-width: 400px){
        .visitOnPayoutPage{
          margin-left: 0px;
          display: run-in;
        }
        #sideTitle{
          position: absolute;
          left: 0;
          top: 50px;
          transform: rotate(0deg);
          border-bottom-left-radius: 0;
          background: rgb(58 119 159);
        }
        #sideTitle p{
          color: #f3f3f3;
        }
        .hiddenText{
          font-size: 70%;
        }
        #newsContainer{
          padding-top: 45px;
          padding-left: 0;
        }
        .newsBelow{
          width: 80%;
          height: 180px;
          font-size: 90%;
        }
}
@media screen and (max-width: 380px){
        #banner-div a img{
          width: 180px;
          padding: 0 0 0 3px;
        }

        #main-content-box-knowledge{
          margin-bottom: 450px;
        }
}
@media screen and (max-width: 341px){
        footer{
          height: 410px;
        }
}
@media screen and (max-width: 330px) {
        .flex-cont-index{
          margin-top: 12px;
          margin-bottom: 12px;
        }
        .flex-cont-review{
          margin-bottom: 350px;
        }

        #stripeTxt{
          font-size: 95%;
        }
        footer{
          font-size: 4.9vw;
          height: 550px;
        }
        #main-content-box-knowledge{
          margin-bottom: 570px;
        }
}
@media screen and (max-width: 320px) {
          #main-content-box-circles, #main-content-box {
              width: 100%;
              padding-top: 0;
          }
          .flexItem-rev, .flexItem-pay {
            font-size: 4.8vw;
          }
          .flexItemCircle{
            margin: 1px;
            padding: 1px;
          }
          /* .flex-cont-index .flexItem{
            transform: scale(0.5, 0.5);
            margin-top: -65px;
            margin-bottom: -65px;
            margin-right: -50px;
            margin-left: -50px;
          } */
          #termsPage{
              font-size: 4.8vw;
          }
}
@media screen and (max-width: 307px){
        .news{
          width: 200px;
          height: 160px;
          font-size: 70%;
        }
        .newsText{
          padding-left: 8px;
          padding-right: 8px;
        }
}

@media screen and (max-width: 300px) {

          .flex-cont-review{
            margin-bottom: 390px;
          }
}
@media screen and (max-width: 292px) {
          footer {
            height: 700px;
          }
          #banner-div a img{
            width: 140px;
            padding: 5px 0 0 3px;
          }
          #main-content-box-knowledge{
            margin-bottom: 760px;
          }
}

@media screen and (max-width: 230px) {
        .flexItemCircle{
          width: 140px;
          height: 140px;
        }
        .circleWrapper{
          width: 150px;
          height: 150px;
        }
        .flexItemCircle:hover{
          border: 3px solid #ACE1F6;
        }
        .hiddenText:hover{
          height: 140px;
        }
}
@media screen and (max-width: 228px){
        .news{
          width: 150px;
        }
}
@media screen and (max-width: 222px) {
          #banner-div a img{
            width: 100px;
            padding: 2px 0 0 2px;
          }
}
@media screen and (max-width: 188px) {

          #main-content-box-knowledge{
            margin-bottom: 650px;
          }
}
@media screen and (max-width: 181px) {
          .flexItemCircle{
            width: 110px;
            height: 110px;
          }
          .circleWrapper{
            width: 115px;
            height: 115px;
          }
          .flexItemCircle:hover{
            border: 1px solid #ACE1F6;
          }
          .hiddenText:hover{
            height: 110px;
          }
}
@media screen and (max-width: 178px) {
          #menu a {
            width: 90%;
            font-size: 5vw;
          }
}