body {
font-family: sans-serif;
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.2;
font-family: "Manrope", sans-serif;
overflow-x: hidden;
margin:0;
}
/*Подбор роботов*/
.bot-calc-container {
max-width: 1050px;
margin: 0 auto;
}
.bot-calc-bx {
background: #F7F7FF;
border-radius: 10px;
padding: 25px 30px 35px;
margin-bottom: 5px;
}
.bot-calc-bx .h3{
font-family: 'Manrope';
font-weight: 700;
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
color: #212121;
}
.bot-calc-bx .h4{
font-family: 'Manrope';
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #777777;
margin-bottom: 17px;
}
.bot-calc-bx .wrap{
gap: 30px;
display: flex;
}
.bot-calc-bx .wrap .bx{
width: 50%;
}
.bot-calc-bx .ch-wrap {
display: flex;
gap: 10px;
}
.bot-calc-bx .check-bt{
width: 33%;
cursor: pointer;
}
.bot-calc-bx .check-bt input {
opacity: 0;
position: absolute;
left: -999px;
}
.bot-calc-bx .check-bt span {
font-family: Manrope;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 160%;
text-align: center;
color: #7679AE;
background: #FFFFFF;
border: 1px solid #D4D7F3;
border-radius: 5px;
display: block;
padding: 4px 0;
}
.bot-calc-bx .check-bt input:checked + span {
background: #373DBE;
border-color: #373DBE;
color: #fff;
font-family: 'Manrope';
}
.bot-calc-bx .price-wrap {
display: flex;
gap: 20px;
}
.bot-calc-bx .price-wrap input[type='text'] {
width: 100%;
background: #FFFFFF;
border: 1px solid #D4D7F3;
border-radius: 5px;
height: 32px;
padding: 0 20px;
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #121212;
outline: 0;
}
.bot-calc-bx .price-wrap .sub {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
background: #22243E;
border-radius: 8px;
padding: 7px 0;
border: 0;
min-width: 142px;
cursor: pointer;
transition: 0.3s all ease;
}
.bot-calc-bx .price-wrap .sub:hover {
background: #373DBE;
}
.bot-calc-result-bx {
padding: 30px;
background: #F7F7FF;
border-radius: 10px;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.bot-calc-result-bx .h3{
display: flex;
align-items: center;
gap: 17px;
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #000000;
}
.bot-calc-result-bx .numbers-wr{
display: flex;
align-items: center;
gap: 35px;
}
.bot-calc-result-bx .numbers-wr .h4 {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
margin-bottom: 7px;
color: #212121;
}
.bot-calc-result-bx .numbers-wr .num {
display: flex;
align-items: center;
gap: 7px;
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 1;
color: #4B51DC;
}
.bot-calc-result-bx .bt {
background: #373DBE;
border-radius: 6px;
padding: 5px 21px;
display: inline-block;
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 160%;
text-align: center;
color: #FFFFFF;
text-decoration: none;
}
.bot-calc-result-bx .bt:hover {
background: #000;
}
.bot-calc-works-bx {
margin-bottom: 14px;
}
.bot-calc-works-bx .h3{
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
margin-bottom: 12px;
color: #000000;
}
.bot-bx-item {
margin-bottom: 6px;
padding: 24px 30px;
display: flex;
justify-content: space-between;
align-items: center;
gap:30px;
border: 1px solid #DEDEDE;
border-radius: 8px;
}
.bot-bx-item .name {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: #000000;
width: 90px;
}
.bot-bx-item .bx {
display: flex;
align-items: center;
gap: 20px;
}
.bot-bx-item .bx .h4{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #777777;
}
.bot-bx-item .bx .wr{
display: flex;
align-items: center;
gap: 5px;
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #000000;
white-space: nowrap;
}
.bot-bx-item .bx .wr span {
display: flex;
align-items: center;
}
.bot-bx-item .bx .wr span i {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 15px;
margin-left: 5px;
color: #25C849;
}
.bot-bx-item .num {
border: 1px solid #373DBE;
border-radius: 90px;
width: 82px;
height: 25px;
text-align: center;
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 23px;
text-decoration: none;
color: #373DBE;
}
.bot-vip-bx {
padding: 20px 30px;
background: #F6F7FF;
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.bot-vip-bx .text {
display: flex;
align-items: center;
gap:40px;
}
.bot-vip-bx .text .sep {
height: 42px;
border-left: 1px solid #EBEBF6;
}
.bot-vip-bx .text .h3 {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #000000;
display: flex;
align-items: center;
gap: 18px;
}
.bot-vip-bx .text .h3 span span {
color: #EE3F3F;
font-weight: 700;
}
.bot-vip-bx .text .bx {
display: flex;
align-items: center;
gap: 40px;
font-family: 'Manrope';
font-size: 12px;
line-height: 19px;
color: #212121;
}
.bot-vip-bx .bt {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 11px;
text-align: center;
text-decoration: none;
color: #1B1B1B !important;
padding: 13px 20px;
border: 1px solid #F99E9E;
border-radius: 8px;
display: inline-block;
}
.bot-vip-bx .bt span {
color: #EE3F3F;
font-weight: 700;
}
.bot-vip-bx .bt:hover {
background: #F99E9E;
color: #fff;
}
@media (max-width: 991px) {
.bot-vip-bx .text, .bot-vip-bx .text .bx {gap:20px;}
}
@media (max-width: 767px) {
.bot-calc-bx .wrap {display: block;}
.bot-calc-bx .wrap .bx {width: auto; margin-bottom: 14px;}
.bot-calc-bx .h3 {text-align: center;}
.bot-calc-bx .h4 {margin-bottom: 8px;}
.bot-calc-bx {padding: 15px 20px 5px; margin-bottom: 14px;}
.bot-calc-bx .price-wrap {display: block;}
.bot-calc-bx .price-wrap input[type='text'] {margin: 0 0 14px;}
.bot-calc-bx .price-wrap .sub {height: 46px;width: 100%;}
.bot-calc-result-bx {display: block;padding: 20px;margin-bottom: 18px;}
.bot-calc-result-bx .h3 img{width: 25px;}
.bot-calc-result-bx .h3 {font-size: 16px;margin-bottom: 22px;}
.bot-calc-result-bx .numbers-wr{margin-bottom: 20px;}
.bot-calc-result-bx .bt {display: block;padding: 12px 21px;}
.bot-calc-works-bx .h3 {text-align: center;}
.bot-bx-item {display: block;padding: 20px;position: relative;}
.bot-bx-item .name {width: auto;margin-bottom: 17px;}
.bot-bx-item .bx {display: block;margin-bottom: 14px;}
.bot-bx-item .bx .h4 {margin-bottom: 5px;}
.bot-bx-item .bx + .bx {margin-bottom: 0;}
.bot-bx-item .num {position: absolute;right: 20px;top: 16px;}
.bot-vip-bx {text-align: center;padding: 20px;display: block;}
.bot-vip-bx .text .h3 {display: block;margin-bottom: 20px;}
.bot-vip-bx .text {display: block;}
.bot-vip-bx .text .h3>span {display: block;}
.bot-vip-bx .text .h3 img{margin-bottom: 15px;}
.bot-vip-bx .text .h3 br{display: none;}
.bot-vip-bx .text .sep{display: none;}
.bot-vip-bx .text .bx {display: block;}
.bot-vip-bx .text .bx .t {margin-bottom: 10px;}
.bot-vip-bx .text .bx .t br{display: none;}
.bot-vip-bx .bt {display: block;margin-top: 17px;}
.bot-calc-bx .check-bt span{font-size: 12px;}
}
/*Конец подбор роботов*/
/*Header*/
.header ul{
padding: 0;
margin: 0;
list-style: none;
}
.header{
font-family: 'Manrope', sans-serif;
margin-bottom: 30px;
}
.header a{
transition: 0.3s all ease;
}
.header *{
box-sizing: border-box;
}
.header_center{
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.header_top{
padding: 25px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-toggle{
width: 18px;
height: 15px;
background: url(https://mihaelk.ru/hh/imghh/tog.svg) 50% no-repeat;
display: none;
}
.nav-toggle.active{
background: url(https://mihaelk.ru/hh/imghh/close.svg) 50% no-repeat;
}
.logo a,
.logo img{display: block;}
.lang-opener{
border: 1px solid #C2C4FD;
border-radius: 22px;
width: 100px;
height: 44px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px 0 10px;
cursor: pointer;
}
.lang-opener .name{
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #101010 !important;
}
.active .lang-opener .arr{
transform: rotate(-180deg);
}
.lang-bx{
position: relative;
margin-right: 327px;
z-index:10000;
}
.active .lang-drop{
display: block;
}
.lang-drop{
background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(41, 98, 151, 0.25);
border-radius: 20px;
width: 176px;
position: absolute;
z-index: 5;
top: calc(100% + 7px);
left: 0;
padding: 15px;
display: none;
}
.lang-drop-item{
margin-bottom: 15px;
}
.lang-drop-item:last-child{
margin-bottom: 0;
}
.lang-drop-item a{
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-decoration: none;
color: #101010 !important;
}
.lang-drop-item a img{
margin-right: 14px;
display: block;
}
.header-btns{
position: absolute;
right: 0;
top: 27px;
display: flex;
}
.bt-log{
background: #9B19D8 url(https://mihaelk.ru/hh/imghh/log.svg) 0 100% no-repeat;
border-radius: 90px;
width: 124px;
height: 44px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
padding-left: 50px;
color: #FFFFFF !important;
text-decoration: none;
order:2;
}
.bt-log:hover{
opacity: 0.9;
}
.bt-reg{
background: #373DBE url(https://mihaelk.ru/hh/imghh/reg.svg) 20px 50% no-repeat;
border-radius: 90px;
width: 174px;
height: 44px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
padding-left: 50px;
color: #FFFFFF !important;
text-decoration: none;
order:1;
margin-right: 15px;
}
.bt-reg:hover{
opacity: 0.9;
}
.header-links{
position: absolute;
left: 190px;
top: 35px;
display: flex;
}
.live-link{
display: flex;
align-items: center;
padding: 5px 13px;
gap: 10px;
width: auto;
height: 30px;
justify-content: center;
font-weight: 700;
font-size: 15px;
line-height: 20px;
color: #000000 !important;
border: 1px solid #FF4747;
box-shadow: 0px 0px 8px rgba(251, 32, 32, 0.25);
border-radius: 5px;
text-decoration: none;
white-space: nowrap;
margin-right: 40px;
}
.tel_link{
background: #d2f0ff;
border: 1px solid #99e4ff;
border-radius: 7px;
padding: 5px;
font-size: 18px !important;
color: rgb(7, 148, 207) !important;
}
.vip-link{
display: flex;
align-items: center;
flex: 1 1 auto;
margin: 0 14px;
gap:10px;
font-weight: 700;
font-size: 15px;
line-height: 20px;
color: #000000 !important;
text-decoration: none;
}
.header-nav{
background: linear-gradient(89.97deg, #EAEBFF 0.02%, #D6D8FF 99.97%);
border-radius: 20px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.header-mnu{
display: flex;
align-items: center;
}
.header-mnu>li:first-child{
margin-left: 20px;
}
.header-mnu>li{
position: relative;
margin-right: 35px;
}
.header-mnu>li:last-child{
margin-right: 0px;
}
.header-mnu img{display: block;}
.header-mnu>li>a{
font-weight: 600;
font-size: 15px;
line-height: 20px;
text-decoration: none;
color: #000000 !important;
}
.header-mnu>li>a:hover{
color: #373DBE;
}
.mnu-drop-list{
background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(41, 98, 151, 0.25);
border-radius: 20px;
padding: 20px !important;
width: 176px;
position: absolute;
top: 46px;
left: 0;
display: none;
}
.mnu-drop-list li{
margin-bottom: 15px;
}
.mnu-drop-list li:last-child{
margin-bottom: 0px;
}
.mnu-drop-list a{
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-decoration: none;
color: #101010 !important;
}
.mnu-drop-list a:hover{
color: #373DBE !important;
}
.mnu-drop-opener{
cursor: pointer;
}
.active .mnu-drop-opener svg path {
fill: #fff;
}
.active .mnu-drop-list{
display: block;
z-index:10000;
}
.earning-panel{
background: #FFFFFF;
border-radius: 10px;
height: 50px;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.earning-panel .ico{
margin-right: 10px;
}
.earning-panel .ico img{
display: block;
}
.earning-panel .t1{
font-weight: 700;
font-size: 15px;
line-height: 20px;
margin-right: 16px;
color: #373DBE !important;
}
.earning-panel .t2{
font-weight: 500;
font-size: 12px;
line-height: 16px;
margin-right: 16px;
color: #9A9A9A !important;
}
.earning-panel .links{
display: flex;
align-items: center;
gap:13px;
}
.earning-panel .links a,
.earning-panel .links a img{
display: block;
}
.header-nav.active{
display: block;
}
.live-link img{
animation: phone-atention 1s ease-in-out 0s infinite alternate;
}
@keyframes phone-atention {
0%{
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
@media (max-width: 1199px){
.header{padding: 0 15px;}
.header-mnu>li{margin-right: 30px;}
}
@media (max-width: 991px){
.nav-toggle{display: block;}
.header-nav{display: block;padding: 15px 10px;}
.header-mnu>li:first-child{display: none;}
.header-btns{position: static;gap:15px;margin-bottom: 20px;}
.bt-reg{margin-right: 0;width: 50%;padding-left: 0;justify-content: center;}
.bt-log{width: 50%;padding-left: 0;justify-content: center;}
.header-links{position: static;}
.earning-panel{max-width: 400px;margin: 0 auto;}
.header-mnu>li:last-child{display: none;}
.header-mnu{display: block;text-align: center;}
.header-mnu>li{margin: 0 0 20px;}
.header-mnu>li>a{font-size: 17px;}
.header-links{justify-content: center;margin-bottom: 20px;}
.lang-bx{margin-right: 0;}
.lang-drop{right: 0;left: auto;}
.nav-toggle{margin-right: 82px;}
.header-nav{display: none;}
}
@media (max-width: 480px){
.header-btns{display: block;}
.bt-log, .bt-reg{width: 100%;}
.bt-log{margin-bottom: 10px;}
.live-link{margin-right: 30px;}
.earning-panel{display: block;text-align: center;height: auto;position: relative;margin-top: 50px;padding: 35px 0 22px;}
.earning-panel .ico{position: absolute;left: 0;width: 100%;text-align: center;top: -28px;margin: 0;text-align: center;}
.earning-panel .ico img{display: inline-block;width: 50px;}
.earning-panel .t1{font-size: 18px;margin: 0 0 5px;}
.earning-panel .t2{margin: 0 0 20px;font-size: 14px;}
.earning-panel .links{justify-content: center;}
.lang-opener .name{display: none;}
.lang-opener{width: 50px;padding: 0 7px;height: 32px;}
.lang-opener .flag{width: 18px;}
.nav-toggle{margin-right: 32px;}
.logo img{width: 100px;}
}
/*END Header*/
/*Start page bots*/
.plusprofit {background: #e7ffd4; border: 1px solid #4bee6b !important;}
#robotPrevMonthProfitPercent500{font-family: 'Manrope';
font-weight: 700;
font-size: 13px;
line-height: 160%;
background: #4ECA69;
border-radius: 90px;
color: #FFFFFF;
padding: 0 7px;}
body{line-height:0.6 !important;}
.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.irs-disabled {
opacity: 0.4;
}
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40);
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
/*background: url(../img/sprite-skin-modern.png) repeat-x;*/
}
.irs {
height: 50px;
}
.irs-with-grid {
height: 50px;
}
.irs-line {
height: 10px; top: 25px;
}
.irs-line-left {
height: 10px;
background: #E4E6FF;
border-radius: 5px 0 0 5px;
}
.irs-line-mid {
height: 10px;
background: #E4E6FF;
}
.irs-line-right {
height: 10px;
background: #E4E6FF;
border-radius: 0 5px 5px 0;
}
.irs-bar {
height: 10px; top: 25px;
background: #373DBE;
}
.irs-bar-edge {
top: 25px;
height: 10px; width: 10px;
background: #373DBE;
}
.irs-shadow {
height: 5px; top: 25px;
background: #000;
opacity: 0.25;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=25);
}
.irs-slider {
width: 20px;
height: 20px;
top: 19px;
background: #373DBE;
box-shadow: 0px 4px 4px rgba(55, 61, 190, 0.24);
border: 4px solid #fff;
border-radius: 50%;
}
.irs-slider.state_hover, .irs-slider:hover {
cursor:pointer;
}
.irs-min, .irs-max {
color: #999;
font-size: 10px; line-height: 1.333;
text-shadow: none;
top: 0; padding: 1px 3px;
background: #e1e4e9;
-moz-border-radius: 4px;
border-radius: 4px;
display: none;
}
.irs-from, .irs-to, .irs-single {
color: #fff;
font-size: 10px; line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #548c7d;
-moz-border-radius: 4px;
border-radius: 4px;
display: none;
}
.irs-from:after, .irs-to:after, .irs-single:after {
position: absolute; display: block; content: "";
bottom: -6px; left: 50%;
width: 0; height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #548c7d;
}
.irs-grid {
height: 34px;
display: none !important;
}
.irs-grid-pol {
background: #c0c0c0;
}
.irs-grid-text {
bottom: 12px;
color: #c0c0c0;
}
.irs-disable-mask {
}
.irs-disabled {
}
.lt-ie9 .irs-disabled {
}
/*item*/
.robot-item{
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
border-radius: 20px;
margin-bottom: 30px;
padding: 30px;
}
.info-text-bx{
padding: 25px;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.info-text-bx .ico-bx{
width: 125px;
min-width: 125px;
margin-right: 65px;
text-align: center;
}
.info-text-bx .ico-bx .ico{
margin-bottom: 25px;
}
.info-text-bx .text-bx{
width: 100%;
}
.info-text-bx .text-bx .h3{
font-weight: 600;
font-size: 33px;
line-height: 110%;
margin-bottom: 20px;
color: #000000;
}
.info-text-bx .text-bx .tags{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.info-text-bx .text-bx .tags li{
margin-right: 10px;
font-weight: 600;
font-size: 14px;
line-height: 160%;
color: #39C433;
padding: 3px 12px;
background: #D3FFD1;
border-radius: 30px;
margin-bottom: 5px;
}
.info-text-bx .text-bx .tags li.col1{
color: #39C433;
background: #D3FFD1;
}
.info-text-bx .text-bx .tags li.col2{
color: #52A1EA;
background: #DFECFF;
}
.info-text-bx .text-bx .tags li.col3{
color: #5A6BFF;
background: #EEEEFF;
}
.info-text-bx .text-bx p{
font-size: 14px;
line-height: 160%;
color: #5E5E75;
margin: 0;
}
.info-text-bx .price-bx{
width: 240px;
min-width: 240px;
margin-left: 30px;
}
.info-text-bx .price-bx .pr-wr{
margin-bottom: 10px;
background: #FAFAFD;
border-radius: 10px;
padding: 25px;
}
.info-text-bx .price-bx .pr-wr .t1{
font-weight: 600;
font-size: 16px;
line-height: 160%;
color: #000000;
font-family: 'Manrope';
}
.info-text-bx .price-bx .pr-wr .t2{
font-family: 'Manrope';
font-weight: 700;
font-size: 33px;
line-height: 160%;
color: #0D0D0D;
}
.info-text-bx .price-bx .bt{
background: #373DBE;
border-radius: 10px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}
.info-text-bx .price-bx .bt img{
margin-right: 15px;
}
.info-text-bx .price-bx .bt:hover{
background: #000;
}
.info-text-bx .price-bx .link{
display: flex;
align-items: center;
font-weight: 600;
font-size: 14px;
line-height: 160%;
text-decoration: none;
color: #373DBE;
margin-left: 5px;
}
.info-text-bx .price-bx .link img{
margin-right: 10px;
}
.info-text-bx .price-bx .link:hover span{
text-decoration: underline;
}
.robot-info-line .opener-bx{
background: #FAFAFD;
border-radius: 15px;
padding: 25px 30px;
position: relative;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx{
margin-right: 25px;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx1{
margin-right: 55px;
}
.robot-info-line .opener-bx .bx1 .t1{
margin-right: 30px;
}
.robot-info-line .opener-bx .bx1 .t1 img{
display: block;
}
.robot-info-line .opener-bx .bx1 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 110%;
color: #000000;
}
.robot-info-line .opener-bx .bx2 .t1,
.robot-info-line .opener-bx .bx3 .t1{
font-weight: 700;
font-size: 33px;
line-height: 160%;
margin-right: 15px;
color: #4ECA69;
}
.robot-info-line .opener-bx .bx2 .t2,
.robot-info-line .opener-bx .bx3 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx3 .t1{
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s1{
font-weight: 600;
font-size: 15px;
line-height: 160%;
font-family: 'Manrope';
color: #000000;
margin-right: 15px;
}
.robot-info-line .opener-bx .bx2 .s2{
font-weight: 700;
font-size: 24px;
line-height: 160%;
margin-right: 10px;
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s3{
font-weight: 700;
font-size: 15px;
line-height: 160%;
color: #FFFFFF;
padding: 1px 8px;
background: #4ECA69;
border-radius: 90px;
}
.robot-info-line .opener-bx .bx .s4{
font-family: 'Manrope';
font-weight: 500;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx .s4 b{
color: #000000;
}
.robot-info-line .opener-bx .bx3{
margin-right: 15px;
}
.robot-info-line .opener-bx:after{
content: '';
width: 20px;
height: 20px;
background: url(../img/plus.svg) 50% no-repeat;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
display: none;
}
.robot-info-line.opened .opener-bx{
border-radius: 15px 15px 0 0 ;
}
.robot-info-line.opened .opener-bx:after{
background: url(../img/minus.svg) 50% no-repeat;
}
.robot-info-line .drop-bx{
display: none;
border-top: 1px solid #D7D7D7;
border-radius: 0 0 15px 15px;
background: #FAFAFD;
}
.robot-info-line.opened .drop-bx{
display: block;
}
.robot-info-line .drop-bx .text{
padding: 25px 30px;
}
.robot-info-line .drop-bx .pr-wr{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.robot-info-line .drop-bx .pr-wr .bx{
margin-right: 40px;
}
.robot-info-line .drop-bx .pr-wr .t1{
font-weight: 700;
font-size: 22px;
line-height: 120%;
color: #1F1F1F;
}
.robot-info-line .drop-bx .pr-wr .t2{
font-weight: 600;
font-size: 13px;
line-height: 120%;
font-family: 'Manrope';
color: #8D8DAF;
}
.robot-info-line .drop-bx .graf img{
max-width: 100%;
}
.robot-info-line .drop-bx .graf {
margin-bottom: 40px;
}
.robot-info-line .drop-bx .h4{
font-weight: 600;
font-size: 22px;
line-height: 160%;
color: #000000;
}
.table-wrap{
overflow: auto;
width: 100%;
}
.table-custom{
border-collapse: collapse;
width: 100%;
border-radius: 0 0 15px 15px;
}
.table-custom tr td{
font-size: 12px;
line-height: 160%;
color: #000000;
padding: 18px 20px;
background: #F8F8FC;
}
.table-custom tr:nth-child(odd) td{
background: #fff;
}
.table-custom tr:first-child td{
background: #373DBE;
font-weight: 300;
font-size: 12px;
line-height: 160%;
}
.table-custom .gr{
font-weight: 700;
color: #25B522;
}
/*new*/
.robot-filter-bx{
background: #fff;
border-radius: 15px;
margin-bottom: 30px;
}
.robot-filter-bx .sort-wrap{
display: flex;
align-items: center;
justify-content: left;
padding: 20px;
border-bottom: 1px solid #EBEBF6;
}
.robot-filter-bx .sort-wrap .h4{
font-weight: 500;
font-size: 16px;
width:10%;
line-height: 120%;
color: #000000;
}
.robot-filter-bx .bx{
padding: 0 5px;
flex: auto;
}
.robot-filter-bx .bx a{
padding: 20px 15px;
display: flex;
align-items: center;
text-decoration: none;
height: 60px;
background: #fff;
transition: 0.3s all ease;
border: 1px solid #EBEBF6;
border-radius: 8px;
color: #616161 !important;
}
.robot-filter-bx .bx .ico{
display: inline-block;
margin-right: 15px;
}
.robot-filter-bx .bx .ico svg{
display: block;
}
.robot-filter-bx .bx .t{
font-size: 14px;
line-height: 19px;
display: block;
}
.robot-filter-bx .bx a:hover ,
.robot-filter-bx .bx a.act{
color: #FFFFFF;
background: #373DBE;
}
.robot-filter-bx .bx a.act svg path ,
.robot-filter-bx .bx a:hover svg path {
fill: #fff;
}
.info-text-bx .ico-bx .ico img{
max-width: 100%;
}
.robot-item .num-list{
margin: 0;
padding: 0;
list-style: none;
}
.robot-item .num-list li{
display: flex;
align-items: center;
margin-bottom: 24px;
}
.robot-item .num-list .tt{
width: 50%;
font-size: 14px;
line-height: 120%;
font-family: 'Manrope';
color: #5E5E75;
}
.robot-item .num-list .ic-t{
display: flex;
align-items: center;
}
.robot-item .num-list .ic-t .img{
width: 13px;
text-align: center;
margin-right: 10px;
}
.robot-item .num-list .ic-t .t{
font-family: 'Manrope';
font-weight: bold;
font-size: 18px;
line-height: 160%;
color: #000000;
}
.robot-item .num-list .ic-t .t-green{
color: #78CF5A;
}
.robot-item .num-list + .bt{
margin-bottom: 0;
}
.info-text-bx .more{
font-size: 14px;
line-height: 160%;
display: inline-block;
margin-top: 10px;
border-bottom: 1px dashed #373DBE;
color: #373DBE;
text-decoration: none;
display: none;
}
.hero-item .num-list{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.hero-item .num-list li{
display: flex;
align-items: center;
margin-bottom: 5px;
}
.hero-item .num-list .tt{
margin-right: 10px;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.hero-item .num-list .ic-t{
display: flex;
align-items: center;
}
.hero-item .num-list .ic-t .img{
width: 13px;
text-align: center;
margin-right: 10px;
}
.hero-item .num-list .ic-t .t{
font-family: 'Manrope';
font-weight: normal;
font-size: 12px;
line-height: 160%;
color: #000;
}
.hero-item .num-list .ic-t .t2{
font-weight: 500;
}
.hero-item .num-list .ic-t .green{
color: #78CF5A;
}
.hero-item .tags{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.hero-item .tags li{
font-family: 'Manrope';
margin-right: 5px;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #8A8FBF;
padding: 3px 12px;
background: #F3F6FA;
border-radius: 30px;
margin-bottom: 5px;
}
.hero-item .name{
font-weight: 700;
font-size: 20px;
line-height: 160%;
margin-bottom: 13px;
white-space: nowrap;
color: #000000;
font-family: 'Manrope';
}
.hero-item .img-bx{
display: flex;
align-items: flex-start;
}
.hero-item .img-bx .av{
margin-right: 27px;
}
.hero-item {
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
border-radius: 20px;
padding: 30px;
margin-bottom: 25px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.hero-item .bt{
background: #373DBE;
border-radius: 10px;
height: 50px;
width: 220px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #FFFFFF;
}
.hero-item .bt:hover{
background: #000;
}
.hero-item .text-bx{
border: 1px solid #EBEBF7;
border-radius: 10px;
width: 635px;
padding: 20px 15px;
}
.hero-item .online-bx{
margin-bottom: 15px;
display: flex;
align-items: center;
}
.hero-item .online-bx .live{
margin-right: 10px;
background: #FF2D2D;
border-radius: 4px;
width: 50px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #FFFFFF;
font-family: 'Manrope';
}
.hero-item .online-bx .live .circle{
width: 5px;
height: 5px;
background: #fff;
margin-right: 5px;
border-radius: 50%;
}
.hero-item .online-bx .t{
font-weight: 600;
font-size: 18px;
line-height: 130%;
font-family: 'Manrope';
color: #000000;
}
.hero-item .num-bx {
display: flex;
margin-bottom: 18px;
}
.hero-item .num-bx .bx{
margin-right: 30px;
}
.hero-item .num-bx .t{
font-weight: 600;
font-size: 13px;
line-height: 160%;
margin-bottom: 7px;
color: #0D0D0D;
font-family: 'Manrope';
}
.hero-item .num-bx .num {
display: flex;
align-items: center;
}
.hero-item .num-bx .num .n1{
font-weight: 700;
font-size: 28px;
line-height: 160%;
margin-right: 12px;
color: #373DBE;
font-family: 'Manrope';
}
.hero-item .num-bx .num .n2{
font-family: 'Manrope';
font-weight: 700;
font-size: 13px;
line-height: 160%;
background: #4ECA69;
border-radius: 90px;
color: #FFFFFF;
padding: 0 7px;
}
.hero-item .inf-bx{
display: flex;
justify-content: space-between;
margin: 0 -3px;
}
.hero-item .inf-bx .bx{
margin: 0 3px;
width: 25%;
border: 1px solid #EBEBF7;
border-radius: 10px;
padding: 12px;
}
.hero-item .inf-bx .bx .t1{
font-weight: 500;
font-size: 13px;
line-height: 160%;
margin-bottom: 6px;
color: #8D8DAF;
font-family: 'Manrope';
}
.hero-item .inf-bx .bx .t2{
font-weight: 700;
font-size: 15px;
line-height: 160%;
color: #151515;
font-family: 'Manrope';
}
.hero-item .inf-bx .bx .t2 span{
font-weight: 700;
font-size: 13px;
line-height: 160%;
margin-left: 8px;
color: #4ECA69;
}
.hero-item .hidden-bt{
display: none;
padding: 0 15px 20px;
}
.hero-item .hidden-bt .bt{
width: 100%;
}
/*new*/
.hero-item{
padding-top: 65px;
position: relative;
}
.top-hero-panel {
position: absolute;
left: 0;
top: 0;
padding: 10px;
}
.top-hero-panel .bx{
height: 40px;
display: flex;
align-items: center;
padding: 0 12px;
border-radius: 6px;
font-family: 'Manrope';
font-size: 14px;
line-height: 130%;
color: #000;
}
.top-hero-panel .bx1{
background: #DFFFAB;
}
.top-hero-panel .bx1 span{
color: #72A919;
}
.top-hero-panel .bx2{
background: #FFFAC9;
}
.top-hero-panel .bx2 span{
color: #FF602E;
}
.top-hero-panel .bx3{
background: #FFE2E9;
}
.top-hero-panel .bx3 span{
color: #E9446B;
}
.top-hero-panel .ico{
margin-right: 10px;
}
.sort-price-bx{
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sort-price-bx .h4{
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #000000;
}
.price-slider-bx{
padding: 0 115px;
position: relative;
width: 560px;
margin-top: -10px;
}
.price-slider-bx .slider{
width: 330px;
}
.price-slider-bx .inputs .inp{
background: #FBFBFB;
border: 1px solid #EBEBF6;
border-radius: 3px;
width: 100px;
height: 40px;
text-align: center;
font-size: 14px;
line-height: 19px;
color: #000000;
outline: 0;
}
.price-slider-bx .inputs .inp1{
position: absolute;
left: 0;
top: 10px;
}
.price-slider-bx .inputs .inp2{
position: absolute;
right: 0;
top: 10px;
}
.sort-price-bx .btns-bx{
display: flex;
margin-left: 10px;
}
.sort-price-bx .btn-black{
width: 127px;
height: 40px;
background: #22243E;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 160%;
text-align: center;
color: #FFFFFF;
margin-right: 7px;
border: 0;
cursor: pointer;
transition: 0.3s all ease;
}
.sort-price-bx .btn-black:hover{
background: #4ECA69;
}
.sort-price-bx .btn-clear{
width: 40px;
height: 40px;
border: 1px solid #EBEBF6;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
cursor: pointer;
transition: 0.3s all ease;
}
.sort-price-bx .btn-clear:hover{
background: #EBEBF6;
}
@media (max-width: 1199px){
.info-text-bx .ico-bx{margin-right: 30px;}
.table-custom tr td{padding: 10px;}
.robot-filter-bx .sort-wrap .h4{display: none;}
.price-slider-bx{width: 460px;}
.price-slider-bx .slider{width: 230px;}
}
@media (max-width: 991px){
.info-text-bx .price-bx .pr-wr .t2{font-size: 24px;}
.info-text-bx .price-bx{width: 190px;min-width: 190px;}
.robot-info-line .opener-bx, .robot-info-line .drop-bx .text{padding: 10px 15px;}
.robot-info-line .opener-bx .bx1 .t1{margin-right: 15px;}
.robot-info-line .opener-bx:after{right: 20px;top: 23px;}
.info-text-bx{padding: 15px;}
.robot-filter-bx .bx .ico{margin-bottom: 5px;}
.robot-filter-bx .bx a{padding: 20px 10px;}
.hero-item{display: block;}
.hero-item .hidden-bt{display: block;}
.hero-item .img-bx .bt{display: none;}
.hero-item .text-bx{width: auto;}
.price-slider-bx{width: 430px;}
.price-slider-bx .slider{width: 200px;}
}
@media (max-width: 767px){
.info-text-bx{display: block;}
.info-text-bx .ico-bx{width: auto;margin: 0 0 30px;}
.info-text-bx .price-bx{margin: 0;width: auto;}
.info-text-bx .text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .pr-wr{text-align: center;}
.info-text-bx .text-bx .h3{text-align: center;}
.robot-info-line .drop-bx .pr-wr{display: block;}
.robot-info-line .drop-bx .pr-wr .bx{margin: 0 0 15px;}
.robot-info-line .opener-bx{flex-wrap: wrap;}
.robot-info-line .opener-bx .bx{margin: 0 0 15px;}
.robot-item{padding: 15px;}
.info-text-bx{padding: 0;}
.robot-info-line{margin: 0 -15px;}
.info-text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .link{justify-content: center;}
.robot-info-line .opener-bx .bx1{width: 100%; }
.robot-info-line .opener-bx .bx2{width: 100%;}
.robot-info-line .opener-bx .bx3,.robot-info-line .opener-bx .bx4{width: 50%; }
.robot-info-line .opener-bx .bx2 .t1, .robot-info-line .opener-bx .bx3 .t1{font-size: 18px;margin-right: 5px;}
.robot-info-line .opener-bx .bx .s4 b{display: block;}
.robot-filter-bx .bx a{display: flex;align-items: center;}
.robot-filter-bx .bx .ico{margin: 0 10px 0 0;}
.robot-filter-bx .bx a{padding: 15px;text-align: left;}
.robot-filter-bx .bx {width: auto;margin-right: 8px;}
.sort-wrap{width: 100%;overflow: auto;}
.robot-filter-bx .bx a{height: auto;}
.robot-filter-bx .bx a .t{white-space: nowrap;}
.robot-filter-bx .bx .ico svg{zoom:.7;}
.robot-filter-bx .bx .ico{height: auto;}
.robot-filter-bx .bx{padding: 0;}
.info-text-bx .text-bx .tags{justify-content: center;}
.info-text-bx .text-bx p{height: 45px;overflow: hidden;}
.info-text-bx .text-bx .tags li{margin-bottom: 10px;}
.info-text-bx .text-bx p.opened{height: auto;}
.info-text-bx .more{display: inline-block;}
.robot-filter-bx{margin: 0 -15px;border-radius: 0; margin-bottom: 20px;}
.sort-wrap {
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll;
}
.sort-wrap::-webkit-scrollbar {display: none;}
.sort-price-bx .h4{font-size: 14px;}
.robot-filter-bx .sort-wrap{border-bottom: 0;padding-bottom: 0;}
.sort-price-bx .btns-bx{margin-left: 0;}
.sort-price-bx .btn-black{width: 100%;}
.sort-price-bx .btn-clear{min-width: 40px;}
.hero-item{margin: 0 -15px 5px;border-radius: 0;padding: 0;}
.hero-item .img-bx .av{display: none;}
.hero-item .name-bx{
padding: 12px 15px;
border-bottom: 1px solid #E0E0E0;
display: flex;
align-items: center;
}
.hero-item .name{
font-size: 16px;
margin-right: 14px;
margin-bottom: 0;
}
.hero-item .tags{margin-bottom: 0;}
.hero-item .tags li{
font-weight: 500;
font-size: 11px;
line-height: 160%;
color: #8D8DAF;
background: none;
padding: 0;
margin-bottom: 0;
}
.hero-item .img-bx{display: block;}
.hero-item .tags li:after{content: '/';margin-left: 4px;}
.hero-item .tags li:last-child:after{content: '';margin-left: 4px;}
.hero-item .num-list{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 0;
padding: 12px 15px;
border-bottom: 1px solid #E0E0E0;
}
.hero-item .num-list li{
width: calc(100% / 3);
display: block;
margin: 0;
}
.hero-item .num-list li.wide{
width: 100%;
}
.hero-item .text-bx{
padding: 12px 15px 0;
border: 0;
border-radius: 0;
}
.hero-item .online-bx .t{font-size: 14px;}
.hero-item .num-bx .bx{margin: 0 10px;}
.hero-item .num-bx {margin: 0 -10px 15px;}
.hero-item .num-bx .t{
font-weight: 500;
font-size: 13px;
line-height: 120%;
color: #8D8DAF;
margin-bottom: 5px;
}
.hero-item .num-bx .num .n1{
font-size: 18px;
white-space: nowrap;
margin-right: 0;
}
.hero-item .num-bx .num .n2{
margin-left: 7px;
font-size: 12px;
white-space: nowrap;
}
.hero-item .inf-bx{flex-wrap: wrap;}
.hero-item .inf-bx .bx{border: 0;margin: 0 0 13px;padding: 0;width: 50%;}
.hero-item .inf-bx .bx .t1{margin-bottom: 1px;}
.hero-item .inf-bx .bx .t2{font-size: 13px;}
.hero-item .tags li:last-child{margin-right: 0;}
.top-hero-panel{
position: static;
margin: 0;
display: block;
}
.top-hero-panel .bx{
margin: 0 0 4px;
width: auto;
font-size: 12px;
height: 45px;
}
.sort-price-bx{display: block;}
.sort-price-bx .h4{margin-bottom: 10px;}
.price-slider-bx{width: auto;padding: 0;}
.price-slider-bx .slider{margin-bottom: 10px;width: auto;}
.price-slider-bx .inputs .inp{position: static; width: calc(50% - 10px);margin: 0 5px;}
.price-slider-bx .inputs{margin: 0 -5px 10px;display: flex;}
}
/*END bots*/
/*Fixed bar*/
.load-app-panel{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
background: #FFEB35;
box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.15);
padding: 12px 15px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.load-app-panel .t{
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 27px;
margin-right: 35px;
color: #000000;
}
.load-app-panel .btns{
display: flex;
}
.load-app-panel .btns .bt{
margin-right: 12px;
}
.load-app-panel .btns .bt,
.load-app-panel .btns .bt img{
display: block;
}
@media (max-width: 767px){
.load-app-panel{
display: block;
text-align: center;
}
.load-app-panel .t{
margin-right: 0;
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
}
.load-app-panel .btns{
justify-content: center;
}
.load-app-panel{padding: 10px;}
.load-app-panel .btns .bt img{
zoom: .8;
}
}
/*Hero item*/
.hero-item .num-list{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.hero-item .num-list li{
display: flex;
align-items: center;
margin-bottom: 5px;
}
.hero-item .num-list .tt{
margin-right: 10px;
font-size: 13px;
line-height: 160%;
font-family: 'Manrope';
color: #8D8DAF;
}
.hero-item .num-list .ic-t{
display: flex;
align-items: center;
}
.hero-item .num-list .ic-t .img{
width: 13px;
text-align: center;
margin-right: 10px;
}
.hero-item .num-list .ic-t .t{
font-family: 'Manrope';
font-weight: bold;
font-size: 12px;
line-height: 160%;
color: #000000;
}
.hero-item .num-list .ic-t .t2{
font-weight: 500;
}
.hero-item .num-list .ic-t .green{
color: #78CF5A;
}
.hero-item .tags{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.hero-item .tags li{
font-family: 'Manrope';
margin-right: 5px;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #8A8FBF;
padding: 3px 12px;
background: #F3F6FA;
border-radius: 30px;
margin-bottom: 5px;
}
.hero-item .name{
font-weight: 700;
font-size: 20px;
line-height: 160%;
margin-bottom: 13px;
white-space: nowrap;
color: #000000;
font-family: 'Manrope';
}
.hero-item .img-bx{
display: flex;
align-items: flex-start;
}
.hero-item .img-bx .av{
margin-right: 27px;
}
.hero-item {
background: #FFFFFF;
border-radius: 20px;
margin-bottom: 25px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.hero-item .bt{
background: #373DBE;
border-radius: 10px;
height: 50px;
width: 220px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #FFFFFF;
}
.hero-item .bt:hover{
background: #000;
}
.hero-item .text-bx{
border: 1px solid #EBEBF7;
border-radius: 10px;
width: 635px;
padding: 20px 15px;
}
.hero-item .online-bx{
margin-bottom: 15px;
display: flex;
align-items: center;
}
.hero-item .online-bx .live{
margin-right: 10px;
background: #FF2D2D;
border-radius: 4px;
width: 50px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #FFFFFF;
font-family: 'Manrope';
}
.hero-item .online-bx .live .circle{
width: 5px;
height: 5px;
background: #fff;
margin-right: 5px;
border-radius: 50%;
}
.hero-item .online-bx .t{
font-weight: 600;
font-size: 18px;
line-height: 130%;
font-family: 'Manrope';
color: #000000;
}
.hero-item .num-bx {
display: flex;
margin-bottom: 18px;
}
.hero-item .num-bx .bx{
margin-right: 30px;
}
.hero-item .num-bx .t{
font-weight: 600;
font-size: 13px;
line-height: 160%;
margin-bottom: 7px;
color: #0D0D0D;
font-family: 'Manrope';
}
.hero-item .num-bx .num {
display: flex;
align-items: center;
}
.hero-item .num-bx .num .n1{
font-weight: 700;
font-size: 28px;
line-height: 160%;
margin-right: 12px;
color: #373DBE;
font-family: 'Manrope';
}
.hero-item .num-bx .num .n2{
font-family: 'Manrope';
font-weight: 700;
font-size: 13px;
line-height: 160%;
background: #4ECA69;
border-radius: 90px;
color: #FFFFFF;
padding: 0 7px;
}
.hero-item .inf-bx{
display: flex;
justify-content: space-between;
margin: 0 -3px;
}
.hero-item .inf-bx .bx{
margin: 0 3px;
width: 25%;
border: 1px solid #EBEBF7;
border-radius: 10px;
padding: 12px;
}
.hero-item .inf-bx .bx .t1{
font-weight: 500;
font-size: 13px;
line-height: 160%;
margin-bottom: 6px;
color: #8D8DAF;
font-family: 'Manrope';
}
.hero-item .inf-bx .bx .t2{
font-weight: 700;
font-size: 15px;
line-height: 160%;
color: #151515;
font-family: 'Manrope';
}
.hero-item .inf-bx .bx .t2 span{
font-weight: 700;
font-size: 13px;
line-height: 160%;
margin-left: 8px;
color: #4ECA69;
}
.hero-item .hidden-bt{
display: none;
padding: 0 15px 20px;
}
.hero-item .hidden-bt .bt{
width: 100%;
}
.robot-item2 .hero-item {
padding: 0;
box-shadow: none;
align-items: initial;
}
.robot-item2 .hero-item .img-bx{
display: block;
text-align: center;
padding: 20px;
border-radius: 10px;
border: 1px solid #EBEBF7;
width: 300px;
min-width: 300px;
margin-right: 30px;
}
.robot-item2 .hero-item .text-bx{
padding: 20px;
width: 100%;
}
.robot-item2 .hero-item .img-bx .av{
margin: 0 0 15px;
}
.robot-item2 .hero-item .name{
margin-bottom: 20px;
}
.hero-item .cc{
display: flex;
justify-content: center;
}
@media (max-width: 991px){
.robot-item .hero-item .img-bx{margin-right: 0;}
.robot-item .hero-item .name{margin-bottom: 0;}
.hero-item{display: block;}
.hero-item .hidden-bt{display: block;}
.hero-item .img-bx .bt{display: none;}
.hero-item .text-bx{width: auto;}
.robot-item .hero-item .img-bx{width: auto;min-width: auto;padding-bottom: 10px;border-bottom: 0;}
.robot-item .hero-item .img-bx{border-radius: 10px 10px 0 0;}
.robot-item .hero-item .text-bx{border-radius: 0 0 10px 10px;margin-bottom: 10px;}
}
@media (max-width: 767px){
.hero-item{margin: 0 -15px 5px;border-radius: 0;padding: 0;}
.hero-item .img-bx .av{display: none;}
.hero-item .name-bx{
padding: 12px 15px;
border-bottom: 1px solid #E0E0E0;
display: flex;
align-items: center;
}
.hero-item .name{
font-size: 16px;
margin-right: 14px;
margin-bottom: 0;
}
.hero-item .tags{margin-bottom: 0;}
.hero-item .tags li{
font-weight: 500;
font-size: 11px;
line-height: 160%;
color: #8D8DAF;
background: none;
padding: 0;
margin-bottom: 0;
}
.hero-item .img-bx{display: block;}
.hero-item .tags li:after{content: '/';margin-left: 4px;}
.hero-item .tags li:last-child:after{content: '';margin-left: 4px;}
.hero-item .num-list{
display: flex;
align-items: flex-start;
margin-bottom: 0;
padding: 12px 15px;
border-bottom: 1px solid #E0E0E0;
}
.hero-item .num-list li{
width: calc(100% / 3);
display: block;
margin: 0;
}
.hero-item .text-bx{
padding: 12px 15px 0;
border: 0;
border-radius: 0;
}
.hero-item .online-bx .t{font-size: 14px;}
.hero-item .num-bx .bx{margin: 0 10px;}
.hero-item .num-bx {margin: 0 -10px 15px;}
.hero-item .num-bx .t{
font-weight: 500;
font-size: 13px;
line-height: 120%;
color: #8D8DAF;
margin-bottom: 5px;
}
.hero-item .num-bx .num .n1{
font-size: 18px;
white-space: nowrap;
margin-right: 0;
}
.hero-item .num-bx .num .n2{
margin-left: 7px;
font-size: 12px;
white-space: nowrap;
}
.hero-item .inf-bx{flex-wrap: wrap;}
.hero-item .inf-bx .bx{border: 0;margin: 0 0 13px;padding: 0;width: 50%;}
.hero-item .inf-bx .bx .t1{margin-bottom: 1px;}
.hero-item .inf-bx .bx .t2{font-size: 13px;}
.hero-item .tags li:last-child{margin-right: 0;}
.robot-item .hero-item{ margin: 0; padding: 0; }
.robot-item .hero-item .img-bx{border: 0;}
.robot-item .hero-item .img-bx .av{display: block;margin: 0;}
.robot-item .hero-item .name-bx{justify-content: center;}
.robot-item .hero-item .img-bx{padding: 0;margin-bottom: 15px;}
.robot-item .hero-item .name{margin: 0;}
.robot-item .hero-item .text-bx{padding: 0;}
}
/*END hero*/
#allrecords a.link{color:#000;}
.t594__item{border-radius:20px; background:#fff; width: calc(25% - 20px); margin:10px;}
.t594 .t-section__bottomwrapper{margin-top:50px !important;}
.t594 .t-section__topwrapper{margin-bottom:50px !important;}
.graf img{width:100%;}
.info-text-bx ul{padding-left:0 !important;}
.t-text_md {font-size:18px !important;}
.js-feed-post-text ul li {position:relative; margin-bottom:10px;}
.js-feed-post-text ul li::before {width:5px; height:5px; border-radius:90px; content:''; display:block; position:absolute; left:-17px; top:12px; background:#373dbe;}
#allrecords a{color:#fff;}
#wrapper{
overflow: hidden;
width: 100%;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
a,:after,:before, .owl-nav> div, input, svg path, svg rect{transition: ease 0.3s all;}
.calculate-box{
margin-top: 50px;
margin-bottom: 10px;
}
.bx .name{font-size:12px;}
.calc-bx {
background: #FFFFFF;
border: 1px solid #B8BBFF;
box-sizing: border-box;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
border-radius: 20px;
margin-bottom: 17px;
padding: 36px 43px;
}
.calc-bx .h3{
text-align: center;
margin-bottom: 40px;
font-weight: 900;
font-size: 45px;
line-height: 110%;
color: #000000;
}
.calc-bx .h3>span{
position: relative;
}
.calc-bx .h3>span>span{
position: relative;
z-index: 2;
}
.calc-bx .h3>span:after{
height: 12px;
background: #E0D6FF;
content: '';
position: absolute;
z-index: 1;
width: 100%;
bottom: 5px;
left: 0;
}
.calc-bx .wrap{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.calc-bx .select-bx{
width: 47%;
}
.calc-bx .select-bx .t{
font-weight: 600;
font-size: 18px;
line-height: 140%;
margin-bottom: 10px;
color: #4D4D4D;
}
.calc-bx .select{
position: relative;
background: url(https://mihaelk.ru/hh/img/arr.svg) 95% 50% no-repeat;
}
.calc-bx .select select{
width: 100%;
outline: 0;
background: none;
border: 1px solid #BBBEFF;
box-shadow: 0px 4px 4px #F1F2FF;
border-radius: 5px;
-webkit-appearance: none;/* Chrome */
-moz-appearance: none;/* Firefox */
appearance: none;/* убираем дефолнтные Ñтрелочки */
height: 60px;
font-weight: 600;
font-size: 22px;
line-height: 140%;
color: #4D4D4D;
padding: 0 30px;
}
.calc-bx .sl-bx{
width: 47%;
}
.calc-bx .sl-bx .tt{
margin-bottom: 20px;
position: relative;
}
.calc-bx .sl-bx .t1{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #4D4D4D;
}
.calc-bx .sl-bx .t2{
position: absolute;
right: 0;
top: -3px;
height: 30px;
}
.calc-bx .sl-bx .t2 input{
border: 0;
width: 125px;
text-align: right;
outline: 0;
font-weight: 600;
font-size: 22px;
line-height: 140%;
color: #070707;
}
.calc-bx .sl-bx .sm{
margin-top: 20px;
font-size: 13px;
line-height: 140%;
color: #626262;
}
#slider .ui-state-default{
width: 28px;
height: 28px;
background: #373DBE;
border: 6px solid #fff;
border-radius: 50%;
box-shadow: 0px 4px 4px rgba(55, 61, 190, 0.24);
}
#slider.ui-slider-horizontal .ui-slider-handle{
top: -11px;
outline: 0;
}
#slider.ui-widget.ui-widget-content{
background: #E4E6FF;
border-radius: 5px;
height: 10px;
border: 0;
}
#slider .ui-widget-header{
background: #373DBE;
}
.robots-list{
display:flex;
}
.robot-item{
background: #F8F8FF;
border-radius: 10px;
margin-bottom: 8px;
padding: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.robot-item .month{
font-size: 22px;
line-height: 140%;
color: #000000;
}
.robot-item .pr{
font-weight: 600;
font-size: 28px;
line-height: 140%;
color: #3DC453;
}
.robot-item .balance{
font-weight: 600;
font-size: 15px;
line-height: 140%;
color: #8E8EC6;
}
.robot-item .balance b{
color: #000;
}
.robot-item .bx3{
display: flex;
align-items: center;
}
.robot-item .ico{
width: 110px;
text-align: center;
margin-right: 20px;
}
.robot-item .t{
font-weight: 600;
font-size: 14px;
line-height: 140%;
color: #5C5C5C;
}
.robot-item .bt{
font-weight: bold;
font-size: 18px;
line-height: 160%;
color: #FFFFFF;
background: #373DBE;
border-radius: 10px;
padding: 14px 0px;
text-decoration: none;
display: inline-block;
width: 100%;
text-align: center;
}
.robot-item .bt:hover{
background: #000;
}
.t-records ul{margin-bottom:0;}
.tabset li a{color:#000 !important;}
#wrapper{
overflow: hidden;
width: 100%;
background: #FAFAFD;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
a,:after,:before, .owl-nav> div, input, svg path, svg rect, button{transition: ease 0.3s all;}
/*styles*/
.tab-list {
padding: 0px;
margin: 0;
height: 1%;
}
.tab-list .tab {
}
.tabset {
position: relative;
list-style: none;
margin: 0;
width: 100%;
padding: 0;
display: flex;
justify-content: center;
}
.tabset li {
margin: 0 10px;
}
.owl-nav{position: absolute; top: 25%; width:100%;}
.owl-nav .owl-next{
background-image: url("https://mihaelk.ru/hh/img/next.svg");
height: 45px;
width: 45px;
margin-right:20px;
float:right;
font-size: 0;
}
.owl-nav .owl-prev{
background-image: url("https://mihaelk.ru/hh/img/prev.svg");
height: 45px;
float:left;
margin-left:20px;
width: 45px;
font-size: 0;
}
.tabset a {
color: gray;
text-decoration: none;
background: #F1F1FE;
border-radius: 20px 20px 0 0;
padding: 25px 40px;
font-weight: 500;
font-size: 18px;
line-height: 110%;
color: #8E8EC2;
display: block;
}
.tabset .active ,
.tabset a:hover {
color: #000;
font-weight:600;
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
}
.hide-bt{
font-weight: 500;
font-size: 15px;
line-height: 160%;
cursor: pointer;
color: #000000;
border-bottom: 1px dashed #8787C6;
display: inline-block;
margin-bottom: 30px;
}
.hide-bt:hover{
border-bottom-color: transparent;
}
.instr-bx .frame{
position: relative;
background: #FFFFFF;
border-radius:0 0 20px 20px;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
padding: 60px 45px 30px ;
}
.instr-bx .frame:first-child{
border-radius: 20px 20px 0 0 ;
}
.instruction-box{
margin-bottom: 50px;
}
.info-hide-bx{
background: #FAFAFD;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
padding: 32px 0 32px 0px;
display: none;
}
.instr-item{
width: 366px;
text-align: center;
}
.instr-item .img{
border-radius: 30px;
height: 366px;
margin-bottom: 27px;
position: relative;
overflow: hidden;
}
.instr-item .img .n {
position: absolute;
bottom: 20px;
left: 20px;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(151, 154, 213, 0.13);
border-radius: 10px;
line-height: 41px;
width: 41px;
text-align: center;
font-weight: bold;
font-size: 22px;
color: #141414;
}
.instr-item .img .play{
display: block;
height: 100%;
background: #262738 url(https://mihaelk.ru/hh/img/play.svg) 50% no-repeat;
}
.instr-item .t{
font-size: 16px;
line-height: 150%;
margin-bottom: 18px;
text-align: center;
padding: 0 30px;
color: #000000;
}
.instr-item .bt{
font-weight: bold;
font-size: 18px;
line-height: 160%;
color: #FFFFFF !important;
background: #373DBE;
border-radius: 30px;
padding: 14px 0px;
text-decoration: none;
display: inline-block;
width: 227px;
text-align: center;
}
.instr-item .bt:hover{
background: #000;
}
.reg-form .select{
position: relative;
background: url(https://mihaelk.ru/hh/img/arr.svg) 95% 50% no-repeat;
width: 312px;
margin-right: 15px;
}
.reg-form .wr{
display: flex;
align-items: center;
}
.reg-form .select select{
width: 100%;
outline: 0;
box-sizing: border-box;
background: none;
border: 1px solid #BBBEFF;
box-shadow: 0px 4px 4px #F1F2FF;
border-radius: 5px;
-webkit-appearance: none;/* Chrome */
-moz-appearance: none;/* Firefox */
appearance: none;/* убираем дефолнтные Ñтрелочки */
height: 50px;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #4D4D4D;
padding: 0 30px;
}
.reg-form .t{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #4D4D4D;
margin-bottom: 10px;
}
.step-bx .bt{
font-weight: bold;
font-size: 18px;
box-sizing:border-box;
line-height: 160%;
color: #FFFFFF !important;
background: #373DBE;
border-radius: 10px;
height: 45px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 270px;
text-align: center;
border: 0;
cursor: pointer;
}
.step-bx .bt:hover{
background: #000;
}
.step-bx .bt img{
margin-right: 10px;
}
.reg-form .time{
display: flex;
align-items: center;
margin-left: 30px;
font-size: 14px;
line-height: 160%;
color: #1E1E1E;
}
.reg-form .time img{
margin-right: 10px;
}
.step-bx .heading{
margin-bottom: 30px;
display: flex;
align-items: center;
}
.step-bx .wrap{
padding-left: 60px;
}
.step-bx .heading .h3{
font-weight: 600;
font-size: 23px;
line-height: 110%;
color: #000000;
}
.step-bx .heading .num{
width: 40px;
height: 40px;
border-radius: 50%;
font-weight: bold;
font-size: 25px;
line-height: 40px;
text-align: center;
color: #FFFFFF;
background: #58A2F9;
border-radius: 100px;
margin-right: 20px;
position: relative;
}
.show-instr{
margin: 25px 0 0;
}
.show-instr span{
font-weight: 500;
font-size: 15px;
line-height: 160%;
cursor: pointer;
color: #000000;
border-bottom: 1px dashed #8787C6;
display: inline-block;
}
.show-instr span:hover{
border-bottom-color: transparent;
}
.reg-form{
position: relative;
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.reg-form .time{position: absolute;left: 0;top: -45px;margin-left: 0;}
.instr-bx .frame{padding: 35px 22px;}
.step-bx .heading .h3{font-size: 22px;}
.reg-form{margin-top: 50px;}
.info-hide-bx{padding-left: 82px;}
.show-instr{margin-bottom: 50px;}
.tabset a{font-size: 18px;text-align: center;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.show-instr{text-align: center;}
.tabset{display: block;}
.tabset li{margin: 0 0 10px;}
.tabset a{border-radius: 0;}
.instr-bx .frame{padding: 20px ;}
.info-hide-bx{padding: 20px 0;}
.instr-item{width: 236px;}
.instr-item .img{height: 236px;}
.step-bx .heading .num:after{display: none;}
.step-bx .heading .num{margin: 0 auto 10px;}
.step-bx .heading .h3{font-size: 18px;}
.step-bx .wrap{padding-left: 0;}
.reg-form .wr{display: block;}
.reg-form .t{text-align: center;}
.tabset a{font-size: 16px;}
.step-bx .bt{width: 100%;}
.step-bx .heading .h3{margin-bottom: 20px;}
.reg-form .select select{padding: 0 15px;font-size: 16px;}
.reg-form .time{width: 100%;justify-content: center;}
.reg-form .select{width: auto;margin: 0 0 15px;}
.step-bx .heading{display: block;text-align: center;}
.hide-bt{display: block;margin: 0 auto 30px;width: 145px;text-align: center;}
.instr-item .t{padding: 0;font-size: 14px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.calc-bx .h3{font-size: 45px;}
.calc-bx .sl-bx .t1{font-size: 16px;width: 150px;}
.calc-bx .select-bx .t{font-size: 16px;}
.calc-bx{padding: 30px ;margin: 0 -15px 15px;border-radius: 0;}
.robots-list{padding: 0;background: 0;box-shadow: none;}
.robot-item{padding: 20px 15px;margin: 0 -15px 10px;}
.robot-item .month{font-size: 20px;}
.robot-item .bt{font-size: 14px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.robot-item .bx3{justify-content: center;}
.robot-item{text-align: center;display: block;}
.robot-item .bx{margin-bottom: 10px;}
.robot-item .t{text-align: left;}
.calc-bx .wrap{display: block;}
.calc-bx .select-bx{width: auto;}
.calc-bx .h3{font-size: 28px;}
.calc-bx .sl-bx{width: auto;margin-bottom: 40px;}
.calc-bx .select select{height: 50px;font-size: 20px;}
.calc-bx{border-left: 0;border-right: 0;padding: 30px 15px;}
}
/*------Style bots page-------*/
/*item*/
.robot-item2{
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
border-radius: 20px;
margin-bottom: 30px;
padding: 30px;
}
/*.info-text-bx{
padding: 25px;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.info-text-bx .ico-bx{
width: 125px;
min-width: 125px;
margin-right: 65px;
text-align: center;
}
.info-text-bx .ico-bx .ico{
margin-bottom: 25px;
}
.info-text-bx .text-bx{
width: 100%;
}
.info-text-bx .text-bx .h3{
font-weight: 600;
font-size: 33px;
line-height: 110%;
margin-bottom: 20px;
color: #000000;
}
.info-text-bx .text-bx .tags{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.info-text-bx .text-bx .tags li{
margin-right: 10px;
font-weight: 600;
font-size: 14px;
line-height: 160%;
color: #39C433;
padding: 3px 12px;
background: #D3FFD1;
border-radius: 30px;
margin-bottom: 5px;
}
.info-text-bx .text-bx .tags li.col1{
color: #39C433;
background: #D3FFD1;
}
.info-text-bx .text-bx .tags li.col2{
color: #52A1EA;
background: #DFECFF;
}
.info-text-bx .text-bx .tags li.col3{
color: #5A6BFF;
background: #EEEEFF;
}
.info-text-bx .text-bx p{
font-size: 14px;
line-height: 160%;
color: #5E5E75;
margin: 0;
}
.info-text-bx .price-bx{
width: 240px;
min-width: 240px;
margin-left: 30px;
}
.info-text-bx .price-bx .pr-wr{
margin-bottom: 10px;
background: #FAFAFD;
border-radius: 10px;
padding: 25px;
}
.info-text-bx .price-bx .pr-wr .t1{
font-weight: 600;
font-size: 16px;
line-height: 160%;
color: #000000;
font-family: 'Manrope';
}
.info-text-bx .price-bx .pr-wr .t2{
font-family: 'Manrope';
font-weight: 700;
font-size: 25px;
line-height: 160%;
color: #0D0D0D;
}
.info-text-bx .price-bx .bt{
background: #373DBE;
border-radius: 10px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}
.info-text-bx .price-bx .bt img{
margin-right: 15px;
}
.info-text-bx .price-bx .bt:hover{
background: #000;
}
.info-text-bx .price-bx .link{
display: flex;
align-items: center;
font-weight: 600;
font-size: 14px;
line-height: 160%;
text-decoration: none;
color: #373DBE !important;
margin-left: 5px;
}
.info-text-bx .price-bx .link img{
margin-right: 10px;
}
.info-text-bx .price-bx .link:hover span{
text-decoration: underline;
}
.robot-info-line .opener-bx{
background: #FAFAFD;
border-radius: 15px;
padding: 25px 30px;
position: relative;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx{
margin-right: 25px;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx1{
margin-right: 55px;
}
.robot-info-line .opener-bx .bx1 .t1{
margin-right: 30px;
}
.robot-info-line .opener-bx .bx1 .t1 img{
display: block;
}
.robot-info-line .opener-bx .bx1 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 110%;
color: #000000;
}
.robot-info-line .opener-bx .bx2 .t1,
.robot-info-line .opener-bx .bx3 .t1{
font-weight: 700;
font-size: 33px;
line-height: 160%;
margin-right: 15px;
color: #4ECA69;
}
.robot-info-line .opener-bx .bx2 .t2,
.robot-info-line .opener-bx .bx3 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx3 .t1{
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s1{
font-weight: 600;
font-size: 15px;
line-height: 160%;
font-family: 'Manrope';
color: #000000;
margin-right: 15px;
}
.robot-info-line .opener-bx .bx2 .s2{
font-weight: 700;
font-size: 24px;
line-height: 160%;
margin-right: 10px;
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s3{
font-weight: 700;
font-size: 15px;
line-height: 160%;
color: #FFFFFF;
padding: 1px 8px;
background: #4ECA69;
border-radius: 90px;
}
.robot-info-line .opener-bx .bx .s4{
font-family: 'Manrope';
font-weight: 500;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx .s4 b{
color: #000000;
}
.robot-info-line .opener-bx .bx3{
margin-right: 15px;
}
.robot-info-line .opener-bx:after{
content: '';
width: 20px;
height: 20px;
background: url(../img/plus.svg) 50% no-repeat;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
display: none;
}
.robot-info-line.opened .opener-bx{
border-radius: 15px 15px 0 0 ;
}
.robot-info-line.opened .opener-bx:after{
background: url(../img/minus.svg) 50% no-repeat;
}
.robot-info-line .drop-bx{
display: none;
border-top: 1px solid #D7D7D7;
border-radius: 0 0 15px 15px;
background: #FAFAFD;
}
.robot-info-line.opened .drop-bx{
display: block;
}
.robot-info-line .drop-bx .text{
padding: 25px 30px;
}
.robot-info-line .drop-bx .pr-wr{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.robot-info-line .drop-bx .pr-wr .bx{
margin-right: 40px;
}
.robot-info-line .drop-bx .pr-wr .t1{
font-weight: 700;
font-size: 22px;
line-height: 120%;
color: #1F1F1F;
}
.robot-info-line .drop-bx .pr-wr .t2{
font-weight: 600;
font-size: 13px;
line-height: 120%;
font-family: 'Manrope';
color: #8D8DAF;
}
.robot-info-line .drop-bx .graf img{
max-width: 100%;
}
.robot-info-line .drop-bx .graf {
margin-bottom: 40px;
}
.robot-info-line .drop-bx .h4{
font-weight: 600;
font-size: 22px;
line-height: 160%;
color: #000000;
}
.table-wrap{
overflow: auto;
width: 100%;
}
.table-custom{
border-collapse: collapse;
width: 100%;
border-radius: 0 0 15px 15px;
}
.table-custom tr td{
font-size: 12px;
line-height: 160%;
color: #000000;
padding: 18px 20px;
background: #F8F8FC;
}
.table-custom tr:nth-child(odd) td{
background: #fff;
}
.table-custom tr th {
background: #373DBE;
font-weight: 700;
font-size: 14px;
line-height: 280%;
color: #FFFFFF;
}
/*.table-custom tr:first-child td{
background: #373DBE;
font-weight: 700;
font-size: 14px;
line-height: 160%;
color: #FFFFFF;
}
.table-custom .gr{
font-weight: 700;
color: #25B522;
}
@media (max-width: 1199px){
.info-text-bx .ico-bx{margin-right: 30px;}
.table-custom tr td{padding: 10px;}
}
@media (max-width: 991px){
.info-text-bx .price-bx .pr-wr .t2{font-size: 24px;}
.info-text-bx .price-bx{width: 190px;min-width: 190px;}
.robot-info-line .opener-bx, .robot-info-line .drop-bx .text{padding: 10px 15px;}
.robot-info-line .opener-bx .bx1 .t1{margin-right: 15px;}
.robot-info-line .opener-bx:after{right: 20px;top: 23px;}
.info-text-bx{padding: 15px;}
}
@media (max-width: 767px){
.info-text-bx{display: block;}
.info-text-bx .ico-bx{width: auto;margin: 0 0 30px;}
.info-text-bx .price-bx{margin: 0;width: auto;}
.info-text-bx .text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .pr-wr{text-align: center;}
.info-text-bx .text-bx .h3{text-align: center;}
.robot-info-line .drop-bx .pr-wr{display: block;}
.robot-info-line .drop-bx .pr-wr .bx{margin: 0 0 15px;}
.robot-info-line .opener-bx{flex-wrap: wrap;}
.robot-info-line .opener-bx .bx{margin: 0 0 15px;}
.robot-item{padding: 15px;}
.info-text-bx{padding: 0;}
.robot-info-line{margin: 0 -15px;}
.info-text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .link{justify-content: center;}
.robot-info-line .opener-bx .bx1{width: 100%; }
.robot-info-line .opener-bx .bx2{width: 100%;}
.robot-info-line .opener-bx .bx3,.robot-info-line .opener-bx .bx4{width: 50%; }
.robot-info-line .opener-bx .bx2 .t1, .robot-info-line .opener-bx .bx3 .t1{font-size: 18px;margin-right: 5px;}
.robot-info-line .opener-bx .bx .s4 b{display: block;}
}
*/
/*--------BOTS-------*/
.robot-filter-bx .bx a.act .t{color:#fff !important;}
.container{
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
/*item*/
.robot-item{
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(236, 237, 253, 0.4);
border-radius: 20px;
margin-bottom: 30px;
margin: 0 10px;
flex-wrap: wrap;
display: flex;
}
.bx1, .bx2, .bx3, .bx4{width:100%; margin-bottom: 15px; line-height: 22px;}
.info-text-bx{
padding: 25px;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.info-text-bx .ico-bx{
width: 125px;
min-width: 125px;
margin-right: 65px;
text-align: center;
}
.info-text-bx .ico-bx .ico{
margin-bottom: 25px;
}
.info-text-bx .text-bx{
width: 100%;
}
.info-text-bx .text-bx .h3{
font-weight: 600;
font-size: 33px;
line-height: 110%;
margin-bottom: 20px;
color: #000000;
}
.info-text-bx .text-bx .tags{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.info-text-bx .text-bx .tags li{
margin-right: 10px;
font-weight: 600;
font-size: 14px;
line-height: 160%;
color: #39C433;
padding: 3px 12px;
background: #D3FFD1;
border-radius: 30px;
margin-bottom: 5px;
}
.info-text-bx .text-bx .tags li.col1{
color: #39C433;
background: #D3FFD1;
}
.info-text-bx .text-bx .tags li.col2{
color: #52A1EA;
background: #DFECFF;
}
.info-text-bx .text-bx .tags li.col3{
color: #5A6BFF;
background: #EEEEFF;
}
.info-text-bx .text-bx p{
font-size: 14px;
line-height: 160%;
color: #5E5E75;
margin: 0;
}
.info-text-bx .price-bx{
width: 240px;
min-width: 240px;
margin-left: 30px;
}
.info-text-bx .price-bx .pr-wr{
margin-bottom: 10px;
background: #FAFAFD;
border-radius: 10px;
padding: 25px;
}
.info-text-bx .price-bx .pr-wr .t1{
font-weight: 600;
font-size: 16px;
line-height: 160%;
color: #000000;
font-family: 'Manrope';
}
.info-text-bx .price-bx .pr-wr .t2{
font-family: 'Manrope';
font-weight: 700;
font-size: 33px;
line-height: 160%;
color: #0D0D0D;
}
.info-text-bx .price-bx .bt{
background: #373DBE;
border-radius: 10px;
width:auto;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}
.info-text-bx .price-bx .bt img{
margin-right: 15px;
}
.info-text-bx .price-bx .bt:hover{
background: #000;
}
.info-text-bx .price-bx .link{
display: flex;
align-items: center;
font-weight: 600;
font-size: 14px;
line-height: 160%;
text-decoration: none;
color: #373DBE;
margin-left: 5px;
}
.info-text-bx .price-bx .link img{
margin-right: 10px;
}
.info-text-bx .price-bx .link:hover span{
text-decoration: underline;
}
.robot-info-line .opener-bx{
background: #FAFAFD;
border-radius: 15px;
padding: 25px 30px;
position: relative;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx{
margin-right: 25px;
display: flex;
align-items: center;
}
.robot-info-line .opener-bx .bx1{
margin-right: 55px;
}
.robot-info-line .opener-bx .bx1 .t1{
margin-right: 30px;
}
.robot-info-line .opener-bx .bx1 .t1 img{
display: block;
}
.robot-info-line .opener-bx .bx1 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 110%;
color: #000000;
}
.robot-info-line .opener-bx .bx2 .t1,
.robot-info-line .opener-bx .bx3 .t1{
font-weight: 700;
font-size: 33px;
line-height: 160%;
margin-right: 15px;
color: #4ECA69;
}
.robot-info-line .opener-bx .bx2 .t2,
.robot-info-line .opener-bx .bx3 .t2{
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx3 .t1{
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s1{
font-weight: 600;
font-size: 15px;
line-height: 160%;
font-family: 'Manrope';
color: #000000;
margin-right: 15px;
}
.robot-info-line .opener-bx .bx2 .s2{
font-weight: 700;
font-size: 24px;
line-height: 160%;
margin-right: 10px;
color: #373DBE;
}
.robot-info-line .opener-bx .bx2 .s3{
font-weight: 700;
font-size: 15px;
line-height: 160%;
color: #FFFFFF;
padding: 1px 8px;
background: #4ECA69;
border-radius: 90px;
}
.robot-info-line .opener-bx .bx .s4{
font-family: 'Manrope';
font-weight: 500;
font-size: 13px;
line-height: 160%;
color: #8D8DAF;
}
.robot-info-line .opener-bx .bx .s4 b{
color: #000000;
}
.robot-info-line .opener-bx .bx3{
margin-right: 15px;
}
.robot-info-line .opener-bx:after{
content: '';
width: 20px;
height: 20px;
background: url(../img/plus.svg) 50% no-repeat;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
display: none;
}
.robot-info-line.opened .opener-bx{
border-radius: 15px 15px 0 0 ;
}
.robot-info-line.opened .opener-bx:after{
background: url(../img/minus.svg) 50% no-repeat;
}
.robot-info-line .drop-bx{
display: none;
border-top: 1px solid #D7D7D7;
border-radius: 0 0 15px 15px;
background: #FAFAFD;
}
.robot-info-line.opened .drop-bx{
display: block;
}
.robot-info-line .drop-bx .text{
padding: 25px 30px;
}
.robot-info-line .drop-bx .pr-wr{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.robot-info-line .drop-bx .pr-wr .bx{
margin-right: 40px;
}
.robot-info-line .drop-bx .pr-wr .t1{
font-weight: 700;
font-size: 22px;
line-height: 120%;
color: #1F1F1F;
}
.robot-info-line .drop-bx .pr-wr .t2{
font-weight: 600;
font-size: 13px;
line-height: 120%;
font-family: 'Manrope';
color: #8D8DAF;
}
.robot-info-line .drop-bx .graf img{
max-width: 100%;
mix-blend-mode: multiply;
}
.robot-info-line .drop-bx .graf {
margin-bottom: 40px;
}
.robot-info-line .drop-bx .h4{
font-weight: 600;
font-size: 22px;
line-height: 160%;
color: #000000;
}
.table-wrap{
overflow: auto;
width: 100%;
}
.table-custom{
border-collapse: collapse;
width: 100%;
border-radius: 0 0 15px 15px;
}
.table-custom tr td{
font-size: 12px;
line-height: 160%;
color: #000000;
padding: 18px 20px;
background: #F8F8FC;
}
.table-custom tr:nth-child(odd) td{
background: #fff;
}
.table-custom thead th{
padding:18px 10px;
background: #373DBE;
font-weight: 700;
font-size: 14px;
line-height: 160%;
color: #FFFFFF;
}
/*.table-custom tr:first-child td{
background: #373DBE;
font-weight: 700;
font-size: 14px;
line-height: 160%;
color: #FFFFFF;
}*/
.table-custom .gr{
font-weight: 700;
color: #25B522;
}
/*new*/
.more{
background: #ebecfa;
border-radius: 10px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
line-height: 160%;
text-decoration: none;
text-align: center;
font-family: 'Manrope';
font-weight: 700;
color: #4051d8 !important;
margin-bottom: 15px;
}
.info-text-bx .ico-bx .ico img{
max-width: 100%;
}
.robot-item .num-list{
margin: 0;
padding: 0;
list-style: none;
}
.robot-item .num-list li{
display: flex;
align-items: center;
margin-bottom: 24px;
}
.robot-item .num-list .tt{
width: 50%;
font-size: 14px;
line-height: 120%;
font-family: 'Manrope';
color: #5E5E75;
}
.robot-item .num-list .ic-t{
display: flex;
align-items: center;
}
.robot-item .num-list .ic-t .img{
width: 13px;
text-align: center;
margin-right: 10px;
}
.robot-item .num-list .ic-t .t{
font-family: 'Manrope';
font-weight: bold;
font-size: 18px;
line-height: 160%;
color: #000000;
}
.robot-item .num-list .ic-t .t-green{
color: #78CF5A;
}
.robot-item .num-list + .bt{
margin-bottom: 0;
}
.info-text-bx .more{
font-size: 14px;
line-height: 160%;
display: inline-block;
margin-top: 10px;
border-bottom: 1px dashed #373DBE;
color: #373DBE;
text-decoration: none;
display: none;
}
.bot-calc-works-bx .empty-list-bx{
margin-top: 5px;
border: 1px solid #E8E8E8;
border-radius: 10px;
text-align: center;
padding-top: 105px;
padding-bottom: 133px;
}
.bot-calc-works-bx .empty-list-bx .ico{
margin-bottom: 25px;
}
.bot-calc-works-bx .empty-list-bx .t{
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000000;
}
.bot-calc-works-bx .empty-list-bx .t b{
color: #373DBE;
}
#errorText{
font-size: 10px;
position: absolute;
padding-top: 7px;
color: #EE3F3F;
background:#fff;
border-radius:4px;
}
@media (max-width: 1199px){
.info-text-bx .ico-bx{margin-right: 30px;}
.table-custom tr td{padding: 10px;}
}
@media (max-width: 991px){
.info-text-bx .price-bx .pr-wr .t2{font-size: 24px;}
.info-text-bx .price-bx{width: 190px;min-width: 190px;}
.robot-info-line .opener-bx, .robot-info-line .drop-bx .text{padding: 10px 15px;}
.robot-info-line .opener-bx .bx1 .t1{margin-right: 15px;}
.robot-info-line .opener-bx:after{right: 20px;top: 23px;}
.info-text-bx{padding: 15px;}
.robot-filter-bx .bx .ico{margin-bottom: 5px;}
.robot-filter-bx .bx a{padding: 20px 10px;}
}
@media (max-width: 767px){
.robots-list{display:block;}
.robot-item{margin:0 !important;}
.info-text-bx{display: block;}
.info-text-bx .ico-bx{width: auto;margin: 0 0 30px;}
.info-text-bx .price-bx{margin: 0;width: auto;}
.info-text-bx .text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .pr-wr{text-align: center;}
.info-text-bx .text-bx .h3{text-align: center;}
.robot-info-line .drop-bx .pr-wr{display: block;}
.robot-info-line .drop-bx .pr-wr .bx{margin: 0 0 15px;}
.robot-info-line .opener-bx{flex-wrap: wrap;}
.robot-info-line .opener-bx .bx{margin: 0 0 15px;}
.robot-item{padding: 15px;}
.info-text-bx{padding: 0;}
.robot-info-line{margin: 0 -15px;}
.info-text-bx{margin-bottom: 30px;}
.info-text-bx .price-bx .link{justify-content: center;}
.robot-info-line .opener-bx .bx1{width: 100%; }
.robot-info-line .opener-bx .bx2{width: 100%;}
.robot-info-line .opener-bx .bx3,.robot-info-line .opener-bx .bx4{width: 50%; }
.robot-info-line .opener-bx .bx2 .t1, .robot-info-line .opener-bx .bx3 .t1{font-size: 18px;margin-right: 5px;}
.robot-info-line .opener-bx .bx .s4 b{display: block;}
.robot-filter-bx .bx a{display: flex;align-items: center;}
.robot-filter-bx .bx .ico{margin: 0 10px 0 0;}
.robot-filter-bx .bx a{padding: 15px;text-align: left;}
.robot-filter-bx .bx {width: auto;margin-right: 8px;}
.robot-filter-bx{width: 100%;overflow: auto;}
.robot-filter-bx .bx a{height: auto;}
.robot-filter-bx .bx a .t{white-space: nowrap;}
.robot-filter-bx .bx .ico svg{zoom:.7;}
.robot-filter-bx .bx .ico{height: auto;}
.robot-filter-bx .bx{padding: 0;}
.robot-filter-bx{padding: 10px;}
.info-text-bx .text-bx .tags{justify-content: center;}
.info-text-bx .text-bx p{height: 45px;overflow: hidden;}
.info-text-bx .text-bx .tags li{margin-bottom: 10px;}
.info-text-bx .text-bx p.opened{height: auto;}
.info-text-bx .more{display: inline-block;}
.robot-filter-bx{margin: 0 -15px;border-radius: 0;width: auto;padding: 20px 15px;margin-bottom: 20px;}
.robot-filter-bx {
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll;
}
.robot-filter-bx::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.bot-calc-works-bx .empty-list-bx{padding-bottom: 111px;}
.bot-calc-works-bx .empty-list-bx .t b{display: block;}
.bot-calc-works-bx .name, .bot-bx-item .bx .h4{ text-align: start; }
}
/*-------------------------------------------------------------------*/
/*Bot list*/
.selectSort:focus {
outline: none;
}
.inputDeposit {
border: 1px solid #FFF;;
border-radius: 50px;
min-height: 36px;
min-width: 200px;
background: #7153e8;
padding: 1px 5px;
color: #FFF;
font-family: 'Gilroy';
font-size: 12px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}
.inputDeposit:focus {
outline: none;
}
.inputDeposit::placeholder {
color: #FFF;
}
.disableLoader {
display: none !important;
}
.containerLoader {
width: 100%;
display: flex;
justify-content: center;
}
.loader {
border: 6px solid #f3f3f3;
border-radius: 50%;
border-top: 6px solid #4D28E2;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.loaderCalculator {
display: none;
border: 3px solid #FFF;
border-radius: 50%;
border-top: 3px solid #4D28E2;
width: 20px;
height: 20px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin-right: 10px;
}
.enableLoaderCalculator {
display: flex;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wrappSortBotList {
display: flex;
flex-direction: row;
min-height: 64px;
/*width: 100%; */
justify-content: space-between;
margin: 0px 30px;
}
.wrappSelectSort {
display: flex;
flex-direction: row;
min-height: 64px;
background: #4D28E2;
width: 30%;
border-radius: 70px;
padding-left: 20px;
padding-right: 20px;
align-items: center;
}
.selectSortTitle {
color: #947eee;
font-weight: 600;
font-size: 12px;
line-height: 12px;
font-family: 'Gilroy';
text-transform: uppercase;
/*margin-right: -10px;*/
width: inherit;
}
.selectSort {
background: #4D28E2;
border: 0px;
width: 100%;
color: #FFF;
font-weight: 800;
font-size: 12px;
font-family: 'Gilroy';
text-transform: uppercase;
-webkit-appearance: none;
margin-left: 5px;
}
.wrappFilterByDeposit {
display: flex;
flex-direction: row;
min-height: 64px;
background: #4D28E2;
width: 68.5%;
border-radius: 70px;
padding-left: 20px;
padding-right: 20px;
align-items: center;
justify-content: space-between;
}
.filterByDeposit {
color: #947eee;
max-width: 145px;
width: 100%;
font-weight: 600;
font-size: 12px;
line-height: 12px;
font-family: 'Gilroy';
text-transform: uppercase;
}
.wrappApplyBtnBotList {
text-transform: uppercase;
cursor: pointer;
border: 1px solid #FFF;
min-height: 36px;
min-width: 137px;
padding: 1px 5px;
color: #4D28E2;
background: #FFF;
font-family: 'Gilroy';
font-size: 12px;
border-radius: 50px;
font-weight: 800;
}
.wrappItemListBot {
background: #19191b;
min-height: 100px;
border-radius: 70px;
margin-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
align-items: center;
display: flex;
justify-content: space-between;
}
.wrappItemNameListBot {
flex-direction: row;
display: flex;
align-items: center;
flex: 1;
}
.nameItemBotList {
color: #FFF;
font-weight: 400;
font-size: 16px;
font-family: 'Gilroy';
}
.wrappStartDepositItemBotList {
display: flex;
flex: 1;
flex-direction: column;
}
.startDepositValue {
color: #FFF;
font-weight: 800;
font-size: 30px;
line-height: 37px;
font-family: 'Gilroy';
}
.startDeposit {
color: #8c8c8d;
font-weight: 400;
font-size: 16px;
line-height: 18px;
font-family: 'Gilroy';
}
.wrappPrevmonthProfitItemBotList {
display: flex;
flex: 1;
flex-direction: column;
}
.wrappPrevMonthProfitAmountItemBotList {
display: flex;
flex-direction: row;
}
.PrevMonthProfitAmountItemBotList {
color: #FFF;
font-weight: 800;
font-size: 30px;
line-height: 37px;
font-family: 'Gilroy';
}
.PrevMonthProfitPercentItemBotList {
background: #018CFF;
border-radius: 97px;
padding: 6px 10px 6px 10px;
align-items: center;
justify-content: center;
margin-left: 15px;
line-height: 14px;
align-self: center;
display: flex;
color: #FFF;
font-weight: 600;
font-size: 14px;
font-family: 'Gilroy';
}
.ProfitLastMonthTitleItemBotList {
color: #8c8c8d;
font-weight: 400;
font-size: 16px;
line-height: 18px;
font-family: 'Gilroy';
}
.ChooseBtnItemBotList {
color: #FFF;
display: flex;
min-width: 128px;
align-items: center;
justify-content: center;
cursor: pointer;
background: #19191b;
border-radius: 50px;
border: 1px solid;
padding: 11px 5px;
font-size: 18px;
font-weight: 400;
font-family: 'Gilroy';
}
.wrappNewFilterDepositSize {
display: none;
}
.wrappItemListBot2 {
display: none;
}
@media(max-width: 1200px) {
.inputDeposit {
min-width: 130px;
width: 130px;
}
.wrappSelectSort {
padding-left: 18px;
padding-right: 15px;
}
.selectSortTitle {
width: 38%;
}
}
@media(max-width: 970px) {
.wrappFilterByDeposit {
display: none;
}
.wrappSortBotList {
flex-direction: column;
justify-content: center;
margin: 0px;
}
.wrappSelectSort {
min-height: 54px;
width: 100%;
}
.nameItemBotList {
font-size: 19px;
}
.selectSortTitle {
width: 70px;
}
.wrappNewFilterDepositSize {
display: flex;
flex-direction: column;
background: #4D28E2;
width: 100%;
border-radius: 20px;
padding: 15px;
margin-top: 10px;
}
.wrappNewFilterTitleAndBtn {
display: flex;
justify-content: space-between;
align-items: center;
}
.wrappInputsFromTo {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.inputDeposit {
min-width: auto;
display: flex;
flex: 1;
}
.wrappItemListBot {
display: none;
}
.wrappItemListBot2 {
margin-bottom: 10px;
align-items: center;
display: flex;
justify-content: space-between;
background: #19191b;
min-height: auto;
border-radius: 20px;
padding: 15px 20px 19px 17px;
display: flex;
flex-direction: column;
}
.wrappNameAndShooseBtn {
display: flex;
width: 100%;
justify-content: space-between;
}
.ChooseBtnItemBotList {
height: 40px;
padding: 8px 5px;
font-size: 16px;
line-height: 16px;
}
.wrappStartDepositAndProfiMonth {
width: 100%;
margin-top: 25px;
display: flex;
}
.wrappStartDepositItemBotList {
display: flex;
flex-direction: column;
}
.wrappPrevMonthValues {
display: flex;
align-items: center;
}
.PrevMonthProfitPercentItemBotList {
padding: 5px 10px;
}
}
@media(max-width: 460px) {
.startDepositValue {
font-size: 20px;
line-height: 24px;
}
.PrevMonthProfitPercentItemBotList {
padding: 3px 8px;
font-size: 10px;
}
.ChooseBtnItemBotList {
height: 30px;
padding: 5px 5px;
font-size: 15px;
line-height: 15px;
min-width: 100px;
}
.startDeposit {
font-size: 12px;
line-height: 14px;
}
}
@media(max-width: 410px) {
.selectSort {
font-size: 10px;
}
.selectSortTitle {
font-size: 10px;
line-height: 10px;
}
.filterByDeposit {
font-size: 10px;
}
.wrappApplyBtnBotList {
min-width: 97px;
font-size: 11px;
}
.inputDeposit {
min-width: 80px;
width: 80px;
}
}
@media(max-width: 390px) {
.ChooseBtnItemBotList {
height: 25px;
padding: 5px 5px;
font-size: 13px;
line-height: 13px;
min-width: 90px;
}
.nameItemBotList {
font-size: 14px;
}
.startDepositValue {
font-size: 18px;
line-height: 22px;
}
.startDeposit {
font-size: 10px;
line-height: 12px;
}
.PrevMonthProfitPercentItemBotList {
font-size: 9px;
}
}
/*Calculator*/
.wrappInputEarn {
height: 90px;
max-width: 600px;
width: 100%;
background: #FFF;
padding: 1px 25px 1px 40px;
border-radius: 105px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.inputEarn {
flex: 0.8;
display: flex;
justify-content: flex-start;
width: 100%;
height: 60px;
font-size: 33px;
font-weight: 600;
border: 0px;
font-family: 'Gilroy';
}
.inputEarn:focus {
outline: none;
}
.wrapBtnsEarn {
flex: 1;
display: flex;
justify-content: flex-end;
}
.btnDefault {
min-height: 38px;
padding: 1px 20px;
font-size: 13px;
font-weight: 400;
font-family: 'Gilroy';
border: 0px;
border-radius: 30px;
background: #ffefe6;
text-transform: uppercase;
cursor: pointer;
}
.btn.active {
min-height: 38px;
padding: 1px 20px;
font-size: 13px;
font-weight: 800;
font-family: 'Gilroy';
border: 0px;
border-radius: 30px;
background: #FF5F00;
text-transform: uppercase;
cursor: pointer;
color: #FFf;
}
.wrapItem {
max-width: 740px;
width: 100%;
min-height: 100px;
background: #000;
border: 1px solid #4D28E2;
border-radius: 15px;
padding: 1px 20px 1px 30px;
margin-top: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.wrapCountNameRobots {
background: #192A4B;
border-radius: 8px;
padding: 5px 15px;
min-height: 60px;
display: flex;
align-items: center;
}
.wrappCount {
color: #FF5F00;
font-size: 18px;
font-weight: 800;
font-family: 'Gilroy';
margin-right: 15px;
}
.wrappName {
color: #FFF;
font-size: 18px;
font-weight: 800;
font-family: 'Gilroy';
}
.nameItem {
color: #FFF;
font-size: 18px;
font-weight: 400;
font-family: 'Gilroy';
}
.wrapDepositValue {
color: #FFF;
background: #192A4B;
border-radius: 8px;
font-size: 38px;
line-height: 38px;
font-weight: 800;
font-family: 'Gilroy';
padding: 5px 20px;
min-height: 60px;
display: flex;
align-items: center;
}
.buttonStartRightNow {
border: 0px;
text-transform: uppercase;
cursor: pointer;
min-height: 63px;
min-width: 270px;
padding: 1px 5px;
color: #FFF;
background: #4D28E2;
font-family: 'Gilroy';
font-size: 18px;
border-radius: 45px;
font-weight: 600;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.wrappApplyCalculatorBtn {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.applyCalculatorBtn {
min-height: 60px;
font-weight: 600;
font-size: 18px;
min-width: 160px;
line-height: 18px;
background: transparent;
border: 1px solid #FFF;
border-radius: 45px;
color: #FFF;
cursor: pointer;
text-transform: uppercase;
font-family: 'Gilroy';
}
@media(max-width: 500px) {
.wrappInputEarn {
height: 80px;
padding: 1px 25px 1px 20px;
}
.inputEarn{
font-size: 24px;
}
.btnDefault {
padding: 1px 10px;
font-size: 11px;
}
.btn.active {
padding: 1px 15px;
font-size: 12px;
}
.applyCalculatorBtn {
min-height: 50px;
font-size: 16px;
min-width: 150px;
line-height: 16px;
}
.wrapItem {
min-height: 70px;
}
.wrapCountNameRobots {
padding: 5px 10px;
min-height: 46px;
}
.nameItem {
font-size: 14px;
line-height: 14px;
}
.wrappCount {
font-size: 14px;
}
.wrappName {
font-size: 14px;
line-height: 14px;
}
.wrapDepositValue {
font-size: 25px;
line-height: 25px;
padding: 5px 15px;
min-height: 46px;
}
.buttonStartRightNow {
min-height: 53px;
min-width: 250px;
font-size: 16px;
margin-top: 30px;
}
}
@media(max-width: 400px) {
.wrappInputEarn {
height: 70px;
}
.inputEarn{
font-size: 17px;
}
.btnDefault {
min-height: 30px;
height: 30px;
padding: 1px 10px;
font-size: 10px;
}
.btn.active {
min-height: 30px;
height: 30px;
padding: 1px 10px;
font-size: 10px;
}
.applyCalculatorBtn {
min-height: 40px;
font-size: 14px;
min-width: 140px;
line-height: 14px;
}
.wrapBtnsEarn {
align-items: center;
}
.wrapItem {
min-height: 60px;
}
.wrapCountNameRobots {
padding: 5px 7px;
min-height: 40px;
}
.nameItem {
font-size: 12px;
}
.wrappCount {
margin-right: 8px;
font-size: 12px;
}
.wrappName {
font-size: 12px;
}
.wrapDepositValue {
font-size: 20px;
line-height: 20px;
padding: 5px 10px;
min-height: 40px;
}
.buttonStartRightNow {
min-height: 48px;
min-width: 240px;
font-size: 14px;
margin-top: 25px;
}
}
/*Bots Live*/
.wrappBotLiveItem {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 40px;
align-items: center;
margin-left: 15px;
margin-right: 15px;
}
.wrappBotLive {
color: #FFF;
width: 100%;
max-width: 697px;
display: flex;
background: #19191B;
border-radius: 40px;
padding: 22px 25px 58px 39px;
flex-direction: column;
position: relative;
}
.wrappScheduleBotLive {
color: #FFF;
width: 100%;
max-width: 890px;
height: 323px;
padding: 12px 20px;
border-top-right-radius: 70px;
border-bottom-right-radius: 70px;
background-image: linear-gradient(to right, #0d0a1c , #3c1c0d);
}
.wrappHeaderBotLive {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
margin-bottom: 45px;
}
.wrappFirstContentHeaderBotLive {
display: flex;
}
.wrappNameAndDateHeaderBotLive {
display: flex;
margin-top: 10px;
align-items: center;
}
.wrappNameHeaderBotLive {
display: flex;
margin-bottom: 5px;
align-items: center;
}
.nameHeaderBotLive {
margin-right: 15px;
font-size: 20px;
font-weight: 600;
line-height: 20px;
font-family: 'Gilroy';
}
.liveHeaderBotLive {
color: #43B10F;
font-weight: 400;
font-size: 16px;
line-height: 16px;
font-family: 'Gilroy';
}
.circleHeaderBotLive {
width: 6px;
height: 6px;
background: #43B10F;
border-radius: 90px;
margin-right: 5px;
}
.startDateHeaderBotLive {
color: #767677;
font-size: 11px;
line-height: 11px;
font-weight: 400;
text-align: left;
font-family: 'Gilroy';
}
.connectBtnHeaderBotLive {
min-width: 136px;
min-height: 38px;
background: transparent;
border: 1px solid #FFF;
border-radius: 50px;
cursor: pointer;
font-size: 18px;
line-height: 18px;
color: #FFF;
font-weight: 400;
padding: 1px 5px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Gilroy';
}
.circleWithSVG {
height: 46px;
width: 46px;
border-radius: 90px;
margin-right: 15px;
justify-content: center;
align-items: center;
display: flex;
padding-top: 1px;
}
.wrappIncomesBotLive{
display: flex;
padding-right: 18px;
}
.wrappIncomeBotLive {
display: flex;
flex-direction: column;
flex: 1;
text-align: left;
}
.wrappIncreaseBotLive {
padding: 7px 10px 7px 10px;
background: #018CFF;
border-radius: 90px;
display: flex;
align-items: center;
justify-content: center;
align-self: flex-start;
font-size: 14px;
font-weight: 600;
line-height: 16px;
margin-bottom: 5px;
}
.wrappAmountBotLive {
font-size: 30px;
line-height: 36px;
font-weight: 800;
font-family: 'Gilroy';
}
.marginLine {
margin: 35px 0px;
}
.wrappAmount2BotLive {
font-size: 20px;
line-height: 23px;
font-weight: 400;
font-family: 'Gilroy';
margin-top: 5px;
}
.wrappNameColumnBotLive {
color: #767677;
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-align: left;
font-family: 'Gilroy';
}
.wrappLineBotLive {
width: 100%;
position: absolute;
height: 1px;
background: #FFF;
bottom: 79px;
}
.wrappLineBotLiveDe {
width: 100%;
position: absolute;
height: 1px;
background: #FFF;
bottom: 79px;
}
.sizeSVGRobot {
width: 27px;
height: 27px;
}
.wrappSchedule {
max-width: 890px;
width: 100%;
}
@media (max-width: 1326px) {
.wrappLineBotLiveDe {
bottom: 65px;
}
}
@media (max-width: 1133px) {
.wrappLineBotLiveDe {
bottom: 75px;
}
}
@media (max-width: 1090px){
.wrappBotLiveItem {
flex-direction: column;
}
.wrappSchedule {
width: auto;
padding: 0px 30px;
}
.wrappScheduleBotLive {
max-width: 600px;
height: 350px;
border-top-right-radius: 0px;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
margin: -15px 0px;
padding: 34px 30px 5px 30px;
}
}
@media (max-width: 694px) {
.wrappLineBotLiveDe {
bottom: 63px;
}
}
@media (max-width: 560px) {
.canvas {
scale: 0.95;
}
.wrappScheduleBotLive {
height: 330px;
}
.nameHeaderBotLive {
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
.connectBtnHeaderBotLive {
min-width: 92px;
min-height: 34px;
font-size: 14px;
line-height: 14px;
}
.wrappIncreaseBotLive {
font-size: 10px;
line-height: 13px;
padding: 5px 7px 5px 7px;
}
.wrappAmountBotLive {
font-size: 20px;
line-height: 22px;
}
.wrappNameColumnBotLive {
font-size: 12px;
line-height: 13px;
}
.marginLine {
margin: 25px 0px;
}
.wrappLineBotLive {
bottom: 59px;
}
.wrappAmount2BotLive {
font-size: 16px;
line-height: 17px;
}
.disableBlock {
display: none;
}
.wrappLineBotLiveDe {
bottom: 48px;
}
}
@media (max-width: 480px) {
.wrappLineBotLiveDe {
bottom: 53px;
}
}
@media (max-width: 460px) {
.canvas {
scale: 0.9;
}
.wrappScheduleBotLive {
height: 310px;
padding: 20px 10px 5px 10px;
}
.wrappBotLive {
padding: 20px 23px 45px 30px;
}
.wrappHeaderBotLive {
margin-bottom: 25px;
}
.sizeSVGRobot {
width: 23px;
height: 23px;
}
.circleWithSVG {
height: 40px;
width: 40px;
}
.nameHeaderBotLive {
font-size: 12px;
line-height: 13px;
}
.liveHeaderBotLive {
font-size: 12px;
line-height: 13px;
}
.startDateHeaderBotLive {
font-size: 9px;
line-height: 9px;
}
.connectBtnHeaderBotLive {
min-width: 72px;
min-height: 30px;
font-size: 11px;
line-height: 11px;
}
.wrappIncreaseBotLive {
font-size: 9px;
line-height: 10px;
padding: 4px 6px 4px 6px;
}
.wrappAmountBotLive {
font-size: 16px;
line-height: 17px;
}
.marginLine {
margin: 20px 0px;
}
.wrappLineBotLive {
bottom: 49px;
}
.wrappNameColumnBotLive {
font-size: 10px;
line-height: 11px;
}
.wrappAmount2BotLive {
font-size: 13px;
line-height: 14px;
}
.wrappLineBotLiveDe {
bottom: 39px;
}
}
@media (max-width: 415px) {
.wrappLineBotLiveDe {
bottom: 43px;
}
}
@media (max-width: 400px) {
.wrappBotLive {
padding: 15px 20px 35px 25px
}
.wrappHeaderBotLive {
margin-bottom: 15px;
}
.sizeSVGRobot {
width: 20px;
height: 20px;
}
.circleWithSVG {
height: 35px;
width: 35px;
}
.connectBtnHeaderBotLive {
min-width: 52px;
min-height: 26px;
font-size: 9px;
line-height: 9px;
}
.wrappIncreaseBotLive {
font-size: 8px;
line-height: 9px;
padding: 3px 5px 3px 5px;
}
.wrappAmountBotLive {
font-size: 14px;
line-height: 15px;
}
.marginLine {
margin: 15px 0px;
}
.wrappLineBotLive {
bottom: 40px;
}
.wrappNameColumnBotLive {
font-size: 8px;
line-height: 9px;
}
.wrappAmount2BotLive {
font-size: 11px;
line-height: 12px;
}
.wrappLineBotLiveDe {
bottom: 38px;
}
}
@media (max-width: 398px) {
.wrappLineBotLiveDe {
bottom: 33px !important;
}
}
/*Pick up goal*/
.mySwiper {
width: 100%;
padding-bottom: 20px !important;
/*height: 300px;*/
}
.swiper-wrapper {
/*height: auto !important;*/
justify-content: center;
align-items: center;
}
.swiper-slide {
position: relative;
/*background: transparent;*/
/*display: flex !important;*/
flex-direction: column !important;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 350px;
object-fit: cover;
}
.swiper-slide-active img {
width: 400px;
}
.priceGoal {
display: flex;
color: #FFF;
font-weight: 500;
font-size: 20px;
line-height: 20px;
width: 400px;
margin-top: 10px;
justify-content: center;
font-family: 'Gilroy';
}
@media(max-width: 1700px) {
.swiper-slide img {
width: 300px;
}
.swiper-slide-active img {
width: 350px;
}
.priceGoal {
width: 350px;
}
}
@media(max-width: 1450px) {
.swiper-slide img {
width: 250px;
}
.swiper-slide-active img {
width: 300px;
}
.priceGoal {
width: 300px;
}
}
@media(max-width: 1200px) {
.swiper-slide {
display: flex !important;
flex-direction: column;
}
.swiper-slide img {
width: 200px;
}
.swiper-slide-active img {
width: 250px;
}
.swiper-wrapper {
justify-content: flex-start;
}
}
@media(max-width: 360px) {
.swiper-slide img {
width: 150px;
}
.swiper-slide-active img {
width: 200px;
}
}
/*----------------------*/
.wrappPickUpGoal {
display: flex;
margin: 0px 20px;
justify-content: center;
align-items: center;
}
.wrappInputDeposiAndPeriod {
display: flex;
justify-content: space-between;
max-width: 400px;
width: 100%;
height: 70px;
background: #FFF;
border-radius: 90px;
align-items: center;
padding: 10px 30px;
}
.wrappCircleInInput {
background: #ffefe6;
width: 40px;
height: 40px;
border-radius: 90px;
align-items: center;
display: flex;
color: #FF5F00;
justify-content: center;
font-size: 15px;
font-weight: 600;
font-family: 'Gilroy';
}
.wrappCicrleMonthInInput {
background: #ffefe6;
height: 40px;
border-radius: 90px;
align-items: center;
display: flex;
justify-content: center;
padding: 1px 10px;
}
.monthInInput {
font-size: 15px;
font-weight: 600;
color: #FF5F00;
margin-right: 5px;
font-family: 'Gilroy';
}
.inputPickUpGoal {
width: 80%;
height: 45px;
border: 0px;
font-size: 20px;
font-family: 'Gilroy';
}
.inputPickUpGoal:focus {
outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wrappImageInCircle {
border: 10px solid #FFF;
width: 70px;
height: 70px;
border-radius: 90px;
background: transparent;
display: flex;
margin: 0px 20px;
align-items: center;
justify-content: center;
}
.imageInCircle {
width: 70px;
}
.wrappCalculateBtn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
border-radius: 60px;
background: #4D28E2;
border: 0px;
width: 100%;
max-width: 230px;
font-size: 20px;
height: 60px;
font-weight: 600;
color: #FFF;
cursor: pointer;
}
.wrappCalendarPickUpGoal {
width: 16px;
height: 18px;
}
@media(max-width: 1000px) {
.wrappInputDeposiAndPeriod {
height: 65px;
}
.inputPickUpGoal {
width: 80%;
height: 40px;
font-size: 18px;
}
}
@media(max-width: 800px) {
.wrappInputDeposiAndPeriod {
height: 60px;
}
.inputPickUpGoal {
width: 80%;
height: 35px;
font-size: 16px;
}
}
@media(max-width: 680px) {
.wrappInputDeposiAndPeriod {
height: 55px;
padding: 10px 20px;
}
.inputPickUpGoal {
width: 80%;
height: 30px;
font-size: 14px;
}
}
@media(max-width: 680px) {
.wrappInputDeposiAndPeriod {
height: 50px;
padding: 8px 15px;
}
.inputPickUpGoal {
width: 80%;
height: 25px;
font-size: 13px;
}
.wrappCircleInInput {
width: 30px;
height: 30px;
font-size: 14px;
font-weight: 600;
}
.wrappCalendarPickUpGoal {
width: 14px;
height: 16px;
}
.wrappCalculateBtn {
font-size: 18px;
height: 50px;
}
.wrappCicrleMonthInInput {
height: 30px;
padding: 1px 8px;
}
.monthInInput {
font-size: 13px;
}
}
@media(max-width: 530px) {
.wrappInputDeposiAndPeriod {
height: 45px;
padding: 6px 10px;
}
.inputPickUpGoal {
width: 80%;
height: 20px;
font-size: 12px;
}
.wrappCircleInInput {
width: 25px;
height: 25px;
font-size: 13px;
font-weight: 600;
}
.wrappCalendarPickUpGoal {
width: 13px;
height: 15px;
}
.wrappCalculateBtn {
font-size: 17px;
height: 45px;
max-width: 200px;
}
.wrappCicrleMonthInInput {
height: 25px;
padding: 1px 6px;
}
.monthInInput {
font-size: 12px;
}
}
@media(max-width: 485px) {
.wrappImageInCircle {
border: 8px solid #FFF;
width: 50px;
height: 50px;
margin: 0px 10px;
}
.imageInCircle {
width: 50px;
}
}
@media(max-width: 444px) {
.wrappPickUpGoal {
margin: 0px 5px;
}
.wrappImageInCircle {
border: 5px solid #FFF;
width: 40px;
height: 40px;
margin: 0px 10px;
}
.imageInCircle {
width: 40px;
}
.wrappInputDeposiAndPeriod {
height: 40px;
padding: 5px 7px;
}
.inputPickUpGoal {
width: 80%;
height: 20px;
font-size: 11px;
}
.wrappCircleInInput {
width: 20px;
height: 20px;
font-size: 12px;
font-weight: 600;
}
.wrappCalendarPickUpGoal {
width: 11px;
height: 13px;
}
.wrappCicrleMonthInInput {
height: 20px;
padding: 1px 4px;
}
.monthInInput {
font-size: 10px;
}
}
/*Select lang*/
.wrappSelectLang {
position: absolute;
top: 0.26%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangBtn{
border-radius: 12px;
/*height: 51px;*/
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
cursor: pointer;
}
.wrappSelectLangBtn .name{
font-weight: 700;
font-size: 11px;
line-height: 22px;
color: #818181 !important;
margin-right: 12px;
font-family: 'Gilroy';
}
.wrappListLangs {
background: #090909;
box-shadow: 0px 4px 24px rgba(41, 98, 151, 0.25);
border-radius: 20px;
width: 176px;
position: absolute;
z-index: 5;
top: calc(100% + 7px);
left: 0;
padding: 15px;
display: none;
}
.active .wrappListLangs {
display: block;
}
.langDropItem {
margin-bottom: 15px;
}
.langDropItem:last-child{
margin-bottom: 0;
}
.langDropItem a{
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-decoration: none;
color: #FFF !important;
}
.arrowSVG {
width: 11px;
height: 8px;
}
.active .wrappSelectLangBtn .arrowSVG{
transform: rotate(-180deg);
}
/*--------------------------*/
.wrappSelectLangBotList {
position: absolute;
top: 0.44%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangBotListPT {
position: absolute;
top: 0.4%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangLiveBots {
position: absolute;
top: 0.14%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangPricing {
position: absolute;
top: 1.2%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangFAQ {
position: absolute;
top: 1.4%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangBlog {
position: absolute;
top: 0.4%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangBlogPT {
position: absolute;
top: 0.9%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangCalculator {
position: absolute;
top: 1.1%;
right: 18.6%;
z-index: 10000;
}
.wrappSelectLangVIP {
position: absolute;
top: 0.9%;
right: 18.6%;
z-index: 10000;
}
@media(max-width: 1800px) {
.wrappSelectLangLiveBots {
top: 0.18%;
}
.wrappSelectLangBlog {
top: 0.3%;
}
.wrappSelectLangBotListPT {
top: 0.3%;
}
}
@media(max-width: 1700px) {
.wrappSelectLangLiveBots {
top: 0.18%;
}
.wrappSelectLangBlog {
top: 0.3%;
}
}
@media(max-width: 1600px) {
.wrappSelectLang {
top: 0.2%;
}
.wrappSelectLangBotList {
top: 0.34%;
}
.wrappSelectLangBlogPT {
top: 0.7%;
}
}
@media(max-width: 1500px) {
.wrappSelectLangLiveBots {
top: 0.14%;
}
.wrappSelectLangBotListPT {
top: 0.23%;
}
.wrappSelectLangPricing {
top: 1.0%;
}
.wrappSelectLangBlog {
top: 0.25%;
}
.wrappSelectLangVIP {
top: 0.8%;
}
}
@media(max-width: 1400px) {
.wrappSelectLangBotList {
top: 0.27%;
}
.wrappSelectLangFAQ {
top: 1.2%;
}
}
@media(max-width: 1300px) {
.wrappSelectLangBtn .name{
font-size: 15px;
line-height: 20px;
}
.wrappSelectLangCalculator {
top: 1%;
}
.wrappSelectLangBotListPT {
top: 0.19%;
}
}
@media(max-width: 1199px) {
.wrappSelectLang {
right: 36.6%;
top: 0.23%;
}
.wrappSelectLangBotList {
right: 36.6%;
top: 0.37%;;
}
.wrappSelectLangBotListPT {
right: 36.6%;
top: 0.29%;
}
.wrappSelectLangLiveBots {
right: 36.6%;
top: 0.18%;
}
.wrappSelectLangPricing {
right: 36.6%;
top: 1.2%;
}
.wrappSelectLangFAQ {
right: 36.6%;
}
.wrappSelectLangBlog {
right: 36.6%;
top: 0.36%;
}
.wrappSelectLangBlogPT {
right: 36.6%;
top: 0.76%;
}
.wrappSelectLangCalculator {
right: 36.6%;
top: 1.1%;
}
.wrappSelectLangVIP {
right: 36.6%;
top: 1.4%;
}
.wrappSelectLangBtn .name{
font-size: 17px;
line-height: 20px;
}
}
@media(max-width: 1090px) {
.wrappSelectLangLiveBots {
top: 0.1%;
}
}
@media(max-width: 970px) {
.wrappSelectLangBotListPT {
top: 0.2%;
}
}
@media(max-width: 960px) {
.wrappSelectLang {
right: 51%;
}
.wrappSelectLangBotList {
right: 51%;
top: 0.27%;
}
.wrappSelectLangBotListPT {
right: 51%;
/*top: 0.2%;*/
}
.wrappSelectLangLiveBots {
right: 51%;
/*top: 0.1%;*/
}
.wrappSelectLangPricing {
right: 51%;
/*top: 1.2%;*/
}
.wrappSelectLangFAQ {
right: 51%;
}
.wrappSelectLangBlog {
right: 51%;
top: 0.1%;
}
.wrappSelectLangBlogPT {
right: 51%;
top: 0.36%;
}
.wrappSelectLangCalculator {
right: 51%;
/*top: 1.1%;*/
}
.wrappSelectLangVIP {
right: 51%;
/*top: 1.4%;*/
}
}
@media(max-width: 640px) {
.wrappSelectLang {
right: 53%;
}
.wrappSelectLangBotList {
right: 53%;
}
.wrappSelectLangBotListPT {
right: 53%;
}
.wrappSelectLangLiveBots {
right: 53%;
}
.wrappSelectLangPricing {
right: 53%;
/*top: 1.2%;*/
}
.wrappSelectLangFAQ {
right: 53%;
}
.wrappSelectLangBlog {
right: 53%;
/*top: 0.1%;*/
}
.wrappSelectLangBlogPT {
right: 53%;
}
.wrappSelectLangCalculator {
right: 53%;
/*top: 1.1%;*/
}
.wrappSelectLangVIP {
right: 53%;
top: 1.55%;
}
}
@media(max-width: 560px) {
.wrappSelectLangLiveBots {
top: 0.12%;
}
}
@media(max-width: 480px) {
.wrappSelectLangBtn .name {
font-size: 14px;
line-height: 16px;
}
.wrappSelectLangBotList {
top: 0.33%;
}
.wrappSelectLangBotListPT {
top: 0.24%;
}
.wrappSelectLangLiveBots {
top: 0.16%;
}
.arrowSVG {
width: 9px;
height: 6px;
}
.wrappSelectLang {
top: 0.33%;
}
.wrappSelectLangPricing {
top: 1.3%;
}
.wrappSelectLangFAQ {
top: 1.5%;
}
.wrappSelectLangBlog {
top: 0.15%;
}
.wrappSelectLangBlogPT {
top: 0.5%;
}
.wrappSelectLangCalculator {
top: 1.2%;
}
}
@media(max-width: 480px) {
.wrappSelectLangBotListPT {
top: 0.26%;
}
}
@media(max-width: 400px) {
.wrappSelectLangLiveBots {
top: 0.18%;
}
.wrappSelectLangBlog {
top: 0.17%;
}
}