/*---------------------------------------------------------------------------------------------------------------------
    -- Main --
---------------------------------------------------------------------------------------------------------------------*/
* {
    margin:0;
    padding:0;
}

html {
    scroll-behavior:smooth;
}

body {
    font-family:candara;
    background:rgba(24,25,27,1);
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center;
    text-shadow:0 0 15px #000;

}
.main-container {
    padding-top:65px;
    min-height:102vh;
    max-height:inherit;


}

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









/*---------------------------------------------------------------------------------------------------------------------
    -- Wallpaper --
---------------------------------------------------------------------------------------------------------------------*/
.wallpaper {
    background-image:url("images/background3.jpg");
    background-attachment:fixed;
    background-size:cover;
    height:100vh;
}
.jumbotron {
    background:linear-gradient(0deg,rgba(24,25,27,1),transparent);
    height:100vh;
    margin-top:-15px;
}
.jumbotron h2 {
    position:absolute;
    top:60%;
    transform:translateY(-50%);
}
.text-heading {
    font-size:65px;
}


@media (min-width: 0px) and (max-width: 768px){
.text-heading {
    font-size:55px;
}

.small {
    font-size:60%;
}

}

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









/*---------------------------------------------------------------------------------------------------------------------
    -- Buttons AND Text --
---------------------------------------------------------------------------------------------------------------------*/

.btn-primary {
    letter-spacing:1px;
    transition:.3s all ease-in-out;
}
.btn-primary:hover {
    background:#007bff;
    border:1px solid #007bff;
    box-shadow:0 0 10px #007bff,0 0 20px #007bff,0 0 40px #007bff;
}
.btn-success {
    letter-spacing:1px;
    transition:.3s all ease-in-out;
}
.btn-success:hover {
    background:#28a745;
    border:1px solid #28a745;
    box-shadow:0 0 10px #28a745,0 0 20px #28a745,0 0 40px #28a745;
}

.btn-light {
    letter-spacing:1px;
    transition:.3s all ease-in-out;
}
.btn-light:hover {
    color:white;
    background:#18191C;
    border:1px solid #18191C;
    box-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 40px #ffffff;
}

.btn-light:active {
    color:white;
    background:#18191C;
    border:1px solid #18191C;
    box-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 40px #ffffff;
}


p {
    color:#eee;
    font-size:16.5px;

}
.none {
    background:none;
}
.perc {
    height:100vh;
}

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








/*---------------------------------------------------------------------------------------------------------------------
    -- Nav --
---------------------------------------------------------------------------------------------------------------------*/
.bg-menu {
    background:rgba(50,50,50,0.9);
}

.nav-link {
    transition:.3s all ease-in-out;
    text-align:right;
    font-size:14px;
    margin:0px 3px;
}

.nav-link:hover {
    padding-right:10px;
}

.nav-link:focus {
    padding-right:10px;
}

.active {
    background:rgba(0,123,255,0.2);
    border-bottom:1px solid #fbe8a3;
    border-radius:3px;
    transition:0.5s all ease-in-out;
    text-align:center;
}

.dropdown-item {
    transition:.3s all ease-in-out;
    font-size:14px;
}


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








/*---------------------------------------------------------------------------------------------------------------------
     --SERVICES--
---------------------------------------------------------------------------------------------------------------------*/

.col-heading {
    margin:0 -15px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}
.round {
    border-radius:10px;
}
.bg-basic {
    background:linear-gradient(0deg,transparent,#DC3545);
}
.bg-standard {
    background:linear-gradient(0deg,transparent,#ffc107);
}
.bg-pro {
    background:linear-gradient(0deg,transparent,#007BFF);
}
.border-danger {
    border:1px solid #DC3545;
}
.border-warning {
    border:1px solid #DC3545;
}
.border-primary {
    border:1px solid #DC3545;
}
.pd-1 {
    padding:65px 0;
}
.pb-5 {
    padding-bottom:15px;
}
.pro-circle {
    width:80px;
    height:80px;
    position:absolute;
    left:50%;
    transform:translate(-50%);
    margin-top:-40px;
    background:#fff;
}
.pdd {
    margin:15px;
}
.hover {
    transition:.3s all ease-in-out;
}
.hover:hover {
    transform:scale(1.02);
}
.btn-mb {
    margin-bottom:-115px;
    border-radius:30px;
}
.best_price {
    padding:10px 25px;
    float:right;
    position:absolute;
    top:-20px;
    left:50%;
    transform:translate(-50%);
    border-radius:25px;
}

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









/*---------------------------------------------------------------------------------------------------------------------
    -- Symbols --
---------------------------------------------------------------------------------------------------------------------*/
.symbols {
    margin-top:80px;
    min-height:100vh;
    text-align:center;
}
.symbols-bar {
        padding:30px 0px 30px 0px;
        background:rgba(69,73,79,.9);
        margin-bottom:10px;
        border-radius:0px 0px 5px 5px;
        box-shadow: 0 0 10px #111;
        color:white;
        min-height:85vh;
        max-height:inherit;
}


.btn-symbol {width:25.5%;
      background:#007BFF;
      text-align: center;
      border:1px solid #aaa;
      border-radius:7px;
      margin: 1.8vh 1.5%;
      padding: 2vh 2vh;
      text-decoration:none;
      font-size:20px;
      color:#eee;
      cursor: pointer;
      transition: 0.5s;
      display:inline-block;
      box-shadow:0 0 20px #111;
}
.btn-symbol:hover {
    width:27.5%;
    text-decoration:none;
    box-shadow:0 0 10px #007BFF,0 0 20px #007BFF,0 0 40px #007BFF;
}
.btn-symbol:active {
    width:24.5%;
    box-shadow:none;
    transition:.1s all ease-in-out;
}
.con-text-bar {
    text-align:center;
    padding:10px;
}
.con-text {
    color:#fff;
    transition:.2s all ease-in-out;
}
.con-text:hover {
    color:#dc3545;
    text-decoration:none;
}
.media-links {
    text-align:center;
    padding:10px 0;
    font-size:22px;
}
.media-link {
    padding:0 5px;
    color:#eee;
    transition:.2s all ease-in-out;
    text-decoration:none;
    text-shadow:none;
}
.media-link:hover {
    color:#fbe8a3;
    text-decoration:none;

}

.insta,.fb ,.yout {
    padding:0 5px;
    color:#eee;
    transition:.2s all ease-in-out;
}

.insta:hover {
    background:#EF0B46;
    color:#ffffff;
    border-radius:10px;
    box-shadow:0 0 10px #EF0B46,0 0 20px #EF0B46,0 0 40px #EF0B46;
}

.fb:hover {
    background:#007bff;
    color:#ffffff;
    border-radius:10px;
    box-shadow:0 0 10px #007bff,0 0 20px #007bff,0 0 40px #007bff;
}
.yout:hover {
    background:#AD1511;
    color:#ffffff;
    border-radius:10px;
    box-shadow:0 0 10px #AD1511,0 0 20px #AD1511,0 0 40px #AD1511;
}

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






/*---------------------------------------------------------------------------------------------------------------------
    -- game --
---------------------------------------------------------------------------------------------------------------------*/

.game-s {
    background:rgba(41,214,84,0.5);
    padding:15px 15px 5px;
    color:white;
    transition: 0.5s;
    border-radius:3px;
    border:px solid rgba(38,160,66,1);
}

.game-d {
    background:rgba(255,54,58,0.5);
    padding:15px 15px 5px;
    color:white;
    transition: 0.5s;
    border-radius:1px;
    border:1px solid rgba(24,25,28,1);
}

.fa-arrow-up {
    color:rgba(38,160,66,1);
}

.fa-arrow-down {
    color:rgba(255,54,58,0.5);
}

.iq-img:hover {
    border-radius:3px;
    transition:.2s all ease-in-out;
}

.iq-img:hover {
    transform:scale(1.02);
    box-shadow:0 0 10px #001B37,0 0 20px #001B37,0 0 40px #001B37;
}



/*---------------------------------------------------------------------------------------------------------------------
    -- Chart --
---------------------------------------------------------------------------------------------------------------------*/


.post {
    color:#eee;
    background:rgba(24,25,28,0.8);
    padding:7px 7px;
    border-radius:2px;
    margin-bottom:10px;
      box-shadow: 0 0 10px #000000;
}
.side-post {
    background:rgba(43,45,48,0.8);
    padding:7px 7px;
    border-radius:2px;
    margin:0 0 10px;

  box-shadow: 0 0 10px #000000;
}

.services {
    padding:15px 15px 5px;
    margin:15px;
    transition: 0.5s;
    border-radius:1px;
    border:1px solid rgba(43,45,48,0.5);
}
.services:hover {
    background:#2B2F33;
    transform:scale(1.05);
    box-shadow:0 0 25px #2B2F33;
}

.services:active {
    background:#2B3336;
    transform:scale(1.05);
    box-shadow:0 0 25px #2B3336;
}


.tradingview-widget-container {height:inherit;
                               margin-bottom:-85px;
                               margin-top:65px;
                               text-align:center;
                               box-shadow:0 0 15px #777777;
                               background:rgba(24,25,27,1);
                               padding-top:5px;}

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


/*---------------------------------------------------------------------------------------------------------------------
    -- Table --
---------------------------------------------------------------------------------------------------------------------*/
.broker-tbl {
    color:#ffffff;
    background:rgba(24,25,28,0.8);
    padding:5px 5px;
    border-radius:2px;
    text-align:center;
    box-shadow: 0 0 10px #000000;
}

.table {
    color:#ffffff;
}

.post hr {
    color:white;
}

.answer {
    text-align:right;
}

.broker-about {
    margin-top:15%;
}

.hide {
    display:none;
    visibility:hidden;
}

/*---------------------------------------------------------------------------------------------------------------------
    -- info --
---------------------------------------------------------------------------------------------------------------------*/

.gh{margin:20px 20px;
    -moz-box-shadow: 8px 8px 8px #777777;
    -webkit-box-shadow: 5px 8px 8px #777777;
    box-shadow: 8px 8px 8px #777777;}

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



.bg-img {
    background-image:url('../images/background.jpg');
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
}
.op-1 {
    background:rgba(0,0,0,.5);
    padding:50px 0;
}







/*---------------------------------------------------------------------------------------------------------------------
    -- Contact form--
---------------------------------------------------------------------------------------------------------------------*/


label {
    color:#ddd;
}

.form-control{
    border:none;
    padding:15px;
    height:35px;
}

.form-control:focus {
     box-shadow:0 0 10px #007bff,0 0 20px #007bff,0 0 40px #007bff;
}

.pop-cont-icon :hover{
    transform:scale(1.1);
    transition:.3s all ease-in-out;
}
/*--------------------------------------------------------------------------------------------------------------------*/











/*---------------------------------------------------------------------------------------------------------------------
    -- Contact form--
---------------------------------------------------------------------------------------------------------------------*/


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





/*---------------------------------------------------------------------------------------------------------------------
    -- terms --
---------------------------------------------------------------------------------------------------------------------*/
.terms_area {overflow:scroll;
             height:100vh;
             padding:20px 20px;
             background:white;
             color:black;
             font-weight:lighter;
             text-decoration:none;
             font-size:14px;
             text-shadow:none;}

.Area-terms {
               text-align:left;
               padding:40px 3%;
               min-height:60vh;
               max-height:inherit;
               border-radius:7px;}

.bodyin {max-width: 1119px;

         min-height:89vh;
         background-position:top;
         background-attachment:fixed;
         background-repeat: no-repeat;
         text-align:center;
         margin:auto;}

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












/*---------------------------------------------------------------------------------------------------------------------
    -- Footer --
---------------------------------------------------------------------------------------------------------------------*/
.footer {
    background:#222;
    text-align:center;
    padding:10px;
    width:100%;
}
.footer-links {
    color:#aaa;
    font-size:10px;
    transition:.3s all ease-in-out;
}
.footer-links:hover {
    color:#fbe8a3;
    text-decoration:none;
}

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












/*---------------------------------------------------------------------------------------------------------------------
    -- responsive --
---------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 768px){
.btn-symbol {width:55.5%;}
.btn-symbol:hover {width:60.5%;}
.btn-symbol:active {width:50.5%;
}
@media (min-width: 768px) and (max-width: 1140px) {

.btn-symbol {width:35.5%;}
.btn-symbol:hover {width:37.5%;}
.btn-symbol:active {width:30.5%;
}