*{margin:0;padding:0;box-sizing: border-box}
html{position:relative;min-height:100%}
body {overflow-y: visible !important;overflow-x:hidden;width: 100%;height: 100%;background: #fff;color: #000;font-size: 14px;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;font-family: MontserratRegular;cursor: default}
input, textarea, button, select {outline: none;font-size: 14px;font-family:MontserratRegular}
button{border:none;outline: none;display: inline-block;font-family: MontserratRegular}
input:active, textarea:active, button:active{outline: none}
textarea {resize: none}
span, a, input, button, textarea, img{display: inline-block}
a{text-decoration: none;font-family: MontserratRegular}
.clear{clear: both}
.table{display: table}
.row{display: table-row}
.cell{display: table-cell}
button, input[type="submit"], input[type="reset"] {
border: none;
-webkit-appearance: none;
}
/* ABOUT */
/* header */
.headerBg{padding: 90px 0 90px 0;background: url("/static/new/img/headerBg.png")no-repeat;background-size: cover;background-position: center center}
.m_headerBgIndex{padding: 70px 0 70px 0}
.m_headerBgIndexText{text-align: left;color:#fff;font-size:36px;font-family: MontserratBold;padding-bottom: 28px}
.generalWidth{width:1136px;margin:0 auto/*;border:1px solid #ccc*/}
.headerBg .contentPart{width:560px;float:left}
.contentPart .exchangeRateContainer{display: flex;flex-direction: row;justify-content:space-between;margin-bottom: 30px}
.contentPart .exchangeRateContainer .currencyContainer{font-family: MontserratMedium;color:#fff;font-size: 16px;padding-left: 33px;position: relative;letter-spacing:1px; width:250px}
.contentPart .exchangeRateContainer .currencyContainer:nth-child(1):before{content: "";position: absolute;top:-2px;left:0;width:23px;height:23px;background: url("/static/new/img/bitcoin.png")no-repeat}
.contentPart .exchangeRateContainer .currencyContainer:nth-child(2):before{content: "";position: absolute;top:-2px;left:0;width:23px;height:23px;background: url("/static/new/img/etherium.png")no-repeat}
.contentPart .exchangeRateContainer .currencyContainer:nth-child(3):before{content: "";position: absolute;top:-2px;left:0;width:23px;height:23px;background: url("/static/new/img/Union.png")no-repeat}
.contentPart .exchangeRateContainer .currencyContainer span{color:#279500; width:200px}
.contentPart .exchangeRateContainer .currencyContainer span[data-sing="-"]{color:#ce060b}
.contentPart .name{color:#fff;font-size: 35px;font-family: MontserratBold;margin-bottom: 30px}
.contentPart .description{color:#fff;font-size: 15px;font-family: MontserratThin;margin-bottom: 40px}
.contentPart .description div{font-family: MontserratMedium;margin-bottom: 5px}
.buttonFollow{color:#fff;background: transparent;border:1px solid #fff;border-radius: 5px;padding: 14px 29px 13px 23px}
.buttonFollow .name{float:left;font-family: MontserratThin;font-size: 14px;color:#fff;margin-bottom: 0}
.buttonFollow .buttonIcon{float:left;display: block;width:15px;height:15px;margin-right: 13px;position: relative;top:2px}
.buttonPublic{background: #fb6533;border-radius: 5px;padding: 14px 29px 13px 23px;box-shadow: 0 0 7px rgba(251,101,51,0.5);border: 1px solid #fb6533}
.buttonPublic .name{float:left;font-family: MontserratThin;font-size: 14px;color:#fff;margin-bottom: 0}
.buttonPublic .buttonIcon{float:left;display: block;width:15px;height:20px;margin-right: 13px;position: relative;top:-3px}
.buttomMargin{margin-right: 20px}
@media screen and (max-width: 1150px) {
.generalWidth{width:95%}
}
@media screen and (max-width: 720px) {
.contentPart .name{font-size: 30px}
.buttonFollow .name, .buttonPublic .name{font-size: 13px !important}
.headerBg{padding: 70px 0 80px 0}
.contentPart .description{font-size: 13px;margin-bottom: 30px}
.buttonPublic{padding: 12px 29px 11px 23px}
}
@media screen and (max-width: 580px) {
.headerBg .contentPart{width:100%}
.generalWidth{width:100%;padding: 0 24px}
.contentPart .name{font-size: 27px;margin-bottom: 20px}
.contentPart .exchangeRateContainer{display: none}
.buttonFollow, .buttonPublic{width:100%}
.buttonFollow{margin-bottom: 20px;text-align: center}
.buttonPublic{text-align: center}
.buttonFollow .name{margin-bottom: 0 !important;float:none;display: inline-block}
.buttonPublic .name{margin-bottom: 0 !important;float:none;display: inline-block;position: relative;top:-2px}
.buttonPublic .buttonIcon{float:none;display: inline-block;position: relative;top:1px}
.buttonFollow .buttonIcon{float:none;display: inline-block;top:1px}
.buttomMargin{margin-right: 0}
.changeTextToMedium, .changeTextToMedium *{font-family: MontserratMedium !important}
}
@media screen and (max-width: 400px) {
.contentPart .name{font-size: 24px}
.contentPart .description{font-size: 12px;margin-bottom: 24px}
.buttonFollow .name, .buttonPublic .name{font-size: 12px !important}
.headerBg{padding: 55px 0 80px 0}
}
/**/
/* tagline */
.taglineBg{padding: 85px 0 110px 0}
.taglineBg .taglineContainer{background: #f1f1f1;padding: 60px 0 60px 0;text-align: center}
.taglineBg .taglineContainer .name{font-size: 24px;font-family: MontserratBold;color:#2c2c2c;margin-bottom: 15px}
.taglineBg .taglineContainer .text{font-size: 14px;font-family: MontserratRegular;color:#000; line-height: 1.4}
@media screen and (max-width: 720px) {
.taglineBg{padding: 55px 0 70px}
.taglineBg .taglineContainer{text-align: left;padding: 25px 16px 28px 16px}
.taglineBg .taglineContainer .name{font-size: 20px}
.taglineBg .taglineContainer .text{font-size: 13px}
.taglineBg .taglineContainer .text div{display: inline-block}
}
@media screen and (max-width: 580px) {
.taglineBg{padding: 35px 0 50px}
}
@media screen and (max-width: 400px) {
.taglineBg{padding: 25px 0 40px}
.taglineBg .taglineContainer .name{font-size: 18px}
.taglineBg .taglineContainer .text{font-size: 12px}
}
/**/
/* for projects */
.forProjectsContainer{border-top:2px solid #000000;padding: 30px 0 5px}
.forProjectsContainer .description .name{color:#2c2c2c;font-size: 24px;font-family: MontserratBold;width:34.3%;float:left}
.forProjectsContainer .description .text{color:#2c2c2c;font-size: 14px;font-family: MontserratRegular;width:65.7%;float:left}
.forProjectsContainer .advForProject{margin-top: 110px;margin-bottom: 90px}
.forProjectsContainer .advForProject .item{float:left;width:31.3%;margin-right: 3%}
.forProjectsContainer .advForProject .item:nth-child(3){margin-right: 0}
.forProjectsContainer .advForProject .item .itemImg{display:block;width:46px;height:46px}
.forProjectsContainer .advForProject .item .name{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin:35px 0 30px 0}
.forProjectsContainer .advForProject .item .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c}
.chooseContainer{background: #f1f1f1;padding: 66px 0 70px 0;margin-bottom: 100px}
.chooseContainer .choose{width:750px;margin:0 auto}
.chooseContainer .chooseText{width:645px;float:left}
.chooseContainer .chooseButton{float:right}
.buttonOrange{display:block;width:99px;background: #fb6533;text-align:center;border-radius: 5px;font-family:MontserratSemiBold;color:#fff;padding: 10px 0 10px 0;font-size: 14px;font-family: MontserratThin ;box-shadow: 0 0 10px rgba(251,151,51, 0.5);cursor: pointer;position: relative;top:9px}
.chooseOptionContainer .buttonOrange{width:140px}
.footerContainer .buttonOrange{width:auto;padding: 10px 37px 10px 37px}
.m_chooseItemCover{text-align: left}
.m_chooseItem{display: inline-block;position: relative;cursor: pointer;padding: 6px 10px 6px 40px}
.m_chooseItemDescription{display: none;}
.m_chooseItem .m_chooseItemInput{position: absolute;left:0;top:0;width:100%;height:100%;cursor: pointer;z-index: 2;opacity: 0}
.m_chooseItem .m_chooseItemIcon{position: absolute;left:5px;top:5px;width:18px;height:18px;background: url(../img/checkbox.png)no-repeat;background-size: 100%;background-position: 0 0}
.m_chooseItem .m_chooseItemInput:checked + .m_chooseItemIcon{background-position: 0 -18px}
.m_chooseItem .m_chooseItemText{}
@media screen and (max-width: 1150px) {
.forProjectsContainer .advForProject{margin: 70px 0 50px 0}
.forProjectsContainer .advForProject .item .name{height: 55px;padding-top: 25px;margin: 20px 0}
}
@media screen and (max-width: 900px) {
.chooseContainer .choose{width:100%}
.chooseContainer .chooseText{width: 100%;box-sizing: border-box;float:none}
.chooseContainer{padding:40px 30px;margin-bottom: 70px}
.chooseContainer .chooseButton{float:none;text-align: center;}
.buttonOrange{margin:10px auto 0 auto}
}
@media screen and (max-width: 720px) {
.forProjectsContainer{border-top:none}
.forProjectsContainer .description .name{width:100%;float:none;border-bottom:2px solid #000000;padding-bottom: 20px;margin-bottom: 20px}
.forProjectsContainer .advForProject{margin: 50px 0 30px 0}
.forProjectsContainer .advForProject .item .name{height: 45px;padding-top: 15px;}
.forProjectsContainer .description .name{font-size: 20px}
.forProjectsContainer .description .text{font-size: 13px}
.forProjectsContainer .advForProject .item .text{font-size: 13px}
.forProjectsContainer .advForProject .item{float:none;width:100%;margin-right:0 ;margin-bottom: 40px}
.forProjectsContainer .description .text{width:100%;float:none}
.m_chooseItem .m_chooseItemText{font-size: 13px;line-height: 1.5}
.buttonOrange{font-size: 13px}
}
@media screen and (max-width: 400px) {
.forProjectsContainer .description .name{font-size: 18px}
.forProjectsContainer .description .text{font-size: 12px}
.forProjectsContainer .advForProject .item .text{font-size: 12px}
.forProjectsContainer .advForProject .item .name{margin-bottom: 16px}
.forProjectsContainer .advForProject .item .name{height: auto;padding-top: 5px;}
.forProjectsContainer .advForProject .item:nth-child(2) .name{margin-bottom: 20px}
.m_chooseItem .m_chooseItemText{font-size: 12px;line-height: 1.5}
.chooseContainer{margin-bottom: 30px}
.buttonOrange{font-size: 12px}
}
/**/
/* for investors */
.forInvestorsContainer{border-top:2px solid #000000;padding: 30px 0 10px}
.forInvestorsContainer .description .name{color:#2c2c2c;font-size: 24px;font-family: MontserratBold;width:34.3%;float:left}
.forInvestorsContainer .description .text{color:#2c2c2c;font-size: 14px;font-family: MontserratRegular;width:65.7%;float:left}
.forInvestorsContainer .advForProject{margin-top: 110px;margin-bottom: 90px}
.forInvestorsContainer .advForProject .item{float:left;width:31.3%;margin-right: 3%}
.forInvestorsContainer .advForProject .item:nth-child(3){margin-right: 0}
.forInvestorsContainer .advForProject .item:nth-child(8){margin-right: 0}
.forInvestorsContainer .advForProject .item .itemImg{display:block;width:46px;height:46px}
.forInvestorsContainer .advForProject .item .name{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin:25px 0 20px 0}
.forInvestorsContainer .advForProject .item .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c;}
.forInvestorsContainer .advForProject .secondLine{clear:both;margin-top: 70px}
.forInvestorsContainer .advForProject .registerBg{background: #f1f1f1;padding: 66px 0 76px 0;margin-top: 100px}
.forInvestorsContainer .advForProject .registerBg .registerContainer{width:470px;margin: 0 auto}
.forInvestorsContainer .advForProject .registerBg .registerContainer .name{margin-bottom: 15px}
.forInvestorsContainer .advForProject .registerBg .registerContainer .name a{font-family: MontserratSemiBold;font-size: 14px;color:#fb6533 !important;text-decoration:underline}
.forInvestorsContainer .advForProject .registerBg .registerContainer .name span{font-family: MontserratBold;font-size: 14px;color:#000 !important}
.forInvestorsContainer .advForProject .registerBg .registerContainer .subsribe{width:140px;float:left;font-size: 14px;font-family: MontserratBold;padding-top: 4px}
.forInvestorsContainer .advForProject .registerBg .registerContainer .subsribeMob{display:none;font-size: 14px;font-family: MontserratBold;padding-top: 4px}
.forInvestorsContainer .advForProject .registerBg .registerContainer .subscriptionStatus {display: none; text-align: center; font-size: 18px;font-family: MontserratBold;padding-top: 20px; border-bottom: 2px solid #fb6533;}
.field{width:350px;float:right;font-size: 14px;font-family: MontserratBold;overflow: hidden}
.field .fieldEmail{width:230px;display: block;float:left;padding: 12px 20px 12px 25px;color:#606060;font-size: 14px;border-radius: 5px 0 0 5px;border:1px solid #fb6533}
.field .buttonSub{width:118px;display: block;float:left;padding: 14px 0 12px 0;text-align:center;font-size: 14px;background: #fb6533;box-shadow: 0 0 10px rgba(251,101,51,0.8);cursor:pointer;border-radius:0 5px 5px 0;color:#fff;font-family: MontserratThin}
@media screen and (max-width: 720px) {
.forInvestorsContainer{border-top: none}
.forInvestorsContainer .description .name{width:100%;float:none;border-bottom:2px solid #000000;padding-bottom: 20px;margin-bottom: 20px;font-size: 22px}
.forInvestorsContainer .description .text{width:100%;float:none;font-size: 13px}
.forInvestorsContainer .advForProject{margin: 50px 0 30px 0}
.forInvestorsContainer .advForProject .item .name{height: auto;padding-top: 15px;margin: 15px 0}
.forInvestorsContainer .advForProject .item{float:none;width:100%;margin-right: 0;margin-bottom: 40px}
.forInvestorsContainer .advForProject .item .text{font-size: 13px}
.forInvestorsContainer .advForProject .secondLine{margin-top: 0}
.forInvestorsContainer .advForProject .registerBg{margin-top: 70px}
.forInvestorsContainer .advForProject .registerBg{padding: 46px 25px 66px 25px}
}
@media screen and (max-width: 600px) {
.field{float: none}
/*.field .fieldEmail{width: 110px}
.field .buttonSub{width: 108px}
.field .buttonSub, .field .fieldEmail{font-size: 13px}*/
.forInvestorsContainer .advForProject .registerBg .registerContainer .subsribe{display: none}
.forInvestorsContainer .advForProject .registerBg .registerContainer .subsribeMob{display: block;font-size: 13px;margin-top: 10px}
}
@media screen and (max-width: 520px) {
.forInvestorsContainer .advForProject .registerBg .registerContainer{width: 100%}
.forInvestorsContainer .advForProject .registerBg .registerContainer .name{margin-bottom: 20px}
.forInvestorsContainer .advForProject .registerBg .registerContainer .name span{display: inline !important}
}
@media screen and (max-width: 450px) {
.field{width:320px}
.field .fieldEmail{width:200px}
}
@media screen and (max-width: 420px) {
.field{width:300px}
.field .fieldEmail{width:180px}
}
@media screen and (max-width: 400px) {
.field{width:280px}
.field .fieldEmail{width:160px}
}
@media screen and (max-width: 380px) {
.field{width:260px}
.field .fieldEmail{width:140px}
}
@media screen and (max-width: 360px) {
.field{width:240px}
.field .fieldEmail{width:120px}
}
@media screen and (max-width: 340px) {
.field{width:230px}
.field .fieldEmail{width:110px}
}
@media screen and (max-width: 400px) {
.forInvestorsContainer .advForProject .item .text, .forInvestorsContainer .description .text{font-size: 12px}
.forInvestorsContainer .description .name{font-size: 18px}
.field .buttonSub, .field .fieldEmail{font-size: 12px}
.forInvestorsContainer .advForProject .registerBg .registerContainer .subsribeMob{font-size: 12px}
.forInvestorsContainer .advForProject .registerBg{padding: 36px 25px 36px 25px;margin-top: 50px}
}
/**/
/* for approach */
.forApproachContainer{border-top:2px solid #000000;padding: 30px 0 100px 0}
.forApproachContainer .description .name{color:#2c2c2c;font-size: 24px;font-family: MontserratBold;width:34.3%;float:left}
.forApproachContainer .description .text{color:#2c2c2c;font-size: 14px;font-family: MontserratRegular;width:65.7%;float:left}
@media screen and (max-width: 720px) {
.forApproachContainer{border-top:none;padding-bottom: 60px;}
.forApproachContainer .description .name{width:100%;float:none;border-bottom:2px solid #000000;padding-bottom: 20px;margin-bottom: 20px;font-size: 22px}
.forApproachContainer .description .text{width:100%;float:none;font-size: 13px}
}
@media screen and (max-width: 400px) {
.forApproachContainer{padding: 10px 0 40px 0}
.forApproachContainer .description .name{font-size: 18px }
.forApproachContainer .description .text{font-size: 12px}
}
/**/
/* ico methodology */
.methodologyContainer .name{font-family: MontserratBold;font-size: 24px;color:#3180f2;margin-bottom: 40px}
.methodologyContainer .line{border-top:2px solid #3180f2;position: relative}
.methodologyContainer .line:after{content:"";position:absolute;left:100%;top:-2px;border-top:2px solid #3180f2;display: block;width: 100%}
.methodologyContainer .line:before{content:"";position:absolute;left:0;top:-2px;border-top:2px solid #fff;display: block;width:13px}
.methodologyContainer .items{display: flex;flex-direction: row;justify-content:space-between;margin-bottom: 140px}
.methodologyContainer .items .item{width:200px;position: relative;padding-top: 40px}
.methodologyContainer .items .item:before{content:"";position: absolute;top:10px;left:0;width:16px;height:16px;background: #3180f2;border-radius: 20px}
.methodologyContainer .items .item:after{content:"";position: absolute;top:0;left:7px;width:2px;height:15px;background: #3180f2}
.methodologyContainer .items .item:nth-child(1):after{content:"";position: absolute;top:-2px;left:7px;width:15px;height:15px;background: transparent;border-left:2px solid #3180f2;border-top:2px solid #3180f2;border-radius: 7px 0 0 0}
.methodologyContainer .items .item .nameItem{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin-bottom: 15px}
.methodologyContainer .items .item .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c;margin-bottom: 15px}
@media screen and (max-width: 720px) {
.methodologyContainer .name{font-size: 22px}
.methodologyContainer .items{margin-bottom: 100px;display: block}
.methodologyContainer .line{display: none}
.methodologyContainer .items .item{padding-left: 50px;padding-top: 0;width:100%;margin-bottom: 40px}
.methodologyContainer .items .item .text div{display: inline}
.methodologyContainer .items .item:after{content:"";position: absolute;top:8px;left:-24px;height:2px;width:40px;background: #3180f2}
.methodologyContainer .items .item:nth-child(1):after{content:"";position: absolute;top:8px;left:-24px;width:40px;height:2px;background: transparent;border-left:none;border-top:2px solid #3180f2;border-radius:0 0 0 0}
.methodologyContainer .items .item:before{content:"";position: absolute;top:1px !important;left:14px !important;width:16px !important;height:16px !important;background: #3180f2;border-radius: 20px}
}
@media screen and (max-width: 580px) {
.methodologyContainer .name{font-size: 20px}
.methodologyContainer .items .item .text{font-size: 13px}
.methodologyContainer .items{margin-bottom: 70px}
}
@media screen and (max-width: 400px) {
.methodologyContainer .items .item{padding-left: 35px}
.methodologyContainer .name{font-size: 18px}
.methodologyContainer .items .item .text{font-size: 12px}
.methodologyContainer .items{margin-bottom: 50px}
.methodologyContainer .items .item:after{content:"";position: absolute;top:8px;left:-24px;height:2px;width:24px;background: #3180f2}
.methodologyContainer .items .item:nth-child(1):after{content:"";position: absolute;top:8px;left:-24px;width:24px;height:2px;background: transparent;border-left:none;border-top:2px solid #3180f2;border-radius:0 0 0 0}
.methodologyContainer .items .item:before{content:"";position: absolute;top:1px !important;left:0 !important;width:16px !important;height:16px !important;background: #3180f2;border-radius: 20px}
}
/**/
/* check recommendation */
.checkRecom{margin-bottom: 80px}
.checkRecom .name{color:#2c2c2c;font-size: 24px;font-family: MontserratBold;}
.checkRecom .textCon{width:680px;margin-top: 20px}
.checkRecom .textCon .text{color:#2c2c2c;font-size: 14px;font-family: MontserratRegular}
@media screen and (max-width: 720px) {
.checkRecom .name{font-size: 22px}
.checkRecom{margin-bottom: 60px}
}
@media screen and (max-width: 580px) {
.checkRecom .name{font-size: 20px}
.checkRecom .textCon .text{font-size: 13px}
.checkRecom{margin-bottom: 40px}
}
@media screen and (max-width: 400px) {
.checkRecom .name{font-size: 18px}
.checkRecom .textCon .text{font-size: 12px}
.checkRecom{margin-bottom: 30px}
}
/**/
/* our pathers */
.ourPathers{border-top:2px solid #000000;padding: 30px 0 0 0}
.ourPathers .name{color:#2c2c2c;font-size: 24px;font-family: MontserratBold;width:300px;float:left}
.ourPathers .pathers{color:#2c2c2c;font-size: 22px;width:500px;float:right;text-align: right}
.ourPathers .pathers a{width:170px;display: inline-block;margin-right: 50px}
.ourPathers .pathers a:nth-child(2){margin-right: 0}
.ourPathers .marginForm{margin-top: 40px}
/**/
@media screen and (max-width: 720px) {
.ourPathers{border-top:none}
.ourPathers .name{font-size: 22px;border-bottom:2px solid #000000;padding: 20px 0 20px 0;width:100%;margin-bottom: 20px}
.ourPathers .pathers{width: 100%}
}
@media screen and (max-width: 580px) {
.ourPathers .name{font-size: 20px}
}
@media screen and (max-width: 450px) {
.ourPathers .pathers a{margin-right: 0}
}
@media screen and (max-width: 400px) {
.ourPathers .name{font-size: 18px}
.ourPathers .pathers a{display: block;width:100%;text-align: left}
.ourPathers .pathers a:nth-child(2){position: relative;left:-12px;margin-top: 15px}
}
/* footer */
.footerContainer{margin-top: 70px}
.footerContainer .rowsInfo{width:300px;float:left}
.footerContainer .rowsInfo:nth-child(2){width:320px;float:left}
.footerContainer .rowsInfo:nth-child(4){width:200px;float:right;padding-top: 30px;text-align: right}
.footerContainer .rowsInfo .name{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin-bottom: 20px}
.footerContainer .rowsInfo .socialLink{display: inline-block;width:29px;height:29px;margin-right: 7px}
.footerContainer .rowsInfo .linkAbout{font-size: 14px;font-family: MontserratRegular;color:#404040;margin-bottom: 20px; display: block}
.footerBg{background: #f1f1f1;padding: 40px 0 40px 0;margin-top: 30px}
.footerBg .text{font-size:14px;font-family: MontserratRegular;color:#2c2c2c;width:800px;float:left}
.footerBg .logoContainer{width:180px;float:right;background: url("/static/new/img/scoring_logo.png")no-repeat;color: #fff;height:40px; background-position: center center; background-size: contain;}
@media screen and (max-width: 1150px) {
.footerContainer .rowsInfo:nth-child(1){width:20%}
.footerContainer .rowsInfo:nth-child(2){width:30%}
.footerContainer .rowsInfo:nth-child(3){width:20%}
.footerBg .text{width: 600px}
}
@media screen and (max-width: 900px) {
.footerContainer .rowsInfo{width:100%;float:none}
.footerContainer .rowsInfo:nth-child(1){width:100%}
.footerContainer .rowsInfo:nth-child(4){float:none;padding-top: 0;width:100%}
.footerContainer .rowsInfo:nth-child(2){margin: 20px 0;width:100%}
.footerContainer .rowsInfo:nth-child(3){width:100%}
.footerContainer .rowsInfo:nth-child(4) .buttonOrange{width:230px!important;float:left !important;margin: 10px 0 25px 0}
.footerBg .logoContainer, .footerBg .text{float:none}
.footerBg .text{margin-bottom: 20px;width:100%}
.footerBg .text div{display: inline}
.footerBg .logoContainer{width:95px;background-size: contain;height:20px}
}
@media screen and (max-width: 720px) {
.footerContainer{margin-top: 50px}
.footerContainer .rowsInfo .linkAbout{font-size: 13px}
.footerContainer .rowsInfo:nth-child(4) .buttonOrange{font-size: 13px}
.footerBg .text{font-size: 13px}
}
@media screen and (max-width: 580px) {
.footerContainer{margin-top: 30px}
.footerBg{padding: 30px 0}
}
@media screen and (max-width: 400px) {
.footerBg{padding: 20px 0}
.footerBg .text{font-size: 12px}
.footerContainer .rowsInfo .linkAbout{font-size: 12px}
.footerContainer .rowsInfo:nth-child(4) .buttonOrange{font-size: 12px;width:270px !important;}
}
/**/
/**/
/* PUBLIC ICO */
/* puplic form */
.puplicFormContainer{background: url("/static/new/img/abstractBg.png");padding: 90px 0 90px 0;background-size: cover}
.puplicFormContainer .formBg{background: #fff;width:790px;margin: 0 auto;padding: 60px 80px 60px 80px;box-shadow: 0 0 10px rgba(0,0,0,0.4)}
.puplicFormContainer .formBg .name{color:#000000;font-size: 30px;font-family: MontserratBold;margin-bottom: 30px}
.puplicFormContainer .formBg .fillForm{color:#000000;font-size: 22px;font-family: MontserratBold;margin-bottom: 50px}
.puplicFormContainer .formBg .dataContainer{width:510px;margin: 0 auto}
.puplicFormContainer .formBg .dataContainer .nameInput{display: none;font-size: 12px;color:#4A4A4A;font-family: MontserratRegular;margin-bottom: 5px}
.puplicFormContainer .formBg .enterData{border: 1px solid #3180f2;border-radius: 5px;width:100%;display: block;padding: 7px 22px 7px 22px;font-size: 16px;font-family: MontserratThinItalic;color: #606060;margin-bottom: 17px}
.puplicFormContainer .formBg .calendarContainer{position: relative}
.puplicFormContainer .formBg .calendarContainer .chooseDate{border: 1px solid #3180f2;border-radius: 5px;width:100%;display: block;padding: 7px 22px 7px 22px;font-size: 16px;font-family: MontserratThinItalic;color: #606060;margin-bottom: 17px;padding-right: 50px}
.puplicFormContainer .formBg .calendarContainer .chooseDate+img{position: absolute;z-index:2;width:27px;top:5px;bottom:0;right:5px;cursor: pointer}
.puplicFormContainer .formBg .chooseOptionContainer{width:570px;margin:40px auto 40px auto;padding-left: 30px;}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose{width:43%;float:left}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .name{font-size: 14px;font-family: MontserratBold;text-transform:uppercase;color:#2c2c2c;line-height: 1.5;margin-bottom: 20px}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .options{font-size: 14px;font-family: MontserratThin;color:#000;margin-bottom: 10px}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .buttonSend{margin-top: 20px}
.puplicFormContainer .formBg .chooseOptionContainer .description{width: 52%;float:right;color: #444;font-size: 14px;font-family: MontserratRegular}
.puplicFormContainer .formBg .chooseOptionContainer .descriptionMob{display:none;color: #444;font-size: 14px;font-family: MontserratRegular}
@media screen and (max-width: 900px) {
.puplicFormContainer{padding: 75px 0}
.puplicFormContainer .formBg .name{font-size: 26px}
.puplicFormContainer .formBg .fillForm{font-size: 20px;margin-bottom: 40px}
.puplicFormContainer .formBg .dataContainer, .puplicFormContainer .formBg .chooseOptionContainer{width:100%}
.puplicFormContainer .formBg .chooseOptionContainer{padding-left: 0}
.puplicFormContainer .formBg{width:95%;margin: 0 auto}
}
@media screen and (max-width: 720px) {
.puplicFormContainer{padding: 60px 0}
.puplicFormContainer .formBg .name{font-size: 22px;margin-bottom: 20px}
.puplicFormContainer .formBg .fillForm{font-size: 18px;margin-bottom: 30px}
.puplicFormContainer .formBg .enterData, .puplicFormContainer .formBg .calendarContainer .chooseDate{font-size: 14px}
.puplicFormContainer .formBg .chooseOptionContainer{margin: 30px 0}
.puplicFormContainer .formBg .chooseOptionContainer .description{font-size: 13px}
.puplicFormContainer .formBg{padding: 30px}
}
@media screen and (max-width: 580px) {
.puplicFormContainer{padding: 55px 0}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose{width: 100%}
.puplicFormContainer .formBg .chooseOptionContainer .description{display: none}
.puplicFormContainer .formBg .chooseOptionContainer .descriptionMob{display: block;margin-top: 20px;font-size: 13px}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .buttonSend{text-align: center}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .buttonSend .buttonOrange{float:none;margin: 0 auto;}
.puplicFormContainer .formBg .name{display: none}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .name{display: block;font-family: MontserratRegular;text-transform: none;margin-bottom: 10px}
.puplicFormContainer .formBg .dataContainer .nameInput{display: block}
.puplicFormContainer .formBg .calendarContainer .chooseDate+img{top:24px}
.puplicFormContainer .formBg{padding: 20px}
.puplicFormContainer .formBg .enterData, .puplicFormContainer .formBg .calendarContainer .chooseDate{font-size: 13px}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .name{font-size: 13px}
}
@media screen and (max-width: 400px) {
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .name, .m_chooseItem .m_chooseItemText{font-size: 12px}
.puplicFormContainer .formBg .chooseOptionContainer .optionChoose .buttonSend .buttonOrange{font-size: 12px}
.puplicFormContainer .formBg .fillForm{margin-bottom: 20px}
.puplicFormContainer .formBg .chooseOptionContainer{margin: 15px 0}
}
/**/
/**/
/* PUBLIC ICO */
/* ัontent article */
.articleContainer{width:740px;margin: 55px auto 55px auto}
.articleContainer .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 40px}
.articleContainer .text{font-size:14px;font-family: MontserratRegular;color:#000}
.articleContainer .text .subTitle{font-family: MontserratBold;font-size: 22px;margin-top: 55px;margin-bottom: 25px;width:400px}
.articleContainer .text .paragraph{font-size: 14px;font-family: MontserratBold;color:#000;text-transform: uppercase;margin-bottom: 15px;margin-top: 50px}
@media screen and (max-width: 900px) {
.articleContainer{width:85%;margin: 45px auto}
}
@media screen and (max-width: 720px) {
.articleContainer{width:95%;margin: 35px auto}
.articleContainer .name{font-size: 30px;margin-bottom: 30px}
.articleContainer .text .subTitle{font-size: 20px}
.articleContainer .text .paragraph{margin-top: 40px}
}
@media screen and (max-width: 580px) {
.articleContainer .name{font-size: 27px}
.articleContainer .text .paragraph, .articleContainer .text{font-size: 13px}
.articleContainer .text .paragraph{margin-top: 30px}
}
@media screen and (max-width: 400px) {
.articleContainer .name{font-size: 24px}
.articleContainer .text .subTitle{font-size: 18px}
.articleContainer .text .paragraph{font-size: 12px}
.articleContainer .text{font-size: 12px}
}
/**/
/* table article */
.tabArticleContainer{margin: 0 0 80px 0}
.tabArticleContainer:nth-child(2){margin: 0}
.tabArticleContainer .tabArticle{display:table;width:100%;border:1px solid #000}
.tabArticleContainer .tabArticle .rowArticle{display: table-row}
.tabArticleContainer .tabArticle .cellArticleName{display:table-cell;width:20%;padding: 22px 20px 22px 45px;border:1px solid #000}
.tabArticleContainer .tabArticle .cellArticlePreSale{display:table-cell;width:38%;padding: 22px 20px 22px 45px;border:1px solid #000;}
.tabArticleContainer .tabArticle .cellArticleSale{display:table-cell;width:42%;padding: 22px 20px 22px 45px;border:1px solid #000;}
.tabArticleContainer .tabArticle .textStyleBlue{color:#3e88f2;font-size: 14px;font-family: MontserratBold;line-height: 1.5}
.tabArticleContainer .tabArticle .textStyleBlack{color:#000;font-size: 14px;font-family: MontserratBold;line-height: 1.5}
.tabArticleContainer .tabArticle .textStyleCasual{color:#000;font-size: 14px;font-family: MontserratRegular;line-height: 1.5}
.tabArticleContainer .tabArticle .item{margin-bottom: 15px}
.tabArticleContainer .tabArticle .item:last-child{margin-bottom: 0}
.articleMobBg{display: none;background: url("/static/new/img/photoArticle.png")no-repeat;width:100%;background-size: cover;height:370px;background-position: center center}
@media screen and (max-width: 720px) {
.tabArticleContainer .tabArticle{display: block;border:none}
.tabArticleContainer .tabArticle .rowArticle{display: block}
.tabArticleContainer .tabArticle .cellArticleName,
.tabArticleContainer .tabArticle .cellArticlePreSale,
.tabArticleContainer .tabArticle .cellArticleSale
{display: block}
}
@media screen and (max-width: 580px) {
.articleBg{display: none}
.articleMobBg{display: block}
.articleContainer .text .subTitle{font-size: 18px;margin: 30px 0 15px 0;width:100%}
.articleContainer{margin: 35px 0 0 0}
}
@media screen and (max-width: 400px) {
.articleMobBg{height:250px}
.articleContainer .text .subTitle{font-size: 14px}
.articleMobBg{height:250px}
}
/**/
/* image */
.imgArticle{display:block;width:100%;outline: none}
.imgArticle img{display: block;width: 100%;outline: none}
/**/
/**/
/* INVEST */
/* search */
.investSing{padding-left:50px;padding-right: 50px}
.topContainer .name{width:600px;float:left;font-size: 36px;color:#000;font-family: MontserratBold;padding: 60px 0 40px 0}
.topContainer .searchContainer{width:400px;float:right;padding: 60px 0 40px 0}
.topContainer .searchContainer .searchField {position: relative}
.topContainer .searchContainer .searchField .hideSearch{position: absolute;top:30px;right:0;left:0;max-height:405px;overflow-y:auto;border:1px solid #0f0;border-radius: 0 0 5px 5px;z-index:10;background: #fff;width:100%;padding-top: 10px;display: none}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon{padding: 7px 20px 0 20px}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .line{border-bottom: 1px solid #E0E0E0;padding-top: 15px}
.topContainer .searchContainer .searchField .hideSearch .itemSearch:last-child .itemCon .line{border-bottom: none;padding-top: 15px}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{float:right;width:295px }
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon .nameCur{font-size: 16px;color:#4A4A4A;font-family: MontserratRegular}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon .textCur{font-size: 12px;color:#828282;font-family: MontserratRegular;line-height: 1.5}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .logoCur{display: inline-block;width:40px;height:40px;float:left;margin-top: 11px}
.topContainer .searchContainer .fieldStyle{color:#4A4A4A;font-family: MontserratThinItalic;border:1px solid #3180F2;border-radius: 5px;
background: #fff;font-size: 16px;padding:10px 50px 10px 20px;display: inline-block;width:100%;position: relative;z-index: 111}
.topContainer .searchContainer .searchIcon{background: url("/static/new/img/searchIcon.png")no-repeat;position: absolute;top:10px;right:15px;width:21px;height:21px;cursor:pointer;z-index: 999}
@media screen and (max-width: 1150px) {
.topContainer .name{width:60%}
.topContainer .searchContainer{width:40%}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:330px}
}
@media screen and (max-width: 1130px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:320px}
}
@media screen and (max-width: 1090px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:305px}
}
@media screen and (max-width: 1060px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:80%}
}
@media screen and (max-width: 850px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:78%}
}
@media screen and (max-width: 770px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:75%}
}
@media screen and (max-width: 690px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:73%}
}
@media screen and (max-width: 640px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:69%}
}
@media screen and (max-width: 640px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon{padding: 7px 15px 0 15px}
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:70%}
}
@media screen and (max-width: 580px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:88%}
}
@media screen and (max-width: 530px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:85%}
}
@media screen and (max-width: 450px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:83%}
}
@media screen and (max-width: 400px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:80%}
}
@media screen and (max-width: 350px) {
.topContainer .searchContainer .searchField .hideSearch .itemSearch .itemCon .textCon{width:78%}
}
@media screen and (max-width: 900px) {
.investContainer{margin-top: 0 !important;}
}
@media screen and (max-width: 720px) {
.investContainer{margin-top: 0 !important;}
.topContainer .name{font-size: 30px}
}
@media screen and (max-width: 580px) {
.contentPart .description div{display: inline}
.topContainer .name{font-size: 27px}
.topContainer .searchContainer .fieldStyle{font-size: 14px}
.topContainer .name, .topContainer .searchContainer{width:100%;float:none;}
.topContainer .searchContainer{padding-top: 0;border-bottom: 2px solid #000;margin-bottom: 30px}
.topContainer .name{padding: 40px 0 20px 0}
.investContainer .item .text{font-size: 13px!important;}
.investContainer{margin-top:20px !important;}
.investContainer .item .button{text-align: left !important;}
}
@media screen and (max-width: 400px) {
.topContainer .name{font-size: 24px}
.investContainer .item .text{font-size: 12px !important;}
.lineBlue{display: none}
}
/**/
/* invest */
.investContainer{margin-top: 10px}
.m_investContainerIndexPage{margin-top:0;padding-bottom: 11px}
.investContainer .item{width:100%;margin-right:0;border-top:1px solid #828282;padding-top: 45px}
.investContainer .item:nth-child(3){margin-right: 0}
.investContainer .item .name{color:#2C2C2C;font-size: 14px;font-family: MontserratBold;text-transform: uppercase;margin-bottom: 15px}
.investContainer .item .text{color:#000;font-size: 14px;font-family: MontserratRegular;line-height: 1.5;margin-bottom: 15px}
.investContainer .item .button{text-align: right;padding: 10px 0 50px 0}
.investContainer+.lineBlue{margin-top:30px}
.buttonBlue{background: #3180F2;border-radius: 5px;color:#fff;font-family: MontserratRegular;text-align: center;padding: 10px 20px 10px 20px;box-shadow: 0 0 10px rgba(47, 128, 237, 0.35);cursor: pointer}
.lineBlue{width:90%;margin: 70px auto 0 auto;border-bottom: 1px solid #2D9CDB}
/**/
/**/
/* SHORTLIST */
/* search */
.shortlistContainer .item{width:32%;margin-right: 2%;float:left;}
.shortlistContainer .topContainer .name{width:600px;float:left;color:#000;font-family: MontserratBold;padding: 60px 0 40px 0}
.shortlistContainer .topContainer .searchContainer{width:400px;float:right;padding: 60px 0 40px 0}
.shortlistContainer .item:nth-child(3){margin-right: 0}
.shortlistContainer .topContainer .name span{display:block;color:#2C2C2C;font-size: 36px;font-family: MontserratBold;margin-bottom: 15px}
.shortlistContainer .topContainer .name .textShortlist{color:#2C2C2C;font-size: 14px;font-family: MontserratRegular !important;margin-bottom: 15px}
.shortlistContainer .item .text{color:#000;font-size: 14px;font-family: MontserratRegular;line-height: 1.5;margin-bottom: 15px}
@media screen and (max-width: 1150px) {
.headerShortList{display: none}
.shortlistContainer .topContainer .name{width:55%}
.shortlistContainer .topContainer .searchContainer{width:40%}
}
@media screen and (max-width: 720px) {
.shortlistContainer .topContainer .name span{font-size: 30px}
.shortlistContainer .topContainer .name .textShortlist{display: none}
}
@media screen and (max-width: 580px) {
.shortlistContainer .topContainer .name span{font-size: 24px}
.shortlistContainer .topContainer .searchContainer{border-bottom: none;margin-bottom: 0}
.shortlistContainer .topContainer .name,
.shortlistContainer .topContainer .searchContainer {padding: 30px 0}
.shortlistContainer .topContainer .name{width:35%}
.shortlistContainer .topContainer .searchContainer{width:55%}
}
@media screen and (max-width: 400px) {
.shortlistContainer .topContainer .name{width:100%;float:none}
.shortlistContainer .topContainer .searchContainer{width:100%;float:none}
.shortlistContainer .topContainer .name{padding: 15px 0 10px 0}
.shortlistContainer .topContainer .searchContainer {padding: 0 0 25px 0}
}
/**/
/* shortlistNameTab */
.shortlistNameTab{background: #F2F2F2;padding: 21px 0 21px 0}
.shortlistNameTabRow .shortlistNameTabCell{float:left;font-size: 12px;font-family: MontserratSemiBold;color:#333}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(1){width:275px;padding-left: 20px}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(2){width:200px;padding-left:30px}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(3){width:150px}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(4){width:150px;padding-left: 12px}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(5){width:200px;}
.shortlistNameTabRow .shortlistNameTabCell:nth-child(6){width:150px;text-align: right;padding-right: 45px}
@media screen and (max-width: 1150px) {
.shortlistNameTab{display: none}
}
/**/
/* shortlistTab */
.shortlistTab .shortlistTabRow{padding: 50px 0 }
.shortlistTab .shortlistTabRow:nth-child(n){background: #fff}
.shortlistTab .shortlistTabRow:nth-child(2n){background: #DFF7FF}
.shortlistTab .shortlistTabCell{float:left;font-size: 12px;font-family: MontserratSemiBold;color:#333}
.shortlistTab .shortlistTabCell:nth-child(1){width:275px}
.shortlistTab .shortlistTabCell:nth-child(2){width:200px;}
.shortlistTab .shortlistTabCell:nth-child(3){width:150px}
.shortlistTab .shortlistTabCell:nth-child(4){width:150px;}
.shortlistTab .shortlistTabCell:nth-child(5){width:200px}
.shortlistTab .shortlistTabCell:nth-child(6){width:150px;text-align: center}
.shortlistTab .shortlistTabCell .logoContainer .logo{width:80px;float:left}
.shortlistTab .shortlistTabCell .logoContainer .logo img{display:inline-block;width:100%;background-size: contain;background-position: center center}
.shortlistTab .shortlistTabCell .logoContainer .name{width:140px;float:right;padding-top: 30px;text-align: left}
.shortlistTab .shortlistTabCell .logoContainer .name a{font-size: 12px;font-family: MontserratSemiBold;color:#000;}
.shortlistTab .shortlistTabCell .button{width:160px;margin-top:20px;color:#FB6533;border: 1px solid #FB6533;padding:12px 14px;border-radius: 5px;font-family: MontserratRegular;font-size: 12px}
.shortlistTab .shortlistTabCell .text{color:#828282;font-family: MontserratSemiBold;font-size: 12px;margin-top: 20px;}
.shortlistTab .shortlistTabCell .description{color:#828282;font-family: MontserratSemiBold;font-size: 12px;line-height: 1.5}
.shortlistTab .shortlistTabCell .text span{color:#3180F2;display: block}
.shortlistTab .shortlistTabCell .blackText{color:#000;padding-left: 12px}
.shortlistTab .shortlistTabCell .notice{background: #FB6533;padding: 4px 7px;margin-top: 6px;width:85px;}
.shortlistTab .shortlistTabCell .notice .textNotice{color:#fff;font-size: 12px;font-family: MontserratSemiBold;padding-left: 18px;position: relative}
.shortlistTab .shortlistTabCell .notice .textNotice:before{content: '';position: absolute;width:13px;height:13px;top:1px;left:0;background: url("/static/new/img/notice.png")no-repeat;background-size: contain;}
.shortlistTab .shortlistTabCell .linkContainer{text-align: right}
.shortlistTab .shortlistTabCell .linkContainer a:nth-child(1){background: url("/static/new/img/tg.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistTab .shortlistTabCell .linkContainer a:nth-child(2){background: url("/static/new/img/tw.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistTab .shortlistTabCell .linkContainer a:nth-child(3){background: url("/static/new/img/fb.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistTab .shortlistTabCell .linkContainer a:nth-child(4){background: url("/static/new/img/nt.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block}
@media screen and (max-width: 1150px) {
.shortlistTab{display: none}
}
/**/
/* shortlistMobTab */
.shortlistMobTab{display: none}
.shortlistMobTab .shortlistMobTabRow{ }
.shortlistMobTab .shortlistMobTabRow:nth-child(n){background: #F2F2F2}
.shortlistMobTab .shortlistMobTabRow:nth-child(2n){background: #DFF7FF}
.shortlistMobTab .shortlistTabMobCell:nth-child(1){width:40px;float:left;margin: 10px 25px 10px 0 }
.shortlistMobTab .shortlistTabMobCell a{font-size: 12px;color:#000;font-family: MontserratSemiBold}
.shortlistMobTab .shortlistTabMobCell:nth-child(2){width:200px;float:left;margin-top: 21px}
.shortlistMobTab .shortlistTabMobCell:nth-child(3){width:40px;float:right;background: url("/static/new/img/arrowMob.png")no-repeat;width:12px;height:12px;cursor: pointer;background-size: contain;margin-top: 25px}
.shortlistMobTab .shortlistMobTabRowOpen{background: #fff;padding: 12px 0 0 0;display: none}
.shortlistMobTab .shortlistMobTabRow[data-active=true] .shortlistMobTabRowOpen{display: block}
.shortlistMobTab .shortlistMobTabRowOpen .description{color:#828282;font-family: MontserratSemiBold;font-size: 12px;line-height: 1.5;margin-bottom: 10px}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer{margin-bottom: 16px}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .button{width:176px;color:#FB6533;border: 1px solid #FB6533;padding:12px 14px;border-radius: 5px;font-family: MontserratRegular;font-size: 12px;float:left;margin-right: 15px;text-align: center}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .notice{background: #FB6533;padding: 4px 7px;margin-top:9px;width:85px;float:left;}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .notice .textNotice{color:#fff;font-size: 12px;font-family: MontserratSemiBold;padding-left: 18px;position: relative}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .notice .textNotice:before{content: '';position: absolute;width:13px;height:13px;top:1px;left:0;background: url("/static/new/img/notice.png")no-repeat;background-size: contain;}
.shortlistMobTab .shortlistMobTabRowOpen .evaluationContainer{width:96%;margin: 0 auto;background: #F2F2F2;padding: 12px 14px 14px 16px}
.evaluationContainer .registration{float:left;width:100px;margin-right:50px;color:#828282;font-family: MontserratSemiBold;font-size: 12px;}
.evaluationContainer .registration span{color:#3180F2;display: block}
.evaluationContainer .evaluation{float:left;width:80px;color:#000;font-family: MontserratSemiBold;font-size: 12px}
.shortlistMobTab .shortlistMobTabRowOpen .socialContainer{padding: 20px 0 }
.shortlistMobTab .shortlistMobTabRowOpen .socialContainer a:nth-child(1){background: url("/static/new/img/tg.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistMobTab .shortlistMobTabRowOpen .socialContainer a:nth-child(2){background: url("/static/new/img/tw.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistMobTab .shortlistMobTabRowOpen .socialContainer a:nth-child(3){background: url("/static/new/img/dw.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block;margin-right: 8px}
.shortlistMobTab .shortlistMobTabRowOpen .socialContainer a:nth-child(4){background: url("/static/new/img/nt.png")no-repeat;width:19px;height:19px;background-size: contain;display: inline-block}
@media screen and (max-width: 1150px) {
.shortlistMobTab{display: block}
}
@media screen and (max-width: 400px) {
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .notice{float:right}
.shortlistMobTab .shortlistMobTabRowOpen .buttonContainer .button{margin-right: 0;width: 170px}
.evaluationContainer .evaluation{float:right}
.linkContainer{text-align: center}
.shortlistMobTab .shortlistTabMobCell:nth-child(2){width:180px}
}
/**/
/**/
/* DROP */
/* drop header */
.dropHeader{float:none;clear: both;width:290px}
.dropFieldEmail{width: 170px!important;}
/**/
/* drop */
.dropContainer{padding: 30px 0 0 0}
.dropContainer .dropBlueLine{margin-top: 30px}
.dropContainer .dropBg{width:380px;margin: 0 auto;box-shadow: 0 0 35px rgba(0,0,0,0.3);padding: 46px 60px 54px 60px}
.dropContainer .dropBg .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 27px}
.dropContainer .dropBg .fieldSub{font-size: 16px;font-family: MontserratRegular;color:#4A4A4A;margin-bottom: 5px}
.dropContainer .dropBg .fieldSubEmail{margin-top:20px}
.dropContainer .dropBg .fieldEmail{font-size: 16px;font-family: MontserratRegular;color:#4A4A4A;border:1px solid #3180F2;background: #fff;border-radius: 5px;display: block;width:100%;padding: 9px 15px 9px 15px}
.dropContainer .dropBg .fieldMessage{font-size: 16px;font-family: MontserratRegular;color:#4A4A4A;height:180px;border:1px solid #3180F2;background: #fff;border-radius: 5px;display: block;width:100%;padding: 9px 15px 9px 15px}
.dropContainer .dropBg .acceptPrivatePolice{text-align: center;font-size: 12px;color:#4A4A4A;font-family: MontserratRegular;padding-top: 15px}
.dropContainer .dropBg .acceptPrivatePolice a{color:#fb6533;font-family: MontserratMedium;border-bottom: 1px solid #fb6533}
.dropContainer .dropBg .buttonContainer{text-align: center;margin-top: 17px}
.dropContainer .dropBg .buttonContainer .dropSend{padding-right: 45px;padding-left: 45px}
.dropContainer .m_chooseItem{padding-left: 30px}
@media screen and (max-width: 720px) {
.dropContainer .dropBg .name{font-size: 30px;margin-bottom: 20px}
.dropContainer .dropBg .fieldSub,
.dropContainer .dropBg .fieldEmail,
.dropContainer .dropBg .fieldMessage{font-size: 14px}
.dropContainer .dropBg .buttonContainer .buttonOrange{margin-top: 0 !important;}
}
@media screen and (max-width: 580px) {
.dropContainer .acceptPrivatePolice{text-align: left !important;}
.dropContainer .dropBg .name{font-size: 24px}
.dropContainer .dropBg .fieldSub,
.dropContainer .dropBg .fieldEmail,
.dropContainer .dropBg .fieldMessage{font-size: 13px}
.dropContainer .dropBg{width:95%;}
.dropContainer .dropBg{padding: 36px 36px 44px 36px}
.dropHeaderBg{display: none !important;}
}
@media screen and (max-width: 400px) {
.dropContainer .dropBg .name{font-size: 18px}
.dropContainer .dropBg .fieldSub,
.dropContainer .dropBg .fieldEmail,
.dropContainer .dropBg .fieldMessage{font-size: 12px}
.dropContainer .dropBg{width:100%}
.dropContainer .dropBg{padding: 26px 16px 44px 16px}
}
/**/
/**/
/* CREATE */
/* create */
.createBg{background: url("/static/new/img/abstractBg.png");padding: 90px 0 90px 0;background-size: cover}
.createBg .formContainer{width:560px;margin:0 auto;background: #fff;padding: 60px 80px 68px 80px;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.createBg .formContainer .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 35px;text-align: center}
.createBg .formContainer .fieldContainer{margin-bottom: 20px}
.createBg .formContainer .fieldContainer .fieldName{width:40%;float:left;color:#000;font-family: MontserratRegular;font-size: 14px;margin-top: 10px}
.createBg .formContainer .fieldContainer .field{width:55%;float:right}
.createBg .formContainer .fieldContainer .field .fillData{display:block;width:100%;border:1px solid #3180F2;font-family: MontserratRegular;font-size: 14px;color:#000;padding: 11px 15px 11px 15px;border-radius: 5px }
.createBg .acceptPrivatePolice{margin: 15px auto 0 auto;width:70%;font-size: 14px;font-family: MontserratMedium;color:#000;text-align: center;margin-bottom: 20px}
.createBg .acceptPrivatePolice a{color:#4b90f4;font-family: MontserratMedium}
.createBg .buttonContainer{text-align: center;margin-bottom: 20px}
.createBg .buttonContainer .createButton{padding-left: 50px;padding-right: 50px}
.createBg .haveAccount{text-align: center;font-size: 14px;font-family: MontserratMedium;color:#000}
.createBg .haveAccount a{color:#4b90f4;font-family: MontserratMedium;}
@media screen and (max-width: 720px) {
.createBg .formContainer .name{font-size: 30px;text-align: left}
.createBg .formContainer{width:95%;padding: 40px 60px}
.createBg{padding: 70px 0}
.createBg .buttonContainer{margin-top: 0}
.createBg .acceptPrivatePolice{margin-bottom: 0}
.createBg .buttonContainer .createButton {margin-top: 10px !important;}
}
@media screen and (max-width: 580px) {
.createBg .formContainer .name{font-size: 24px}
.createBg .formContainer{width:100%;padding: 24px 16px}
.createBg{padding: 50px 0}
.createBg .acceptPrivatePolice, .createBg .haveAccount{font-size: 13px}
.field{font-size: 13px}
}
@media screen and (max-width: 400px) {
.createBg .formContainer .name{font-size: 18px}
.field{font-size: 12px}
.createBg{padding: 40px 0}
.createBg .formContainer .fieldContainer .fieldName{float:none;display: block;width:100%;color:#4A4A4A;margin-bottom: 5px;font-size: 12px}
.createBg .formContainer .fieldContainer .field{float:none;width:100%}
.createBg .acceptPrivatePolice, .createBg .haveAccount{display: none}
.createBg .buttonContainer .createButton{margin-top: 0 !important;}
.createBg .formContainer .fieldContainer{margin-bottom:10px}
.createBg .formContainer .name{margin-bottom: 14px}
.createBg .generalWidth{padding: 0 10px!important;}
.createBg .formContainer{padding: 24px 16px 16px 16px}
}
/**/
/**/
/* LOG IN */
/* log in */
.loginBg{background: url("/static/new/img/abstractBg.png");padding: 90px 0 90px 0;background-size: cover}
.loginBg .formContainer{width:560px;margin:0 auto;background: #fff;padding: 60px 60px 68px 60px;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.loginBg .formContainer .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 35px;text-align: center}
.loginBg .formContainer .fieldContainer{margin-bottom: 20px}
.loginBg .formContainer .fieldContainer:nth-child(3){margin-bottom: 5px}
.loginBg .formContainer .fieldContainer .fieldName{width:40%;float:left;color:#000;font-family: MontserratRegular;font-size: 14px;margin-top: 10px}
.loginBg .formContainer .fieldContainer .field{width:55%;float:right}
.loginBg .formContainer .fieldContainer .field .fillData{display:block;width:100%;border:1px solid #3180F2;font-family: MontserratRegular;font-size: 14px;color:#000;padding: 11px 15px 11px 15px;border-radius: 5px }
.loginBg .acceptPrivatePolice{margin: 15px auto 0 auto;width:70%;font-size: 14px;font-family: MontserratMedium;color:#000;text-align: center;margin-bottom: 20px}
.loginBg .acceptPrivatePolice a{color:#4b90f4;font-family: MontserratMedium}
.loginBg .buttonContainer{text-align: center;margin-bottom: 20px}
.loginBg .buttonContainer .createButton{padding-left: 50px;padding-right: 50px}
.loginBg .haveAccount{text-align: center;font-size: 14px;font-family: MontserratMedium;color:#000}
.loginBg .haveAccount a{color:#4b90f4;font-family: MontserratMedium;}
.loginBg .formContainer .actions{margin-bottom: 30px}
.loginBg .formContainer .actions .remember{float:left;width:70%;}
.loginBg .formContainer .actions .remember .text{color:#4A4A4A;font-family: MontserratRegular;font-size: 12px}
.loginBg .formContainer .actions .forgotPas{width:30%;float:right;text-align: right}
.loginBg .formContainer .actions .forgotPas a{color:#4b90f4;font-family: MontserratRegular;}
@media screen and (max-width: 720px) {
.loginBg{padding: 70px 0}
.loginBg .formContainer{width: 95%;padding: 40px 60px}
.loginBg .formContainer .name{font-size: 30px;text-align: left}
.buttonContainer .createButton{margin-top:10px}
}
@media screen and (max-width: 580px) {
.loginBg{padding: 50px 0}
.loginBg .formContainer{width: 100%;padding: 24px 16px}
.loginBg .formContainer .name{font-size: 24px}
.buttonContainer .createButton{margin-top:0}
.loginBg .formContainer .actions .forgotPas{width:100%;float:none;text-align: right;position: relative;top:-20px}
.loginBg .formContainer .actions .remember{width:100%;float:none;}
.loginBg .m_chooseItem{top:40px !important;}
.loginBg .formContainer .fieldContainer .fieldName,
.loginBg .formContainer .fieldContainer .field .fillData,
.loginBg .formContainer .actions .forgotPas a,
.loginBg .haveAccount{font-size: 13px}
}
@media screen and (max-width: 400px) {
.loginBg{padding: 40px 0}
.loginBg .formContainer .name{font-size: 18px;margin-bottom: 15px}
.loginBg .haveAccount{display: none}
.loginBg .generalWidth{padding: 0 10px!important}
.loginBg .formContainer .fieldContainer .fieldName, .loginBg .formContainer .fieldContainer .field .fillData, .loginBg .formContainer .actions .forgotPas a, .loginBg .haveAccount{font-size: 12px}
.loginBg .formContainer .fieldContainer .fieldName{width: 100%;float:none;margin-bottom: 5px}
.loginBg .formContainer .fieldContainer .field{width: 100%;float:none}
.loginBg .formContainer .fieldContainer{margin-bottom: 10px}
.loginBg .m_chooseItem{left:0 !important;}
}
/**/
/**/
/* RESET PASSWORD */
/* reset password */
.resetPassBg{background: url("/static/new/img/abstractBg.png");padding: 90px 0 90px 0;background-size: cover}
.resetPassBg .formContainer{width:560px;margin:0 auto;background: #fff;padding: 60px 60px 68px 60px;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.resetPassBg .formContainer .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 35px;text-align: center}
.resetPassBg .formContainer .fieldContainer{margin-bottom: 20px}
.resetPassBg .formContainer .fieldContainer:nth-child(3){margin-bottom: 5px}
.resetPassBg .formContainer .fieldContainer .fieldName{width:40%;float:left;color:#000;font-family: MontserratRegular;font-size: 14px;margin-top: 10px}
.resetPassBg .formContainer .fieldContainer .field{width:55%;float:right}
.resetPassBg .formContainer .fieldContainer .field .fillData{display:block;width:100%;border:1px solid #3180F2;font-family: MontserratRegular;font-size: 14px;color:#000;padding: 11px 15px 11px 15px;border-radius: 5px }
.resetPassBg .buttonContainer{text-align: center;margin-bottom: 20px}
.resetPassBg .buttonContainer .createButton{padding-left: 50px;padding-right: 50px}
@media screen and (max-width: 720px) {
.resetPassBg{padding: 70px 0}
.resetPassBg .formContainer{width: 95%;padding: 40px 60px}
.resetPassBg .formContainer .name{font-size: 30px;text-align: left}
.buttonContainer .createButton{margin-top:10px}
}
@media screen and (max-width: 580px) {
.resetPassBg{padding: 50px 0}
.resetPassBg .formContainer{width: 100%;padding: 24px 16px}
.resetPassBg .formContainer .name{font-size: 24px}
.buttonContainer .createButton{margin-top:0}
.resetPassBg .m_chooseItem{top:40px !important;}
.resetPassBg .formContainer .fieldContainer .fieldName,
.resetPassBg .formContainer .fieldContainer .field .fillData,
.resetPassBg .formContainer{font-size: 13px}
}
@media screen and (max-width: 400px) {
.resetPassBg{padding: 40px 0}
.resetPassBg .formContainer .name{font-size: 18px;margin-bottom: 15px}
.resetPassBg .generalWidth{padding: 0 10px!important}
.resetPassBg .formContainer .fieldContainer .fieldName, .resetPassBg .formContainer .fieldContainer .field .fillData{font-size: 12px}
.resetPassBg .formContainer .fieldContainer .fieldName{width: 100%;float:none;margin-bottom: 5px}
.resetPassBg .formContainer .fieldContainer .field{width: 100%;float:none}
.resetPassBg .formContainer .fieldContainer{margin-bottom: 10px}
.resetPassBg .m_chooseItem{left:0 !important;}
}
/**/
/**/
/* NEW PASSWORD */
/* new password */
.newPassBg{background: url("/static/new/img/abstractBg.png");padding: 90px 0 90px 0;background-size: cover}
.newPassBg .formContainer{width:560px;margin:0 auto;background: #fff;padding: 60px 60px 68px 60px;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.newPassBg .formContainer .name{font-size: 36px;font-family: MontserratBold;color:#000;margin-bottom: 35px;text-align: center}
.newPassBg .formContainer .fieldContainer{margin-bottom: 20px}
.newPassBg .formContainer .fieldContainer:nth-child(3){margin-bottom: 5px}
.newPassBg .formContainer .fieldContainer .fieldName{width:40%;float:left;color:#000;font-family: MontserratRegular;font-size: 14px;margin-top: 10px}
.newPassBg .formContainer .fieldContainer .field{width:55%;float:right}
.newPassBg .formContainer .fieldContainer .field .fillData{display:block;width:100%;border:1px solid #3180F2;font-family: MontserratRegular;font-size: 14px;color:#000;padding: 11px 15px 11px 15px;border-radius: 5px }
.newPassBg .buttonContainer{text-align: center;margin-bottom: 20px}
.newPassBg .buttonContainer .createButton{padding-left: 50px;padding-right: 50px}
@media screen and (max-width: 720px) {
.newPassBg{padding: 70px 0}
.newPassBg .formContainer{width: 95%;padding: 40px 60px}
.newPassBg .formContainer .name{font-size: 30px;text-align: left}
.buttonContainer .createButton{margin-top:10px}
}
@media screen and (max-width: 580px) {
.newPassBg{padding: 50px 0}
.newPassBg .formContainer{width: 100%;padding: 24px 16px}
.newPassBg .formContainer .name{font-size: 24px}
.buttonContainer .createButton{margin-top:0}
.newPassBg .m_chooseItem{top:40px !important;}
.newPassBg .formContainer .fieldContainer .fieldName,
.newPassBg .formContainer .fieldContainer .field .fillData,
.newPassBg .formContainer{font-size: 13px}
}
@media screen and (max-width: 400px) {
.newPassBg{padding: 40px 0}
.newPassBg .formContainer .name{font-size: 18px;margin-bottom: 15px}
.newPassBg .generalWidth{padding: 0 10px!important}
.newPassBg .formContainer .fieldContainer .fieldName, .resetPassBg .formContainer .fieldContainer .field .fillData{font-size: 12px}
.newPassBg .formContainer .fieldContainer .fieldName{width: 100%;float:none;margin-bottom: 5px}
.newPassBg .formContainer .fieldContainer .field{width: 100%;float:none}
.newPassBg .formContainer .fieldContainer{margin-bottom: 10px}
.newPassBg .m_chooseItem{left:0 !important;}
}
/**/
/**/
/* METHODOLOGY */
/* intro text */
.introText{width:750px;padding: 50px 0 70px 0}
.introText .name{font-size: 36px;color:#000;font-family: MontserratBold;margin-bottom: 50px}
.introText .text{font-size: 14px;color:#000;font-family: MontserratRegular;line-height: 1.5}
@media screen and (max-width: 900px) {
.introText{width:100%}
}
@media screen and (max-width: 720px) {
.introText{padding: 50px 0}
.introText .name{font-size: 27px;margin-bottom: 25px;border-bottom: 2px solid #000;padding-bottom: 20px}
.gistContainer .item{width:100% !important;float:none !important;margin-right: 0;margin-bottom: 40px}
.gistContainer .item .name{margin: 20px 0 10px 0 !important}
}
@media screen and (max-width: 580px) {
.introText .name{font-size: 24px}
.introText .text,
.gistContainer .item .text {font-size: 13px}
.introText .text span{font-size: 16px}
}
@media screen and (max-width: 400px) {
.introText{padding: 40px 0}
.introText .text,
.gistContainer .item .text{font-size: 12px !important}
.introText .text span{font-size: 18px}
.gistContainer{border-bottom: none;padding-bottom: 5px}
}
/**/
/* gist methodology */
.gistContainer{}
.gistContainer .itemSpace{margin-top: 50px}
.gistContainer .item{float:left;width:31.3%;margin-right: 3%}
.gistContainer .item:nth-child(3){margin-right: 0}
.gistContainer .item .itemImg{display:block;width:46px;height:46px}
.gistContainer .item .name{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin:35px 0 25px 0;text-transform: uppercase}
.gistContainer .item .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c;line-height: 1.5}
.gistContainer .methLine{margin-top: 100px}
/**/
/**/
/* LIST ARTICLES */
/* list articles */
.listContainer{width:760px;margin: 50px auto 20px auto}
.listContainer .name{font-size: 36px;color:#000;font-family: MontserratBold;margin-bottom: 50px}
.listContainer .articles{}
.listContainer .articles .article{display:block;width:100%;margin-bottom: 30px}
.listContainer .articles .article .imageArticle{display:block;width:176px;float:left;margin-top: 4px;position: relative;cursor: pointer}
.listContainer .articles .article:hover .imageArticle:before{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(47, 128, 237, 0.6), rgba(47, 128, 237, 0.6))}
.listContainer .articles .article:hover .imageArticle:after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: url(../img/search_icon_orange.png)no-repeat;background-size: 25px;background-position: center center}
.listContainer .articles .article .imageArticle .preview{display:block;width:100%;margin:0}
.listContainer .articles .article .textContainer{width:560px;float:right}
.listContainer .articles .article .textContainer .nameArticle{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin:0 0 7px 0;text-transform: uppercase;border-bottom: 1px solid transparent}
.listContainer .articles .article:hover .textContainer .nameArticle{color:#0081f5;text-decoration:underline}
.listContainer .articles .article .textContainer .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c;line-height: 1.5}
.mobButtonMore{display: none;text-align: center}
.mobButtonMore .blueButton{background: #3180F2;box-shadow: 0 0 10px rgba(49, 128, 242, 0.35);width:180px}
.mobButtonMore .blueButton span{position: relative}
.mobButtonMore .blueButton span:before{content:'';position: absolute;left: -15px; bottom: -2px;border: 4px solid transparent;border-top: 4px solid #fff;}
/* button top */
.bottonToTopContainer{display: none;position: fixed;bottom:20px;right:10px; z-index:99;}
.buttonTopBg{width:48px;height:48px;border-radius: 100px;background: rgba(47, 128, 237, 0.5);text-align: center;padding-top: 13px;cursor: pointer}
.buttonTopImg{background: url("/static/new/img/subscribe.png")no-repeat;width:18px;height:18px;background-position: center center;background-size: contain;display: inline-block}
/**/
@media screen and (max-width: 900px) {
.listContainer{width:100%}
.listContainer .articles .article .textContainer{width:70%}
.listContainer .articles .article .imageArticle{width:25%}
}
@media screen and (max-width: 720px) {
.listContainer .name{font-size: 30px;margin-bottom: 30px}
.m_pagesNavCover{display: none}
.mobButtonMore{display: block}
}
@media screen and (max-width: 580px) {
.listContainer .name{font-size: 24px;margin-bottom: 20px}
.listContainer .articles .article .textContainer .nameArticle a,
.listContainer .articles .article .textContainer .text{font-size: 13px}
.listContainer .articles .article .textContainer{width:100%;float:none;margin-top: 20px}
.listContainer .articles .article .imageArticle{width:100%;float:none}
.buttonFollowMob{width:250px!important;}
.mobButtonMore{margin-bottom: 70px}
}
@media screen and (max-width: 400px) {
.buttonFollowMob{width:170px!important;}
.listContainer .name{margin-bottom: 45px}
.listMobBg{padding: 50px 0 }
.listContainer{margin: 30px 0 0 0}
.listContainer .articles .article{position: relative;margin-bottom: 50px}
.listContainer .articles .article:before{content: '';position: absolute;top:-35px;left:-25px;right:0;width:140%;height:16px;background: #F2F2F2;}
.listContainer .articles .article:last-child{margin-bottom: 20px}
.bottonToTopContainer{display: block}
}
/**/
/**/
/* MAP */
/* map header */
.mapHeaderContainer{}
.mapHeaderContainer .leftPart{width:590px;float:left}
.mapHeaderContainer .leftPart .image{width:125px;float:left}
.mapHeaderContainer .leftPart .image img {width:125px;}
.mapHeaderContainer .leftPart .text{width:430px;float:right;position: relative;padding-bottom: 20px}
.mapHeaderContainer .leftPart .text .name{color:#fff;font-family: MontserratBold;font-size: 36px;margin-bottom: 20px}
.mapHeaderContainer .leftPart .text .description{color:#fff;font-family: MontserratRegular;font-size: 14px;margin-bottom: 12px}
.mapHeaderContainer .leftPart .text .tagline{color:#FB6533;font-family: MontserratRegular;font-size: 14px;position: absolute;top: 100%;left: 0}
.mapHeaderContainer .rightPart{width:470px;float:right}
.mapHeaderContainer .rightPart .name{color:#fff;font-size: 14px;font-family: MontserratBold;text-transform: uppercase;margin-bottom: 20px}
.mapHeaderContainer .rightPart .location{color:#fff;font-size: 14px;font-family: MontserratRegular;margin-bottom: 13px}
.mapHeaderContainer .rightPart .sources{color:#fff;font-size: 14px;font-family: MontserratRegular;margin-bottom: 13px}
.mapHeaderContainer .rightPart .sources .socialLink{display: inline-block;width:18px;height:18px;margin:0 5px 0 0;position: relative;top:4px}
.mapHeaderContainer .rightPart .sources .socialLink:nth-child(1){margin-left: 10px}
.mapHeaderContainer .rightPart .sources .socialLink img{width: 100%}
.mapHeaderContainer .rightPart .sources .linkProject{display:inline-block;border:1px solid #FB6533;text-align:center;padding:5px 15px 5px 15px;color:#fff;font-size: 12px;font-family: MontserratRegular;border-radius: 5px;margin-right: 10px;transition: .2s}
.mapHeaderContainer .rightPart .sources .linkProject:hover{background: #FB6533;transition: .2s}
.mapHeaderContainer .rightPart .sources .linkProject:nth-child(2){margin-left: 20px}
.mapHeaderContainer .rightPart .tracing{color:#fff;font-size: 14px;font-family: MontserratRegular}
.mapHeaderContainer .rightPart .tracing a{color:#FB6533;font-size: 14px;font-family: MontserratRegular;margin-left: 3px;margin-top: 10px}
@media screen and (max-width: 1150px) {
.mapHeaderContainer .leftPart{width:100%;float:none;margin-bottom: 10px}
.mapHeaderContainer .rightPart{width:100%;float:none}
.mapHeaderContainer .leftPart .image{display: none}
.mapHeaderContainer .leftPart .text{width: 100%;float:none}
.mapHeaderContainer .leftPart .text .name{margin-bottom: 10px}
.mapHeaderContainer .leftPart .text .description{margin-bottom: 0}
.mapHeaderContainer .leftPart .text .tagline{top:-25%}
}
@media screen and (max-width: 720px) {
.mapHeaderContainer .leftPart .text .name{font-size: 30px}
.mapHeaderBg{padding: 70px 0 50px 0}
}
@media screen and (max-width: 580px) {
.mapHeaderContainer .leftPart .text .name{font-size: 24px}
.mapHeaderContainer .rightPart .name{display: none}
.mapHeaderContainer .leftPart{margin-bottom: 0}
.mapHeaderContainer .leftPart .text .description{line-height: 1.5}
.mapHeaderContainer .rightPart .location,
.mapHeaderContainer .rightPart .sources,
.mapHeaderContainer .rightPart .tracing,
.mapHeaderContainer .leftPart .text .tagline,
.mapHeaderContainer .rightPart .tracing a{font-size: 13px}
.mapHeaderContainer .rightPart .tracing a{margin-left: 0}
.mapHeaderBg{padding: 70px 0 120px 0}
}
@media screen and (max-width: 400px) {
.mapHeaderContainer .rightPart .location span, .mapHeaderContainer .rightPart .sources span, .mapHeaderContainer .rightPart .tracing span{display: block;font-family: MontserratSemiBold;margin-bottom: 10px;font-size: 12px}
.mapHeaderContainer .rightPart .location,
.mapHeaderContainer .rightPart .sources{margin-bottom: 25px}
.mapHeaderContainer .rightPart .tracing a{margin-top: 0}
.mapHeaderContainer .leftPart .text .name{font-size: 18px}
.mapHeaderContainer .leftPart .text .name{margin-bottom: 0}
.mapHeaderContainer .rightPart .location,
.mapHeaderContainer .rightPart .sources,
.mapHeaderContainer .rightPart .tracing,
.mapHeaderContainer .leftPart .text .tagline,
.mapHeaderContainer .rightPart .tracing a{font-size: 12px}
}
/**/
/* menu map */
.menuMapBg{background: #4F4F4F}
.menuMapBg .mapLink{color:#fff;font-family: MontserratSemiBold;font-size: 16px;padding: 17px 30px 16px 30px;border-bottom: 5px solid #4F4F4F}
.menuMapBg .mapLink:nth-child(1){padding: 17px 30px 16px 0}
.menuMapBg .mapLink:hover{color:#56CCF2;font-family: MontserratSemiBold;font-size: 16px;padding: 17px 20px 16px 20px;border-bottom: 5px solid #56CCF2}
@media screen and (max-width: 720px) {
.m_indexTopNavPanel{display: none}
}
/**/
/* details */
.detailContainer{padding: 60px 0 0 0}
.detailContainer .name{font-size: 36px;color:#000;font-family: MontserratBold;width:320px;float:left;margin-right: 70px}
.detailContainer .favorites{font-size: 12px;color:#FB6533;font-family: MontserratRegular;width:160px;float:left;border: 1px solid #FB6533;border-radius: 5px;padding: 12px 25px 14px 25px;cursor: pointer;margin-top: 15px}
.detailContainer .favorites span{position: relative;padding-left: 20px}
.detailContainer .favorites span:before{content: "";position: absolute;top:1px;left:-8px;width:13px;height:15px;background: url(/static/new/favorites.png)no-repeat;background-size: cover}
.detailContainer .subname{font-size: 14px;font-family: MontserratBold;color:#000;text-transform: uppercase;margin: 5px 0 15px 0}
.detailContainer .text{font-size: 14px;color:#000;font-family: MontserratRegular;line-height: 1.5;width:760px}
@media screen and (max-width: 900px) {
.detailContainer .text{width:100%}
}
@media screen and (max-width: 720px) {
.detailContainer{padding: 50px 0 0 0 }
.detailContainer .name{font-size: 30px}
}
@media screen and (max-width: 580px) {
.detailContainer{padding: 40px 0 0 0 }
.detailContainer .name{font-size: 24px;margin-bottom: 10px}
.detailContainer{position: relative}
.detailContainer .favorites{position: absolute;top:-90px;left:0;right:0;margin: 0 auto;width:270px;text-align: center}
.detailContainer .text{font-size: 13px;line-height: 1.8}
}
@media screen and (max-width: 400px) {
.detailContainer .text{font-size: 12px}
.detailContainer{padding: 30px 0 0 0}
}
/**/
/* roadmap */
.mapContainer .nameRoad{font-size: 36px;color:#000;font-family: MontserratBold;margin-top: 80px;padding-bottom: 50px}
.mapContainer .line{border-top:2px solid #3180f2;position: relative}
.mapContainer .items{display: flex;flex-direction: row;justify-content:space-between;margin-bottom: 140px}
.mapContainer .items .item{width:200px;position: relative;padding-top: 40px}
.mapContainer .items .item:before{content:"";position: absolute;top:-8px;left:0;width:16px;height:16px;background: #3180f2;border-radius: 20px}
.mapContainer .items .item .nameItem{font-size: 14px;font-family: MontserratBold;color:#2c2c2c;margin-bottom: 15px}
.mapContainer .items .item .text{font-size: 14px;font-family: MontserratRegular;color:#2c2c2c;margin-bottom: 15px}
@media screen and (max-width: 900px) {
.mapContainer .items{display: block;margin-left:10px;margin-bottom: 60px }
.mapContainer .line{display: none}
.mapContainer .items .item{padding-left: 30px;padding-top: 10px;width:290px}
.mapContainer .items .item:before{content:"";position: absolute;top:10px;left:-9px;width:16px;height:16px;background: #3180f2;border-radius: 20px}
.mapContainer .items{border-left: 2px solid #3180f2}
.mapContainer .items .item .nameItem{margin-bottom: 5px !important;}
}
@media screen and (max-width: 720px) {
.mapContainer .nameRoad{font-size: 30px;margin-top: 60px;padding-bottom: 40px}
.mapContainer .items{display: block;margin-left:10px;margin-bottom: 40px }
}
@media screen and (max-width: 580px) {
.mapContainer .nameRoad{font-size: 24px;margin-top: 40px;padding-bottom: 30px}
.mapContainer .items{display: block;margin-left:10px;margin-bottom: 30px }
}
@media screen and (max-width: 400px) {
.mapContainer .nameRoad{margin-top: 35px;padding-bottom: 20px}
.mapContainer .items .item{width:270px}
}
/**/
/* description tokens */
.tokensDesription .name{font-size: 36px;color:#000;font-family: MontserratBold;margin-bottom: 70px}
.tokensDesription .item:nth-child(1){width: 28%;margin-right: 4%;float:left; word-wrap: break-word;}
.tokensDesription .item:nth-child(2){width: 28%;margin-right: 4%;float:left; word-wrap: break-word;}
.tokensDesription .item:nth-child(3){width: 36%;float:left; word-wrap: break-word;}
.tokensDesription .item .textContainer{margin-bottom: 40px}
.tokensDesription .item .textContainer .title{font-size: 14px;color:#000;font-family: MontserratBold;text-transform: uppercase;margin-bottom: 10px}
.tokensDesription .item .textContainer .text{font-size: 14px;color:#000;font-family: MontserratRegular;line-height: 1.5}
.tokensDesription .item .textContainer .text ol{margin-top: 10px;font-size: 14px;color:#000;font-family: MontserratRegular;line-height: 1.5}
.tokensDesription .item .textContainer .text ol li{margin-left: 16px;margin-bottom: 7px}
@media screen and (max-width: 720px) {
.tokensDesription .name{font-size: 30px;margin-bottom: 30px}
.tokensDesription .item:nth-child(1),
.tokensDesription .item:nth-child(2),
.tokensDesription .item:nth-child(3){
width:100%;float:none;margin-left:0;
}
}
@media screen and (max-width: 580px) {
.tokensDesription .name{font-size: 24px}
}
@media screen and (max-width: 400px) {
.tokensDesription .name{font-size: 18px}
}
/**/
/**/
/* PORTFOLIO */
/* portfolio/watchlist header */
.portfolioHeaderContainer .leftPart{width:60%;float:left}
.portfolioHeaderContainer .leftPart .text .name{font-size: 36px;color: #fff;font-family: MontserratBold}
.portfolioHeaderContainer .rightPart{width:30%;float:right;}
.portfolioHeaderContainer .rightPart .colunm:nth-child(1){width:47%;float:left;text-align:right}
.portfolioHeaderContainer .rightPart .colunm:nth-child(2){width:47%;float:right;text-align:right}
.portfolioHeaderContainer .rightPart .colunm .nameColunm{text-transform: uppercase;font-family: MontserratBold;font-size: 16px;color:#fff;margin-bottom: 10px}
.portfolioHeaderContainer .rightPart .colunm .valueColunm{font-family: MontserratRegular;font-size: 12px;color:#fff;line-height: 1.5}
.portfolioHeaderContainer .rightPart .colunm .valueColunm span{display: inline}
.portfolioHeaderContainer .rightPart .colunm .valueColunm span[data-value-sing = "true"]{color:#219653}
.portfolioHeaderContainer .rightPart .colunm .valueColunm span[data-value-sing = "false"]{color:#EB5757}
.portfolioHeaderContainer .rightPart .colunm .valueColunm span[data-value-sing = "none"]{color:#fff}
@media screen and (max-width: 1150px) {
.portfolioHeaderContainer .leftPart{width:40%}
.portfolioHeaderContainer .rightPart{width:50%}
}
@media screen and (max-width: 720px) {
.portfolioHeaderContainer .leftPart .text .name{font-size: 30px}
.portfolioHeaderContainer .leftPart{width:30%}
.portfolioHeaderContainer .rightPart{width:70%}
}
@media screen and (max-width: 580px) {
.portfolioHeaderContainer .leftPart .text .name{font-size: 24px}
.portfolioHeaderContainer .leftPart{width:100% !important;float:none;margin-bottom: 20px}
.portfolioHeaderContainer .rightPart{width:100% !important;float:none}
.portfolioHeaderContainer .rightPart .colunm:nth-child(1),
.portfolioHeaderContainer .rightPart .colunm:nth-child(2){width:100%;float:none}
.portfolioHeaderContainer .rightPart .colunm:nth-child(1){margin-bottom: 20px}
}
/**/
/* submenu */
.portfolioSubmenu{}
.addItemPortfolio{float:right;position: relative;cursor: pointer;padding-bottom: 10px}
.addItemPortfolio span{font-size: 16px;color:#FB6533;font-family: MontserratSemiBold;padding-top: 15px;border-bottom: 1px solid #FB6533;cursor: pointer}
.addItemPortfolio:before{content: '';position: absolute;top:17px;left:-25px;background: url("/static/new/img/addItemPortfolio.png")no-repeat;width:17px;height:17px;background-size: contain;cursor: pointer}
@media screen and (max-width: 720px) {
.portfolioSubmenu{display: block !important}
}
@media screen and (max-width: 580px) {
.portfolioSubmenu .m_indexTopNavPanelItem,
.addItemPortfolio span{font-size: 14px}
}
@media screen and (max-width: 450px) {
.addItemPortfolio{float:left}
/*.addItemPortfolio span{display: none;}*/
.addItemPortfolio:before{left: 0}
}
/**/
/* nameTab */
.portfolioNameTab{background: #F2F2F2;padding: 21px 0 21px 0}
.portfolioNameTab .cellPortfolioTab:nth-child(1){float:left;width:200px;text-align: left}
.portfolioNameTab .cellPortfolioTab:nth-child(2){float:left;width:120px;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(3){float:left;width:120px;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(4){float:left;width:140px;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(5){float:left;width:120px;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(6){float:left;width:140px;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(7){float:left;width:110px;;text-align: right}
.portfolioNameTab .cellPortfolioTab:nth-child(8){float:left;width:183px;text-align: right}
.portfolioNameTab .cellPortfolioTab .text{}
.portfolioNameTab .text{font-size: 12px;font-family: MontserratSemiBold;color:#333;}
@media screen and (max-width: 1150px) {
.portfolioNameTab{display: none}
}
/**/
/* portfolioTab */
.portfolioTab .portfolioTabRow{background: #fff;padding: 21px 0 21px 0}
.portfolioTab .portfolioTabRow:nth-child(2n){background: #DFF7FF;padding: 21px 0 21px 0}
.portfolioTab .portfolioTabRow .cellPortfolioTab{}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(1){float:left;width:200px;text-align: left;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(2){float:left;width:120px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(3){float:left;width:120px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(4){float:left;width:140px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(5){float:left;width:120px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(6){float:left;width:140px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(7){float:left;width:110px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab:nth-child(8){float:left;width:183px;text-align: right;}
.portfolioTab .portfolioTabRow .cellPortfolioTab .img{width:40px;float:left;}
.portfolioTab .portfolioTabRow .cellPortfolioTab .img .logoComPortfolio{display: inline-block;width: 100%}
.portfolioTab .portfolioTabRow .cellPortfolioTab .textContainer{float:right;width:145px;}
.portfolioTab .portfolioTabRow .cellPortfolioTab .textContainer .name{font-size: 12px;font-family:MontserratSemiBold;color:#000}
.portfolioTab .portfolioTabRow .cellPortfolioTab .textContainer .tagline{font-size: 12px;font-family:MontserratSemiBold;color:#828282;}
.portfolioTab .portfolioTabRow .cellPortfolioTab .text a{color:#000;font-size: 12px;font-family: MontserratSemiBold;margin-bottom: 3px}
.portfolioTab .portfolioTabRow .cellPortfolioTab .text{color:#000;font-size: 12px;font-family: MontserratSemiBold;margin-bottom: 3px}
.portfolioTab .portfolioTabRow .cellPortfolioTab .greenText{color:#219653}
.portfolioTab .portfolioTabRow .cellPortfolioTab .greyText{color:#828282}
.portfolioTab .portfolioTabRow .cellPortfolioTab .blackText{color:#000}
.portfolioTab .portfolioTabRow .cellPortfolioTab .redText{color:#EB5757}
.portfolioTab .portfolioTabRow .cellPortfolioTab .leftPart{text-align: right;width:90px;float:left;}
.portfolioTab .portfolioTabRow .cellPortfolioTab .leftPart{text-align: right;width:93px;float:left;}
@media screen and (max-width: 1150px) {
.portfolioTab{display: none}
}
/**/
/* portfolioMobTab */
.portfolioMobTab{display: none}
.portfolioMobTab .portfolioMobTabRow:nth-child(n){background: #F2F2F2}
.portfolioMobTab .portfolioMobTabRow:nth-child(2n){background: #DFF7FF}
.portfolioMobTab .portfolioTabMobCell:nth-child(1){width:40px;float:left;margin: 10px 25px 10px 0 }
.portfolioMobTab .portfolioTabMobCell a{font-size: 12px;color:#000;font-family: MontserratSemiBold}
.portfolioMobTab .portfolioTabMobCell a img {width:50px;}
.portfolioMobTab .portfolioTabMobCell .price{font-size: 12px;color:#219653;font-family: MontserratSemiBold}
.portfolioMobTab .portfolioTabMobCell .delete{display: block}
.portfolioMobTab .portfolioTabMobCell .delete span{font-family: MontserratThinItalic;border-bottom: 1px solid #EB5757;color:#EB5757;cursor: pointer;display: none}
.portfolioMobTab .portfolioTabMobCell:nth-child(2){width:200px;float:left;margin-top: 15px}
.portfolioMobTab .portfolioTabMobCell:nth-child(3){width:40px;float:right;background: url("/static/new/img/arrowMob.png")no-repeat;width:12px;height:12px;cursor: pointer;background-size: contain;margin-top: 25px}
.portfolioMobTab .portfolioMobTabRowOpen{background: #fff;padding: 20px 0 20px 0;display: none}
.portfolioMobTab .portfolioMobTabRowOpen .left{width:120px;float:left;text-align: right;margin-right:30px}
.portfolioMobTab .portfolioMobTabRowOpen .right{width:120px;float:left}
.portfolioMobTab .portfolioMobTabRowOpen .text{font-size: 12px;font-family: MontserratSemiBold;color:#000;margin-bottom: 20px}
.portfolioMobTab .portfolioMobTabRowOpen .text .greyText{color:#828282}
.portfolioMobTab .portfolioMobTabRowOpen .text .greenText{color:#219653}
.portfolioMobTab .portfolioMobTabRowOpen .text .changeSing[data-change-price = "true"]{color:#219653}
.portfolioMobTab .portfolioMobTabRowOpen .text .changeSing[data-change-price = "false"]{color:#EB5757}
.portfolioMobTab .portfolioMobTabRowOpen .returnContainer{background:#F2F2F2;padding: 12px }
.returnContainer .return .price{width:110px;margin-right: 30px;float:left;text-align: right;font-size: 12px;font-family: MontserratSemiBold}
.returnContainer .return .price .changeSing[data-change-price = "true"]{color:#219653}
.returnContainer .return .price .changeSing[data-change-price = "false"]{color:#EB5757}
.returnContainer .return .description{width:120px;float:left;font-size: 12px;color:#000;font-family: MontserratSemiBold}
.portfolioMobTab .portfolioMobTabRow[data-active=true] .portfolioMobTabRowOpen{display: block}
.portfolioMobTab .portfolioMobTabRow[data-active=true] .portfolioTabMobCell:nth-child(3){transform: rotate(180deg);transform-origin: 6px 4px}
@media screen and (max-width: 1150px) {
.portfolioMobTab{display: block}
}
@media screen and (max-width: 400px) {
.returnContainer .return .price{margin-right: 0}
.returnContainer .return .description{float:right}
.portfolioMobTab .portfolioTabMobCell:nth-child(2){width:180px}
}
/**/
/**/
/* WATCHLIST */
/* watchlistNameTab */
.watchlistNameTab{background: #F2F2F2;padding: 21px 0 21px 0}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell{float: left;text-align: right}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell .text{font-size: 12px;font-family: MontserratSemiBold;color:#333;}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell:nth-child(1){width:380px;text-align: left}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell:nth-child(2){width:160px;}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell:nth-child(3){width:170px;}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell:nth-child(4){width:170px;}
.watchlistNameTab .watchlistNameTabRow .watchlistNameTabCell:nth-child(5){width:253px;}
@media screen and (max-width: 1150px) {
.watchlistNameTab{display: none}
.watchlistMobTab{display: block}
}
/**/
/* watchlistTab */
.watchlistTab .watchlistTabRow{background: #fff;padding: 21px 0 21px 0}
.watchlistTab .watchlistTabRow:nth-child(2n){background: #DFF7FF}
.watchlistTab .watchlistTabRow .watchlistTabCell:nth-child(1){width:380px;text-align: left;float:left}
.watchlistTab .watchlistTabRow .watchlistTabCell:nth-child(2){width:160px;float:left;text-align: right}
.watchlistTab .watchlistTabRow .watchlistTabCell:nth-child(3){width:170px;float:left;text-align: right}
.watchlistTab .watchlistTabRow .watchlistTabCell:nth-child(4){width:170px;float:left;text-align: right}
.watchlistTab .watchlistTabRow .watchlistTabCell:nth-child(5){width:253px;float:left;text-align: right}
.watchlistTab .watchlistTabRow .watchlistTabCell .img{width:40px;float:left;}
.watchlistTab .watchlistTabRow .watchlistTabCell .img .itemImg{display:inline-block;width:100%}
.watchlistTab .watchlistTabRow .watchlistTabCell .textContainer{width:325px;float:right}
.watchlistTab .watchlistTabRow .watchlistTabCell .text{font-size: 12px;font-family: MontserratSemiBold;margin-bottom:0}
.watchlistTab .watchlistTabRow .watchlistTabCell .delete{position: relative;padding-left: 15px;margin-bottom: 2px}
.watchlistTab .watchlistTabRow .watchlistTabCell .delete span{color:#EB5757;font-size: 12px;font-family:MontserratThinItalic;border-bottom: 1px solid #EB5757;cursor: pointer}
.watchlistTab .watchlistTabRow .watchlistTabCell .delete span:before{content:'';position: absolute;top:3px;left:0;background: url("/static/new/img/deleteItem.png")no-repeat;width:10px;height:13px;background-size: contain;cursor: pointer;}
.watchlistTab .watchlistTabRow .watchlistTabCell .greenText{color:#219653}
.watchlistTab .watchlistTabRow .watchlistTabCell .greyText{color:#828282}
.watchlistTab .watchlistTabRow .watchlistTabCell .blackText{color:#000}
.watchlistTab .watchlistTabRow .watchlistTabCell .redText{color:#EB5757}
.watchlistTab .watchlistTabRow .watchlistTabCell .seeAt .text{color:#828282;font-size: 10px;font-family: MontserratSemiBold;display: inline;padding-right: 10px}
.watchlistTab .watchlistTabRow .watchlistTabCell .seeAt .link{display: inline}
.watchlistTab .watchlistTabRow .watchlistTabCell .seeAt .link img{background-size: 90% 90%;display: inline;width:40%;position: relative;top:5px}
@media screen and (max-width: 1150px) {
.watchlistTab{display: none}
}
/**/
/* watchlistMobTab */
.watchlistMobTab{display: none}
.watchlistMobTab .watchlistMobTabRow:nth-child(n){background: #F2F2F2}
.watchlistMobTab .watchlistMobTabRow:nth-child(2n){background: #DFF7FF}
.watchlistMobTab .watchlistTabMobCell:nth-child(1){width:40px;float:left;margin: 10px 25px 10px 0 }
.watchlistMobTab .watchlistTabMobCell a{font-size: 12px;color:#000;font-family: MontserratSemiBold}
.watchlistMobTab .watchlistTabMobCell .greyText,
.watchlistTabMobCell .greyText{font-size: 12px;color:#828282;font-family: MontserratSemiBold;margin-right: 7px}
.watchlistMobTab .watchlistTabMobCell .price{display:none;font-size: 12px;color:#219653;font-family: MontserratSemiBold}
.watchlistMobTab .watchlistTabMobCell .delete{display: block}
.watchlistMobTab .watchlistTabMobCell .delete span,
.m_index_page_mobile_table_item_header_title .delete span{font-family: MontserratThinItalic;border-bottom: 1px solid #EB5757;color:#EB5757;font-size: 14px}
.watchlistMobTab .watchlistTabMobCell:nth-child(2){width:200px;float:left;margin-top: 12px}
.watchlistMobTab .watchlistTabMobCell:nth-child(3){width:40px;float:right;background: url("/static/new/img/arrowMob.png")no-repeat;width:12px;height:12px;cursor: pointer;background-size: contain;margin-top: 25px;transition: .2s}
.watchlistMobTab .watchlistMobTabRowOpen{background: #fff;padding: 20px 0 10px 0;display: none}
.watchlistMobTab .watchlistMobTabRow[data-active=true] .watchlistMobTabRowOpen{display: block}
.watchlistMobTab .watchlistMobTabRow[data-active=true] .watchlistTabMobCell:nth-child(3){transform: rotate(180deg);transition: .2s}
.watchlistMobTab .watchlistMobTabRowOpen .item{margin-bottom: 10px}
.watchlistMobTab .watchlistMobTabRowOpen .item .left{width:200px;float:left;margin-right: 20px;font-size: 12px;font-family: MontserratSemiBold;text-align: right;color:#000}
.watchlistMobTab .watchlistMobTabRowOpen .item .right{width:90px;float:left;color:#828282;font-size: 12px;font-family: MontserratSemiBold}
.watchlistMobTab .watchlistMobTabRowOpen .item .left .changeSing[data-change-price-watchlist = "true"]{color:#219653}
.watchlistMobTab .watchlistMobTabRowOpen .item .left .changeSing[data-change-price-watchlist = "false"]{color:#EB5757}
.watchListSeeAt{text-align: center;color:#828282;font-family: MontserratMedium;display: block}
.watchListSeeAt img{display: inline-block;width:140px;position: relative;top:7px;left:4px}
@media screen and (max-width: 1150px) {
.watchlistMobTab{display: block}
}
@media screen and (max-width: 400px) {
.watchlistMobTab .watchlistMobTabRowOpen .item .left{margin-right: 0;width:178px}
.watchlistMobTab .watchlistMobTabRowOpen .item .right{float: right;width:85px;padding-left: 5px}
.watchlistMobTab .watchlistTabMobCell:nth-child(2){width: 180px}
}
/**/
/**/
/* EMPTY */
/* empty */
.emptyContainer{padding: 44px 0 44px 0}
.emptyContainer span{font-size: 24px;font-family: MontserratRegular;color:#000;display: block;}
.emptyContainer .add{font-size: 24px;font-family: MontserratMedium;color:#fb6533;border-bottom: 1px solid #fb6533}
@media screen and (max-width: 720px) {
.emptyContainer span, .emptyContainer .add{font-size: 22px}
}
@media screen and (max-width: 580px) {
.emptyContainer span, .emptyContainer .add{font-size: 20px}
}
@media screen and (max-width: 400px) {
.emptyContainer span, .emptyContainer .add{font-size: 18px}
}
/**/
/* add item */
.addItemForm{margin:100px auto 100px auto;width:560px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.3);padding: 52px 96px 56px 96px}
.addItemForm .name{font-size: 36px;font-family: MontserratBold;color:#000;text-align: center;margin-bottom: 47px}
.addItemForm .fieldsContainer .field{margin-bottom: 17px;width:100%;overflow: visible}
.addItemForm .fieldsContainer .field .fieldName{width:85px;float: left;color:#4A4A4A;font-size: 16px;font-family: MontserratRegular;margin-top: 10px}
.addItemForm .fieldsContainer .field .fieldContent{width:260px;float: right; position: relative;}
.addItemForm .fieldsContainer .field .fieldContent .content{display:block;width:100%;border: 1px solid #3180F2;font-size: 16px;font-family: MontserratThinItalic;color:#000;border-radius: 5px;padding: 10px 24px 10px 24px}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch {position: absolute;top:30px;right:0;left:0;max-height:405px;overflow-y:auto;border:1px solid #0f0;border-radius: 0 0 5px 5px;z-index:10;background: #fff;width:100%;padding-top: 6px;display: none}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch .coinSearch .coinId {padding: 7px 20px 0 20px}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch .coinSearch .coinId .line {border-bottom: 1px solid #E0E0E0;padding-top: 9px}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch .coinSearch:last-child .coinId .line{border-bottom: none;padding-top: 9px}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch .coinSearch .coinId{float:right;width:255px}
.m_portfolio_add_item .addItemForm .fieldsContainer .field .fieldContent .hideCoinSearch .coinSearch .coinId .textCon .nameCur{font-size: 18px;color:#4A4A4A;font-family: MontserratRegular}
.m_portfolio_add_item{position: fixed;left:0;top:0;right:0;width:100%;height:100%;z-index: 2000;overflow-y: auto;display: none}
.m_add_portfolio_item_currency{position: relative}
.m_add_portfolio_item_currency_current_cover{position: relative;z-index: 61}
.m_add_portfolio_item_currency_current_value{display:inline-block;cursor: pointer;text-decoration: underline;color:#FB6533;font-family: MontserratMedium;position: relative}
.m_add_portfolio_item_currency_current_value:after{content:"";position: absolute;right:-17px;top:7px;border: 5px solid transparent;border-top: 5px solid #FB6533;transition: .2s}
.m_add_portfolio_item_currency_all{position: absolute;left:-20px;top:-10px;right:23px;background: #fff;filter:drop-shadow(0 8px 14px rgba(0,0,0,0.3));padding:34px 0 4px 0;display: none}
.m_add_portfolio_item_currency_all_item{cursor: pointer;text-align: left;padding: 5px 5px 5px 20px}
.m_add_portfolio_item_currency_all_item[data-selected=true]{display: none}
.m_add_portfolio_item_currency_all_item:hover{color:#FB6533;text-decoration: underline}
.m_add_portfolio_item_currency:hover .m_add_portfolio_item_currency_all{display: block}
.m_add_portfolio_item_currency:hover .m_add_portfolio_item_currency_current_value:after{content:"";transform: rotate(180deg);transform-origin:5px 2px;transition: .2s}
.m_add_portfolio_item_price_type{margin-top:10px;text-align: left}
.m_add_portfolio_item_price_type_item .m_chooseItem{padding-left: 35px}
.m_add_portfolio_item_price_type_item .m_chooseItemText{font-family: MontserratRegular;font-size: 12px}
.m_add_portfolio_item_submit{text-align: center;padding: 10px 0 10px 0}
.m_add_portfolio_item_submit .buttonOrange{padding: 10px 45px 10px 45px;margin-top: 0 !important;width:auto !important;}
.m_portfolio_submenu_items_cover{float:left;position: relative}
.m_portfolio_submenu_addition_button_cover{float:right}
/**/
/**/
/* header */
.m_systemHeaderCover{position: fixed;left: 0;top: 0;right: 0;width: 100%;z-index: 1000;background: #fff;filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3))}
.m_systemHeaderCover .generalWidth{padding: 25px 0 20px 0}
.m_headerLogo{display: block;float:left;width:130px;height:40px;background: url(../img/scoring_logo.png)no-repeat;background-size: contain;background-position: left center}
.m_systemNavCover{float:left;margin-left:6%;padding-top: 5px}
.m_systemNavItem{display: inline-block;color:#000;font-family: MontserratMedium;font-size: 12px;text-transform: uppercase;padding: 8px 17px 8px 17px;position: relative;transition: .2s}
.m_systemNavItem[data-active=true], .m_systemNavItem:hover{color:#FB6533;transition: .2s}
.m_systemNavItem:after{content:"";position: absolute;bottom:0;left:0;right:0;width:100%;background: #FB6533;height:3px;opacity:0;transition: opacity 200ms}
.m_systemNavItem[data-active=true]:after, .m_systemNavItem:hover:after{opacity: 1}
.m_systemChangeLang{float:right;padding-top: 10px}
.m_systemChangeLang:hover{text-decoration: underline}
.m_systemChangeLang a{display: block;text-transform: uppercase;font-size: 12px;padding: 3px 0 3px 0;color:#000}
.m_systemChangeLang a .m_mobile_flag_icon{display: block; position: absolute; top: 35px; margin-left: 30px; width: 30px;}
@media screen and (max-width: 900px) {
.m_systemChangeLang a .m_mobile_flag_icon{display: none}
}
@media screen and (max-width: 1136px) {
.m_systemChangeLang a .m_mobile_flag_icon{display: none}
}
.m_systemUserAuth{float:right;padding-top: 10px;padding-right: 30px}
.m_systemUserAuthLogin{font-size: 12px;color:#000;padding: 3px 0 4px 0}
.m_systemUserAuthSign{color:#FB6533;font-size: 12px;padding: 3px 0 4px 0}
.m_systemUserAuthLogin:hover, .m_systemUserAuthSign:hover{text-decoration: underline}
.m_systemHeaderSearch{float:right;width:190px;position: relative;margin: 6px 35px 0 0}
.m_systemHeaderSearchInput{display: block;width: 100%;border:1px solid #000;border-radius: 6px;padding: 5px 35px 5px 15px;font-size: 12px;font-family: MontserratMedium}
.m_systemHeaderSearchInput::-webkit-input-placeholder{color:#000;opacity: 1;transition: opacity 200ms}
.m_systemHeaderSearchInput:-moz-placeholder{color:#000;opacity: 1;transition: opacity 200ms}
.m_systemHeaderSearchInput::-moz-placeholder{color:#000;opacity: 1;transition: opacity 200ms}
.m_systemHeaderSearchInput:-ms-input-placeholder{color:#000;opacity: 1;transition: opacity 200ms}
.m_systemHeaderSearchInput:focus::-webkit-input-placeholder{opacity: 0}
.m_systemHeaderSearchInput:focus:-moz-placeholder{opacity: 0}
.m_systemHeaderSearchInput:focus::-moz-placeholder{opacity: 0}
.m_systemHeaderSearchInput:focus:-ms-input-placeholder{opacity: 0}
.m_systemHeaderSearchButton{display: inline-block;position:absolute;top:0;right:0;cursor: pointer;height:100%;width:35px;background: url(../img/header_search_icon.png)no-repeat;background-size: 15px;background-position: center center}
/* top nav panel */
.m_indexTopNavPanel{background: #4f4f4f}
.m_indexTopNavPanel[data-scroll-fixed=true]{position: fixed;top:85px;left:0;right:0;width: 100%;z-index: 10}
@media screen and (max-width: 1136px) {
.m_indexTopNavPanel[data-scroll-fixed=true]{top:75px}
}
.m_indexTopNavPanelHeightReplace{height:0}
.m_indexTopNavPanelHeightReplace[data-scroll-fixed-replace=true]{display: block;height:51px;}
.m_indexTopNavPanelItem{color:#fff;font-size: 16px;font-family: MontserratMedium;padding: 15px 8px 17px 8px;position: relative;margin-right:30px}
.m_indexTopNavPanelItem:hover, .m_indexTopNavPanelItem[data-active=true]{color:#56ccf2}
.m_indexTopNavPanelItem:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:5px;background: #56ccf2;opacity:0;transition: opacity 200ms}
.m_indexTopNavPanelItem[data-active=true]:after, .m_indexTopNavPanelItem:hover:after{opacity: 1}
.m_indexTopNavPanelItemLabel{position: absolute;top:-5px;right:-20px;background: #bdbdbd;color:#000;font-size: 14px;;width:25px;height:25px;border-radius: 100%;overflow: hidden;padding-top: 4px;display: block;text-align: center;transition: .2s}
.m_indexTopNavPanelItem[data-active=true] .m_indexTopNavPanelItemLabel,
.m_indexTopNavPanelItem:hover .m_indexTopNavPanelItemLabel{color:#fff;background: #3180f2;transition: .2s}
/* index page big table header */
.m_indexPageBigTableHeaderCover{background: #f2f2f2}
.m_indexPageBigTableHeader{display: table;width: 100%;border-collapse:collapse}
.m_indexPageBigTableHeader_row{display: table-row}
.m_indexPageBigTableHeader_cell{display:table-cell;vertical-align: middle;padding: 10px 0 10px 0}
.m_indexPageBigTableHeader_cellFix{width:100%;color:#333;font-family: MontserratMedium;font-size: 12px}
.m_indexPageBigTableHeader_cell .m_indexPageBigTableHeader_cellFix{padding-top: 7px;padding-bottom: 7px}
.m_indexPageBigTableHeader_cell:nth-child(1) .m_indexPageBigTableHeader_cellFix{width:100px;text-align: center}
.m_indexPageBigTableHeader_cell:nth-child(2) .m_indexPageBigTableHeader_cellFix{width:210px;text-align: left;padding-left: 5px;padding-right: 10px}
.m_indexPageBigTableHeader_cell:nth-child(3) .m_indexPageBigTableHeader_cellFix{width:160px}
.m_indexPageBigTableHeader_cell:nth-child(4) .m_indexPageBigTableHeader_cellFix{width:130px}
.m_indexPageBigTableHeader_cell:nth-child(5) .m_indexPageBigTableHeader_cellFix{width:185px;padding-top: 0}
.m_indexPageBigTableHeader_cell:nth-child(6) .m_indexPageBigTableHeader_cellFix{width:130px;text-align:center}
.m_indexPageBigTableHeader_cell:nth-child(7) .m_indexPageBigTableHeader_cellFix{width:125px;text-align: center}
.m_indexPageBigTableHeaderCover .m_indexPageBigTableHeader_cell:nth-child(5) .m_indexPageBigTableHeader_cellFix{padding-left: 10px}
.m_selectRangeDate{display: inline-block;position: relative}
.m_selectRangeDate:before{content:"";position: absolute;left:0;top:0;height:100%;width:17px;background: url(../img/sort_1.png)no-repeat;background-size: 15px;background-position: center center}
.m_selectRangeDate[data-sort-type=asc]:before{background: url(../img/sort_3.png)no-repeat;background-size: 14px;background-position: center center}
.m_selectRangeDate[data-sort-type=desc]:before{background: url(../img/sort_2.png)no-repeat;background-size: 14px;background-position: center center}
.m_selectRangeDate select{display:block;font-size: 12px;font-family: MontserratMedium;width: 100%;position: absolute;left:0;top:0;height:100%;opacity: 0;cursor: pointer;z-index: 2}
.m_selectRangeDate .m_selectRangeCurrentText{font-size: 12px;font-family: MontserratMedium;color:#333;text-align: center;padding: 4px 5px 5px 20px}
.m_indexPageTableItems{}
.m_indexPageTableItem{padding: 30px 0 20px 0}
.m_indexPageTableItem:nth-child(2n){background: #dff7ff}
.m_indexPageTableItem .m_indexPageBigTableHeader_cell{vertical-align: top}
.m_indexPageTableItemImg{display: block;width: 80%;margin:0 auto}
.m_indexPageTableItemProjectName{font-size:12px;color:#000;padding-bottom: 7px;font-family: MontserratMedium}
.m_indexPageTableItemProjectDesc{font-size: 12px;color:#828282;font-family: MontserratMedium}
.m_indexPageStartIcoProgress{position: relative;overflow: hidden}
.m_indexPageStartIcoProgressHeader{font-size: 12px;font-family: MontserratMedium;color:#000;padding-bottom: 4px}
.m_indexPageStartIcoProgressHeaderName{float:left}
.m_indexPageStartIcoProgressHeaderDate{float:right}
.m_indexPageStartIcoProgressLine{border:1px solid #3180F2;height:11px;position: relative}
.m_indexPageStartIcoProgressLine div{background: #3180F2;height:10px}
.m_indexPageStartIcoProgressFooter{text-align: left;font-size: 12px;padding-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#000}
.m_indexPageInvestSum{text-align: center;color:#000;font-size: 12px;font-family: MontserratMedium}
.m_indexPageAssessmentCover{background: transparent;position: relative;z-index:5;padding: 7px 10px 7px 10px;width:164px;transition:0.2s}
.m_indexPageAssessmentCover:hover{filter:drop-shadow(0 5px 10px rgba(0,0,0,0.3));transition:0.2s;background: #fff}
.m_indexPageAssessmentItem{overflow: hidden;position: relative;padding: 2px 0 2px 0}
.m_indexPageAssessmentItemName{width:70px;float:left;white-space: nowrap;overflow: hidden;font-family: MontserratMedium;color:#000;font-size: 12px;font-weight: 600}
.m_indexPageAssessmentItemValue{float:right;width:74px;padding-top: 4px}
.m_indexPageAssessmentItemValue span{display: block;float:left;width:12px;height:8px;background: #e0e0e0;margin-right:3px}
.m_indexPageAssessmentItemValue span:last-child{margin-right:0}
.m_indexPageAssessmentItemValue[data-assessment-value="1"] span:nth-child(1),
.m_indexPageAssessmentItemValue[data-assessment-value="2"] span:nth-child(1),
.m_indexPageAssessmentItemValue[data-assessment-value="2"] span:nth-child(2),
.m_indexPageAssessmentItemValue[data-assessment-value="3"] span:nth-child(1),
.m_indexPageAssessmentItemValue[data-assessment-value="3"] span:nth-child(2),
.m_indexPageAssessmentItemValue[data-assessment-value="3"] span:nth-child(3),
.m_indexPageAssessmentItemValue[data-assessment-value="4"] span:nth-child(1),
.m_indexPageAssessmentItemValue[data-assessment-value="4"] span:nth-child(2),
.m_indexPageAssessmentItemValue[data-assessment-value="4"] span:nth-child(3),
.m_indexPageAssessmentItemValue[data-assessment-value="4"] span:nth-child(4),
.m_indexPageAssessmentItemValue[data-assessment-value="5"] span{background: #3180f2}
.m_indexPageAssessmentSuggestionCover{position: absolute;right:100%;top:0}
.m_indexPageAssessmentSuggestionBG{width:500px;background: #fff;padding:25px 40px 25px 40px;margin-right:20px;position: relative;border-radius: 5px;display: none}
.m_indexPageAssessmentSuggestionBG:before{content:"";position: absolute;left:100%;top:17px;border:12px solid transparent;border-left: 12px solid #fff}
.m_indexPageAssessmentCover:hover .m_indexPageAssessmentSuggestionBG{display: block}
.m_indexPageAssessmentSuggestionItem{font-size: 12px}
.m_indexPageAssessmentSuggestionItem+.m_indexPageAssessmentSuggestionItem{margin-top:10px}
.m_indexPageAssessmentSuggestionItemHeader{font-weight: 600;color:#000;font-family: MontserratMedium;padding-bottom: 10px}
.m_indexPageAssessmentSuggestionItemContent{color:#333;font-family: MontserratRegular}
.m_indexPageProjectLinks{}
.m_indexPageProjectBigLink{display: block;width: 100%;text-align: center;color:#fff;background: #3180f2;border-radius: 4px;padding: 12px 0 12px 0;font-size: 12px;font-family: MontserratRegular;filter:drop-shadow(0 5px 6px rgba(49,128,242,0.5))}
.m_indexPageProjectSocialNetworks{display: flex;flex-direction: row;justify-content: space-between;align-items:stretch;margin-top:15px}
.m_indexPageProjectSocialNetworks a{width:19px;height:19px}
.m_indexPageProjectSocialNetworks a[data-social=tg]{background: url(../img/tg.png)no-repeat;background-size: contain;background-position: center center}
.m_indexPageProjectSocialNetworks a[data-social=tw]{background: url(../img/tw.png)no-repeat;background-size: contain;background-position: center center}
.m_indexPageProjectSocialNetworks a[data-social=dw]{background: url(../img/dw.png)no-repeat;background-size: contain;background-position: center center}
.m_indexPageProjectSocialNetworks a[data-social=nt]{background: url(../img/nt.png)no-repeat;background-size: contain;background-position: center center}
.m_indexPageProjectRisk{}
.m_indexPageProjectRiskValue{position: relative}
.m_indexPageProjectRiskValueText{position:absolute;z-index:2;left:0;top:9px;width:100%;background: url(../img/s.png)no-repeat;background-size: contain;background-position: center center;text-align: center;color:#000;font-family: MontserratMedium;padding: 9px 0 10px 0;font-size: 12px}
.m_indexPageProjectRiskValueBG{width:50px;height:50px;border-radius: 100%;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.25))}
.m_indexPagePreICO{display:inline-block;background: #fb6533;padding: 3px 7px 2px 22px;color:#fff;font-size: 12px;font-family: MontserratMedium;position: relative;margin-top:20px}
.m_indexPagePreICO:before{content:"";position: absolute;left:4px;top:4px;height:13px;width:13px;background: url(../img/pre_ico.png)no-repeat;background-size: contain;background-position: center center}
.m_pagesNavCover{text-align: center;padding: 37px 0 37px 0}
.m_pageNavItem{display: inline-block;width:41px;margin:0 3px 0 3px;border-radius: 6px;font-size: 12px;font-family: MontserratRegular;background: #dddddd;color:#3180f2;padding: 4px 6px 4px 6px;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.2)); cursor: pointer}
.m_pageNavItem[data-style=deep_blue]{background: #3180f2;color:#fff}
.m_pageNavItem[data-style=medium_blue]{background: #6ea8f7;color:#fff}
.m_pageNavItem[data-style=no_background]{background: transparent}
.m_pageNavItem[data-style=active]{background: #828282;color:#fff}
.m_pageBigSlider{margin-bottom:110px}
.m_pageBigSliderCover{position: relative}
.m_pageBigSliderControls{}
.m_pageBigSliderItems{white-space: nowrap;overflow: hidden;width:100%}
.m_pageBigSliderItem{display:inline-block;margin:0 -3px 0 0 !important;padding:7px !important;width: 25%;line-height: 0;position: relative}
.m_pageBigSliderItemImg{display: block;width: 100%;border-radius: 3px;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.4))}
.m_pageBigSliderControlLeft{position: absolute;left:-20px;top:45%;width:12px;height:25px;background: url(../img/left_arrow.png)no-repeat;background-size: contain;background-position: center center;cursor: pointer}
.m_pageBigSliderControlRight{position: absolute;right:-20px;top:45%;width:12px;height:25px;background: url(../img/right_arrow.png)no-repeat;background-size: contain;background-position: center center;cursor: pointer}
.markerListItem{position: relative;padding-left: 30px;padding-bottom: 10px}
/*.markerListItem:before{content:"";position: absolute;left:0;top:4px;width:12px;height:12px;border-radius: 100%;background: #3180f2}
*/
.numberList{list-style-type: none;counter-reset: item;}
.numberList li{position: relative;padding-left: 30px;padding-bottom: 12px}
.numberList li:before{content:counter(item)'.';counter-increment:item;position: absolute;left:0;top:-5px;font-size: 24px;color:#3180F2;font-family: MontserratMedium}
.errorText{display: none;color:#f00;font-size: 12px;text-align: left;padding: 3px 0 3px 0;font-family: MontserratMedium}
.containerForError[data-error=true] .inputForError{border-color:#ff0000 !important;}
.containerForError[data-error=true] .errorText{display: block}
.loginBg .m_chooseItem{position: relative;top:20px;left:10px}
.m_productDetailCover{padding: 90px 0 0 0}
.m_productDetailLeft{width: 50%;float:left}
.m_productDetailRight{width: 50%;float:right}
.m_productDetailHeader{font-size: 16px;color:#000;font-family: MontserratBold;text-align: left;padding-bottom: 10px}
.m_productDetailRight .m_productDetailHeader{text-align: left;padding-top: 15px}
.m_productDetailLeftData{display: table;width: 100%}
.m_productDetailLeftDataRow{display: table-row}
.m_productDetailLeftDataCell{display: table-cell;padding-top: 15px}
.m_productDetailLeftDataCell:nth-child(1){width: 50px;vertical-align: top;text-align: left;padding: 16px 0 0 0;font-size: 14px;font-family: MontserratRegular}
.m_productDetailLeftDataCell:nth-child(2){vertical-align: top;text-align: left}
.m_productDetailLineBlue{color:#fff;font-size: 14px;padding: 1px 6px 1px 6px;background: #2f80ed;font-family: MontserratThin;border-radius: 4px}
.m_productDetailLineGray{height:20px;background: #c4c4c4;border-radius: 4px}
.m_productDetailLeftDataCellText{padding-top: 10px}
.m_productDetailRightTable{display: table;width: 90%;float:right}
.m_productDetailRightTableRow{display: table-row}
.m_productDetailRightTableCell{display: table-cell;text-align: left;vertical-align: middle;padding-bottom: 3px}
.m_productDetailRightTableCell_text{font-size: 14px;font-family: MontserratRegular;text-align: left}
.m_productDetailRightTableCell_Currency{text-align: left;font-size: 20px;font-family: MontserratMedium}
.m_productDetailRightTableCell_value{font-size: 20px;font-family: MontserratBold;text-align: left;color:#56ccf2}
.m_productDetailRightTableCell_value span{color:#eb5757;font-family: MontserratRegular;position: relative}
.m_productDetailRightTableCell_value span:before{content:"(";color:#000}
.m_productDetailRightTableCell_value span:after{content:")";color:#000}
span.positive{color:#219653;}
@media screen and (max-width: 900px) {
.m_productDetailCover{padding: 40px 0 0 0}
.m_productDetailLeft{float:none;width:100%}
.m_productDetailRight{float:none;width:100%}
/*.m_productDetailLeftDataCellText{position: relative;left:-50px;width:100%}*/
.m_productDetailRightTable{width:100%;float:none;margin-top: 10px}
}
@media screen and (max-width: 720px) {
.m_productDetailRightTableCell_Currency,
.m_productDetailRightTableCell_value{font-size: 16px}
.m_productDetailCover{padding: 20px 0 0 0}
}
@media screen and (max-width: 580px) {
.m_productDetailLeftDataCellText{font-size: 13px;width:100% !important;float:none}
}
@media screen and (max-width: 400px) {
.m_productDetailRightTableCell_value{font-size: 14px}
.m_productDetailLeftDataCellText{font-size: 12px}
.m_productDetailLeftDataCell:nth-child(1){width:40px}
}
.m_tokenScheme{margin:50px 0 50px 0}
.m_tokenSchemeLeft{float:left;width: 50%;text-align: right;padding-right: 30px;overflow: hidden}
.m_tokenSchemeRight{float:right;width: 50%;text-align: left;padding-left: 30px}
.m_tokenItem{padding-bottom: 8px;font-size: 14px;font-family: MontserratRegular;text-align: left}
.m_tokenItem span{display: inline-block;width:20px;height:20px;position: relative;border-radius: 3px;top:4px;margin-right:6px}
.m_tokenSchemeCanvas{display: block;float:right;width:190px;height:190px}
.m_tokenDiagramData{display: none}
.m_assessmentCover{text-align: left;width: 800px;margin:0 auto;padding: 50px 0 50px 0}
.m_assessmentSmallHeader{font-size: 14px;font-family: MontserratRegular;padding-left: 30px}
.m_assessmentBigHeader{font-size: 36px;font-family: MontserratBold;padding-left: 30px}
.m_assessmentDetailCover .m_assessmentBigHeader{padding-left: 0}
@media screen and (max-width: 900px) {
.m_assessmentCover{width:100%}
}
@media screen and (max-width: 720px) {
.m_assessmentBigHeader{font-size: 30px}
.m_assessmentItemHeader{font-size: 16px !important;}
}
@media screen and (max-width: 580px) {
.m_assessmentBigHeader{font-size: 24px}
.m_assessmentItemHeader{font-size: 14px !important}
.markerListItem{font-size: 13px}
}
@media screen and (max-width: 400px) {
.m_assessmentSmallHeader{display: none}
.m_assessmentItemHeader{font-size: 12px !important;position: relative;padding-left: 25px !important;}
.markerListItem{font-size: 12px}
.m_assessmentItemHeader span{width:11px !important;height:11px !important;position: absolute!important;top:0;left:0}
}
.m_assessmentItemCover{margin:20px 0 20px 0}
.m_assessmentItemHeader{font-size: 18px;font-family: MontserratBold;padding: 0 0 0 30px;cursor: pointer}
.m_assessmentItemHeader span{display: inline-block;width: 14px;height:14px;position: relative;top:0;left:5px;background: url(../img/handle.png)no-repeat;background-size: contain;background-position: center center;transition: .2s}
.m_assessmentItemHeader span[data-state=false]{transform: rotate(-90deg);transition: .2s}
.m_assessmentItemContent{padding-top: 10px;display: block}
.m_assessmentDetailCover{padding-left: 30px;width: 800px;margin:0 auto}
.m_assessmentDetailItem{margin:40px 0 40px 0}
.m_assessmentDetailItemHeader{}
.m_assessmentDetailItemHeaderName{float:left;font-size: 24px;font-family: MontserratBold}
.m_assessmentDetailItemHeaderAssessment{float:right;white-space: nowrap;padding-top: 7px}
.m_assessmentDetailItemHeaderAssessment span{display: inline-block;width:40px;height:17px;background: #3180f2;border-radius: 5px}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="0"] span{display: none}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="1"] span{display: none}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="1"] span:nth-child(1){display: inline-block}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="2"] span{display: none}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="2"] span:nth-child(1){display: inline-block}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="2"] span:nth-child(2){display: inline-block}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="3"] span:nth-child(4){display: none}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="3"] span:nth-child(5){display: none}
.m_assessmentDetailItemHeaderAssessment[data-assessment-value="4"] span:nth-child(5){display: none}
.m_assessmentDetailItemHeaderAssessment span[data-ectangle-separately="false"] {display:none}
.m_assessmentDetailItemText{padding-top: 12px;font-size: 14px;font-family: MontserratRegular}
@media screen and (max-width: 720px) {
.m_assessmentDetailCover{width:100%}
.m_assessmentDetailItemHeaderName{font-size: 22px}
.m_assessmentDetailItem{margin: 30px 0}
}
@media screen and (max-width: 580px) {
.m_assessmentDetailCover{width:100%}
.m_assessmentDetailItemText{font-size: 13px;line-height: 1.6}
.m_assessmentDetailItemHeaderName{font-size: 20px}
.m_assessmentDetailItemHeaderAssessment span{width:35px;height:14px}
.m_assessmentCover{padding: 40px 0}
}
@media screen and (max-width: 400px) {
.m_assessmentDetailItemHeaderName{font-size: 18px}
.m_assessmentCover{padding: 30px 0}
.m_assessmentBigHeader{padding-left: 0}
.m_assessmentItemHeader{padding: 0}
.m_assessmentDetailCover{width:100%;padding-left: 0}
.m_assessmentDetailItemText{font-size: 12px}
.m_assessmentDetailItemHeaderAssessment span{width:25px;height:10px}
.m_assessmentDetailItemHeaderName{display: block;width:100%}
.m_assessmentDetailItemHeaderAssessment{display: block;width:100%}
.m_assessmentDetailItemText{padding-top: 8px}
}
.m_projectBottomLinks{padding: 30px 0 60px 30px;width: 800px;margin:0 auto;border-bottom:2px solid #3180f2}
.m_projectBottomLinks .m_projectBottomLink{display: block;float:left;width: 33.3%;padding: 15px 0 15px 0}
.m_projectBottomLinks .m_projectBottomLink a{display: inline-block;position: relative;padding: 2px 2px 2px 34px;width: 190px;line-height: 15px;font-size: 14px;color:#3180f2}
.m_projectBottomLinks .m_projectBottomLink a img{position: absolute;left:2px;top:2px;width: 25px}
@media screen and (max-width: 900px) {
.m_projectBottomLinks{width:100%}
.m_projectBottomLinks{padding-top: 0}
}
@media screen and (max-width: 720px) {
.m_projectBottomLinks .m_projectBottomLink{width:50%}
.m_projectBottomLinks .m_projectBottomLink{padding: 7px 0 7px 0}
}
@media screen and (max-width: 580px) {
.m_projectBottomLinks .m_projectBottomLink{width:100%}
}
@media screen and (max-width: 400px) {
.m_projectBottomLinks{padding-bottom: 30px;border-bottom: none;padding-left: 0}
}
/* date input ON */
.parent_input_date{height:15px !important;width:50%;position:relative !important;display:block !important;float:left !important;}
.parent_input_date .input{font-family:MontserratMedium!important;display: block !important;width:100% !important;position: relative !important;border:none !important;font-size:17px !important;color:#000 !important;background:transparent !important;border-radius:0 !important;}
.parent_input_date .select, .parent_input_date .ui-timepicker-select{display: block !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;opacity:0}
.parent_input_date .select:focus, .parent_input_date:focus .ui-timepicker-select{opacity:1}
.parent_input_date:nth-child(1) .input{text-align: right;padding:0 3px 0 0 !important;}
.parent_input_date:nth-child(1) select{text-align: right}
.parent_input_date:nth-child(2) .input{text-align: left;padding:0 0 0 3px !important;}
.parent_input_date:nth-child(2) select{text-align: left}
.ui-datepicker .ui-datepicker-header{height:40px !important}
.ui-datepicker-calendar{clear:both}
/* date input OFF */
.m_offset_text{height: 15px}
.assessmentBlockItem{margin:12px 0 12px 0;text-indent: 24px}
.assessmentBlockItem:first-child{margin-top:0}
.assessmentBlockItem:last-child{margin-bottom:0}
.reset-this {
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
cursor : auto;
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* May need to alter quotes for different locales (e.g fr) */
quotes : '\201C' '\201D' '\2018' '\2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
/* basic modern patch */
all: initial;
all: unset;
}