html, body{
    min-height: 100%;
    margin: 0;
    background: #e5e5e5;
}
/*----------------------------Print-------------------------------------*/
@media print{
    .np, .np *{
        display: none;
    }
    .pNeedTable td{
        border: 1px solid #000;
    }
}
/*-----------------------------Font-------------------------------------*/
@font-face{
    font-family: iransans;
    src: url("IRANSansWeb.ttf");
}
@font-face{
    font-family: yekan;
    src: url("yekan.ttf");
}
*{
    font-family: Google Sans, sans-serif, 'Ubuntu', yekan, Tahoma;
}
/*----------------------------------------------------------------------*/
img{
    vertical-align: middle
}
button,
input[type="button"]{
    width: 150px;
    height: 30px;
    background: #5d6588;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}
select,
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="tel"],
input[type="password"]{
    width: 100%;
    height: 35px;
    padding: 3px 10px;
    background: 1% center no-repeat;
    background-size: 22px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}
input[type="radio"],
input[type="checkbox"]{
    vertical-align: middle;
}
textarea{
    width: 100%;
    padding: 10px 10px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}
/*----------------------------------------------------------------------*/
.containBox{
    width: 95%;
    max-width: 1700px;
    margin: 0 auto;
    box-sizing: border-box;
}
.mv{
    display: none
}
/*----------------------------------------------------------------------*/
.op1{opacity: 0.1}
.op2{opacity: 0.2}
.op3{opacity: 0.3}
.op4{opacity: 0.4}
.op5{opacity: 0.5}
.op6{opacity: 0.6}
.op7{opacity: 0.7}
.op8{opacity: 0.8}
.op9{opacity: 0.9}
.op10{opacity: 1}
.fs11{font-size: 11px}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px}
.fs17{font-size: 17px}
.fs18{font-size: 18px}
.fs20{font-size: 20px}
.fs25{font-size: 25px}
.fs30{font-size: 30px}
.fwb{font-weight: bold}
.tac{text-align: center}
.tal{text-align: left}
.tar{text-align: right}
.taj{text-align: justify}
.drtl{direction: rtl}
.dltr{direction: ltr}
.dta{display: table}
.dtc{display: table-cell}
.dib{display: inline-block}
.vat{vertical-align: top}
.vam{vertical-align: middle}
.cb{clear: both}
.m0{margin: 0}
.grayScale{filter: grayscale(100%)}
/*----------------------------------------------------------------------*/
.cmb{color: #050c42}
.redColor{color: #f73149}
.greenColor{color: #2ebc84}
.grayColor{color: #8f8f8f}
.arrow-right{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
}
.arrow-left{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #000;
}
/*-----------------------------------------------------------------------*/
.tipsError, .tipsWarning, .tipsInfo, .tipsSuccess{
    position: relative;
    margin-bottom: 15px;
    padding: 30px 0 10px 50px;
    border-radius: 5px;
    border: 1px solid;
    font-size: 12px;
    transition: all 0.3s;
}
.tipsError::before, .tipsWarning::before, .tipsInfo::before, .tipsSuccess::before{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background: center center no-repeat;
    background-size: 20px;
}
.tipsError::after, .tipsWarning::after, .tipsInfo::after, .tipsSuccess::after{
    position: absolute;
    top: 10px;
    left: 50px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
.tipsError a, .tipsWarning a, .tipsInfo a, .tipsSuccess a{
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
}
.tipsError{
    background: #f9c8c7;
    border-color: #f19897;
    color: #ea3d3d;
}
.tipsWarning{
    background: #ffefbc;
    border-color: #ffd96b;
    color: #c38c27;
}
.tipsInfo{
    background: #cbebfb;
    border-color: #86d4f0;
    color: #1796c6;
}
.tipsSuccess{
    background: #daf1d6;
    border-color: #81cba9;
    color: #1fa56e;
}
.tipsError::after{content: 'Error'}
.tipsWarning::after{content: 'Warning'}
.tipsInfo::after{content: 'Information'}
.tipsSuccess::after{content: 'Success'}
.tipsError::before{background-image: url("../img/icons/tipsError.png")}
.tipsWarning::before{ background-image: url("../img/icons/tipsWarning.png")}
.tipsInfo::before{ background-image: url("../img/icons/tipsInfo.png")}
.tipsSuccess::before{ background-image: url("../img/icons/tipsSuccess.png")}
/*-----------------------------------------------------------------------*/
#load{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 13% 0 0 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 5000;
}
.coverPageL,
.coverPageD{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.coverPageL{background: rgba(255, 255, 255, 0.15)}
.coverPageD{background: rgba(0, 0, 0, 0.15)}
#totalDIV{
    position: relative;
    padding: 80px 0 10px;
}
#lightBoxParent{
    display: none;
    direction: ltr;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}
#lightBoxBack{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
#lightBoxContentMar{
    position: relative;
    margin: 0px auto 0;
    padding: 20px;
    background: transparent;
    border-radius: 13px;
    z-index: 101;
    opacity: 0;
    transition: all 0.3s;
}
#lightBoxClose{
    position: absolute;
    top: 22px;
    left: 22px;
    width: 25px;
    cursor: pointer;
    z-index: 105;
}
#lightBoxContent{
    direction: ltr;
    position: relative;
    width: 900px;
    background: #f9f9f9;
    border-radius: 5px;
    font: 13px hspYekan;
    box-sizing: border-box;
    opacity: 0;
    transition: all .5s;
    transform: scale3d(0, 0, 0);
    z-index: 102;
}
#lightBoxContent2{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 900px;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    overflow: hidden;
    z-index: 106;
}
#lightBoxContentMar.lightBoxActive{
    margin-top: 30px;
    opacity: 1;
}
#lightBoxContentMar.lightBoxActive #lightBoxContent{
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}
#lightBoxContent a{
    text-decoration: none;
    border-bottom: 1px solid #333;
    color: inherit;
    cursor: pointer;
    transition: all .3s;
}
#lightBoxContent a:hover{
    border-bottom: 1px solid #fbb040;
    color: #fbb040;
}
/*-----------------------------------------------------------------------*/
.lightBoxViews{
    padding: 20px;
}
.lightBoxViews input[type="text"],
.lightBoxViews input[type="number"],
.lightBoxViews input[type="password"],
.lightBoxViews textarea,
.lightBoxViews select{
    width: 95%;
    height: 40px;
    margin-bottom: 10px;
    padding: 2px 35px 2px 10px;
    box-sizing: border-box;
    background: 98% center no-repeat;
    background-size: 22px;
    border-radius: 10px;
    border: 1px solid #e2e3e5;
    resize: none;
}
.lightBoxViews input[type="number"]{
    direction: ltr;
}
.lightBoxViews ::-webkit-input-placeholder{ /* Edge */
    color: #ccc;
}
.lightBoxViews :-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #ccc;
}
.lightBoxViews ::placeholder{
    color: #ccc;
}
.lightBoxViews *{
    outline: none;
}
.errorInForm{
    border-color: #fba8a8 !important;
}
/*----------------------------  Loading   ------------------------------*/
.loader,
.loader:before,
.loader:after{
    background: #050c42;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loader{
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after{
    position: absolute;
    top: 0;
    content: '';
}
.loader:before{
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after{
    left: 1.5em;
}
@-webkit-keyframes load1{
    0%,
    80%,
    100%{
        box-shadow: 0 0;
        height: 4em;
    }
    40%{
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1{
    0%,
    80%,
    100%{
        box-shadow: 0 0;
        height: 4em;
    }
    40%{
        box-shadow: 0 -2em;
        height: 5em;
    }
}
/*--------------------------------------------------------------------------*/
.mainTableC{
    width: 100%;
    border-spacing: 0 5px;
    font-size: 13px;
    text-align: center;
}
.mainTableC td{
    padding: 5px;
}
.mainTableC tr td:first-child{
    border-radius: 5px 0 0 5px;
}
.mainTableC tr td:last-child{
    border-radius: 0 5px 5px 0;
}
.mainTableC tr:nth-child(even){
    background: #f5f5f5;
}
.mainTableC tr:nth-child(odd){
    background: #f9f9f9;
}
.mainTableC tr:first-child{
    background: #323b5b;
    color: #fff;
    font-size: 15px;
}
.mainTableC tr:first-child td{
    padding: 10px;
}
/*----------------------------  Box Choice   ------------------------------*/
.boxChoice{
    position: relative;
    padding: 3px 5px;
    background: #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
}
.boxChoice span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    padding: 0;
    background: transparent;
    transition: all 0.3s;
}
.boxChoice input:checked + span{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #888;
    border-radius: 5px;
}
.boxChoice input:checked + span + label{
    color: #fff;
}
.boxChoice span:hover{
    background: #e0e0e0;
}
.boxChoice label,
.boxChoice input,
.boxChoice select{
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    z-index: 2;
    transition: all 0.3s;
}
.boxChoice select{
    position: relative;
    top: -2px;
    width: 60px;
    height: 20px;
}
/*----------------------------  Live Circle   ------------------------------*/
.circle{
    position: absolute;
    left: 0px;
    top: 5px;
    width: 10px;
    height: 10px;
}
.circle:before{
    content: "";
    position: relative;
    display: block;
    width: 250%;
    height: 250%;
    box-sizing: border-box;
    margin-left: -75%;
    margin-top: -75%;
    border-radius: 45px;
    background-color: #ea6300;
    animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.circle:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ea6300;
    border-radius: 50px;
    animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@keyframes pulse{
    0%{
        transform: scale(0.33);
    }
    80%,
    100%{
        opacity: 0;
    }
}
@keyframes circle{
    0%{
        transform: scale(0.8);
    }
    50%{
        transform: scale(1);
    }
    100%{
        transform: scale(0.8);
    }
}
/*----------------------------DD Menu Place------------------------------*/
.totalMenuPlace{
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    line-height: 65px;
    background: #12182b;
    transition: all .1s;
    z-index: 30;
}
.mainMenuPlace{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 95%;
    max-width: 1700px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}
#headMobileManu{
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 2001;
}
#headMobileManu .headMobileButtons{
    position: absolute;
    top: 20px;
    right: 10px;
    line-height: 30px;
    text-align: center;
    font-size: 21px;
}
#headMobileManu .headMobileButtons span,
#headMobileManu .headMobileButtons a{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.headMobileTimezone{
    position: absolute;
    top: 60px;
    right: 10px;
    color: #eee;
    font-size: 11px;
    line-height: 15px;
}
.headLogo{
    width: 150px;
    vertical-align: middle;
}
.ddMenuULMobile{
    display: none;
    position: absolute;
    top: -400px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    transition: all 0.5s;
}
.ddMobileMainLi{
    position: relative;
    line-height: 25px;
    background: #12182b;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: #fff;
    text-align: left;
}
.ddMobileMainLi a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
    color: inherit;
    cursor: pointer;
}
.ddMobileMainLi .zmdi-chevron-down{
    position: absolute;
    top: 10px;
    right: 20px;
    transition: all .4s;
}
.ddMobileMainLi .mobileSubMenuPlace{
    overflow: hidden;
    height: 0;
    text-align: left;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.1);
    transition: all .4s;
}
.ddMobileMainLi .mobileSubMenuPlace ul{
    list-style: none;
    padding: 0 0 0 20px;
}
.ddMobileMainLi .mobileSubMenuPlace .zmdi-chevron-right{
    margin-right: 3px;
}
.ddMenuUL{
    display: inline-block;
    width: 50%;
    max-width: 65%;
    margin: 0;
    list-style: none;
    white-space: nowrap;
    text-align: right;
}
.ddMenuLI{
    display: inline-block;
    position: relative;
    height: 75px;
    line-height: 75px;
    margin-right: 25px;
    color: #ffffff;
    font-size: 0;
    cursor: pointer;
    transition: all .4s;
}
.ddMenuLI a.ddMenuMainA{
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
.ddMenuLI:hover .ddMenuDIV{
    display: table;
}
.ddMenuDIV{
    display: none;
    position: absolute;
    width: 200px;
    top: 70px;
    left: -40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    background: #12182b;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;
    color: #fff;
}
.ddMenuDIV *{
    transition: all .3s;
}
.ddMenuDIV ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.ddMenuDIV ul li{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.ddMenuDIV ul li:hover{
    background: #343d54;
}
.ddMenuDIV ul a{
    display: block;
    position: relative;
    height: 100%;
    padding: 8px 10px 8px 25px;
    text-decoration: none;
    color: inherit;
}
.ddMenuDIV ul a i{
    position: absolute;
    top: 15px;
    left: 10px;
}
.ddMenuLeftPlace{
    width: 250px;
    padding: 30px 0 100px;
    line-height: 30px;
    text-align: left;
    background: rgba(33, 42, 66, 0.9);
}
.ddMenuLeftPlace p:first-child{
    margin: 0 0 50px;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}
.dashboardsMonitor{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 40px 20px 20px;
    box-sizing: border-box;
    text-align: left;
    opacity: 0;
}
.dashboardsMonitor.activeDashboardMonitor{
    opacity: 1;
}
.dashboardsMonitor img{
    width: 100%;
    max-width: 350px;
    transform: scale3d(0, 0, 0);
    transition: all 0.2s;
}
.dashboardsMonitor.activeDashboardMonitor img{
    transform: scale3d(1, 1, 1);
}
.dashboardsMonitor div:first-child{
    width: 60%;
}
.dashboardsMonitor div:last-child{
    width: 35%;
}
.dashboardsMonitor h3{
    margin: 0 0 5px;
    padding-top: 10px;
    line-height: 50px;
    font-weight: normal;
    color: #ffbe57;
    font-size: 30px;
}
.dashboardsMonitor p{
    margin: 0 0 10px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    text-align: left;
}
.loginRegisterLinkPlace a{
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    color: white;
    transition: all 0.2s;
}
.loginRegisterLinkPlace a:hover{
    border-bottom-color: #fff;
}
/*-----------------------------------------------------------------------*/
.mainFooter{
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    color: #000;
    z-index: 30;
}
.mainFooter .containBox{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.mainFooter .copyright{
    width: 48%;
    max-width: 700px;
    margin: 0;
    padding: 20px 0;
    text-align: left;
    font-size: 14px;
}
.footerScrollIcon{
    display: inline-block;
    position: fixed;
    bottom: -250px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    color: #333;
    z-index: 30;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    transition: all .4s;
}
.footerScrollIcon:hover{
    transform: rotate(360deg);
}
.footerLinksCont{
    padding: 20px 0;
    text-align: right;
    font-size: 14px;
}
.footerLinksCont a,
.footerLinksCont span{
    margin-left: 30px;
    text-decoration: none;
    color: inherit;
}
.footerLinksCont a:first-child,
.footerLinksCont span:first-child{
    margin-left: 0;
}
/*-----------------------------------------------------------------------*/
.headTimezoneShow{
    position: absolute;
    bottom: 5px;
    right: 0;
    margin: 0;
    line-height: 20px;
    white-space: nowrap;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
.timezoneSelector{
    position: absolute;
    top: 50px;
    right: 0;
    padding: 10px 20px;
    line-height: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: all 0.3s;
}
.timezoneSelector.timezoneSelectorActive{
    top: 80px;
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.timezoneSelector p{
    margin: 0;
    text-align: left;
}
.timezoneSelector div{
    display: flex;
    justify-content: space-between;
}
.timezoneSelector div select{
    width: 300px;
    height: 35px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.timezoneSelector div input{
    width: 100px;
}
.timezoneSelector .triangleUP{
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 10px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #fff;
}
/*------------------------Home Page--------------------------------------*/
.homeMainSlide{
    position: relative;
    height: 800px;
    background: rgb(174, 175, 177);
    background: radial-gradient(circle, rgba(174, 175, 177, 1) 0%, rgba(179, 180, 182, 1) 35%, rgba(182, 184, 181, 1) 100%);
    transition: all 0.4s;
}
.homeMainImg{
    position: absolute;
    bottom: 0;
    left: 50px;
    max-width: 45%
}
.homeMainImg img{
    width: 100%;
}
.homeSloganContainer{
    position: absolute;
    top: 300px;
    right: 200px;
    width: 600px;
    text-align: center;
    border-radius: 10px;
    color: #333;
    transition: all 0.4s;
}
.homeSloganContainer h2{
    width: 100%;
    margin: 0 0 3px;
    font-size: 50px;
}
.homeSloganContainer h2 span{
    color: #699649;
}
.homeSloganContainer p{
    margin: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    opacity: 0.7;
}
.homeSloganContainer p, #sloganTemp{
    font-size: 26px;
}
.homeSloganContainer span{
    display: inline-block;
    white-space: nowrap;
}
.homeSloganContainer p span:last-child{
    padding: 3px 0 3px 5px;
    border-left: 1px solid #000;
}
#sloganPlace{
    transition: all 2s;
    overflow: hidden;
    position: relative;
    top: 7px;
    color: #900;
    text-align: center;
}
#sloganTemp{
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
}
.homeTotal .containBox{
    display: flex;
    justify-content: space-between;
}
.homeCardsSlide{
    padding: 0 0 50px;
    background: #f5f5f5;
    overflow: hidden;
}
.homeCardsContainer{
    width: 90%;
    margin: 0 auto;
}
.homeCardsContainer h2{
    position: relative;
    top: 5px;
    margin: 0;
    padding: 20px 0;
}
.cardsSwiper.swiper-container{
    width: 100%;
    overflow: visible;
}
.cardsSwiper .swiper-wrapper{
    padding: 20px 0;
}
.cardsSwiper .swiper-slide{
    text-align: center;
    font-size: 13px;
    background: #fff;
}
.cardsSwiper .swiper-slide img{
    width: 300px;
}
.cardsSwiper .swiper-slide{
    width: 460px;
    overflow: hidden;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.cardsSwiper .swiper-slide .signalTablesPlace{
    justify-content: space-between;
}
.cardsSwiper .swiper-slide .signalTableBuy tr:first-child td{
    padding: 0 5px;
}
.cardsSwiper .swiper-container-horizontal > .swiper-pagination-bullets,
.cardsSwiper .swiper-pagination-custom,
.cardsSwiper .swiper-pagination-fraction{
    bottom: -20px;
}
.homeDiamond{
    position: relative;
    height: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.homeDiamond::after{
    content: ' ';
    display: inline-block;
    position: relative;
    top: -25px;
    width: 50px;
    height: 50px;
    background-color: #f2f3f3;
    border: 1px solid #f6f6f6;
    transform: rotate(135deg);
}
.processSlide, .laptopSlide{
    background: #fff;
}
.processSlideContainer,
.laptopSlideContainer{
    position: relative;
    padding: 50px 0;
}
.processSlideContainer .fs20,
.laptopSlideContainer .fs20{
    position: relative;
    width: 55%;
    padding-top: 50px;
    z-index: 2;
}
.processSlideContainer h2,
.laptopSlideContainer h2{
    margin: 0 0 20px;
    font-size: 50px;
}
.processSlideContainer .mvn,
.laptopSlideContainer .mvn{
    width: 40%;
}
.processSlideContainer .mvn img,
.laptopSlideContainer .mvn img{
    max-width: 100%;
}
.homeSmart{
    padding: 15% 30px;
    overflow: hidden;
    text-align: center;
    background: url('../img/slides3.jpg') center center no-repeat;
    background-size: cover
}
.homeSmart div{
    display: inline-block;
    width: 90%;
    max-width: 700px;
    color: #fff;
}
.homeSmart div h2{
    font-size: 60px;
}
.homeAISlide{
    padding: 5% 10px 5%;
    background: #4d39e9 url('../img/aiSlideBack.jpg') top left no-repeat;
    background-size: cover;
    color: #fff;
}
.homeAISlide .homeAITitle{
    width: 50%;
}
.homeAISlide .homeAITitle h2{
    margin: 0;
    font-size: 60px;
}
.homeAISlide .homeAITitle img{
    width: 70%
}
.homeAISlide .homeAIItems{
    width: 35%;
    padding-top: 100px;
}
.homeAISlide .homeAIItems div{
    padding: 0 0 40px;
}
.homeAISlide .homeAIItems div h3{
    margin: 0 0 10px;
    font-size: 24px;
}
.homeAISlide .homeAIItems div p{
    margin: 0;
    padding-left: 30px;
    font-size: 16px;
}
.homeAISlide .homeAIItems a{
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
/*-----------------------------------------------------------------------*/
.coinsLineContainer{
    position: relative;
    width: 850px;
    height: 60px;
    transition: all 0.4s;
}
.coinsLine{
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    transition: all 0.4s;
}
.coinsLineActive{
    top: 0px;
}
.tabsPlace{
    display: flex;
    position: fixed;
    width: 100%;
    font-size: 0;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    z-index: 10;
}
.tabsPlace .tabPlaceContainer{
    position: relative;
}
.tabsPlace .tabPlaceChange{
    position: absolute;
    top: -100px;
    left: 0;
    transition: all .4s;
}
.tabsPlace .tabPlaceChangeActive{
    top: 0;
}
.tabsPlace .mainPTabs{
    position: relative;
    display: inline-block;
    width: 85px;
    height: 60px;
    margin: 0 0px;
    padding-top: 10px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    border-bottom: 3px solid transparent;
    border-right: 1px solid #fff;
    color: #050c42;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .3s;
    user-select: none;
}
.tabsPlace .mainPTabs:hover{
    color: #56c1ff;
}
.tabsPlace .mainPTabs.tabActive{
    border-bottom: 3px solid #56c1ff;
    color: #56c1ff;
    font-weight: bold;
}
.activeSignalCard{
    display: none;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    min-height: 55px;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px !important;
    z-index: 10;
}
.mainPTabs:hover .activeSignalCard{
    display: block;
}
.mainFSKey{
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0 0px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    vertical-align: top;
    transition: all .4s;
}
.mainFSKey div{
    position: relative;
}
.mainFSKey .switchLabel{
    position: absolute;
    top: 0px;
    color: #0c4069;
    cursor: pointer;
    z-index: 2;
}
.mainFSKey .switchLabel:first-child{
    left: 12px;
}
.mainFSKey .switchLabel:last-child{
    right: 20px;
}
.mainFSKey .switch{
    width: 150px;
    height: 30px;
}
.mainFSKey .slider:before{
    height: 26px;
    width: 70px;
    left: 2px;
    bottom: 2px;
    border-radius: 20px;
}
.mainFSKey input:checked + .slider:before{
    -webkit-transform: translateX(76px);
    -ms-transform: translateX(76px);
    transform: translateX(76px);
}
.mainFSKey input + .slider{
    background-color: #2196f3 !important;
}
/*-------------------------------------------------------------------------------------------------------*/
.riskBoxPlace{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.riskBoxes{
    width: 30%;
    min-width: 220px;
    white-space: nowrap;
}
.riskBoxes img{
    width: 20px;
    padding: 7px;
    margin-right: 10px;
    border: 1px solid #eee;
    border-radius: 7px;
    vertical-align: bottom;
}
.investCalculator{
    position: relative;
    font-size: 13px;
}
.investCalculator img{
    position: relative;
    width: 20px;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 7px;
    cursor: pointer;
    vertical-align: bottom;
    z-index: 2;
    transition: all 0.3s;
}
.investCalculator img:hover{
    background: #e5e5e5;
}
.calBox{
    position: relative;
}
.calculatorIn,
.avgCalculatorIn{
    position: absolute;
    top: 0;
    left: 75px;
    width: 0px;
    height: 30px;
    overflow: hidden;
    transition: all 0.4s;
}
.calculatorIn input,
.avgCalculatorIn input{
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    background: #f5f5f5;
    border: none;
    border-radius: 5px;
    outline: none;
    text-align: center;
    font-size: 20px;
}
.calculatorIn span,
.avgCalculatorIn span{
    position: absolute;
    top: 5px;
    left: 180px;
    font-size: 20px;
}
.calculatorIn p,
.avgCalculatorIn p{
    position: absolute;
    top: 4px;
    right: 0;
    margin: 0;
    font-size: 20px;
    opacity: 0.5;
}
.calculatorInputs,
.avgCalculatorInputs{
    position: relative;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
    transition: all .3s;
}
.avgCalculatorInputs{
    margin-bottom: 5px;
}
.calculatorInputs span,
.avgCalculatorInputs span{
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 20px;
}
.calculatorInputs input,
.avgCalculatorInputs input{
    width: 100%;
    height: 30px;
    background: #f5f5f5;
    border: none;
    border-radius: 5px;
    outline: none;
    text-align: center;
    font-size: 20px;
}
/*-------------------------------------------------------------------------------------------------------*/
.contactPlace{
    display: flex;
    justify-content: space-between;
    padding: 30px;
}
.contactPlace .contactFormContainer{
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
}
.contactPlace .contactFormContainer textarea{
    height: 100px;
}
#contactForm div{
    margin-bottom: 20px;
    padding: 2px 10px 2px;
}
#contactForm p{
    margin: 0 0 3px;
}
.contactData{
    width: 48%;
    box-sizing: border-box;
}
.contactData h2{
    margin-bottom: 50px;
}
.contactData .op7.fs20 p{
    margin: 0;
}
.contactData .m0 a{
    padding: 10px 0px;
    color: inherit;
    text-decoration: none;
}
.contactData .zmdi{
    color: #5d6588;
}
.socialIconContainer{
    font-size: 0;
    padding: 70px 0;
}
.socialIconContainer img{
    margin: 0 7px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s;
}
.socialIconContainer img:hover{
    opacity: 1;
}
/*-------------------------------------------------------------------------------------------------------*/
.subscriptionTable{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 50px;
    border-spacing: 0;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    color: #555;
    font-size: 16px;
}
.homeTotal .subscriptionTable{
    max-width: 1400px;
}
.subscriptionTable td{
    width: 25%;
    padding: 10px 0 20px;
    vertical-align: top;
    background: #fff;
    border-right: 1px solid #ddd;
}
.subscriptionTable td:last-child{
    border-right: none;
}
.subscriptionTable td div:first-child{
    margin-bottom: 10px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    font-size: 25px;
}
.subscriptionTable .subscriptionPrice{
    position: relative;
    width: 70%;
    margin: 0 auto 30px;
    padding: 10px 0 20px;
    border-bottom: 1px solid #ddd;
}
.subscriptionTable .subscriptionPrice p.discounted{
    position: absolute;
    width: 100%;
    top: -2px;
    left: 0;
    font-size: 20px;
    text-align: center;
    text-decoration: line-through;
}
.subscriptionTable .subscriptionPrice p:first-child{
    font-size: 35px;
    font-weight: bold;
}
.subscriptionTable .subscriptionPrice p sup{
    font-weight: normal;
    opacity: 0.5;
}
.subscriptionTable .subscriptionPrice p:last-child{
    font-size: 17px;
    opacity: .7;
}
.subscriptionTable p{
    margin: 0;
}
.subscriptionTable ul{
    width: 70%;
    min-height: 150px;
    margin: 0 auto 10px;
    text-align: left;
}
.subscriptionTable input[type="button"]{
    max-width: 80%;
}
.planTDs{
    transition: all 0.4s;
}
.planTDs.grayScale{
    background: #eee;
}
/*-------------------------------------------------------------------------------------------------------*/
.settingTopPlace{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.settingTitlePlace,
.settingItemsPlace{
    vertical-align: middle;
}
.settingTitlePlace{
    padding-top: 20px;
    width: 150px;
}
.settingTitlePlace p{
    margin: 0;
    font-weight: bold;
}
.settingItemsPlace{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 10px 10px 0;
}
.settingItemsPlace .settingItems{
    position: relative;
    min-width: 100px;
    margin: 0 5px;
    text-align: center;
}
.settingItemsPlace .settingItems.coinsSetting{
    min-width: 100px;
    margin-bottom: 10px;
    padding: 10px 5px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
}
.settingItemsPlace .settingItems img{
    width: 40px;
}
.settingItemsPlace .settingItems p{
    margin: 0 0 5px;
}
.settingItemMore{
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s;
}
.settingItemMore.settingMoreActive{
    top: 50px;
    height: 30px;
    opacity: 1;
}
.settingItemMore span{
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
    box-sizing: border-box;
    background: #eee;
    border-radius: 5px;
}
.settingItemMore span a{
    padding-bottom: 1px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #aaa;
}
.settingParts{
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
}
.settingParts .settingPartsTitle{
    margin: 0
}
.settingParts .settingPartsTitle img{
    width: 25px;
    vertical-align: middle;
}
.settingPanelsPlace{
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}
.settingPanelsPlace fieldset{
    border: 1px solid #ddd;
    border-radius: 10px;
}
.settingPanelsPlace fieldset legend{
    padding: 3px 10px;
    background: #ddd;
    border-radius: 7px;
}
.settingPanelsPlace fieldset label{
    vertical-align: middle;
    font-size: 11px;
}
.settingPanelsPlace fieldset input[type="checkbox"]{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
/*-------------------------------------------------------------------------------------------------------*/
.loginWrapper{
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    flex-direction: column;
}
.loginFormPlace{
    position: relative;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 15px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.loginFormPlace h1{
    font-weight: normal;
}
.loginFormPlace div{
    margin-bottom: 10px;
}
.loginFormPlace div /*:not(.iti__arrow,.iti__selected-flag)*/{
    padding-bottom: 10px;
}
.loginFormPlace div p{
    margin: 0;
    text-align: left;
}
.loginFormPlace div p:first-child{
    padding: 0 0 3px;
    font-size: 14px;
    /*font-weight: bold*/
}
.loginFormPlace select,
.loginFormPlace input[type="text"],
.loginFormPlace input[type="email"],
.loginFormPlace input[type="phone"],
.loginFormPlace input[type="tel"],
.loginFormPlace input[type="password"]{
    width: 100%;
    height: 35px;
    padding: 3px 10px;
    background: 1% center no-repeat;
    background-size: 22px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.loginError{
    display: none;
    margin-top: 10px !important;
    padding: 5px 0;
    text-align: center !important;
    font-size: 15px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 5px;
    color: #b00;
}
.loginSuccess{
    display: none;
    margin-top: 10px !important;
    padding: 5px 0;
    text-align: center !important;
    font-size: 15px;
    background: rgba(0, 255, 0, 0.2);
    border-radius: 5px;
    color: #0b0;
}
/*-------------------------------------------------------------------------------------------------------*/
#addableTableTR1,
#addableTablePrimTR1{
    display: none;
}
/*-------------------------------------------------------------------------------------------------------*/
/*----BITTIO----*/
.f12o50{
    font-size: 12px;
    opacity: 50%
}
.investGuidParent{
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 10px;
}
.investGuidTitlePlace{
    display: flex;
    justify-content: left;
    margin-bottom: 15px;
}
.investGuid{
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
}
.ovBlurImg{
    width: 100%;
    height: 450px;
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 10px;
    background: url('../img/ovBlure.png') no-repeat;
    background-size: cover;
    filter: blur(4px);
}
.loginToView{
    height: 280px;
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 10px;
    background: url('../img/loginView.png') no-repeat;
    background-size: cover;
}
.loginToView span{
    position: relative;
    top: 50%;
    left: 40%;
    font-weight: bold;
    padding: 15px 30px;
    background: #fff;
    border-radius: 25px;
}
.chevronParent{
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 50%;
    background-color: #050c42;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    vertical-align: top;
    transition: all 0.3s;
    z-index: 2;
}
.publicChevron{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #050c42;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    vertical-align: top;
}
.signalParent{
    position: relative;
    margin-top: 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #fff;
    /*border-top: 5px solid #cdced9;*/
    border-radius: 10px;
}
.signalParent thead tr td,
.signalParent tr:first-child td{
    font-size: 11px;
}
.ovSignalBox{
    width: 49%;
    cursor: pointer
}
.liveBulletBox{
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.liveBulletBox b{
    padding: 0 15px;
    font-weight: normal;
    font-size: 20px;
    border-bottom: 1px solid #ea6300;
    color: #ea6300;
}
.signalTablesPlace{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.signalTypeP{
    position: absolute;
    width: 60px;
    top: -10px;
    right: 10px;
    margin: 0;
    padding: 3px 10px;
    background: #900;
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}
.signalTableBuy{
    width: 65%;
    margin-top: 10px;
    border-spacing: 0 10px;
    text-align: center;
}
.signalTableSell{
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding-left: 10px;
    border-left: 1px solid #efefef
}
.signalTableSellTitle{
    margin: 25px 0px 50px;
    color: #f73149;
    font-size: 11px;
}
.signalLastUpdate{
    display: inline-block;
    margin-left: 15px;
    font-size: 13px;
    font-weight: normal;
    opacity: 50%
}
.signalMiniTablePlace{
    width: 60%;
    min-width: 300px;
    text-align: center;
}
.signalMiniTablePlace table{
    width: 100%;
    border-spacing: 5px;
}
.signalMiniTablePlace table td{
    width: 33%;
}
.signalChevronPlace{
    padding: 15px;
}
.signalChevronPlace, .signalChevronPlace *{
    transition: all 0.3s;
}
.stepStatus{
    display: inline-block;
    width: 90px;
    padding: 5px 0px;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}
.ACTIVEPrice{
    font-size: 20px;
    color: #00a666;
}
.ACTIVEPos{
    font-size: 15px;
    color: #5ecba1;
    background: rgba(92, 205, 162, 0.1);
}
.WAITINGPrice{
    font-size: 18px;
    color: #8f8f8f;
}
.WAITINGPos{
    font-size: 13px;
    color: #8f8f8f;
}
.HOLDPrice{
    font-size: 18px;
    color: #8f8f8f;
}
.HOLDPos{
    font-size: 13px;
    color: #8f8f8f;
}
.SUCCESSPos{
    font-size: 16px;
    color: #00a666;
}
.SUCCESSPrice{
    font-size: 18px;
}
.EXPIREDPos{
    font-size: 15px;
    color: #8f8f8f;
}
.EXPIREDPrice{
    color: #8f8f8f;
}
.zmdiInfoPrice{
    display: inline-block;
    position: relative;
    margin-left: 10px;
    font-size: 26px;
    cursor: pointer;
}
.zmdiInfoPrice:hover{
    color: #3eb9ff;
}
.sellPricePopOver{
    visibility: hidden;
    min-width: 300px;
    min-height: 50px;
    position: absolute;
    right: -45px;
    bottom: 25px;
    padding: 20px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #eee;
    font-size: 12px;
    opacity: 0;
    transition: all 0.3s;
}
.zmdiInfoPrice:hover .sellPricePopOver{
    visibility: visible;
    opacity: 1;
    bottom: 45px;
}
.triangle-down{
    width: 0;
    height: 0;
    position: absolute;
    bottom: -18px;
    right: 40px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #eee;
}
.selectedCoinProfit{
    min-height: 450px;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;
    font-size: 20px;
    background-color: #fff;
    border-radius: 10px;
}
.selectedCoinPrice{
    padding: 20px;
    box-sizing: border-box;
    font-size: 20px;
    background-color: #fff;
    border-radius: 10px;
}
.RSOptions{
    min-height: 300px;
    /*border: 1px solid #efefef;*/
}
.RSOptions h2{
    padding: 10px 5px;
    margin: 0 0 5px;
    font-size: 18px;
}
.rsChartButtons{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    font-size: 13px;
}
.rsChartButtons span{
    display: inline-block;
    position: relative;
    min-width: 35px;
    margin-right: 3px;
    padding: 1px 5px;
    background: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
}
.rsChartButtons span input{
    margin: 0 1px 0 0;
    vertical-align: middle;
}
.rsChartButtons span label{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.rsChartButtons span:hover{
    background: #e0e0e0;
}
.activationBut{
    width: 32%;
    background-color: rgba(5, 12, 66, 0.3);
    padding: 10px 5px;
    box-sizing: border-box;
    font-weight: bold;
    box-shadow: 0px 0px 2px #000;
    cursor: pointer;
}
.activationBut:hover{
    background-color: rgba(5, 12, 66, 0.5);
}
.activationButClicked{
    background-color: rgba(5, 12, 66, 0.5);
}
/*----------------------------SIGNAL ONLINE INDICATOR------------------------------*/
.upperIndicLine{
    position: absolute;
    border-left: 1px #efefef solid;
    height: 45px;
    top: -45px;
}
.lowerIndicLine{
    position: absolute;
    border-left: 1px #efefef solid;
    /*height: 40px;*/
    /*bottom: -40px;*/
    height: 55px;
    bottom: -55px;
}
.active_circle{
    display: inline-block;
    width: 13px;
    height: 13px;
    text-align: center;
    border: 2px solid #2ebc84;
    border-radius: 50%;
    font-size: 13px;
    padding: 1px;
}
.aic{
    color: #2ebc84;
}
.aibc{
    background-color: #2ebc84;
}
.wic{
    color: #ff520e;
}
.wibc{
    background-color: #ff520e;
}
.hic{
    color: #050c42;
}
.hibc{
    background-color: #050c42;
}
.graybc{
    background-color: #666666;
}
.lgGreen{
    background-color: #4cd6a0;
}
.lgRed{
    background-color: #f5455a;
}
.sellBulet{
    background-color: #f5455a !important;
}
.buyBulet{
    background-color: #2ebc84 !important;
}
.stepsPopOver{
    display: none;
    min-width: 165px;
    position: absolute;
    right: -47px;
    bottom: 35px;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fbf9f9;
    z-index: 100;
}
.chart-triangle-down{
    width: 0;
    height: 0;
    position: absolute;
    bottom: -18px;
    right: 40px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #fbf9f9;
}
/*----------------------------SIGNAL ONLINE CIRCLE------------------------------*/
.semiCircleChartPlace{
    position: relative;
    margin: 0px auto 10px;
    padding-top: 50px;
    box-sizing: border-box;
    text-align: center;
}
.semiCircleChartPlace .semiCircleChart{
    width: 350px;
}
.semiCircleChartPlace .semiCircleChartNeedle{
    position: absolute;
    bottom: -40%;
    left: 46%;
    width: 2%;
    transition: all 2s;
}
.hexButtonsSP{
    width: 9%;
    cursor: pointer;
}
.itemBoxLists{
    margin: 0;
    padding: 1px 10px 2px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.4s;
}
.itemBoxLists:hover{
    background: rgba(0, 0, 0, 0.05);
}
.itemBoxLists .itemBullet{
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 3px;
    background: #7c7c8a;
    border-radius: 50%;
}
.itemBoxLists .itemTitle{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    color: #8f8f8f;
}
.itemBoxLists .itemValue{
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}
.itemBoxLists span:last-child{
    white-space: nowrap;
    color: #51819d;
}
.CPRateInfo + .CPRateDetail{
    display: inline-block;
    position: relative;
    left: 50px;
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: #fbf9f9;
    opacity: 0;
    transition: all 0.4s;
}
.CPRateInfo:hover + .CPRateDetail{
    left: 0px;
    opacity: 1;
}
/*---------------------------------------------------------------------------*/
/* The switch - the box around the slider */
.switch{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}
/* Hide default HTML checkbox */
.switch input{
    opacity: 0;
    width: 0;
    height: 0;
}
/* The slider */
.slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 34px;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before{
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider{
    background-color: #2196f3;
}
input:focus + .slider{
    box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before{
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
/*---------------------------------------------------------------------------*/
.profileHead{
    position: relative;
    height: 200px;
    padding-top: 80px;
    box-sizing: border-box;
    background: url("../img/profileBackground.png") center center;
}
.profileHead, .profileHead *{
    transition: all 0.4s;
}
.profileHead .imagePlace span{
    display: inline-block;
    position: relative;
    width: 250px;
    height: 250px;
    line-height: 250px;
    margin-bottom: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 3px solid #fff;
    border-radius: 50%;
    background: #eee;
    color: #000;
    font-size: 150px;
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
}
.profileUserData{
    padding: 25px 0 30px 300px
}
.profileData{
    position: relative;
}
.profileData .tac{
    position: absolute;
    top: 10px;
    right: 10px;
}
.profileData div{
    position: relative;
    margin-bottom: 10px;
    z-index: 2;
}
.profileData div:last-child{
    margin-bottom: 0px;
}
.profileData div p{
    /*display: inline-block;*/
    margin: 0;
    padding: 5px 0 5px 4px;
}
.profileTabDIV{
    width: 19%;
}
.profileTabUL{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}
.profileTabUL li{
    margin-bottom: 5px;
    padding: 15px 10px 15px 20px;
    box-sizing: border-box;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #333;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
}
.profileTabUL li:hover{
    border: 1px solid #ccc;
}
.profileTabUL li.selectedTab{
    background: #323b5b;
    color: #fff;
}
.profileContainer{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#profileMonitor{
    position: relative;
    width: 80%;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
}
#profileMonitor h2{
    margin: 0 0 20px;
    padding: 0 10px 5px;
    position: relative;
    display: inline-block;
}
#profileMonitor h2::after{
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.profileReferralCont{
    text-align: center;
}
.profileReferralCont input{
    position: absolute;
    top: -10000px;
    left: 0;
    opacity: 0;
}
.profileReferralCont p.op5{
    margin-bottom: 5px;
}
.profileReferralCont p{
    margin: 0;
}
.profileReferralCont .profileReferralCodePlace{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 170px;
    margin: 0 auto;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 30px;
    line-height: 30px;
    z-index: 2;
}
.profileReferralCont .profileReferralCodePlace p:first-child{
    padding-left: 10px;
}
.profileReferralCont .profileReferralCodePlace .zmdi{
    position: relative;
    width: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}
.profileReferralCont .profileReferralCodePlace .zmdi .ctc{
    display: none;
    position: absolute;
    top: 35px;
    left: -40px;
    width: 110px;
    height: 20px;
    line-height: 20px;
    padding: 3px 5px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    background: #323b5b;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    text-align: center;
}
.profileReferralCont .profileReferralCodePlace .zmdi .ctc .ctc1,
.profileReferralCont .profileReferralCodePlace .zmdi .ctc .ctc2{
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    transition: all 0.2s;
}
.profileReferralCont .profileReferralCodePlace .zmdi .ctc .ctc1.activeCtc,
.profileReferralCont .profileReferralCodePlace .zmdi .ctc .ctc2.activeCtc{
    top: 0px;
}
.profileReferralCont .profileReferralCodePlace .zmdi:hover{
    background: rgba(0, 0, 0, 0.1);
}
.profileReferralCont .profileReferralCodePlace .zmdi:hover span{
    display: inline-block;
}
.profileReferralCont .profileReferralCodePlace .zmdi:active{
    background: rgba(0, 0, 0, 0.2);
}
.profileReferralCont .zmdi-help-outline{
    position: absolute;
    top: 8px;
    right: -40px;
    font-size: 25px;
    color: #bbb;
    z-index: 1;
    cursor: pointer;
}
.profileReferralCont .zmdi-help-outline:hover{
    z-index: 3;
}
.profileReferralCont .zmdi-help-outline:hover .referralInfoBox{
    top: -180px;
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.referralInfoBox{
    position: absolute;
    top: 0px;
    left: -210px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: all 0.3s;
}
.referralInfoBox table{
    width: 100px;
    font-size: 13px;
    white-space: nowrap;
    border-spacing: 0;
    color: #555;
}
.referralInfoBox table tr:first-child td{
    font-weight: bold;
}
.referralInfoBox table td{
    width: 33%;
    padding: 8px 10px;
    border: 1px solid #ddd;
}
/*---------------------------------------------------------------------------*/
.transactionCheck{
    position: relative;
    margin-left: 10px;
    font-size: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.transactionCheck div{
    position: absolute;
    top: 0px;
    left: -230px;
    width: 250px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: all 0.3s;
}
.transactionCheck:hover div{
    top: -110px;
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
/*---------------------------------------------------------------------------*/
#profileMonitor fieldset{
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#profileMonitor fieldset legend{
    padding: 5px 15px;
    background: #ddd;
    border-radius: 7px;
}
#profileMonitor .boxChoice input:checked + span{
    background: #5d6588;
}
/*---------------------------------------------------------------------------*/
/*-----------------------------4 Bells Place---------------------------------*/
.bellsChartCont{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contBuy, .contSell{
    position: absolute;
    top: 180px;
    z-index: 6;
}
.contBuy{
    left: 8px;
    color: darkgreen;
}
.contSell{
    right: 8px;
    color: darkred;
}
.i4bellXY{
    position: relative;
    width: 50%;
    height: 200px;
    background: #ddd;
    border-bottom: 1px solid #888;
}
.i4bellXY div{
    position: absolute;
    top: 0;
    height: 100%;
}
.xy1, .xy2, .xy3, .xy4{
    width: 0;
    transition: all 0.3s;
}
.xy1, .xy3{
    right: 0;
    background: linear-gradient(to left, gray, gray, gray, green, darkgreen) fixed;
}
.xy2, .xy4{
    left: 0;
    background: linear-gradient(to right, gray, gray, gray, red, darkred) fixed;
}
.bellsCoverD{
    position: absolute;
    left: -50%;
    width: 200%;
    height: 1400px;
    background: #fff;
    border-radius: 50%;
    /*box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.15);*/
    z-index: 2;
}
.bellsCoverDUP{top: -301%}
.bellsCoverDDOWN{top: 53%}
.bellsWaitBox{
    position: absolute;
    top: 380px;
    padding: 2px 0px;
    background: #999;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    z-index: 6;
}
.bellsWaitActiveR{background: darkred}
.bellsWaitActiveG{background: darkgreen}
.bellsWaitActiveGray{background: #444}
.bellsWaitActiveR::after,
.bellsWaitActiveG::after{
    content: 'Risk Zone';
    position: absolute;
    top: -20px;
    left: 0px;
    width: 100%;
    color: #999;
    font-size: 13px;
    text-align: center;
}
.boxStMP{
    margin-bottom: 20px;
    padding: 10px 20px;
}
.boxesSt,
.boxesStb{
    border-radius: 10px;
}
.boxesStb{
    background: #fff;
}
.bellsDashLine{
    position: absolute;
    width: 1px;
    height: 50%;
    border-left: 1px dashed #bbb;
    z-index: 4;
}
.bellsDashLineT{top: 0%}
.bellsDashLineB{top: 50%}
.bellsDashLine span{
    position: absolute;
    top: 0;
    left: -7px;
    width: 15px;
    padding: 2px 0;
    background: #fff;
    border-radius: 5px;
    color: #999;
    text-align: center;
    font-size: 11px;
}
.bellsChartTitle{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    text-align: center;
    z-index: 6;
}
.bellsChartTitle div{
    display: inline-block;
    padding: 5px 10px;
    color: #555;
}
.bellsChartTitle div img{
    width: 50px;
}
.bellsChartTitle div p{
    margin: 0;
    line-height: 30px;
}
.bellsRiskZoneHover{
    position: absolute;
    bottom: 0;
    height: 0;
    transition: height 0.3s;
    z-index: 5;
}
.bellsRiskZoneHoverR{background: rgba(255, 0, 0, 0.05)}
.bellsRiskZoneHoverG{background: rgba(0, 255, 0, 0.05)}
.bellsRiskZoneHoverGray{background: rgba(0, 0, 0, 0.05)}
/*---------------------------------------------------------------------------*/
.csTable tr:first-child td{
    font-size: 13px;
    text-transform: uppercase;
}
.csFixRow{
    display: none;
    justify-content: space-between;
    position: fixed;
    top: 140px;
    padding: 10px 0;
    text-align: center;
    background: #323b5b;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.csFiltersPlace table{
    font-size: 13px;
    border-spacing: 5px;
}
.csFiltersPlace td{
    width: 16%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    background: #f5f5f5;
    border-radius: 5px;
    text-align: center;
}
.csFiltersPlace td span{
    display: inline-block;
    width: 39%;
}
.csFiltersPlace input[type="text"]{
    width: 25%;
    height: 25px;
    padding: 2px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
}
.csFiltersPlace input[type="text"]::placeholder{
    color: #ddd;
}
/*---------------------------------------------------------------------------*/
.dashboardsChartSetting{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    min-height: 30px;
    line-height: 30px;
    color: #333;
}
.dashboardsChartSetting .boxChoice{
    display: inline-block;
    width: 12%;
    min-width: 120px;
    margin: 5px;
    font-size: 13px;
    line-height: 25px;
    white-space: nowrap;
}
.dashboardsChartSetting input[type="button"]{
    margin: 5px;
}
.dashboardsChartPlace{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dashboardsChartPlace .boxesStb{
    width: 32%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.dashboardsChartPlace .boxesStb p{
    font-weight: bold;
    margin: 0;
}
/*---------------------------------------------------------------------------*/
.fireZoneSettingPlace,
.srPowerSettingPlace,
.cryptoScreenerSettingPlace{
    display: flex;
    justify-content: left;
    height: 30px;
    line-height: 30px;
    color: #333;
}
.fireZoneSettingPlace span.boxChoice,
.srPowerSettingPlace span.boxChoice,
.cryptoScreenerSettingPlace span.boxChoice{
    display: inline-block;
    width: 90px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 22px;
}
.fireZoneSettingPlace input[type="radio"],
.srPowerSettingPlace input[type="radio"],
.cryptoScreenerSettingPlace input[type="radio"]{
    margin: 0 5px;
}
.fireZoneSettingPlace .boxChoice input[type="radio"]:checked + span,
.srPowerSettingPlace .boxChoice input[type="radio"]:checked + span,
.cryptoScreenerSettingPlace .boxChoice input[type="radio"]:checked + span{
    background: #5d6588;
}
/*---------------------------------------------------------------------------*/
.aboutTopBox{
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.aboutStoryTotal{
    width: 50%;
}
.aboutStoryContainer{
    margin-bottom: 50px;
    text-align: justify;
    font-size: 18px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.aboutReport{
    display: flex;
    justify-content: space-between;
}
.aboutReport .boxesStb{
    width: 22%;
    max-width: 250px;
    margin-bottom: 10px;
    padding: 15px 0;
    color: #333;
    text-align: center;
}
.aboutReport .boxesStb p{
    margin: 0;
}
.aboutReport .boxesStb p:first-child{
    font-size: 40px;
    white-space: nowrap;
}
.aboutMakeUnique{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aboutMakeUnique .boxesStb{
    width: 32%;
    min-width: 400px;
    margin: 0 0 20px;
    padding: 30px;
    box-sizing: border-box;
    text-align: justify;
    color: #333;
}
.aboutMakeUnique .boxesStb h3{
    margin: 0 0 20px;
}
.aboutMakeUnique .boxesStb p{
    margin: 0;
}
/*---------------------------------------------------------------------------*/
.faqQuestionCard{
    margin-right: 10px;
    padding: 10px 100px 10px 20px;
    cursor: pointer;
}
.faqQuestionCard.activeQCard{
    color: #fff;
    background-color: #323b5b;
}
.faqQuestionCard p{
    margin: 0;
    line-height: 40px;
}
.faqQuestionCard .zmdi{
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
}
.faqQuestionContainer{
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0 10px 10px 0;
}
.faqQuestionLine,
.faqAnswerLine{
    display: flex;
    padding: 20px 0;
}
.faqQuestionLine{
    background: #c3c7d6;
    border-left: 5px solid #5d6588;
}
.faqAnswerLine{
    background: #ffffff;
    border-left: 5px solid #bbbbbb;
}
.faqQuestionLine div,
.faqAnswerLine div{
    position: relative;
    padding-left: 50px;
    font-size: 18px;
}
.faqAnswerLine div{
    font-size: 16px;
    opacity: 0.6;
}
.faqQuestionLine div::before{content: 'Q'}
.faqAnswerLine div::before{content: 'A'}
.faqQuestionLine div::before,
.faqAnswerLine div::before{
    position: absolute;
    top: 0px;
    left: 10px;
    color: #5d6588;
    font-size: 30px;
}
/*---------------------------------------------------------------------------*/
#CSPlace{
    width: 95%;
    max-width: 1700px;
    margin: 0 auto;
    padding-top: 90px;
}
.coinSignalMP{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}
/*-------------------------Mobile Menu---------------------------------------*/
.mv{
    display: none;
}
.mobileMainMenu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 0;
}
.mobileMainMenuItems{
    width: 30%;
    max-width: 160px;
    margin-bottom: 10px;
    padding: 20px 0;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
}
.mobileMainMenuItems p{
    margin: 0;
}
/*---------------------------------------------------------------------------*/
.needShake{
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
@keyframes shake{
    0%{
        transform: translate(1px, 1px) rotate(0deg);
    }
    10%{
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20%{
        transform: translate(-3px, 0px) rotate(1deg);
    }
    30%{
        transform: translate(3px, 2px) rotate(0deg);
    }
    40%{
        transform: translate(1px, -1px) rotate(1deg);
    }
    50%{
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60%{
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70%{
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80%{
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90%{
        transform: translate(1px, 2px) rotate(0deg);
    }
    100%{
        transform: translate(1px, -2px) rotate(-1deg);
    }
}