/*---------------------------------------------------------------------------------------------------------------------
    -- Main --
---------------------------------------------------------------------------------------------------------------------*/
* {
    margin:0;
    padding:0;
}
body {
    font-family:candara;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center;
    text-shadow:0 0 15px #000000;
    color:black;
}
.main-container {
    background:rgba(249,249,249,1);
    padding-top:70px;
    min-height:102vh;
    max-height:inherit;


}
.main-container none {
    padding-top:70px;
    min-height:100vh;
    max-height:inherit;
}
.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;
}
p {
    color:#eee;

}
.none {
    background:none;
}
.perc {
    height:100vh;
}
.form-control:focus {
     box-shadow:0 0 10px #007bff,0 0 20px #007bff,0 0 40px #007bff;
}
/*---------------------------------------------------------------------------------------------------------------------
    -- Main --
---------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------
    -- Nav --
---------------------------------------------------------------------------------------------------------------------*/
#nav {
    background:rgba(50,50,50,1);
    box-shadow:0 0 20px #111;

}
.nav-link {
    cursor:pointer;
    font-size:15px;
    transition:.3s all ease-in-out;
    text-align:right;
    border-bottom:3px solid rgba(50,50,50,0.9);
}
.nav-link:hover {
    color:#fbe8a3;
    opacity:1;
}
.nav-link:focus {
    color:#fbe8a3;
    opacity:1;
    border-bottom:3px solid #fbe8a3;
}
.dropdown-menu {
    cursor:pointer;
    background:#252525;
    margin:12px 0 0;
    box-shadow:0 0 20px #111;
}
.dropdown-item {
    cursor:pointer;
    color:#aaa;
    font-size:15px;
}
/*---------------------------------------------------------------------------------------------------------------------
    -- Nav --
---------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------
    -- Sign Up & Login --
---------------------------------------------------------------------------------------------------------------------*/
.user-form {
    height:100vh;

}
.form-box {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
}
.user-form2 {
    height:100vh;

}
.form-box2 {
    position:absolute;
    top:58%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
}
.box {
    background:#222;
    width:450px;
    padding:25px 35px;
    box-shadow:0 0 25px #444;
    border:1px solid #333;
    border-radius:7px;
}
label {
    color:#ddd;
}
.check-box {
    margin:5px 0 0;
}
.checkbox {

}
.form-control{
    border:none;
    padding:15px;
    height:35px;
}
.alert {
    color:#fbe8a3;
    text-align:center;
    font-size:15px;
}
.envelope {
    color:#fbe8a3;
    font-size:75px;
}
.envelope:hover {
    color:#fbe8a3;
}

.iconz {
    color:#fbe8a3;
    font-size:40px;
}
.iconz:hover {
    color:#fbe8a3;
}

@media (max-width: 470px) {
    .user-form {
        height:100vh;
        margin:50px 0px;
    }
    .form-box {
        position:relative;
        padding:10px;
        z-index:0;
        top:40%;
    }
        .user-form2 {
        height:100vh;
        margin:40px 0px;
    }
    .form-box2 {
        position:relative;
        padding:10px;
        z-index:0;
        top:50%;
    }
    .box {
        width:100%;
    }
}

/*---------------------------------------------------------------------------------------------------------------------
    -- Sign Up & Login --
---------------------------------------------------------------------------------------------------------------------*/

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


.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;
    font-size:10px;
    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;
}


.subs-section {
    padding:25px 0;
    background:rgba(37,37,37,.95);

}
.sub-form {
    width:70%;
    float:left;
    height:40px;
    border:none;
    border-top-right-radius:0;
    border-top-left-radius:7px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:7px;
    padding:10px;
    transition:.2s all ease-in-out;
}
.sub-btn {
    background:#28a745;
    color:#fff;
    width:30%;
    float:right;
    height:40px;
    border:none;
    border-top-right-radius:7px;
    border-top-left-radius:0;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:0;
    transition:.2s all ease-in-out;
}
.sub-form:focus {
    box-shadow:0 0 10px #28a745,0 0 20px #28a745,0 0 40px #28a745;
}
.sub-btn:hover {
    border:none;
    box-shadow:0 0 10px #28a745,0 0 20px #28a745,0 0 40px #28a745;
}
.sub-btn:active {
    border:none;
    box-shadow:0 0 1px #28a745,0 0 5px #28a745,0 0 10px #28a745;
    transition:.1s all ease-in-out;
}
.sub-btn:focus {
    border:none;
    box-shadow:0 0 10px #28a745,0 0 20px #28a745,0 0 40px #28a745;
}

/*---------------------------------------------------------------------------------------------------------------------
    -- Symbols --
---------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------
    -- Post Box --
---------------------------------------------------------------------------------------------------------------------*/


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

p{color:white;}

.chart {
    padding:35px 0 25px;
    min-height:80vh;
}
.chart-container {
    margin-top:58px;
    height:100vh;
}

.post {
    color:white;
    background:rgba(50,50,50,0.8);
    padding:15px 15px;
    border-radius:7px;
    margin-bottom:10px;
      box-shadow: 0 0 10px #000000;
}
.side-post {
    background:rgba(120,120,120,0.8);
    padding:15px 15px;
    border-radius:7px;
    margin:0 0 10px;

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

.side-post-ad {

    border-radius:7px;
    margin:0 0 10px;
}

.rec-list {
    list-style:none;
    font-size:15px;
}
.side-link {
    color:#000;
    transition: 0.5s;
}
.side-link:hover {
    color:#ccc;
    margin-left:7px;
    text-decoration:none;
}

select {
    margin:0 0 10px 0;
}
.calc {
    padding:15px 15px 5px;
    background:#000000;
    border-radius:7px;
    box-shadow:0 0 20px #007bff;
    transition: 0.5s;
}
.calc:hover {
    background:#000000;
    transform:scale(1.05);
    box-shadow:0 0 25px #007bff;
}
.text {
    padding:15px 0 0;
}
.iframe-container {
                   max-width:1100px;
                   min-width:0px;
                    max-height:0px;
                   max-height:60vh;}

.iframe-container img{max-width:100%;
                   min-width:0%;
                    min-height:50%;
                   max-height:60vh;}

.ipop img{
    transition:.3s all ease-in-out;
}

.ipop :hover img{    
    transform:scale(1.05);
    box-shadow:0 0 25px #ffcf01;
    border-radius:7px;

    
}

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

.error {text-align:center;
        border:2px solid #dc3545;
        border-radius:7px;
        color:#dc3545;
        margin-bottom:20px;}

.like,.unlike{
    border: 0;
    letter-spacing: 1px;
    padding:3px;
    border-radius:7px;

}

.like{color:#eee;
    background:#444;
    box-shadow: 0 0 7px #000;}
.unlike{color:#eee;
    background:#444;
    box-shadow: 0 0 7px #000;}

.like,.unlike:hover{
    cursor: pointer;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


}

/*---------------------------------------------------------------------------------------------------------------------
    -- full view --
---------------------------------------------------------------------------------------------------------------------*/

.comments {background :white;
           padding:7px 7px 1px 7px;}

.edit-delete2{
    margin-top:-30px;
    text-align:right;
}

@media (max-width: 380px) {

.edit-delete2{
    margin-top:18px;
    text-align:left;
}

}








/*---------------------------------------------------------------------------------------------------------------------
    -- profile --
---------------------------------------------------------------------------------------------------------------------*/
.screen1 {color:#eee;
          padding:10px 15px;
          background:rgba(56,56,56,0.8);
          margin-top:-30px;
          text-align:center;}

.screen2 {min-height:90px;
          color:white;
          background:rgba(56,56,56,0.8);
          text-align:center;
          padding:1px 0px 10px 0px;
border-radius: 0px 0px 7px 7px;

          }

.pro-container {
                   max-width:inherit;
                   min-width:0px;
                    max-height:0px;
                   max-height:70vh;
                   padding:0px 0px;}

.pro-container img{max-width:100%;
                   min-width:0%;
                    min-height:50%;
                   max-height:70vh;
                   }

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

.info-a1{color:black;
        margin:0px 15%;}

.about-info {
             height:inherit;
             background: #111;
             font-weight:lighter;
             text-decoration:none;
             font-size:14px;
             margin-bottom:10px;}

.info-a2 {color:#d6e8f7;
          padding:33vh 0px;
          font-size:299%;
         -moz-text-shadow: 8px 8px 8px #777777;
         -webkit-text-shadow: 8px 8px 8px #777777;
         text-shadow: 8px 8px 8px #777777;}
/*---------------------------------------------------------------------------------------------------------------------
    -- terms --
---------------------------------------------------------------------------------------------------------------------*/
.terms_area {overflow:scroll;
             max-width:900px ;
             height:100vh;
             padding:20px 20px;
             background:white;
             color:black;
             font-weight:lighter;
             text-decoration:none;
             font-size:14px;}

.Area-terms {
               text-align:left;
               padding:40px 3%;
               margin:50px 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%;
}}