/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
    clear:both;
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  color: #ffffff;
    background: #0d1527;

}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #f53e82;
    text-decoration: none;
}
a:hover {
  color: #282828; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 44px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
margin-top: 5px;}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #f53e82;
  border-color: #f53e82;
    font-size: 15px;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #b00c49;
  border-color: #b00c49; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 0px solid #D1D1D1;
    /* border-radius: 4px; */
    box-shadow: none;
    box-sizing: border-box;
    border-bottom: 1px solid white;
    margin-top: 15px;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #b12d86;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* All CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.margin0{margin-top: 0px !important;}
.margin50{margin-top: 50px !important;}
.margin100{margin-top: 100px !important;}
.margin150{margin-top: 150px !important;}

.marginb50{margin-bottom: 50px;}
.marginb100{margin-bottom: 100px;}
.marginb150{margin-bottom: 150px;}

.topsection{
    
    background-image: url(../images/banner_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 50px 0px;
    position: relative;
    min-height: 1050px;
    
}

.devider svg{    
    width: 128px;
    height: auto;
    display: inline-block;
}

.devider svg .st0 {
    fill: #f53e82 !important;
}

.color2{
    background: #1e1f30;
}

#header{
    background: #080810;
}

.form{
    display: block;
    background: #0c1527;
    height: 530px;
    width: 100%;
}

nav{
    padding: 0px 0px 0px 0px;
    
}



.logo{margin: 8px 30px 0 0 !important; padding: 0 !important; float: left;}



.main-menudiv ul{
    list-style: none;    
}

.main-menudiv ul li{
    display: inline;
   
}

.main-menudiv ul li a{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}


.separator{
        position: relative;
    float: left;
    width: 100%;
    height: 130px;

}

.wave .st1{
    
    fill: #0d1527;
    
}

.wave .st0{
    
    opacity: .4;
    
}

.wave{
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    z-index: 60;
    padding-top: 50px;
}

.title{
    text-align: center;
}

.comments-details{
   text-align: center;
}

.rate{
    width: 100%;
}

.rate star{
    color: #f53e82;
}

.logolinks{    
    width: 100%;
}

.score {
    font-size: 67px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    line-height: 65px;
}

.ratingbar{
    display: flex;
    align-items: center;
    height: 30px;
}

.bar-rating{
    width: 100%;
    height: 7px;
    background: #ffffff;
}

.bar-score{    
    background: #f53e82;
    height: 7px;
}

.star-rating, .votes{
    display: flex;
    font-size: 25px;
    font-weight: 400;
}

.votes{
    margin-left: 5px;
}

.star-rating img{
    width: 20px;
    margin: 0 5px;
}

.commentbox{
    position: relative;
    background: #131521;
    padding: 10px 20px;
    margin-top: 30px;
}

.originlogo{
    position: absolute;
    right: 5px;
    top: 5px;
}

.commentpic{
    float: left;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

.commentpic img{
    color: #fff;
    height: 60px;
    vertical-align: middle;
    width: 60px;
    perspective-origin: 30px 30px;
    transform-origin: 30px 30px;
    border: 0 #fff;
    border-radius: 50%!important;
}


.commentname{
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    padding-top: 10px;
}
.commentstars{
    height: 15px;
}

.benefitsbox{
    text-align: center;
}

.benefitsbox img{
    width: 100%;
}

.btn-pink{
    font-family: 'Source Sans Pro',sans-serif;
    border-radius: 100px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    background: #111;
    color: #fff;
    -webkit-transition: all .45s cubic-bezier(.25,1,.2,1)!important;
    -moz-transition: all .45s cubic-bezier(.25,1,.2,1)!important;
    -ms-transition: all .45s cubic-bezier(.25,1,.2,1)!important;
    -o-transition: all .45s cubic-bezier(.25,1,.2,1)!important;
    transition: all .45s cubic-bezier(.25,1,.2,1)!important;
    background: #b12d86;
    background: -moz-linear-gradient(125deg,#b12d86 0,#f53e82 100%);
    background: -webkit-linear-gradient(125deg,#b12d86 0,#f53e82 100%);
    background: linear-gradient(125deg,#b12d86,#f53e82);
    position: relative;
    overflow: hidden;
    padding: 14px 35px 11px 35px;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}

.btn-pink i {
    width: 11px;
    display: inline-block;
    margin-right: 0;
    padding: 0;
    border: 0;
    margin-left: 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    vertical-align: middle;
}

.support h2, .support h5{
    text-align: center;
}

.computer img{
    width: 100%;
}

.supportbox{
    text-align: center;
}

.supportbox img{
    width: 100%;
}

.supportbox .support-title{
    font-size: 26px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 20px;
}

.supportbox p{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 30px;
}

.wave2{
    display: contents;
}

.wave2 svg{
    width: 100%;
}

.wave2 .st0,.wave2 .st1 {
    fill: #1e1f30;
}
.wave2 .st0 {
opacity: .4;
}

.devider{
    margin-bottom: -10px;
}


.trade-section{
    text-align: center;
    margin: 100px 0;
}

.logo-footer{
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
.logo-footer img{
    max-height: 90px;
    width: auto;
}  

.footer{
    background: url("../images/footer_bg.jpg");
    background-repeat: no-repeat;
    background-position: 80% 50%;
    background-color: #151521;    
}

.footer-menu h5{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 30px;
}

.footer ul{
    list-style: none;    
}
.footer ul li{    
    margin-bottom: 0;
}

.footer ul li a{
    color: white;
    font-size: 12px;
    text-decoration: none;
    line-height: 13px;
}

.disclaimer{
    font-size: 12px;
}

.footer-logos{
    text-align: center;
    margin-bottom: 20px;
}

.copyright{
    text-align: center;
    color: #8082a2;
    font-weight: 700;
    font-size: 13px;
}

.copyright a,
.copyright img { display: inline-block; position: initial; float: initial; }

.bottom-menu{
    margin: 0 auto;
    margin-top: 30px;
}

.bottom-menu ul li{
    margin-left: 15px;
    
}

.bottom-menu ul li a{
    color:#f53e82;
    letter-spacing: 2px;
    
}


.flexcenter {
    display: flex;
}

.ipPArM {
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
}

.formcontact{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background-color: rgb(12, 21, 39);
    width: 100%;
    
} 
.formcontact.left-line {
padding-bottom: 40px !important;
    box-shadow: -2px 0 0 0 rgba(255, 255, 255, 0.20);
}

.fiftyform {
    display: flex;
    width: 90%;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.formbox form {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    color: white;
    box-sizing: border-box;
    width: 100%;
}

.formbox {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.formcontact label {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    padding: 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.formcontact input {
    background-color: rgb(255, 255, 255);
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: rgb(35, 38, 40);
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    width: 90%;
    transition: border-color 0.2s ease-in-out 0s;
    outline: none;
    padding: 10px 8px;
    border-radius: 4px;
    margin: 7px 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.form-row{
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
    justify-content: inherit;
    display: flex;
}

.form-row-half{
    width: 48%;
    margin-bottom: 1rem;
    position: relative;
    
}

.btn-undefined {
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 43px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.btn {
-webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(245, 62, 130);
    cursor: pointer;
    display: block;
    width: 90%;
    line-height: 1.5;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 36px;
    color: white !important;
    font-size: 13px !important;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0.25rem;
    transition: all 0.3s ease 0s;
    outline: none !important;
}

.margin-r-5{padding-right: 5px !important;}

.formtitle{
    font-weight: 700;
    color: white;
    padding: 30px 0px 10px 0;
    font-size: 21px;
    line-height: 1.421875em;
    margin-bottom: .8125em;
}

.signupbox{
   
    display: flex;

    
}

.signupicon{
    width: 30px;
    height: 30px;
    padding-top: 10px;
    margin-right: 7px;
}
.signupicon img{
    width: 30px;
    height: 30px;
}

.signupbox h4{
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 4px;
}

.headeritemrow{
    width: 100%;
    display: flex;
}

.headeritem{
    width: 50%;    
    margin-top: 35px;
}

.headeritem img{
    width: 20px;
    height: 20px;
    vertical-align: sub;
    
}

.headeritem b{
    margin-left: 10px;
    font-size: 17px;
}

.headerleft h2{
    font-size: 50px;
    margin-bottom: 0;
}
.headerleft p{
    font-size: 18px;
}

.logos-partners img{ width: 100%;}

.topbar{ 
    display: flex;
    justify-content: space-between;
}



.main-menudiv {
    width:100%;
  
}

.menu {
    display: flex;
    width: 100%;
  
}
.menu ol {
  list-style-type: none;
  margin:0 auto;
  padding: 0;
    
}
.menu > ol {
  max-width: 1000px;
  padding: 0 2rem;
  display: flex;
    
   
}
.menu > ol > .menu-item {
  flex: 1;
  padding: 12px 0;
     margin-right: 35px;
}
.menu > ol > .menu-item:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 2px);
  background: rgb(245, 62, 130);
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
    z-index: 90000;
}
.menu > ol > .menu-item:hover:after {
  transform: scale(1);
}
.menu-item {
  position: relative;
  line-height: 2.5rem;
  text-align: center;
    z-index: 90000;
}
.menu-item a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
}

.subicon .arrow {
    display: flex;
    width: 14px;
    height: 14px;
    background: url(https://www.efxmarket.com/images/chevron-right.svg);
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: 6px;
    
}
.sub-menu .menu-item {
  padding: 0.75rem 0;
  background: #000000;
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
}
.sub-menu .menu-item:nth-child(1) {
  animation-duration: 0.2s;
  animation-delay: 0s;
    width: 200px;
}
.sub-menu .menu-item:nth-child(2) {
  animation-duration: 0.3s;
  animation-delay: 0.1s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(3) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(4) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(5) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(6) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(7) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:nth-child(8) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
     width: 200px;
}
.sub-menu .menu-item:hover {
  background: rgb(245, 62, 130);
}
.sub-menu .menu-item a {
  padding: 0 0.75rem;
}


.sub-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  display: none;
  z-index: 1;
    width: 200px;
    background: black;
}
.menu-item:hover > .sub-menu {
  display: block;
}



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

a {
  text-decoration: none;
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flex-center{
    display: flex;
}


.btn-big {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-radius: 100px;
    padding: 20px 40px;
    font-weight: 900;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    background: rgb(17, 17, 17);
    color: #ffffff;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    background: #b12d86;
    background: -moz-linear-gradient(125deg, #b12d86 0%, #f53e82 100%);
    background: -webkit-linear-gradient(125deg,#b12d86 0,#f53e82 100%);
    background: linear-gradient(125deg,#b12d86,#f53e82);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.btn-big2 {
font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-radius: 100px;
    padding: 12px 40px;
    font-weight: 900;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    background: rgb(17, 17, 17);
    color: #ffffff;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    background: #b12d86;
    background: -moz-linear-gradient(125deg, #b12d86 0%, #f53e82 100%);
    background: -webkit-linear-gradient(125deg,#b12d86 0,#f53e82 100%);
    background: linear-gradient(125deg,#b12d86,#f53e82);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 55px;
}

.btn-small {
  font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-radius: 100px;
    padding: 15px 30px 10px 30px;
    font-weight: 900;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    background: rgb(17, 17, 17);
    color: #ffffff;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    background: #b12d86;
    background: -moz-linear-gradient(125deg, #b12d86 0%, #f53e82 100%);
    background: -webkit-linear-gradient(125deg,#b12d86 0,#f53e82 100%);
    background: linear-gradient(125deg,#b12d86,#f53e82);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 55px;
}

.btn-small:hover {
  background: transparent;
  background-color: transparent;
  color: rgba(250, 60, 130, 1.00);
  box-shadow: inset 0 0 0 3px rgba(250, 60, 130, 1.00);
} 


.btn-outline {
  font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-radius: 100px;
    padding: 15px 30px;
    font-weight: 900;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    color: rgba(250, 60, 130, 1.00);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1) !important;
    background: transparent;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: inset 0 0 0 3px rgba(250, 60, 130, 1.00);
}

.btn-outline:before {content:''; width: 0; height: 0; background: linear-gradient(125deg,#b12d86,#f53e82); border-radius: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s; z-index: -1;}
.btn-outline:hover:before {width: 100%; height: 100%;}

.btn-outline:hover {
  background: transparent;
  background-color: transparent;
  color: rgba(255, 255, 255, 1.00);
  box-shadow: inset 0 0 0 3px rgba(250, 60, 130, 0.00);
} 

.support h1, .support p, .support h3{
    text-align: center;    
}

.gridalign{
    display: grid;
}

.support{
    margin-bottom: 40px;
}

.support a.btn-big{
    font-size: 15px;
    font-weight: 400;
    padding: 9px 60px;
}

.suportform form{    
    display: grid;    
}

.suportform label{
    margin-top: 28px;
    margin-bottom: 0;
}

.suportform input[type="submit"]{    
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    height: 50px;
}

.suportform input[type="text"], .suportform input[type="email"], .suportform input[type="tel"] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.suportform textarea{
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 0;
    margin-top: 0;
    height: 160px;
}

.suportform select{
    background: none;
 
}
.suportform option{
    background: #0d1527;
 
}

div.spreads{
    text-align: center;    
}

.spreads h2, .spreads p{
    text-align: center !important;    
}


   /* collapsible content */
    .collapsible {

      color: #444;
      cursor: pointer;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
    }

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active, .collapsible:hover {
       border:0;
    }

    /* Style the collapsible content. Note: hidden by default */
    .content {
      padding: 0 18px;
      display: none;
      overflow: hidden;
      
    } 

.entry-row{display: flex;}

.logo-entry {
    flex: auto;
    margin: 0 auto;
    text-align: center;
}

.logo-entry img {

    text-align: center;
}


.mediabox button {
  display: inline-block;
  height: 100px;
  padding: 0 30px;
  color: #ffffff;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;  border-radius: 4px;  
  cursor: pointer;
  box-sizing: border-box;
	letter-spacing: 0;
}


.logo-entry button {
   display: flex;
}

.mediabox{
    border: 1px solid #282947;
    }

.mediabox .logo-entry button {
 
  height: auto;
  padding: 0 0px;
  color: #ffffff;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;  border-radius: 4px;  
  cursor: pointer;
  box-sizing: border-box;
    width: 100%
}


.signup-from-wrapper{
    margin: 0 !important;
    padding: 17px 0px !important;
    width: 100% !important;
}

.signup-from-wrapper form{
   
    padding: 0px 10px !important;
    
}


.signupdiv{
    margin-top: 150px;
}

.signupdiv .hs-20 {position: initial !important; float: initial !important;}

                        #menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu li {
  padding: 0;
    margin: 0;
    padding-top: 9px;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: black;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu, 
#toggle-menu {
    padding: 0;
}

#menu label{margin: 0;}
 
#menu a {
  padding: 1em 1.5em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: #f53e82;
  color: white;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: white;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
    position: absolute;
    right: 1.5em;
    top: 0.8em;
    padding-top: 8px;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}


#menu .bars {
  margin-top: 15px;

}

#toggle-menu span.bars {
  
    width: 2.5em;
  height: 2.5em;
}

#menu a.logo:hover{ background-color: transparent;}

.hidden{
    display: none;
}


.numberlist{
background: rgba(40, 60, 110, 1.00);
    border-radius: 12px;
    width: 25px;
    height: 25px;
    color: white !important;
    font-weight: 600;
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 22px;
	margin-right: 20px;
}



    

.grecaptcha-badge {opacity:0}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 67em) {

    #menu .main-menu {
    display: block;
      float:right;
		width: 100%;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}


/* Larger than mobile */
@media (min-width: 400px) {


	
}

/* Larger than phablet (also point when grid becomes active) */
@media screen and (min-width: 550px) {
	
	.headeritemrow{
		display: block;		
	}
	.headeritem{
		margin-top: 17px;
	}
	
}


@media screen and (min-width: 600px) {
    .hideabove600{
        display: none;
    }
	
	.headerleft{
		width: 85%;
	}

    
}

@media screen and (max-width: 600px) {
  .sub-menu .menu-item {
    background: rgb(245, 62, 130);
  }	
	

}

@media only screen and (max-width: 600px) {
    
    .margin50 {
    margin-top: 5px;
}
			.signupdiv{
		margin-top: 0px;
	}
    
    .topsection{
        padding: 0;
    }
    
    .formcontact{  
    margin-top: 40px !important;
    padding: 20px !important;
    

}

.formcontact.left-line {padding-bottom: initial !important;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.20);}
    
    .menu-item {
    z-index: 0;
}
    .menu ol {
    list-style-type: none;
    margin:0;
    margin-top: 30px;
    padding: 0;
    align-items: flex-start;
}
  
.menu-item:hover > .sub-menu {
    display: block;
    margin-top: 0;
    width: 180px;
    background: black;
}
  
    
    
  .menu {
    position: relative;
      display: inline-grid;

  }
  .menu:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 1rem;
    width: 30px;
    height: 4px;
    background: #FFF;
    box-shadow: 0 10px #FFF, 0 -10px #FFF;
  }
  .menu > ol {
    display: none;
    background: #000000;
    flex-direction: column;
    justify-content: center;   
    animation: fade 0.2s ease-out;
  }
    
      .menu > ol > li {
    margin-left: 30px;
  }
    
    
  .menu > ol > .menu-item {
    flex: 0;
    opacity: 0;
    animation: enter 0.3s ease-out forwards;
  }
  .menu > ol > .menu-item:nth-child(1) {
    animation-delay: 0s;
  }
  .menu > ol > .menu-item:nth-child(2) {
    animation-delay: 0.1s;
  }
  .menu > ol > .menu-item:nth-child(3) {
    animation-delay: 0.2s;
  }
  .menu > ol > .menu-item:nth-child(4) {
    animation-delay: 0.3s;
  }
  .menu > ol > .menu-item:nth-child(5) {
    animation-delay: 0.4s;
  }
  .menu > ol > .menu-item + .menu-item {
    margin-top: 0.75rem;
  }
  .menu > ol > .menu-item:after {
    left: auto;
    right: 1rem;
    bottom: calc(50% - 2px);
  }
  .menu > ol > .menu-item:hover {
    z-index: 1;
  }
  .menu:hover > ol {
        display: flex;
    width: 70%;
    position: absolute;
    height: 500px;
    z-index: 100000;
    top: 54px;
}
  
  .menu:hover:after {
    box-shadow: none;
  }
    
    .hidebelow600{
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    
    .hidebelow1024{
        display: none !important;
    }
    
}

/*@media screen and (max-width: 600px) {
  .sub-menu {
    width: 100vw;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
  }
}*/



@media (min-width: 1024px) {
    .hideabove1024{
        display: none;
    }
    
}

/* Larger than tablet */
@media (min-width: 750px) {
	
		.headerleft{
		width: 90%;
	}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
			.headerleft{
		width: 100%;
	}
		.headeritemrow{
		display: flex;
	}
	.headeritem{
		margin-top: 35px;
	}
}

@media (max-width: 1170px) {
	
	#menu a {
    padding: 1em 0.7em;
		font-size: 0.9em;
		}
	}

/* Larger than Desktop HD */
@media (max-width: 1200px) {
	
	#menu a {
    padding: 1em 0.8em;
		}
	}
	
@media only screen and (max-width: 1370px) and (min-width: 1170px){

	#menu a {
    padding: 1em 0.9em;
	}

	
}


@media (max-width: 600px) {
  .topsection {
    background-image: url(../images/banner_bg-mob.php);}

    .footer{
    background: url("../images/footer_bg-mob.jpg");
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: right 100px;
    background-color: #151521;
    background-attachment: fixed;}

    .hideunder600{
        display: none;
    }
	
	.entry-row{display: grid;}
	
	
	.mediabox button {
	padding: 0;
	letter-spacing: 0;
		white-space: normal;
	}
	.mediabox button h2{
		font-size: 3.0rem;
		padding-top: 0 !important;
		line-height: 28px !important;
		
	}
	
	.logo-entry p{ font-size: 12px;}
	
	.devider{text-align: center;}
	
	.btn-container{ float: right;}
	
	table h4 {
    font-size: 13px !important;
		letter-spacing: 1 !important;
	}
	
	.tablecurrencies tr td, .tablecryptocurrencies tr td{ padding-left: 5px !important; }


}



@media (max-width: 375px) {
	.btn-big {
		padding: 8px 17px;
		font-size: 11px;
	}	
}

@media (max-width: 320px) {
	.btn-big {
		padding: 8px 10px;
		font-size: 10px;
	}	
}

@media (max-width: 420px) {
	.btn-big {
		padding: 8px 20px;
		font-size: 12px;
	}	
}


/* TELMO */

.hi {display: none !important;}

.popup-watermark {width: 100%; height: 100vh; perspective: 300px; position: fixed; left: 0px; top: -100vh; background-color: rgba(10, 10, 30, 0.50); backdrop-filter: blur(5px); z-index: 5; transition: top 0.3s 0.3s;}
  #ShowPopUp:checked + .popup-watermark {top: 0;}
  .popup-watermark .popup-c {width: calc(800px - 40px); max-width: calc(100vw - 40px); height: calc(700px - 40px); max-height: calc(100vh - 40px); background-color: rgba(255, 255, 255, 1.00); padding: 90px 0px; border-radius: 12px; position: absolute; left: 50%; top: -50%; transform: translateX(-50%) translateY(-50%) rotateX(45deg) scale(0.5) scaleX(0.1); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.50); opacity: 0.00; transition: all 0.5s;}
  #ShowPopUp:checked + .popup-watermark .popup-c {top: 50%; transform: translateX(-50%) translateY(-50%) rotateX(0deg) scale(1.0) scaleX(1.0); opacity: 1.00;}
  .popup-c > .header {width: 100%; height: 70px; background-color: rgba(40, 60, 110, 1.00); padding: 22px 70px 0 22px; font-weight: 700; font-size: 2rem; color: rgba(255, 255, 255, 1.00); border-radius: 10px 10px 0 0; position: absolute; left: 0px; top: 0px;}
    .popup-c > .header .close {width: 22px; height: 22px; position: absolute; top: 24px; right: 24px; opacity: 0.50; transition: all 0.3s; cursor: pointer;}
    .popup-c > .header .close:before, .popup-c > .header .close:after {content: ''; width: 26px; height: 3px; background-color: rgba(255, 255, 255, 1.00); border-radius: 3px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.3s;}
    .popup-c > .header .close:after {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
    .popup-c > .header .close:hover {opacity: 1.00;}
    .popup-c > .header .close:hover:before, .popup-c > .header .close:hover:after {width: 32px;}

  .popup-c .popup-ic {width: 100%; height: 100%; padding: 0 20px; position: relative; float: left; overflow-y: auto; overflow-x: hidden; color: rgba(40, 40, 40, 1.00);}
  .popup-c .popup-ic * {color: rgba(40, 40, 40, 1.00);}
  .popup-c > .footer {width: 100%; height: 70px; background-color: rgba(40, 60, 110, 0.10); background-image: none; padding-top: 13px; border-radius: 0 0 10px 10px; position: absolute; left: 0px; bottom: 0px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(40, 60, 110, 0.10);}


  .footer .neutral-btn, .footer .positive-btn {display: inline-block; padding: 10px 20px; margin: 0 5px; border-radius: 5px; cursor: pointer; transition: all 0.3s;}
  .footer .neutral-btn {color: rgba(40, 60, 110, 1.00); font-weight: 500; box-shadow: inset 0 0 0 2px rgba(40, 60, 110, 1.00); opacity: 0.30; }
  .footer .neutral-btn:hover {opacity: 1.00;}
  .footer .positive-btn {background-color: rgba(250, 60, 130, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 0 0 0 rgba(250, 60, 130, 1.00);}
  .footer .positive-btn:hover {box-shadow: 0 5px 15px 0 rgba(250, 60, 130, 1.00);}

  b {font-weight: 700;}

  .a-c {text-align: center;}

.glow-link {
  font-weight: 500;
  color: rgba(245, 62, 130, 1.00);
  transition: all 0.3s;
  cursor: pointer;
  display: inline-block;
  margin-bottom: initial;
}
.glow-link:hover {
  color: rgba(255, 72, 140, 1.00);
  text-shadow: 0 1px 20px rgba(245, 62, 130, 1.00);
}

.guide-link {
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    float: left;
    padding: 20px 30px 20px 50px;
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10), 0 10px 20px 0 rgba(0, 0, 0, 0.50);
    transition: all 0.3s;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
  }
  .guide-link:before {
    content: '';
    width: 18px;
    height: 18px;
    box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0.50);
    position: absolute;
    left: 10px; top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s;
  }
  .guide-link:hover, .guide-link-cat:hover {
    color: rgba(245, 62, 130, 1.00);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.50), 0 0 5px 0 rgba(0, 0, 0, 0.50);
  }
  .guide-link:hover:before {
    left: 13px;
    box-shadow: inset -3px 3px 0 0 rgba(245, 62, 130, 1.00);
  }

  .guide-link-cat {
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    float: left;
    padding: 130px 30px 20px 30px;
    width: calc(25% - 20px);
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10), 0 10px 20px 0 rgba(0, 0, 0, 0.50);
    transition: all 0.3s;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    text-align: center;
  }

  .guide-link-cat:nth-child(5) {display: none;}

  .icon-guide {width: 80px; height: 80px; background-size: 80px; background-image: url(../images/icons-guides.png);}

  .guide-title {padding: 0 0 20px 0; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.20);}
  .guide-title span {color: rgba(255, 255, 255, 0.50);}

  .go-back {display: inline-block; padding: 0 0 0 15px; margin: 0 0 10px 0; color: rgba(255, 255, 255, 0.50); font-size: 2rem; font-weight: 300; position: relative; transition: all 0.3s;}
  .go-back:hover {color: #f53e82; padding: 0 0 0 18px;}

  .go-back:before {content: ''; width: 10px; height: 10px; box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.50); position: absolute; left: 0px; top: calc(50% + 0px); transform: translateY(-50%) rotate(-45deg); transition: all 0.2s;
  }
  .go-back:hover:before {
    left: 3px;
    box-shadow: inset 3px 3px 0 0 rgba(245, 62, 130, 1.00);
  }

  .numb-bullet {display: inline-block; width: 100%; padding: 0 0 0 40px; margin: 0 0 20px 0; box-sizing: border-box; position: relative;}
  .numb-bullet > span:first-of-type {display: inline-block; width: 30px; height: 30px; padding-top: 2px; border-radius: 15px; position: absolute; left: 0px; top: -2px; text-align: center; color: #f53e82; font-weight: 700; box-shadow: inset 0 0 0 2px #f53e82; box-sizing: border-box;}
  .numb-bullet > strong {color: #f53e82; display: inline-block;}
  .guide-pic {border-radius: 10px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.25);}

  .numb-bullet a {transition: all 0.3s; position: relative;}
  .numb-bullet a:before {content: ''; width: 7px; height: 7px; box-shadow: inset -2px -2px 0 0 rgba(255, 255, 255, 0.50); position: absolute; top: 8px; right: -14px; transform: rotate(-45deg); opacity: 0.00; transition: all 0.3s;}
  .numb-bullet a:hover {color: rgba(255, 255, 255, 0.50) !important;}
  .numb-bullet a:hover:before {right: -8px; transform: rotate(-45deg); opacity: 1.00;}

  .hi {display: none !important;}

  .guide-link-cat .icon-guide {display: block; position: absolute; top: 30px; float: left; left: 50%; transform: translateX(-50%); filter: grayscale(1) brightness(5); transition: all 0.3s;}
  .guide-link-cat:hover .icon-guide {filter: grayscale(0) brightness(1);}

  .icon-guide.website {background-position-y: -0px;}
  .icon-guide.android {background-position-y: -80px;}
  .icon-guide.ios {background-position-y: -160px;}
  .icon-guide.poker {background-position-y: -240px;}
  .icon-guide.mt4 {background-position-y: -320px;}

  .hs-00 {width: 100%; height: 00px; position: relative; float: left;}
  .hs-20 {width: 100%; height: 20px; position: relative; float: left;}
  .hs-40 {width: 100%; height: 40px; position: relative; float: left;}
  .hs-80 {width: 100%; height: 80px; position: relative; float: left;}
  .hs-100 {width: 100%; height: 100px; position: relative; float: left;}


  @media (min-width: 601px) and (max-width: 900px) {

    .guide-link-cat {
      width: calc(45% - 20px);
      display: inline-block;
      float: initial;
    }



  }

  @media (max-width: 600px) {

    .guide-link {
      width: 100%;
      margin: 0 0 20px 0;
    }
	  
	  .headerleft{
		  margin-top: 35px;
	  }
	  
	  .logos-partners{
		  margin-top: -75px;
	  }
	  
	  .eaglecustomer{
		  margin-top: 0px !important;
	  }
	  
	  .wave{
		  display: none;
	  }

    .guide-link-cat {
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    float: left;
    padding: 40px 30px 40px 130px;
    width: calc(100% - 20px);
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10), 0 10px 20px 0 rgba(0, 0, 0, 0.50);
    transition: all 0.3s;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    text-align: center;
  }

  .guide-link-cat .icon-guide {display: block; position: absolute; top: 50%; float: left; left: 10px; transform: translateY(-50%) translateX(0); filter: grayscale(1) brightness(5); transition: all 0.3s;}

  .hidde-mob {display: none;}
}


 

/*---------------menu-------------*/






/* MAIN CONTAINER */

.mc {position: relative; float: left; width: 100%; max-width: 1200px; padding: 0 10px 0 10px; left: 50%; transform: translateX(-50%);}

.hi {display: none;}

.m-nav {width: 100%; height: 80px; background-color: #0d1527; position: fixed; top: 0px; left: 0px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10),  0 4px 4px 0 rgba(0, 0, 0, 0.10),  0 8px 8px 0 rgba(0, 0, 0, 0.10); z-index: 9999;}
.m-nav .mc {top: 50%; transform: translateX(-50%) translateY(-50%);}
.m-nav > label {display: none;}

		@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)		{
			@media {.nav-l-c 
				{width: calc(100% - 150px);}
				}
		}

	.nav-l-c {position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 1rem;}
		.nav-l {position: relative; display: inline-block; padding: 10px 8px; text-transform: uppercase; font-weight: 700; color: white; font-size: 15px;}
		.nav-l small {color: rgba(50, 20, 120, 1.00); font-size: 0.8rem; font-weight: 700;}
		.nav-l:hover, .nav-l:hover small {color: rgb(245, 62, 130, 1.00); transition: color 0.3s;}

		.nav-l.dropd {padding-left: 30px; cursor: pointer;}
		.nav-l.dropd > .arrow {background: none; width: 8px; height: 8px; position: absolute; left: 12px; top: 14px; transform: rotate(45deg); box-shadow: inset -2px -2px 0 0 rgb(245, 62, 130, 1.00); transition: all 0.3s;}
		.nav-l.dropd:hover > .arrow {box-shadow: inset -2px -2px 0 0 rgb(245, 62, 130, 1.00); border-radius: 4px; background-color: rgb(245, 62, 130, 1.00); top: 16px;}
		.nav-l.dropd > .dropd-c {opacity: 0.00; max-height: 0px; background-color: rgba(255, 255, 255, 1.00); padding: 10px 20px; border-radius: 5px; position: absolute; left: 0px; top: calc(100% + 30px); box-shadow: 0 1px 5px 0 rgba(40, 40, 40, 0.25); overflow: hidden; z-index: -1; transition: all 0.3s;}
		.nav-l.dropd:hover > .dropd-c {opacity: 1.00; max-height: 400px; top: 100%;}
		.nav-l.dropd > .dropd-c a {display: inline-block; width: 100%; padding: 10px 10px; position: relative; text-transform: uppercase; color: rgba(50, 20, 120, 1.00); white-space: nowrap;}
		.nav-l.dropd > .dropd-c a:before {content: ''; width: 8px; height: 8px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%) rotate(135deg); box-shadow: inset 3px 3px 0 0 rgb(245, 62, 130, 1.00); opacity: 0.00; transition: all 0.3s;}	
			.nav-l.dropd > .dropd-c a:last-child {box-shadow: none;}
		.nav-l.dropd > .dropd-c a:hover {color: rgba(50, 20, 120, 1.00);}
		.nav-l.dropd > .dropd-c a:hover:before {left: -5px; opacity: 1.00;}

		.nav-hl {background: linear-gradient(90deg, rgba(245, 62, 130, 1.00) 0%, rgba(190, 3, 73, 1.00) 100%); white-space: nowrap; padding: 10px 20px; border-radius: 20px; color: rgba(255, 255, 255, 1.00); font-weight: 700; transition: all 0.3s; font-size: 14px;}
		.nav-hl:hover {padding: 10px 30px; text-shadow: 0 1px 3px rgba(0, 20, 50, 0.50)}




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

	.m-nav > label {display: block; width: 30px; height: 30px; position: absolute; right: 15px; top: 25px; z-index: 5; cursor: pointer;}
	.m-nav > label > span {width: 30px; height: 2px; background-color: rgb(245, 62, 130, 1.00); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
	.m-nav > label > span:before, .m-nav > label > span:after {content:''; width: 30px; height: 2px; background-color: rgb(245, 62, 130, 1.00); position: absolute; right: 0px; top: -11px; transition: all 0.3s;}
	.m-nav > label > span:after {top: initial; bottom: -11px;}

	.m-nav > label:hover > span {background-color: rgba(10, 150, 250, 1.00);}
	.m-nav > label:hover > span:before, .m-nav > label:hover > span:after {background-color: rgba(10, 150, 250, 1.00); top: -13px;}
	.m-nav > label:hover > span:after {top: initial; bottom: -13px;}

	input[type="checkbox"]:checked ~ label > span {background-color: transparent; transform: rotateY(180deg);}
	input[type="checkbox"]:checked ~ label > span:before, input[type="checkbox"]:checked ~ label > span:after {left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
	input[type="checkbox"]:checked ~ label > span:after {bottom: initial; transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

	.m-nav .mc > a {position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
	.m-nav .mc > a img {}
	.nav-l-c {width: 100%; max-width: 280px; height: 0; padding: 0 20px; background-color: rgba(20, 20, 32, 0.80); backdrop-filter: blur(10px); position: absolute; left: initial; right: 0; top: 40px; transform: none; overflow: hidden; z-index: 5; transition: all 0.3s;}
	
	.nav-hl {display: inline-block; width: 100%; height: 50px; max-width: 200px; border-radius: 30px; padding: 12px 0; margin-top: 20px; font-size: 1.6rem; text-align: center;}
	.nav-hl:hover {line-height: initial; padding: 12px 0;}

	.nav-l.dropd > .arrow {top: 25px;}
	.nav-l.dropd:hover > .arrow {top: 26px;}

	input[type="checkbox"]:checked ~ .mc .nav-l-c {height: calc(100vh - 80px); padding: 20px 20px;}

	.nav-l {width: 100% !important; position: relative; float: left; padding: 20px 15px; text-transform: uppercase;}

	.nav-l.dropd:nth-child(1) {z-index: 3;}
	.nav-l.dropd:nth-child(2) {z-index: 1;}

	.nav-l.dropd:before {top: 22px;}
	.nav-l.dropd:after {z-index: 5;}

	.nav-l.dropd > .dropd-c {width: 100%; z-index: 2;}
		

}

::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: rgba(255, 255, 255, 0.50);
        border-radius: 10px;
    }

    ::-webkit-scrollbar-button {
        height: 0px;
    }

    ::-webkit-scrollbar-track-piece {
        background: rgba(0, 0, 0, 0.00);
    }

    ::-webkit-scrollbar-thumb {
        width: 8px;
        margin: 0 1px;
        border-radius: 10px;
        background-color: rgba(0, 10, 40, 0.20);
        transition: all 0.3s;
    }

    ::-webkit-scrollbar-thumb:hover {
        width: 10px;
        height: 10px;
        background-color: rgba(0, 10, 40, 0.40);
        transition: all 0.3s;
    }


/*--------  popup  ---------*/

.popup-watermark {width: 100%; height: 100vh; perspective: 300px; position: fixed; left: 0px; top: -100vh; background-color: rgba(10, 10, 30, 0.50); backdrop-filter: blur(5px); z-index: 5; transition: top 0.3s 0.3s;}
	#ShowPopUp:checked + .popup-watermark {top: 0;}
	.popup-watermark .popup-c {width: calc(800px - 40px); max-width: calc(100vw - 40px); height: calc(700px - 40px); max-height: calc(100vh - 40px); background-color: rgba(255, 255, 255, 1.00); padding: 90px 0px; border-radius: 12px; position: absolute; left: 50%; top: -50%; transform: translateX(-50%) translateY(-50%) rotateX(45deg) scale(0.5) scaleX(0.1); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.50); opacity: 0.00; transition: all 0.5s;}
	#ShowPopUp:checked + .popup-watermark .popup-c {top: 50%; transform: translateX(-50%) translateY(-50%) rotateX(0deg) scale(1.0) scaleX(1.0); opacity: 1.00;}
	.popup-c > .header {width: 100%; height: 70px; background-color: rgba(40, 60, 110, 1.00); padding: 18px 70px 0 23px; font-weight: 700; font-size: 2.3rem; color: rgba(255, 255, 255, 1.00); border-radius: 10px 10px 0 0; position: absolute; left: 0px; top: 0px;}
		.popup-c > .header .close {width: 22px; height: 22px; position: absolute; top: 24px; right: 24px; opacity: 0.50; transition: all 0.3s; cursor: pointer;}
		.popup-c > .header .close:before, .popup-c > .header .close:after {content: ''; width: 26px; height: 3px; background-color: rgba(255, 255, 255, 1.00); border-radius: 3px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.3s;}
		.popup-c > .header .close:after {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
		.popup-c > .header .close:hover {opacity: 1.00;}
		.popup-c > .header .close:hover:before, .popup-c > .header .close:hover:after {width: 32px;}

	.popup-c .popup-ic {width: 100%; height: 100%; padding: 0 20px; position: relative; float: left; overflow-y: auto; overflow-x: hidden; color: rgba(40, 40, 40, 1.00);}
	.popup-c .popup-ic * {color: rgba(40, 40, 40, 1.00);}
	.popup-c > .footer {width: 100%; height: 70px; background-color: rgba(40, 60, 110, 0.10); padding-top: 13px; border-radius: 0 0 10px 10px; position: absolute; left: 0px; bottom: 0px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(40, 60, 110, 0.10);}


	.footer .neutral-btn, .footer .positive-btn {display: inline-block; padding: 10px 20px; margin: 0 5px; border-radius: 5px; cursor: pointer; transition: all 0.3s;}
	.footer .neutral-btn {color: rgba(40, 60, 110, 1.00); font-weight: 500; box-shadow: inset 0 0 0 2px rgba(40, 60, 110, 1.00); opacity: 0.30; }
	.footer .neutral-btn:hover {opacity: 1.00;}
	.footer .positive-btn {background-color: rgba(250, 60, 130, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 0 0 0 rgba(250, 60, 130, 1.00);}
	.footer .positive-btn:hover {box-shadow: 0 5px 15px 0 rgba(250, 60, 130, 1.00);}

	b {font-weight: 700;}

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

		.popup-watermark .popup-c {padding: 90px 0px 150px 0px;}
		.footer .neutral-btn, .footer .positive-btn {width: calc(100% - 40px); margin: 5px 0; padding: 10px 0;}
		.popup-c > .footer {width: 100%; height: 130px;}
		
		
		
	}





/*--------  safari da piça  ---------*/

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media 
	{
    
     .star-rating { display: inline-table;}
     
	}
}

.pdg-50-b {width: calc(50% - 20px); margin: 0 20px 0 0; padding: 30px; border-radius: 10px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10); box-sizing: border-box; position: relative; float: left;}

@media only screen and (max-width: 480px) {
  .pdg-50-b {width: 100%; margin: 0 0 20px 0; }

}

.c-20 {width: calc(20% - 20px); margin: 0 10px; box-sizing: border-box; position: relative; float: left;}
.c-50 {width: calc(50% - 20px); margin: 0 10px; box-sizing: border-box; position: relative; float: left;}
.c-75 {width: calc(75% - 20px); margin: 0 10px; box-sizing: border-box; position: relative; float: left;}
.c-100 {width: calc(100% - 20px); margin: 0 10px; box-sizing: border-box; position: relative; float: left;}
.c-100-f {width: 100%; box-sizing: border-box; position: relative; float: left;}
@media only screen and (max-width: 820px) {
  .c-50 {width: 100%; margin: 0;}
  .c-75 {width: 100%; margin: 0;}
  .c-100 {width: 100%; margin: 0;}
  .c-20 {width: calc(50% - 20px);}
}

.opct-50 {opacity: 0.50;}
.opct-75 {opacity: 0.75;}

.go-c {left: 50%; transform: translateX(-50%); position: relative; float: left;}

.txt-28 {font-size: 28px !important;}
.txt-20 {font-size: 20px !important;}

/* FAQS */

.faqs-c {padding: 0 20px; position: relative; float: left;}
.faqs-c h4 {padding: 40px 0 0 0 0; width: 100%; position: relative; float: left; display: block;}
.faq-c {display: block; padding: 20px; margin: 20px 0; transition: all 0.3s; position: relative; overflow: hidden; cursor: pointer; box-sizing: border-box; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 10px 20px 0 rgb(0 0 0 / 50%); transition: all 0.3s; }
.faq-c:hover {background-color: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%), 0 0 5px 0 rgb(0 0 0 / 50%)}
input[type="checkbox"]:checked + .faq-c {box-shadow:  background-color: transparent; box-shadow: inset 0 0 0 1px rgb(245, 62, 130, 1.00), 0 0 5px 0 rgb(0 0 0 / 50%)}
.faq-c .faq-q {display: block; width: 100%; font-size: 2rem; line-height: 2.1rem; color: rgba(255, 255, 255, 1.00); font-weight: 300; position: relative; float: left; transition: all 0.3s;}
.faq-c:hover .faq-q {color: rgba(245, 62, 130, 1.00);}
input[type="checkbox"]:checked + .faq-c .faq-q {color: rgba(255, 255, 255, 1.00); margin: 0 0 20px 0;}
.faq-c p,
.faq-c ul {font-size: 1.6rem; line-height: 1.8rem; max-height: 0; padding: 0; margin: 0; color: rgba(40, 40, 40, 1.00); opacity: 0.00; transition: all 0.1s;}
input[type="checkbox"]:checked + .faq-c p {max-height: 1000px; color: rgba(255, 255, 255, 1.00); padding: 0 0 20px 0; opacity: 1.00; font-weight: initial;}
.faq-c .g-link {color: rgba(245, 62, 130, 1.00) !important; font-size: 1.4rem;}

input[type="checkbox"]:checked + .faq-c ul {max-height: 1000px; color: rgba(255, 255, 255, 1.00); opacity: 1.00; font-weight: initial;}
.faq-c .g-link {color: rgba(245, 62, 130, 1.00) !important; font-size: 1.4rem;}

.faq-mt-0 .faq-c {margin: 0 0 20px 0 !important;}

 .faq-c ul ul {padding-left: 20px; margin: 10px 0 20px 0;}
 input[type="checkbox"]:checked + .faq-c ul ul {opacity: 0.65;}  
/* ----------------------------------------------------------------------------------------------------------------------*/

/* CARDS */

.cards-c {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px;}
  
.card-c {position: relative; min-height: 160px; padding: 20px; border-radius: 5px; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%), 0 0 5px 0 rgb(0 0 0 / 50%); cursor: pointer;}
.card-c .number {width: 32px; height: 32px; background-color: #0d1527; border-radius: 32px; text-align: center; line-height: 30px; font-weight: bold; position: absolute; left: -6px; top: -6px; box-shadow: 0 0 0 2px rgb(255 255 255 / 50%);}
.card-c .title {width: calc(100% - 20px); margin: 20px 0 0 0; font-size: 24px; line-height: 26px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.card-c .discript {width: calc(100% + 30px); max-height: 0; line-height: initial; overflow: hidden; padding: 0 20px; background-color: rgba(255, 255, 255, 1.00);color: #0d1527;  position: absolute; left: -15px; top: 50%; transform: translateY(-50%); transition: all 0.5s; z-index: 9999;}
.card-c:hover .discript {max-height: 500px; min-height: calc(100% + 30px); padding: 20px; border-radius: 10px;}


@media only screen and (max-width: 820px) {
  .cards-c {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
}

.card-c .icon-10-stp {position: relative; float: left; left: 50%; transform: translateX(-50%); transition: all 2s; filter: brightness(1) grayscale(0);}
.card-c:hover .icon-10-stp {filter: brightness(20.0) grayscale(100%);}

.icon-10-stp {width: 40px; height: 40px; background-image: url('../images/10-steps-sprt.png'); background-repeat: no-repeat;}

.icon-10-stp.i01 {background-position-y: -0px;}
.icon-10-stp.i02 {background-position-y: -40px;}
.icon-10-stp.i03 {background-position-y: -80px;}
.icon-10-stp.i04 {background-position-y: -120px;}
.icon-10-stp.i05 {background-position-y: -160px;}
.icon-10-stp.i06 {background-position-y: -200px;}
.icon-10-stp.i07 {background-position-y: -240px;}
.icon-10-stp.i08 {background-position-y: -280px;}
.icon-10-stp.i09 {background-position-y: -320px;}
.icon-10-stp.i10 {background-position-y: -360px;}


/* ----------------------------------------------------------------------------------------------------------------------*/

.h-scroll {width: 100%; overflow-x: scroll; overflow-y: hidden; position: relative;}

.post-cards-c {position: relative; height: 420px; padding: 0 0 20px 0; display: flex; flex-flow: row;}

.post-card-c {width: calc(100vw - 40px); min-width: 300px; max-width: 300px; height: 100%; background-color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 10px; position: relative; float: left; margin: 0 20px 0 0;}

.post-card-c > * {position: relative; float: left;}

.post-card-c .img-c {width: 100%; height: 200px; overflow: hidden;}
.post-card-c .img-c img {width: auto !important; max-width: initial !important; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.post-card-c .discript-c {width: 100%; max-height: 200px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; transition: all 0.3s; cursor: pointer;}
.post-card-c:hover .discript-c {max-height: 340px; padding-bottom: 100px; background-color: rgba(255, 255, 255, 1.00); box-shadow: 0 0 50px 0 rgba(255, 255, 255, 1.00)}
.post-card-c .discript-c:before {content: ''; width: 100%; height: 40px; background-color: rgba(255, 255, 255, 1.00); position: absolute; left: 0px; bottom: 0px; z-index: 10; background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}

.post-card-c .discript-c > * {width: calc(100% - 20px); margin: 10px 10px 0 10px; position: relative; float: left; text-align: left;}

.post-card-c .date {font-size: 11px; color: rgba(250, 60, 130, 1.00);}
.post-card-c .title {font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: rgba(10, 20, 40, 1.00);}
.post-card-c .txt {color: rgba(10, 20, 40, 1.00); font-size: 16px; line-height: 18px;}
.post-card-c .btn-read-more {width: auto; padding: 10px 20px; border-radius: 100px; background-color: rgba(250, 60, 130, 1.00); color: rgba(255, 255, 255, 1.00); left: calc(50% - 10px); transform: translateX(-50%); bottom: -50px; position: absolute; box-shadow: inset 0 0 0 2px rgba(250, 60, 130, 1.00); transition: 0.3s; z-index: 11;}
.post-card-c .btn-read-more:hover {background-color: rgba(255, 255, 255, 1.00); color: rgba(250, 60, 130, 1.00);}
.post-card-c:hover .btn-read-more {bottom: 20px; transition: 0.3s;}

/* AFFILIATES */
.aff-d-c {max-width: 800px; padding: 10px 30px 30px 30px; left: 50%; transform: translateX(-50%); position: relative;}

.aff-d-c:before,
.aff-d-c:after {content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -2;}

.aff-d-c:before {width: 100%; height: 100%; background: linear-gradient(45deg , rgba(245, 62, 130, 1.00) 0%, rgba(190, 3, 73, 1.00) 100%); border-radius: 20px;} 
.aff-d-c:after {width: calc(100% + 20px); height: calc(100% - 10px); background-color: #192132; border-radius: 15px; left: calc(50% - 15px);}


.aff-d-c,
.aff-d-c div {position: relative; float: left;}
    .tier-c {width: 100%; min-height: 140px; transition: all 0.3s; cursor: pointer;}
    .iff-c {width: 100px; height: 100px; border-radius: 20px; margin: 40px 0 0 0; background: linear-gradient(45deg , rgba(245, 62, 130, 1.00) 0%, rgba(190, 3, 73, 1.00) 100%); transition: all 0.5s;}
    .iff-c:before,
    .iff-c:after {content: ''; background-color: rgba(255, 255, 255, 0.50); position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.35), 0 1px 0 0 rgba(255, 255, 255, 0.90), 0 2px 10px 0 rgba(0, 0, 0, 0.00);}
    .iff-c:before {width: 20px; height: 20px; border-radius: 10px; top: 10px;}
    .iff-c:after {width: 40px; height: 28px; border-radius: 10px 10px 5px 5px; top: 33px;}
    .ib0 {width: 100%; position: absolute !important; left: 0px; bottom: 5px; font-size: 26px; color: rgba(255, 255, 255, 1.0); text-align: center; text-transform: uppercase; font-weight: 700;}

    .tier-c:hover .iff-c {border-radius: 40px; z-index: 1; transform: scale(1.3);}
    .tier-c:hover .iff-c:before,
    .tier-c:hover .iff-c:after {transform: translateX(-50%) scale(1.1); background-color: rgba(255, 255, 255, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.00), 0 1px 0 0 rgba(255, 255, 255, 0.00), 0 2px 10px 0 rgba(0, 0, 0, 0.20);}
    .iff-value-c {width: 160px; position: absolute !important; left: 50px; bottom: 0; padding: 0 0 11px 0; box-shadow: inset 0 -1px 0 0 rgba(245, 62, 130, 1.00); z-index: -1;}
    .iff-value-c .value {width: 100%; font-size: 32px; font-weight: 700; text-align: right; transition: all 0.3s;}
    .iff-value-c .value:first-letter {font-weight: 300;color: rgba(255, 255, 255, 1.0);}
    .iff-value-c .plt {width: 100%; text-transform: uppercase; font-size: 14px; line-height: 14px; text-align: right; float: right !important;}

    .tier-c .discript-c {width: calc(100% - 210px); min-height: 140px; position: absolute; right: 0; top: 0; box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 1.00); transition: all 0.3s;}
    .tier-c:hover .discript-c {box-shadow: inset 0 -1px 0 0 rgba(245, 62, 130, 1.00);}
    .tier-c .discript-c .discript {width: 100%; padding: 0 0 0 40px; line-height: 32px !important; position: absolute !important; top: 50%; left: 0px; transform: translateY(-50%);}
 
    .tier-c .discript-c .discript .grad-bg {padding: 2px 10px 4px 10px; border-radius: 5px; font-weight: 700; background: linear-gradient(45deg , rgba(245, 62, 130, 1.00) 0%, rgba(190, 3, 73, 1.00) 100%); white-space: nowrap;}
    /*.tier-c .discript-c .discript .outline-bg {padding: 2px 10px 5px 10px; border-radius: 5px; font-weight: 700; background: rgba(245, 62, 130, 0.20); box-shadow: inset 0 0 0 2px rgba(245, 62, 130, 1.00); white-space: nowrap;}*/
    .tier-c .discript-c .discript .outline-bg {padding: 2px 10px 4px 10px; border-radius: 5px; font-weight: 700; background: rgba(255, 255, 255, 0.10); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.20); white-space: nowrap;}
    
    .tier-c:hover .iff-value-c .value {color: rgba(245, 62, 130, 1.00);}
    .tier-c:hover .iff-value-c .value:first-letter {color: rgba(255, 255, 255, 1.0);}

    .tier-c.lvl01 {opacity: 0.95; filter: grayscale(15%) hue-rotate(-5deg);}
    .tier-c.lvl02 {opacity: 0.90; filter: grayscale(30%) hue-rotate(-10deg);}
    .tier-c.lvl03 {opacity: 0.85; filter: grayscale(45%) hue-rotate(-15deg);}
    .tier-c.lvl04 {opacity: 0.80; filter: grayscale(60%) hue-rotate(-20deg);}
    .tier-c.lvl05 {opacity: 0.75; filter: grayscale(75%) hue-rotate(-25deg);}
    .tier-c.lvl06 {opacity: 0.70; filter: grayscale(70%) hue-rotate(-30deg);}

    .tier-c.lvl01:hover,
    .tier-c.lvl02:hover,
    .tier-c.lvl03:hover,
    .tier-c.lvl04:hover,
    .tier-c.lvl05:hover,
    .tier-c.lvl06:hover {opacity: 1.00; filter: grayscale(0%) hue-rotate(0deg); z-index: 5;}

    .tier-c .arrow-c {width: 25px; height: calc(100% - 20px); border-radius: 10px 0 0 10px; border: 4px solid; border-color: rgba(255, 255, 255, 1.00); border-right: 0px; position: absolute; left: -30px; top: calc(50% + 30px); transition: all 0.3s;}

    .tier-c .arrow-c:before {content: ''; width: 14px; height: 14px; position: absolute; bottom: -9px; right: 0px; box-shadow: inset -4px 4px 0 0 rgba(255, 255, 255, 1.0); transform: rotate(45deg); transition: all 0.3s;}

    .tier-c:hover .arrow-c {width: 30px; left: -40px; border-color: rgba(245, 62, 130, 1.00);}
    .tier-c:hover .arrow-c:before {box-shadow: inset -4px 4px 0 0 rgba(245, 62, 130, 1.00);}

    /*.aff-d-c .arrow-c {width: 100%; height: 50px;}
    .aff-d-c .arrow-c:before {content: ''; width: 16px; height: 16px; position: absolute; top: 50%; left: 42px; transform: translateY(-50%) rotate(45deg); box-shadow: inset -4px -4px 0 0 rgba(255, 255, 255, 0.50); transition: all 0.3s;}
    .aff-d-c .tier-c:hover + .arrow-c:before {box-shadow: inset -4px -4px 0 0 rgba(245, 62, 130, 1.00); animation: TIERARROWANIME 1s infinite;}


    
    @keyframes TIERARROWANIME {
      0%   {top: 10%; box-shadow: inset -4px -4px 0 0 rgba(255, 255, 255, 0.00); transform: translateY(-50%) rotate(45deg) scale(0.8);}
      50%  {top: 50%; box-shadow: inset -4px -4px 0 0 rgba(245, 62, 130, 1.00); transform: translateY(-50%) rotate(45deg) scale(1.2);}
      100% {top: 90%; box-shadow: inset -4px -4px 0 0 rgba(255, 255, 255, 0.00); transform: translateY(-50%) rotate(45deg) scale(0.8);}
    }*/

    .tier-c .tier-glow {width: 100%; height: 0px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.3s;}
    .tier-c:hover .tier-glow {height: 60px;}

@media only screen and (max-width: 630px) {
    .tier-c {padding-top: 160px;}
    .tier-c .discript-c {width: 100%; height: auto !important; min-height: initial; padding: 20px 0; position: relative; float: left;}
    .tier-c .discript-c .discript {padding: 0; position: relative !important; float: left; transform: none;}
    .iff-c {position: absolute !important; top: 0px; left: 0px;}
    .iff-value-c {width: calc(100% - 50px); left: 50px; top: 0px; height: 140px; bottom: initial; padding: 20px 0 11px 0; box-shadow: inset 0 -1px 0 0 rgba(245, 62, 130, 0.20); z-index: -1;}

    .iff-value-c .value {margin: 40px 0 0 0;}

    .tier-c .arrow-c {width: 25px; height: calc(100% - 20px); border-radius: 10px 0 0 10px; border: 4px solid; border-color: rgba(255, 255, 255, 1.00); border-right: 0px; position: absolute; left: -30px; top: 100px; transition: all 0.3s;}

    .tier-c .arrow-c:before {content: ''; width: 14px; height: 14px; position: absolute; bottom: -9px; right: 0px; box-shadow: inset -4px 4px 0 0 rgba(255, 255, 255, 1.0); transform: rotate(45deg); transition: all 0.3s;}

    .tier-c:hover .arrow-c {width: 30px; left: -40px; border-color: rgba(245, 62, 130, 1.00);}
    .tier-c:hover .arrow-c:before {box-shadow: inset -4px 4px 0 0 rgba(245, 62, 130, 1.00);}


}
/* ----------------------------------------------------------------------------------------------------------------------*/
.form-c input,
.form-c textarea,
.form-c select {width: 100%; padding: 25px 15px !important; margin: 0 !important; background-color: rgba(255, 255, 255, 0.10) !important; border: 0 !important; box-shadow: inset  0 0 0 2px rgba(255, 255, 255, 0.00) !important; transition: all 0.3s;}

.form-c input:hover,
.form-c textarea:hover,
.form-c select:hover {background-color: rgba(255, 255, 255, 0.30) !important;}

.form-c input:focus,
.form-c textarea:focus,
.form-c select:focus {box-shadow: inset  0 0 0 2px rgba(255, 255, 255, 0.50) !important;}

.form-c select option {color: #0d1527;}

.form-c select {padding: 0 12px 4px 12px !important; height: 60px !important;}

.form-c textarea {max-width: 100%; min-width: 100%; height: 160px; max-height: 160px; min-height: 160px;}
.form-c .lbl-select {background-color: rgba(255, 255, 255, 0.10); padding: 15px 15px 0 15px; color: rgba(255, 255, 255, 0.50); opacity: 1; text-transform: uppercase; font-weight: 500; transform: translateY(5px);}
.form-c ::placeholder {color: rgba(255, 255, 255, 0.50); opacity: 1; text-transform: uppercase; font-weight: 500;}
.form-c :-ms-input-placeholder {color: rgba(255, 255, 255, 0.50); text-transform: uppercase; font-weight: 500;}
.form-c ::-ms-input-placeholder {color: rgba(255, 255, 255, 0.50); text-transform: uppercase; font-weight: 500;}

.form-c button {outline: 0 !important; border: 0 !important;}

p.email_notice {width: 100%; text-align: center; box-sizing: border-box; padding: 20px; background-color: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%), 0 0 5px 0 rgb(0 0 0 / 50%); }